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

ttk组件库

'use strict';

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

var React = require('react');
require('react-dom');
var antd = require('antd');
var defineProperty = require('../defineProperty-ad97b418.js');
var classNames = require('classnames');
var _extends = require('../extends-63327b06.js');
var objectWithoutProperties = require('../objectWithoutProperties-2d29a867.js');
var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var localeWrapper = require('../localeWrapper');
var Drag = require('../drag');
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 classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
var localeWrapper__default = /*#__PURE__*/_interopDefaultLegacy(localeWrapper);
var Drag__default = /*#__PURE__*/_interopDefaultLegacy(Drag);

function info(props) {
  return new Promise(function (resolve, reject) {
    var handleOk = function handleOk() {
      resolve(true);
    };

    var handleCancel = function handleCancel() {
      resolve(false);
    };

    props.onOk = handleOk;
    props.onCancel = handleCancel;
    antd.Modal.info(props);
  });
}

function error(props) {
  return new Promise(function (resolve, reject) {
    var handleOk = function handleOk() {
      resolve(true);
    };

    var handleCancel = function handleCancel() {
      resolve(false);
    };

    props.onOk = handleOk;
    props.onCancel = handleCancel;
    antd.Modal.error(props);
  });
}

function success(props) {
  return new Promise(function (resolve, reject) {
    var handleOk = function handleOk() {
      resolve(true);
    };

    var handleCancel = function handleCancel() {
      resolve(false);
    };

    props.onOk = handleOk;
    props.onCancel = handleCancel;
    antd.Modal.success(props);
  });
}

function warning(props) {
  return new Promise(function (resolve, reject) {
    var handleOk = function handleOk() {
      resolve(true);
    };

    var handleCancel = function handleCancel() {
      resolve(false);
    };

    props.onOk = handleOk;
    props.onCancel = handleCancel;
    antd.Modal.warning(props);
  });
}

function confirm(props) {
  return new Promise(function (resolve, reject) {
    var handleOk = function handleOk() {
      resolve(true);
    };

    var handleCancel = function handleCancel() {
      resolve(false);
    };

    var className = classNames__default["default"](defineProperty._defineProperty({
      'mk-confirm': true
    }, props.className, !!props.className));

    if (!props.onOk) {
      props.onOk = handleOk;
    }

    if (!props.width) {
      props.width = 325;
    }

    if (props.flag) {
      props.className = className + ' modalTitle';
      props.onCancel = handleCancel;
    } else {
      props.className = className;
      props.onCancel = handleCancel;
    }

    props.okText = props.okText || '确定';
    props.cancelText = props.cancelText || '取消';
    antd.Modal.confirm(props);
  });
}

var _excluded = ["children", "title", "allowDrag"];

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 DragTitle = /*#__PURE__*/function (_PureComponent) {
  getPrototypeOf._inherits(DragTitle, _PureComponent);

  var _super = _createSuper(DragTitle);

  function DragTitle() {
    var _this;

    getPrototypeOf._classCallCheck(this, DragTitle);

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

    _this = _super.call.apply(_super, [this].concat(args));

    _this.updateTransform = function (transformStr) {
      _this.modalDom.style.transform = transformStr;
    };

    return _this;
  }

  getPrototypeOf._createClass(DragTitle, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var modalObj = document.getElementsByClassName("ant-modal");

      if (modalObj) {
        var modalCount = modalObj.length;

        if (modalCount == 1) {
          this.modalDom = document.getElementsByClassName("ant-modal" //modal的class是ant-modal
          )[0];
        } else if (modalCount > 1) {
          this.modalDom = document.getElementsByClassName("ant-modal" //modal的class是ant-modal
          )[modalCount - 1];
        }
      }
    }
  }, {
    key: "render",
    value: function render() {
      var title = this.props.title;

      if (typeof title == 'string') {
        return /*#__PURE__*/React__default["default"].createElement(Drag__default["default"], {
          updateTransform: this.updateTransform
        }, /*#__PURE__*/React__default["default"].createElement("div", {
          title: title
        }, title));
      } else {
        return /*#__PURE__*/React__default["default"].createElement(Drag__default["default"], {
          updateTransform: this.updateTransform
        }, /*#__PURE__*/React__default["default"].createElement("div", null, title));
      }
    }
  }]);

  return DragTitle;
}(React.PureComponent);

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

  var _super2 = _createSuper(ModalComponent);

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

    return _super2.apply(this, arguments);
  }

  getPrototypeOf._createClass(ModalComponent, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          children = _this$props.children,
          title = _this$props.title,
          allowDrag = _this$props.allowDrag,
          otherProps = objectWithoutProperties._objectWithoutProperties(_this$props, _excluded);

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

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

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

  return ModalComponent;
}(React.PureComponent);

var m = window.__Modal;

if (!m) {
  m = ModalComponent;
  window.__Modal = m;
}

m.info = info;
m.success = success;
m.error = error;
m.warning = warning;
m.confirm = confirm;
var m$1 = m;

exports.DragTitle = DragTitle;
exports["default"] = m$1;