@beisen-platform/pop-layer/lib/PopLayerWithMask.js

import _extends from "@babel/runtime/helpers/extends";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import React, { Component } from "react";
import PopLayer from "./PopLayer";
import CommonMount from "@beisen-platform/common-mount";

var PopLayerWithMask =
/*#__PURE__*/
function (_Component) {
  _inherits(PopLayerWithMask, _Component);

  function PopLayerWithMask(props) {
    var _this;

    _classCallCheck(this, PopLayerWithMask);

    _this = _possibleConstructorReturn(this, _getPrototypeOf(PopLayerWithMask).call(this, props));

    _this.onClose = function () {
      var _this$props;

      _this.commonMount.unmountBox();

      _this.props.showHide && (_this$props = _this.props).showHide.apply(_this$props, arguments);
    };

    _this.popLayerCenterMountContainerId = 'pop-layer__center_mount_container';
    _this.commonMount = new CommonMount({
      containerId: _this.popLayerCenterMountContainerId,
      follow: false,
      // 是否滚动跟随，默认true
      fixed: true // 定位：fixed，false时为absolute

    });
    return _this;
  }

  _createClass(PopLayerWithMask, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var popLayer = React.createElement(PopLayer, _extends({}, this.props, {
        showHide: this.onClose
      }));
      this.renderCenterConfirm(popLayer);
    }
  }, {
    key: "componentDidUpdate",
    value: function componentDidUpdate() {
      if (!this.props.hidden) {
        var popLayer = React.createElement(PopLayer, _extends({}, this.props, {
          showHide: this.onClose
        }));
        this.renderCenterConfirm(popLayer);
      }
    }
  }, {
    key: "renderCenterConfirm",
    value: function renderCenterConfirm(content) {
      this.commonMount.renderDom('pop-layer__center-mask', content, null, [document.body, {}]);
      this.isConfirmPopLayerRendered = true;
    }
  }, {
    key: "render",
    value: function render() {
      return null;
    }
  }]);

  return PopLayerWithMask;
}(Component);

export { PopLayerWithMask as default };