choerodon-ui/pro/lib/modal/Modal.js

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

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

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

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

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));

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

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

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _tslib = require("tslib");

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _isEqual = _interopRequireDefault(require("lodash/isEqual"));

var _defer = _interopRequireDefault(require("lodash/defer"));

var _noop = _interopRequireDefault(require("lodash/noop"));

var _isNil = _interopRequireDefault(require("lodash/isNil"));

var _isNumber = _interopRequireDefault(require("lodash/isNumber"));

var _classnames = _interopRequireDefault(require("classnames"));

var _componentClasses = _interopRequireDefault(require("component-classes"));

var _UnitConvertor = require("../../../lib/_util/UnitConvertor");

var _KeyCode = _interopRequireDefault(require("../../../lib/_util/KeyCode"));

var _configure = require("../../../lib/configure");

var _ViewComponent2 = _interopRequireDefault(require("../core/ViewComponent"));

var _icon = _interopRequireDefault(require("../icon"));

var _autobind = _interopRequireDefault(require("../_util/autobind"));

var _Button = _interopRequireDefault(require("../button/Button"));

var _EventManager = _interopRequireDefault(require("../_util/EventManager"));

var _isEmpty = _interopRequireDefault(require("../_util/isEmpty"));

var _enum = require("../button/enum");

var _AsyncComponent = _interopRequireDefault(require("../_util/AsyncComponent"));

var _message = _interopRequireDefault(require("../message"));

var _exception = _interopRequireDefault(require("../_util/exception"));

var _localeContext = require("../locale-context");

var _DataSetRequestError = _interopRequireDefault(require("../data-set/DataSetRequestError"));

var _utils = require("./utils");

var _DocumentUtils = require("../_util/DocumentUtils");

function _createSuper(Derived) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;

    try {
      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
      return true;
    } catch (e) {
      return false;
    }
  }

  return function () {
    var Super = (0, _getPrototypeOf2["default"])(Derived),
        result;

    if (isNativeReflectConstruct()) {
      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }

    return (0, _possibleConstructorReturn2["default"])(this, result);
  };
}

function fixUnit(n) {
  if ((0, _isNumber["default"])(n)) {
    return "".concat(n, "px");
  }

  return n;
}

function getTransformOrigin(position, style) {
  var _ref = typeof window === 'undefined' ? {} : (0, _DocumentUtils.getDocument)(window).documentElement,
      _ref$offsetWidth = _ref.offsetWidth,
      offsetWidth = _ref$offsetWidth === void 0 ? 0 : _ref$offsetWidth,
      _ref$scrollTop = _ref.scrollTop,
      scrollTop = _ref$scrollTop === void 0 ? 0 : _ref$scrollTop,
      _ref$scrollLeft = _ref.scrollLeft,
      scrollLeft = _ref$scrollLeft === void 0 ? 0 : _ref$scrollLeft;

  var _style$width = style.width,
      width = _style$width === void 0 ? 520 : _style$width,
      left = style.left,
      _style$top = style.top,
      top = _style$top === void 0 ? 100 : _style$top;
  var x = position.x,
      y = position.y;
  var originX = "calc(".concat(x, "px - ").concat((0, _isNil["default"])(left) ? "(".concat(offsetWidth, "px - ").concat(fixUnit(width), ") / 2") : "".concat(fixUnit(left)), " - ").concat(scrollLeft, "px)"); // const originX = isNil(left) ? `calc(${x}px - (${offsetWidth}px - ${width}px) / 2)` : `${x - (toPx(left) || 0)}px`;

  var originY = "calc(".concat(y, "px - ").concat(fixUnit(top), " - ").concat(scrollTop, "px)"); // const originY = `${y - (toPx(top) || 0) - scrollTop}px`;

  return "".concat(originX, " ").concat(originY);
}

var Modal =
/*#__PURE__*/
function (_ViewComponent) {
  (0, _inherits2["default"])(Modal, _ViewComponent);

  var _super = _createSuper(Modal);

  function Modal(props, context) {
    var _this;

    (0, _classCallCheck2["default"])(this, Modal);
    _this = _super.call(this, props, context);
    _this.moveEvent = new _EventManager["default"](typeof window === 'undefined' ? undefined : (0, _DocumentUtils.getDocument)(window));
    _this.okCancelEvent = new _EventManager["default"]();

    _this.getDefaultHeader = function (title, closeButton, _okBtn, _cancelBtn) {
      var _assertThisInitialize = (0, _assertThisInitialized2["default"])(_this),
          prefixCls = _assertThisInitialize.prefixCls;

      if (title || closeButton) {
        return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
          className: "".concat(prefixCls, "-title")
        }, title), _react["default"].createElement("div", {
          className: "".concat(prefixCls, "-header-buttons")
        }, closeButton));
      }
    };

    _this.getDefaultFooter = function (okBtn, cancelBtn, _modalChildrenProps) {
      var _this$props = _this.props,
          okCancel = _this$props.okCancel,
          okButton = _this$props.okButton,
          _this$props$cancelBut = _this$props.cancelButton,
          cancelButton = _this$props$cancelBut === void 0 ? okCancel !== false : _this$props$cancelBut,
          _this$props$okFirst = _this$props.okFirst,
          okFirst = _this$props$okFirst === void 0 ? (0, _configure.getConfig)('modalOkFirst') : _this$props$okFirst,
          drawer = _this$props.drawer;
      var buttons = [];

      if (okButton !== false) {
        buttons.push(okBtn);
      }

      if (cancelButton !== false) {
        var drawerOkFirst = (0, _configure.getConfig)('drawerOkFirst');

        if (drawer && !(0, _isNil["default"])(drawerOkFirst)) {
          if (drawerOkFirst) {
            buttons.push(cancelBtn);
          } else {
            buttons.unshift(cancelBtn);
          }
        } else if (okFirst) {
          buttons.push(cancelBtn);
        } else {
          buttons.unshift(cancelBtn);
        }
      }

      return _react["default"].createElement("div", null, buttons);
    };

    _this.registerOk = function (ok) {
      _this.okCancelEvent.removeEventListener('ok');

      _this.okCancelEvent.addEventListener('ok', ok);
    };

    _this.registerCancel = function (cancel) {
      _this.okCancelEvent.removeEventListener('cancel');

      _this.okCancelEvent.addEventListener('cancel', cancel);
    };

    var _props$close = props.close,
        close = _props$close === void 0 ? _noop["default"] : _props$close,
        _props$update = props.update,
        update = _props$update === void 0 ? _noop["default"] : _props$update;
    _this.childrenProps = {
      close: close,
      update: update,
      props: props,
      handleOk: _this.registerOk,
      handleCancel: _this.registerCancel
    };
    return _this;
  }

  (0, _createClass2["default"])(Modal, [{
    key: "componentWillReceiveProps",
    value: function componentWillReceiveProps(nextProps, nextContext) {
      (0, _get2["default"])((0, _getPrototypeOf2["default"])(Modal.prototype), "componentWillReceiveProps", this).call(this, nextProps, nextContext);

      if (!(0, _isEqual["default"])(this.props, nextProps)) {
        var _nextProps$close = nextProps.close,
            close = _nextProps$close === void 0 ? _noop["default"] : _nextProps$close,
            _nextProps$update = nextProps.update,
            update = _nextProps$update === void 0 ? _noop["default"] : _nextProps$update;
        (0, _extends2["default"])(this.childrenProps, {
          close: close,
          update: update,
          props: nextProps
        });
      }
    }
  }, {
    key: "saveCancelRef",
    value: function saveCancelRef(node) {
      this.cancelButton = node;
    }
  }, {
    key: "handleKeyDown",
    value: function handleKeyDown(e) {
      if (e.keyCode === _KeyCode["default"].ESC) {
        var cancelButton = this.cancelButton;

        if (cancelButton && !cancelButton.disabled) {
          cancelButton.handleClickWait(e);
        } else {
          this.handleCancel();
        }
      }
    }
  }, {
    key: "getOmitPropsKeys",
    value: function getOmitPropsKeys() {
      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Modal.prototype), "getOmitPropsKeys", this).call(this).concat(['__deprecate__', 'closable', 'movable', 'maskClosable', 'maskStyle', 'mask', 'maskClassName', 'keyboardClosable', 'fullScreen', 'title', 'header', 'footer', 'close', 'update', 'okText', 'cancelText', 'okButton', 'cancelButton', 'okCancel', 'onClose', 'onOk', 'onCancel', 'destroyOnClose', 'drawer', 'drawerOffset', 'drawerTransitionName', 'transitionAppear', 'afterClose', 'okProps', 'cancelProps', 'border', 'drawerBorder', 'okFirst', 'autoCenter', 'mousePosition', 'active', 'contentStyle', 'bodyStyle', 'closeOnLocationChange']);
    }
  }, {
    key: "getOtherProps",
    value: function getOtherProps() {
      var otherProps = (0, _get2["default"])((0, _getPrototypeOf2["default"])(Modal.prototype), "getOtherProps", this).call(this);
      var _this$props2 = this.props,
          hidden = _this$props2.hidden,
          mousePosition = _this$props2.mousePosition,
          _this$props2$keyboard = _this$props2.keyboardClosable,
          keyboardClosable = _this$props2$keyboard === void 0 ? (0, _configure.getConfig)('modalKeyboard') : _this$props2$keyboard,
          _this$props2$style = _this$props2.style,
          style = _this$props2$style === void 0 ? {} : _this$props2$style,
          drawer = _this$props2.drawer;

      if (keyboardClosable) {
        otherProps.autoFocus = true;
        otherProps.tabIndex = -1;
        otherProps.onKeyDown = this.handleKeyDown;
      }

      if (!drawer) {
        var position = this.mousePosition || mousePosition;

        if (position) {
          this.mousePosition = position;
          otherProps.style = (0, _objectSpread2["default"])({}, style, {
            transformOrigin: getTransformOrigin(position, style)
          });
        }

        if (hidden) {
          this.mousePosition = null;
        }
      }

      return otherProps;
    }
  }, {
    key: "contentReference",
    value: function contentReference(node) {
      this.contentNode = node;
    }
  }, {
    key: "getClassName",
    value: function getClassName() {
      var _get$call;

      var prefixCls = this.prefixCls,
          _this$props3 = this.props,
          _this$props3$style = _this$props3.style,
          style = _this$props3$style === void 0 ? {} : _this$props3$style,
          fullScreen = _this$props3.fullScreen,
          drawer = _this$props3.drawer,
          _this$props3$drawerTr = _this$props3.drawerTransitionName,
          drawerTransitionName = _this$props3$drawerTr === void 0 ? (0, _configure.getConfig)('drawerTransitionName') : _this$props3$drawerTr,
          size = _this$props3.size,
          active = _this$props3.active,
          _this$props3$border = _this$props3.border,
          border = _this$props3$border === void 0 ? (0, _configure.getConfig)('modalSectionBorder') : _this$props3$border,
          _this$props3$drawerBo = _this$props3.drawerBorder,
          drawerBorder = _this$props3$drawerBo === void 0 ? (0, _configure.getConfig)('drawerSectionBorder') : _this$props3$drawerBo,
          _this$props3$autoCent = _this$props3.autoCenter,
          autoCenter = _this$props3$autoCent === void 0 ? (0, _configure.getConfig)('modalAutoCenter') : _this$props3$autoCent;
      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Modal.prototype), "getClassName", this).call(this, (_get$call = {}, (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-center"), !drawer && !('left' in style || 'right' in style) && !this.offset), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-fullscreen"), fullScreen), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-drawer"), drawer), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-border"), drawer ? drawerBorder : border), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-drawer-").concat(drawerTransitionName), drawer), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-auto-center"), autoCenter && !drawer && !fullScreen), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-").concat(size), size), (0, _defineProperty2["default"])(_get$call, "".concat(prefixCls, "-active"), active), _get$call));
    }
  }, {
    key: "render",
    value: function render() {
      var prefixCls = this.prefixCls,
          _this$props4 = this.props,
          contentStyle = _this$props4.contentStyle,
          drawer = _this$props4.drawer;
      var header = this.getHeader();
      var body = this.getBody();
      var footer = this.getFooter();
      return _react["default"].createElement("div", (0, _extends2["default"])({}, this.getMergedProps()), _react["default"].createElement("div", {
        ref: this.contentReference,
        className: (0, _classnames["default"])("".concat(prefixCls, "-content"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-drawer-content"), drawer)),
        style: contentStyle
      }, header, body, footer));
    }
  }, {
    key: "componentWillUpdate",
    value: function componentWillUpdate(_ref2) {
      var _this2 = this;

      var hidden = _ref2.hidden;

      if (hidden === false && hidden !== this.props.hidden) {
        (0, _defer["default"])(function () {
          return _this2.focus();
        });
      }
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      this.moveEvent.clear();
      this.okCancelEvent.clear();
    }
  }, {
    key: "handleHeaderMouseDown",
    value: function handleHeaderMouseDown(downEvent) {
      var _this3 = this;

      var element = this.element,
          contentNode = this.contentNode,
          _this$props$autoCente = this.props.autoCenter,
          autoCenter = _this$props$autoCente === void 0 ? (0, _configure.getConfig)('modalAutoCenter') : _this$props$autoCente;

      if (element && contentNode) {
        var prefixCls = this.prefixCls;
        var clientX = downEvent.clientX,
            clientY = downEvent.clientY;
        var offsetLeft = element.offsetLeft,
            offsetTop = element.offsetTop;
        var heightW = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        var autoMove = 0;
        this.moveEvent.addEventListener('mousemove', function (moveEvent) {
          var moveX = moveEvent.clientX,
              moveY = moveEvent.clientY;
          (0, _componentClasses["default"])(element).remove("".concat(prefixCls, "-center"));
          var left = (0, _UnitConvertor.pxToRem)(Math.max(offsetLeft + moveX - clientX, 0));
          var top = (0, _UnitConvertor.pxToRem)(Math.max(offsetTop + autoMove + moveY - clientY, 0));
          _this3.offset = [left, top];

          if (autoCenter && (0, _componentClasses["default"])(element).has("".concat(prefixCls, "-auto-center"))) {
            (0, _componentClasses["default"])(element).remove("".concat(prefixCls, "-auto-center"));
            autoMove = Math.max((heightW - contentNode.clientHeight) / 2, 0);
            (0, _extends2["default"])(element.style, {
              left: left,
              top: (0, _UnitConvertor.pxToRem)(autoMove)
            });
          } else {
            (0, _extends2["default"])(element.style, {
              left: left,
              top: top
            });
          }
        }).addEventListener('mouseup', function () {
          _this3.moveEvent.clear();
        });
      }
    }
  }, {
    key: "handleOk",
    value: function () {
      var _handleOk = (0, _asyncToGenerator2["default"])(
      /*#__PURE__*/
      _regenerator["default"].mark(function _callee() {
        var _this$props$onOk, onOk, promise, _ref3, _ref4, ret1, ret2;

        return _regenerator["default"].wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _this$props$onOk = this.props.onOk, onOk = _this$props$onOk === void 0 ? _noop["default"] : _this$props$onOk;
                promise = Promise.all([onOk(), this.okCancelEvent.fireEvent('ok')]);
                _context.prev = 2;
                _context.next = 5;
                return promise;

              case 5:
                _ref3 = _context.sent;
                _ref4 = (0, _slicedToArray2["default"])(_ref3, 2);
                ret1 = _ref4[0];
                ret2 = _ref4[1];

                if (ret1 !== false && ret2) {
                  this.close();
                }

                _context.next = 16;
                break;

              case 12:
                _context.prev = 12;
                _context.t0 = _context["catch"](2);

                if (!(_context.t0 instanceof _DataSetRequestError["default"])) {
                  _message["default"].error((0, _exception["default"])(_context.t0));
                }

                throw _context.t0;

              case 16:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, this, [[2, 12]]);
      }));

      function handleOk() {
        return _handleOk.apply(this, arguments);
      }

      return handleOk;
    }()
  }, {
    key: "handleCancel",
    value: function () {
      var _handleCancel = (0, _asyncToGenerator2["default"])(
      /*#__PURE__*/
      _regenerator["default"].mark(function _callee2() {
        var _this$props$onCancel, onCancel, promise, _ref5, _ref6, ret1, ret2;

        return _regenerator["default"].wrap(function _callee2$(_context2) {
          while (1) {
            switch (_context2.prev = _context2.next) {
              case 0:
                _this$props$onCancel = this.props.onCancel, onCancel = _this$props$onCancel === void 0 ? _noop["default"] : _this$props$onCancel;
                promise = Promise.all([onCancel(), this.okCancelEvent.fireEvent('cancel')]);
                _context2.prev = 2;
                _context2.next = 5;
                return promise;

              case 5:
                _ref5 = _context2.sent;
                _ref6 = (0, _slicedToArray2["default"])(_ref5, 2);
                ret1 = _ref6[0];
                ret2 = _ref6[1];

                if (ret1 !== false && ret2) {
                  this.close();
                }

                _context2.next = 16;
                break;

              case 12:
                _context2.prev = 12;
                _context2.t0 = _context2["catch"](2);

                if (!(_context2.t0 instanceof _DataSetRequestError["default"])) {
                  _message["default"].error((0, _exception["default"])(_context2.t0));
                }

                throw _context2.t0;

              case 16:
              case "end":
                return _context2.stop();
            }
          }
        }, _callee2, this, [[2, 12]]);
      }));

      function handleCancel() {
        return _handleCancel.apply(this, arguments);
      }

      return handleCancel;
    }()
  }, {
    key: "getHeader",
    value: function getHeader() {
      var _this$props5 = this.props,
          _this$props5$header = _this$props5.header,
          header = _this$props5$header === void 0 ? this.getDefaultHeader : _this$props5$header,
          title = _this$props5.title;

      if (typeof header === 'function') {
        var closeButton = this.getCloseButton();
        return this.getWrappedHeader(header(title, closeButton, this.okBtn, this.cancelBtn));
      }

      if (!(0, _isEmpty["default"])(header, true)) {
        return this.getWrappedHeader(header);
      }
    }
  }, {
    key: "getWrappedHeader",
    value: function getWrappedHeader(header) {
      var prefixCls = this.prefixCls,
          _this$props6 = this.props,
          title = _this$props6.title,
          closable = _this$props6.closable,
          movable = _this$props6.movable,
          fullScreen = _this$props6.fullScreen,
          drawer = _this$props6.drawer;

      if (title || closable || movable || header) {
        var _classNames2;

        var headerProps = {
          className: (0, _classnames["default"])("".concat(prefixCls, "-header"), (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-movable"), movable && !fullScreen && !drawer), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-title-none"), !title), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-drawer-header"), drawer), _classNames2))
        };

        if (movable && !fullScreen && !drawer) {
          headerProps.onMouseDown = this.handleHeaderMouseDown;
        }

        return _react["default"].createElement("div", (0, _extends2["default"])({}, headerProps), header);
      }
    }
  }, {
    key: "getCloseButton",
    value: function getCloseButton() {
      var prefixCls = this.prefixCls,
          closable = this.props.closable;

      if (closable) {
        return _react["default"].createElement("button", {
          type: "button",
          className: "".concat(prefixCls, "-header-button"),
          onClick: this.handleCancel
        }, _react["default"].createElement(_icon["default"], {
          type: "close"
        }));
      }
    }
  }, {
    key: "getBody",
    value: function getBody() {
      var children = this.props.children;
      return this.renderChildren(typeof children === 'function' ? (0, _AsyncComponent["default"])(children) : children);
    }
  }, {
    key: "getFooter",
    value: function getFooter() {
      var _this$props$footer = this.props.footer,
          footer = _this$props$footer === void 0 ? this.getDefaultFooter : _this$props$footer;

      if (typeof footer === 'function') {
        return this.getWrappedFooter(footer(this.okBtn, this.cancelBtn, this.childrenProps));
      }

      if (!(0, _isEmpty["default"])(footer, true)) {
        return this.getWrappedFooter(footer);
      }
    }
  }, {
    key: "getWrappedFooter",
    value: function getWrappedFooter(footer) {
      var _classNames3;

      var prefixCls = this.prefixCls;
      var drawer = this.props.drawer;
      var className = (0, _classnames["default"])("".concat(prefixCls, "-footer"), (_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(prefixCls, "-footer-drawer"), drawer), (0, _defineProperty2["default"])(_classNames3, "".concat(prefixCls, "-drawer-footer"), drawer), _classNames3));
      return _react["default"].createElement("div", {
        className: className
      }, footer);
    }
  }, {
    key: "renderChildren",
    value: function renderChildren(children) {
      if (children) {
        var prefixCls = this.prefixCls,
            props = this.props;
        var bodyStyle = props.bodyStyle,
            drawer = props.drawer;
        return _react["default"].createElement("div", {
          className: (0, _classnames["default"])("".concat(prefixCls, "-body"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-drawer-body"), drawer)),
          style: bodyStyle
        }, (0, _react.isValidElement)(children) ? (0, _react.cloneElement)(children, {
          modal: this.childrenProps
        }) : children);
      }
    }
  }, {
    key: "close",
    value: function close() {
      var _this$props$close = this.props.close,
          close = _this$props$close === void 0 ? _noop["default"] : _this$props$close;
      close();
    }
  }, {
    key: "okBtn",
    get: function get() {
      var _this$props7 = this.props,
          okProps = _this$props7.okProps,
          _this$props7$okText = _this$props7.okText,
          okText = _this$props7$okText === void 0 ? (0, _localeContext.$l)('Modal', 'ok') : _this$props7$okText,
          drawer = _this$props7.drawer;
      var modalButtonProps = (0, _configure.getConfig)('modalButtonProps');
      var funcType = drawer ? _enum.FuncType.raised : (0, _configure.getConfig)('buttonFuncType');
      return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
        key: "ok",
        funcType: funcType,
        color: _enum.ButtonColor.primary,
        onClick: this.handleOk
      }, modalButtonProps, okProps), okText);
    }
  }, {
    key: "cancelBtn",
    get: function get() {
      var _this$props8 = this.props,
          cancelProps = _this$props8.cancelProps,
          _this$props8$cancelTe = _this$props8.cancelText,
          cancelText = _this$props8$cancelTe === void 0 ? (0, _localeContext.$l)('Modal', 'cancel') : _this$props8$cancelTe,
          drawer = _this$props8.drawer;
      var modalButtonProps = (0, _configure.getConfig)('modalButtonProps');
      var funcType = drawer ? _enum.FuncType.raised : (0, _configure.getConfig)('buttonFuncType');
      return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
        key: "cancel",
        ref: this.saveCancelRef,
        funcType: funcType,
        onClick: this.handleCancel
      }, modalButtonProps, cancelProps), cancelText);
    }
  }]);
  return Modal;
}(_ViewComponent2["default"]);

exports["default"] = Modal;
Modal.displayName = 'Modal';
Modal.propTypes = (0, _objectSpread2["default"])({}, _ViewComponent2["default"].propTypes, {
  closable: _propTypes["default"].bool,
  movable: _propTypes["default"].bool,
  fullScreen: _propTypes["default"].bool,
  maskClosable: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].string]),
  maskStyle: _propTypes["default"].object,
  mask: _propTypes["default"].bool,
  maskClassName: _propTypes["default"].string,
  keyboardClosable: _propTypes["default"].bool,
  footer: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node, _propTypes["default"].bool]),
  destroyOnClose: _propTypes["default"].bool,
  okText: _propTypes["default"].node,
  cancelText: _propTypes["default"].node,
  okProps: _propTypes["default"].object,
  autoCenter: _propTypes["default"].bool,
  cancelProps: _propTypes["default"].object,
  onClose: _propTypes["default"].func,
  onOk: _propTypes["default"].func,
  onCancel: _propTypes["default"].func,
  afterClose: _propTypes["default"].func,
  okButton: _propTypes["default"].bool,
  cancelButton: _propTypes["default"].bool,
  okCancel: _propTypes["default"].bool,
  drawer: _propTypes["default"].bool,
  drawerOffset: _propTypes["default"].number,
  drawerTransitionName: _propTypes["default"].oneOf(['slide-up', 'slide-right', 'slide-down', 'slide-up', 'slide-left']),
  okFirst: _propTypes["default"].bool,
  mousePosition: _propTypes["default"].shape({
    x: _propTypes["default"].number,
    y: _propTypes["default"].number
  }),
  contentStyle: _propTypes["default"].object,
  bodyStyle: _propTypes["default"].object,
  closeOnLocationChange: _propTypes["default"].bool
});
Modal.defaultProps = {
  suffixCls: _utils.suffixCls,
  closable: false,
  movable: true,
  mask: true,
  okButton: true,
  okCancel: true,
  destroyOnClose: true,
  fullScreen: false,
  drawer: false,
  drawerOffset: 150,
  autoFocus: true,
  closeOnLocationChange: true
};
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "saveCancelRef", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "handleKeyDown", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "contentReference", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "handleHeaderMouseDown", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "handleOk", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "handleCancel", null);
(0, _tslib.__decorate)([_autobind["default"]], Modal.prototype, "close", null);
//# sourceMappingURL=Modal.js.map