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

ttk组件库

import { _ as _objectWithoutProperties } from '../objectWithoutProperties-0c3c7796.js';
import { _ as _defineProperty } from '../defineProperty-847730aa.js';
import React__default, { PureComponent } from 'react';
import ReactDOM from 'react-dom';
import { _ as _extends } from '../extends-b1af4ff7.js';
import { _ as _inherits, a as _getPrototypeOf, b as _possibleConstructorReturn, c as _classCallCheck, d as _createClass } from '../getPrototypeOf-b95655c5.js';
import { Modal } from 'antd';
import '../localeWrapper';
import classNames from 'classnames';
import { DragTitle } from '../modal';
import '../_commonjsHelpers-471920d6.js';

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

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _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) {
  _inherits(ModalComponent, _PureComponent);

  var _super = _createSuper(ModalComponent);

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

    return _super.apply(this, arguments);
  }

  _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(_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({
        'mk-modal': true
      }); // allowDrag = allowDrag === false ? false : true

      if (allowDrag) {
        title = /*#__PURE__*/React__default.createElement(DragTitle, {
          title: title
        });
      }

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

  return ModalComponent;
}(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(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.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(_ref, _excluded);

    ReactDOM.render( /*#__PURE__*/React__default.createElement(ModalComponent, props, content), div);
  }

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

ModalComponent.open = open;

export { ModalComponent as default };