@ttk/component/lib/dialog/index.js

ttk组件库

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var objectWithoutProperties = require('../objectWithoutProperties-2d29a867.js');
var defineProperty = require('../defineProperty-ad97b418.js');
var React = require('react');
var ReactDOM = require('react-dom');
var _extends = require('../extends-63327b06.js');
var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var antd = require('antd');
require('../localeWrapper');
var classNames = require('classnames');
var modal = require('../modal');
require('../_commonjsHelpers-badc9712.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);

var _excluded$1 = ["title", "allowDrag", "visible"];

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf._getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf._getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return getPrototypeOf._possibleConstructorReturn(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var ModalComponent = /*#__PURE__*/function (_PureComponent) {
  getPrototypeOf._inherits(ModalComponent, _PureComponent);

  var _super = _createSuper(ModalComponent);

  function ModalComponent() {
    getPrototypeOf._classCallCheck(this, ModalComponent);

    return _super.apply(this, arguments);
  }

  getPrototypeOf._createClass(ModalComponent, [{
    key: "render",
    value: // state = {
    // 	confirmLoading: false
    // }
    // setOkListener = (cb) => {
    // 	this.setState({ okListener: cb })
    // }
    // setCancelListener = (cb) => {
    // 	this.setState({ cancelListener: cb })
    // }
    // handleOk = async () => {
    // 	this.setState({ confirmLoading: true })
    // 	let listener = this.state.okListener, ret
    // 	if (listener) {
    // 		ret = await listener()
    // 		this.setState({ confirmLoading: false })
    // 		if (ret === false) {
    // 			return
    // 		}
    // 	}
    // 	this.props.onOk && this.props.onOk(ret)
    // }
    // handleCancel = async () => {
    // 	let listener = this.state.cancelListener, ret
    // 	if (listener) {
    // 		ret = await listener()
    // 		if (ret === false) {
    // 			return
    // 		}
    // 	}
    // 	this.props.onCancel && this.props.onCancel(ret)
    // }
    function render() {
      var _this$props = this.props,
          title = _this$props.title,
          _this$props$allowDrag = _this$props.allowDrag,
          allowDrag = _this$props$allowDrag === void 0 ? true : _this$props$allowDrag,
          _this$props$visible = _this$props.visible,
          visible = _this$props$visible === void 0 ? true : _this$props$visible,
          otherProps = objectWithoutProperties._objectWithoutProperties(_this$props, _excluded$1); // var { confirmLoading } = this.state
      // children = React.cloneElement(children, {
      // 	setOkListener: this.setOkListener,
      // 	setCancelLister: this.setCancelListener,
      // 	closeModal: this.props.closeModal
      // })


      var className = classNames__default["default"]({
        'mk-modal': true
      }); // allowDrag = allowDrag === false ? false : true

      if (allowDrag) {
        title = /*#__PURE__*/React__default["default"].createElement(modal.DragTitle, {
          title: title
        });
      }

      return localeWrapper( /*#__PURE__*/React__default["default"].createElement(antd.Modal, _extends._extends({
        visible: visible,
        title: title // confirmLoading={confirmLoading}
        ,
        className: className
      }, otherProps)));
    }
  }]);

  return ModalComponent;
}(React.PureComponent);

var _excluded = ["content"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function open(config) {
  var _this = this;

  var currentConfig = _objectSpread(_objectSpread({}, config), {}, {
    close: close,
    visible: true
  });

  var div = document.createElement('div');
  document.body.appendChild(div);

  var destroy = function destroy() {
    var unmountResult = ReactDOM__default["default"].unmountComponentAtNode(div);

    if (unmountResult && div.parentNode) {
      div.parentNode.removeChild(div);
    }

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    var triggerCancel = args.some(function (param) {
      return param && param.triggerCancel;
    });

    if (config.onCancel && triggerCancel) {
      config.onCancel.apply(config, args);
    }
  };

  var close = function close() {
    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
      args[_key2] = arguments[_key2];
    }

    currentConfig = _objectSpread(_objectSpread({}, currentConfig), {}, {
      visible: false,
      afterClose: destroy.bind.apply(destroy, [_this].concat(args))
    });
    render(currentConfig);
  };

  var update = function update(newConfig) {
    currentConfig = _objectSpread(_objectSpread({}, currentConfig), newConfig);
    render(currentConfig);
  };

  function render(_ref) {
    var content = _ref.content,
        props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);

    ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(ModalComponent, props, content), div);
  }

  render(currentConfig);
  return {
    destroy: close,
    update: update
  };
}

ModalComponent.open = open;

exports["default"] = ModalComponent;