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

beisencloud pc react components

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = undefined;

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require("babel-runtime/helpers/createClass");

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require("babel-runtime/helpers/inherits");

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _PopLayer = require("./PopLayer");

var _PopLayer2 = _interopRequireDefault(_PopLayer);

var _commonMount = require("../common-mount");

var _commonMount2 = _interopRequireDefault(_commonMount);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var PopLayerWithMask = function (_Component) {
    (0, _inherits3.default)(PopLayerWithMask, _Component);

    function PopLayerWithMask(props) {
        (0, _classCallCheck3.default)(this, PopLayerWithMask);

        var _this = (0, _possibleConstructorReturn3.default)(this, (PopLayerWithMask.__proto__ || (0, _getPrototypeOf2.default)(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 _commonMount2.default({
            containerId: _this.popLayerCenterMountContainerId,
            follow: false, // 是否滚动跟随，默认true
            fixed: true // 定位：fixed，false时为absolute
        });
        return _this;
    }

    (0, _createClass3.default)(PopLayerWithMask, [{
        key: "componentDidMount",
        value: function componentDidMount() {
            var popLayer = _react2.default.createElement(_PopLayer2.default, (0, _extends3.default)({}, this.props, { showHide: this.onClose }));
            this.renderCenterConfirm(popLayer);
        }
    }, {
        key: "componentDidUpdate",
        value: function componentDidUpdate() {
            if (!this.props.hidden) {
                var popLayer = _react2.default.createElement(_PopLayer2.default, (0, _extends3.default)({}, 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;
}(_react.Component);

exports.default = PopLayerWithMask;
module.exports = exports['default'];