vxe-table 3.8.23 → 3.9.0-rc.0

package/lib/modal/src/modal.js

@@ -1,1114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.msgQueue = exports.default = exports.allActivedModals = void 0;
-var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-var _size = _interopRequireDefault(require("../../mixins/size"));
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _utils = _interopRequireWildcard(require("../../tools/utils"));
-var _dom = _interopRequireDefault(require("../../tools/dom"));
-var _event = require("../../tools/event");
-var _log = require("../../tools/log");
-var _vn = require("../../tools/vn");
-var _index = _interopRequireDefault(require("../../loading/index"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var allActivedModals = exports.allActivedModals = [];
-var msgQueue = exports.msgQueue = [];
-var _default2 = exports.default = {
-  name: 'VxeModal',
-  mixins: [_size.default],
-  props: {
-    value: Boolean,
-    id: String,
-    type: {
-      type: String,
-      default: 'modal'
-    },
-    loading: {
-      type: Boolean,
-      default: null
-    },
-    status: String,
-    iconStatus: String,
-    className: String,
-    top: {
-      type: [Number, String],
-      default: function _default() {
-        return _conf.default.modal.top;
-      }
-    },
-    position: [String, Object],
-    title: String,
-    duration: {
-      type: [Number, String],
-      default: function _default() {
-        return _conf.default.modal.duration;
-      }
-    },
-    // 请使用 content
-    message: [String, Function],
-    content: [String, Function],
-    showCancelButton: {
-      type: Boolean,
-      default: null
-    },
-    cancelButtonText: {
-      type: String,
-      default: function _default() {
-        return _conf.default.modal.cancelButtonText;
-      }
-    },
-    showConfirmButton: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.showConfirmButton;
-      }
-    },
-    confirmButtonText: {
-      type: String,
-      default: function _default() {
-        return _conf.default.modal.confirmButtonText;
-      }
-    },
-    lockView: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.lockView;
-      }
-    },
-    lockScroll: Boolean,
-    mask: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.mask;
-      }
-    },
-    maskClosable: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.maskClosable;
-      }
-    },
-    escClosable: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.escClosable;
-      }
-    },
-    resize: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.resize;
-      }
-    },
-    showHeader: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.showHeader;
-      }
-    },
-    showFooter: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.showFooter;
-      }
-    },
-    showZoom: {
-      type: Boolean,
-      default: null
-    },
-    showClose: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.showClose;
-      }
-    },
-    dblclickZoom: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.dblclickZoom;
-      }
-    },
-    width: [Number, String],
-    height: [Number, String],
-    minWidth: {
-      type: [Number, String],
-      default: function _default() {
-        return _conf.default.modal.minWidth;
-      }
-    },
-    minHeight: {
-      type: [Number, String],
-      default: function _default() {
-        return _conf.default.modal.minHeight;
-      }
-    },
-    zIndex: Number,
-    marginSize: {
-      type: [Number, String],
-      default: function _default() {
-        return _conf.default.modal.marginSize;
-      }
-    },
-    fullscreen: Boolean,
-    draggable: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.draggable;
-      }
-    },
-    remember: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.remember;
-      }
-    },
-    destroyOnClose: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.destroyOnClose;
-      }
-    },
-    showTitleOverflow: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.showTitleOverflow;
-      }
-    },
-    transfer: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.transfer;
-      }
-    },
-    storage: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.storage;
-      }
-    },
-    storageKey: {
-      type: String,
-      default: function _default() {
-        return _conf.default.modal.storageKey;
-      }
-    },
-    animat: {
-      type: Boolean,
-      default: function _default() {
-        return _conf.default.modal.animat;
-      }
-    },
-    size: {
-      type: String,
-      default: function _default() {
-        return _conf.default.modal.size || _conf.default.size;
-      }
-    },
-    beforeHideMethod: {
-      type: Function,
-      default: function _default() {
-        return _conf.default.modal.beforeHideMethod;
-      }
-    },
-    slots: Object,
-    events: Object
-  },
-  data: function data() {
-    return {
-      initialized: false,
-      visible: false,
-      contentVisible: false,
-      modalTop: 0,
-      modalZindex: 0,
-      revertLocat: null,
-      firstOpen: true
-    };
-  },
-  computed: {
-    isMsg: function isMsg() {
-      return this.type === 'message';
-    }
-  },
-  watch: {
-    width: function width() {
-      this.recalculate();
-    },
-    height: function height() {
-      this.recalculate();
-    },
-    value: function value(visible) {
-      this[visible ? 'open' : 'close']('model');
-    }
-  },
-  created: function created() {
-    if (this.storage && !this.id) {
-      (0, _log.errLog)('vxe.error.reqProp', ['modal.id']);
-    }
-  },
-  mounted: function mounted() {
-    var $listeners = this.$listeners,
-      _this$events = this.events,
-      events = _this$events === void 0 ? {} : _this$events;
-    if (this.value) {
-      this.open();
-    }
-    this.recalculate();
-    if (this.escClosable) {
-      _event.GlobalEvent.on(this, 'keydown', this.handleGlobalKeydownEvent);
-    }
-    // 触发 inserted 事件
-    var type = 'inserted';
-    var params = {
-      type: type,
-      $modal: this,
-      $event: {
-        type: type
-      }
-    };
-    if ($listeners.inserted) {
-      this.$emit('inserted', params);
-    } else if (events.inserted) {
-      events.inserted.call(this, params);
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
-    var $el = this.$el;
-    _event.GlobalEvent.off(this, 'keydown');
-    this.removeMsgQueue();
-    if ($el.parentNode === document.body) {
-      $el.parentNode.removeChild($el);
-    }
-  },
-  render: function render(h) {
-    var _ref,
-      _this = this;
-    var _e = this._e,
-      $scopedSlots = this.$scopedSlots,
-      _this$slots = this.slots,
-      slots = _this$slots === void 0 ? {} : _this$slots,
-      initialized = this.initialized,
-      vSize = this.vSize,
-      className = this.className,
-      type = this.type,
-      resize = this.resize,
-      showClose = this.showClose,
-      showZoom = this.showZoom,
-      animat = this.animat,
-      draggable = this.draggable,
-      loading = this.loading,
-      status = this.status,
-      iconStatus = this.iconStatus,
-      showFooter = this.showFooter,
-      revertLocat = this.revertLocat,
-      modalTop = this.modalTop,
-      dblclickZoom = this.dblclickZoom,
-      contentVisible = this.contentVisible,
-      visible = this.visible,
-      title = this.title,
-      lockScroll = this.lockScroll,
-      lockView = this.lockView,
-      mask = this.mask,
-      isMsg = this.isMsg,
-      showTitleOverflow = this.showTitleOverflow,
-      destroyOnClose = this.destroyOnClose,
-      showCancelButton = this.showCancelButton,
-      showConfirmButton = this.showConfirmButton;
-    var content = this.content || this.message;
-    var defaultSlot = $scopedSlots.default || slots.default;
-    var footerSlot = $scopedSlots.footer || slots.footer;
-    var headerSlot = $scopedSlots.header || slots.header;
-    var titleSlot = $scopedSlots.title || slots.title;
-    var cornerSlot = $scopedSlots.corner || slots.corner;
-    var headerOns = {};
-    if (draggable) {
-      headerOns.mousedown = this.mousedownEvent;
-    }
-    if (showZoom && dblclickZoom && type === 'modal') {
-      headerOns.dblclick = this.toggleZoomEvent;
-    }
-    return h('div', {
-      class: ['vxe-modal--wrapper', "type--".concat(type), className || '', (_ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "size--".concat(vSize), vSize), "status--".concat(status), status), 'is--animat', animat), 'lock--scroll', lockScroll), 'lock--view', lockView), 'is--resize', resize), 'is--mask', mask), 'is--maximize', revertLocat), 'is--visible', contentVisible), 'is--active', visible), _defineProperty(_ref, 'is--loading', loading))],
-      style: {
-        zIndex: this.modalZindex,
-        top: modalTop ? "".concat(modalTop, "px") : null
-      },
-      on: {
-        click: this.selfClickEvent
-      }
-    }, [h('div', {
-      class: 'vxe-modal--box',
-      on: {
-        mousedown: this.boxMousedownEvent
-      },
-      ref: 'modalBox'
-    }, [this.showHeader ? h('div', {
-      class: ['vxe-modal--header', {
-        'is--draggable': draggable,
-        'is--ellipsis': !isMsg && showTitleOverflow
-      }],
-      on: headerOns
-    }, headerSlot ? !initialized || destroyOnClose && !visible ? [] : (0, _vn.getSlotVNs)(headerSlot.call(this, {
-      $modal: this
-    }, h)) : [h('div', {
-      class: 'vxe-modal--header-title'
-    }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot.call(this, {
-      $modal: this
-    }, h)) : title ? (0, _utils.getFuncText)(title) : _conf.default.i18n('vxe.alert.title')), h('div', {
-      class: 'vxe-modal--header-right'
-    }, [cornerSlot ? h('span', {
-      class: 'vxe-modal--corner-wrapper'
-    }, (0, _vn.getSlotVNs)(cornerSlot({
-      $modal: this
-    }))) : _e(), showZoom ? h('i', {
-      class: ['vxe-modal--zoom-btn', 'trigger--btn', revertLocat ? _conf.default.icon.MODAL_ZOOM_OUT : _conf.default.icon.MODAL_ZOOM_IN],
-      attrs: {
-        title: _conf.default.i18n("vxe.modal.zoom".concat(revertLocat ? 'Out' : 'In'))
-      },
-      on: {
-        click: this.toggleZoomEvent
-      }
-    }) : _e(), showClose ? h('i', {
-      class: ['vxe-modal--close-btn', 'trigger--btn', _conf.default.icon.MODAL_CLOSE],
-      attrs: {
-        title: _conf.default.i18n('vxe.modal.close')
-      },
-      on: {
-        click: this.closeEvent
-      }
-    }) : _e()])]) : null, h('div', {
-      class: 'vxe-modal--body'
-    }, [status ? h('div', {
-      class: 'vxe-modal--status-wrapper'
-    }, [h('i', {
-      class: ['vxe-modal--status-icon', iconStatus || _conf.default.icon["MODAL_".concat(status).toLocaleUpperCase()]]
-    })]) : null, h('div', {
-      class: 'vxe-modal--content'
-    }, defaultSlot ? !initialized || destroyOnClose && !visible ? [] : (0, _vn.getSlotVNs)(defaultSlot.call(this, {
-      $modal: this
-    }, h)) : (0, _utils.getFuncText)(content)),
-    /**
-     * 加载中
-     */
-    !isMsg ? h(_index.default, {
-      class: 'vxe-modal--loading',
-      props: {
-        value: loading
-      }
-    }) : null]), showFooter ? h('div', {
-      class: 'vxe-modal--footer'
-    }, footerSlot ? !initialized || destroyOnClose && !visible ? [] : (0, _vn.getSlotVNs)(footerSlot.call(this, {
-      $modal: this
-    }, h)) : [_xeUtils.default.isBoolean(showCancelButton) ? showCancelButton : type === 'confirm' ? h('vxe-button', {
-      key: 1,
-      ref: 'cancelBtn',
-      on: {
-        click: this.cancelEvent
-      }
-    }, this.cancelButtonText || _conf.default.i18n('vxe.button.cancel')) : null, _xeUtils.default.isBoolean(showConfirmButton) ? showConfirmButton : type === 'confirm' || type === 'alert' ? h('vxe-button', {
-      key: 2,
-      ref: 'confirmBtn',
-      props: {
-        status: 'primary'
-      },
-      on: {
-        click: this.confirmEvent
-      }
-    }, this.confirmButtonText || _conf.default.i18n('vxe.button.confirm')) : null]) : null, !isMsg && resize ? h('span', {
-      class: 'vxe-modal--resize'
-    }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {
-      return h('span', {
-        class: "".concat(type, "-resize"),
-        attrs: {
-          type: type
-        },
-        on: {
-          mousedown: _this.dragEvent
-        }
-      });
-    })) : null])]);
-  },
-  methods: {
-    recalculate: function recalculate() {
-      var width = this.width,
-        height = this.height;
-      var modalBoxElem = this.getBox();
-      modalBoxElem.style.width = width ? isNaN(width) ? width : "".concat(width, "px") : null;
-      modalBoxElem.style.height = height ? isNaN(height) ? height : "".concat(height, "px") : null;
-      return this.$nextTick();
-    },
-    selfClickEvent: function selfClickEvent(evnt) {
-      if (this.maskClosable && evnt.target === this.$el) {
-        var type = 'mask';
-        this.close(type);
-      }
-    },
-    updateZindex: function updateZindex() {
-      var zIndex = this.zIndex,
-        modalZindex = this.modalZindex;
-      if (zIndex) {
-        this.modalZindex = zIndex;
-      } else if (modalZindex < _utils.default.getLastZIndex()) {
-        this.modalZindex = _utils.default.nextZIndex();
-      }
-    },
-    closeEvent: function closeEvent(evnt) {
-      var _this$events2 = this.events,
-        events = _this$events2 === void 0 ? {} : _this$events2;
-      var type = 'close';
-      var params = {
-        type: type,
-        $modal: this,
-        $event: evnt
-      };
-      if (events[type]) {
-        events[type].call(this, params);
-      } else {
-        this.$emit(type, params);
-      }
-      this.close(type);
-    },
-    confirmEvent: function confirmEvent(evnt) {
-      var _this$events3 = this.events,
-        events = _this$events3 === void 0 ? {} : _this$events3;
-      var type = 'confirm';
-      var params = {
-        type: type,
-        $modal: this,
-        $event: evnt
-      };
-      if (events[type]) {
-        events[type].call(this, params);
-      } else {
-        this.$emit(type, params);
-      }
-      this.close(type);
-    },
-    cancelEvent: function cancelEvent(evnt) {
-      var _this$events4 = this.events,
-        events = _this$events4 === void 0 ? {} : _this$events4;
-      var type = 'cancel';
-      var params = {
-        type: type,
-        $modal: this,
-        $event: evnt
-      };
-      if (events[type]) {
-        events[type].call(this, params);
-      } else {
-        this.$emit(type, params);
-      }
-      this.close(type);
-    },
-    open: function open() {
-      var _this2 = this;
-      var $refs = this.$refs,
-        _this$events5 = this.events,
-        events = _this$events5 === void 0 ? {} : _this$events5,
-        initialized = this.initialized,
-        duration = this.duration,
-        visible = this.visible,
-        isMsg = this.isMsg,
-        remember = this.remember,
-        showFooter = this.showFooter;
-      if (!initialized) {
-        this.initialized = true;
-        if (this.transfer) {
-          document.body.appendChild(this.$el);
-        }
-      }
-      if (!visible) {
-        if (!remember) {
-          this.recalculate();
-        }
-        this.visible = true;
-        this.contentVisible = false;
-        this.updateZindex();
-        allActivedModals.push(this);
-        setTimeout(function () {
-          _this2.contentVisible = true;
-          _this2.$nextTick(function () {
-            if (showFooter) {
-              var operBtn = $refs.confirmBtn || $refs.cancelBtn;
-              if (operBtn) {
-                operBtn.focus();
-              }
-            }
-            var type = '';
-            var params = {
-              type: type,
-              $modal: _this2
-            };
-            if (events.show) {
-              events.show.call(_this2, params);
-            } else {
-              _this2.$emit('input', true);
-              _this2.$emit('show', params);
-            }
-          });
-        }, 10);
-        if (isMsg) {
-          this.addMsgQueue();
-          if (duration !== -1) {
-            setTimeout(function () {
-              return _this2.close('close');
-            }, _xeUtils.default.toNumber(duration));
-          }
-        } else {
-          this.$nextTick(function () {
-            var firstOpen = _this2.firstOpen,
-              fullscreen = _this2.fullscreen;
-            if (!remember || firstOpen) {
-              _this2.updatePosition().then(function () {
-                setTimeout(function () {
-                  return _this2.updatePosition();
-                }, 20);
-              });
-            }
-            if (firstOpen) {
-              _this2.firstOpen = false;
-              if (_this2.hasPosStorage()) {
-                _this2.restorePosStorage();
-              } else if (fullscreen) {
-                _this2.$nextTick(function () {
-                  return _this2.maximize();
-                });
-              }
-            } else {
-              if (fullscreen) {
-                _this2.$nextTick(function () {
-                  return _this2.maximize();
-                });
-              }
-            }
-          });
-        }
-      }
-    },
-    addMsgQueue: function addMsgQueue() {
-      if (msgQueue.indexOf(this) === -1) {
-        msgQueue.push(this);
-      }
-      this.updateStyle();
-    },
-    removeMsgQueue: function removeMsgQueue() {
-      var _this3 = this;
-      if (msgQueue.indexOf(this) > -1) {
-        _xeUtils.default.remove(msgQueue, function (comp) {
-          return comp === _this3;
-        });
-      }
-      this.updateStyle();
-    },
-    updateStyle: function updateStyle() {
-      this.$nextTick(function () {
-        var offsetTop = 0;
-        msgQueue.forEach(function (comp) {
-          offsetTop += _xeUtils.default.toNumber(comp.top);
-          comp.modalTop = offsetTop;
-          offsetTop += comp.$refs.modalBox.clientHeight;
-        });
-      });
-    },
-    updatePosition: function updatePosition() {
-      var _this4 = this;
-      return this.$nextTick().then(function () {
-        var marginSize = _this4.marginSize,
-          position = _this4.position;
-        var modalBoxElem = _this4.getBox();
-        var clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
-        var clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
-        var isPosCenter = position === 'center';
-        var _ref2 = isPosCenter ? {
-            top: position,
-            left: position
-          } : Object.assign({}, position),
-          top = _ref2.top,
-          left = _ref2.left;
-        var topCenter = isPosCenter || top === 'center';
-        var leftCenter = isPosCenter || left === 'center';
-        var posTop = '';
-        var posLeft = '';
-        if (left && !leftCenter) {
-          posLeft = isNaN(left) ? left : "".concat(left, "px");
-        } else {
-          posLeft = "".concat(Math.max(marginSize, clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2), "px");
-        }
-        if (top && !topCenter) {
-          posTop = isNaN(top) ? top : "".concat(top, "px");
-        } else {
-          posTop = "".concat(Math.max(marginSize, clientVisibleHeight / 2 - modalBoxElem.offsetHeight / 2), "px");
-        }
-        modalBoxElem.style.top = posTop;
-        modalBoxElem.style.left = posLeft;
-      });
-    },
-    close: function close(type) {
-      var _this5 = this;
-      var _this$events6 = this.events,
-        events = _this$events6 === void 0 ? {} : _this$events6,
-        remember = this.remember,
-        visible = this.visible,
-        isMsg = this.isMsg,
-        beforeHideMethod = this.beforeHideMethod;
-      var params = {
-        type: type,
-        $modal: this
-      };
-      if (visible) {
-        Promise.resolve(beforeHideMethod ? beforeHideMethod(params) : null).then(function (rest) {
-          if (!_xeUtils.default.isError(rest)) {
-            if (isMsg) {
-              _this5.removeMsgQueue();
-            }
-            _this5.contentVisible = false;
-            if (!remember) {
-              _this5.revertLocat = null;
-            }
-            _xeUtils.default.remove(allActivedModals, function (item) {
-              return item === _this5;
-            });
-            _this5.$emit('before-hide', params);
-            setTimeout(function () {
-              _this5.visible = false;
-              if (events.hide) {
-                events.hide.call(_this5, params);
-              } else {
-                _this5.$emit('input', false);
-                _this5.$emit('hide', params);
-              }
-            }, 200);
-          }
-        }).catch(function (e) {
-          return e;
-        });
-      }
-    },
-    handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
-      var _this6 = this;
-      var isEsc = evnt.keyCode === 27;
-      if (isEsc) {
-        var lastModal = _xeUtils.default.max(allActivedModals, function (item) {
-          return item.modalZindex;
-        });
-        // 多个时，只关掉最上层的窗口
-        if (lastModal) {
-          setTimeout(function () {
-            if (lastModal === _this6 && lastModal.escClosable) {
-              _this6.close('exit');
-            }
-          }, 10);
-        }
-      }
-    },
-    getBox: function getBox() {
-      return this.$refs.modalBox;
-    },
-    isMaximized: function isMaximized() {
-      return !!this.revertLocat;
-    },
-    maximize: function maximize() {
-      var _this7 = this;
-      return this.$nextTick().then(function () {
-        if (!_this7.revertLocat) {
-          var modalBoxElem = _this7.getBox();
-          _this7.revertLocat = {
-            top: modalBoxElem.offsetTop,
-            left: modalBoxElem.offsetLeft,
-            width: modalBoxElem.offsetWidth + (modalBoxElem.style.width ? 0 : 1),
-            height: modalBoxElem.offsetHeight + (modalBoxElem.style.height ? 0 : 1)
-          };
-          Object.assign(modalBoxElem.style, {
-            top: '0',
-            left: '0',
-            width: '100%',
-            height: '100%'
-          });
-          _this7.savePosStorage();
-        }
-      });
-    },
-    revert: function revert() {
-      var _this8 = this;
-      return this.$nextTick().then(function () {
-        var revertLocat = _this8.revertLocat;
-        if (revertLocat) {
-          var modalBoxElem = _this8.getBox();
-          _this8.revertLocat = null;
-          Object.assign(modalBoxElem.style, {
-            top: "".concat(revertLocat.top, "px"),
-            left: "".concat(revertLocat.left, "px"),
-            width: "".concat(revertLocat.width, "px"),
-            height: "".concat(revertLocat.height, "px")
-          });
-          _this8.savePosStorage();
-        }
-      });
-    },
-    zoom: function zoom() {
-      var _this9 = this;
-      return this[this.revertLocat ? 'revert' : 'maximize']().then(function () {
-        return _this9.isMaximized();
-      });
-    },
-    toggleZoomEvent: function toggleZoomEvent(evnt) {
-      var _this10 = this;
-      var $listeners = this.$listeners,
-        revertLocat = this.revertLocat,
-        _this$events7 = this.events,
-        events = _this$events7 === void 0 ? {} : _this$events7;
-      var params = {
-        type: revertLocat ? 'revert' : 'max',
-        $modal: this,
-        $event: evnt
-      };
-      return this.zoom().then(function () {
-        if ($listeners.zoom) {
-          _this10.$emit('zoom', params);
-        } else if (events.zoom) {
-          events.zoom.call(_this10, params);
-        }
-      });
-    },
-    getPosition: function getPosition() {
-      if (!this.isMsg) {
-        var modalBoxElem = this.getBox();
-        if (modalBoxElem) {
-          return {
-            top: modalBoxElem.offsetTop,
-            left: modalBoxElem.offsetLeft
-          };
-        }
-      }
-      return null;
-    },
-    setPosition: function setPosition(top, left) {
-      if (!this.isMsg) {
-        var modalBoxElem = this.getBox();
-        if (_xeUtils.default.isNumber(top)) {
-          modalBoxElem.style.top = "".concat(top, "px");
-        }
-        if (_xeUtils.default.isNumber(left)) {
-          modalBoxElem.style.left = "".concat(left, "px");
-        }
-      }
-      return this.$nextTick();
-    },
-    boxMousedownEvent: function boxMousedownEvent() {
-      var modalZindex = this.modalZindex;
-      if (allActivedModals.some(function (_vm) {
-        return _vm.visible && _vm.modalZindex > modalZindex;
-      })) {
-        this.updateZindex();
-      }
-    },
-    mousedownEvent: function mousedownEvent(evnt) {
-      var _this11 = this;
-      var remember = this.remember,
-        storage = this.storage,
-        marginSize = this.marginSize,
-        revertLocat = this.revertLocat;
-      var modalBoxElem = this.getBox();
-      if (!revertLocat && evnt.button === 0 && !_dom.default.getEventTargetNode(evnt, modalBoxElem, 'trigger--btn').flag) {
-        evnt.preventDefault();
-        var domMousemove = document.onmousemove;
-        var domMouseup = document.onmouseup;
-        var disX = evnt.clientX - modalBoxElem.offsetLeft;
-        var disY = evnt.clientY - modalBoxElem.offsetTop;
-        var _DomTools$getDomNode = _dom.default.getDomNode(),
-          visibleHeight = _DomTools$getDomNode.visibleHeight,
-          visibleWidth = _DomTools$getDomNode.visibleWidth;
-        document.onmousemove = function (evnt) {
-          evnt.preventDefault();
-          var offsetWidth = modalBoxElem.offsetWidth;
-          var offsetHeight = modalBoxElem.offsetHeight;
-          var minX = marginSize;
-          var maxX = visibleWidth - offsetWidth - marginSize - 1;
-          var minY = marginSize;
-          var maxY = visibleHeight - offsetHeight - marginSize - 1;
-          var left = evnt.clientX - disX;
-          var top = evnt.clientY - disY;
-          if (left > maxX) {
-            left = maxX;
-          }
-          if (left < minX) {
-            left = minX;
-          }
-          if (top > maxY) {
-            top = maxY;
-          }
-          if (top < minY) {
-            top = minY;
-          }
-          modalBoxElem.style.left = "".concat(left, "px");
-          modalBoxElem.style.top = "".concat(top, "px");
-          modalBoxElem.className = modalBoxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
-          _this11.$emit('move', {
-            type: 'move',
-            $event: evnt
-          });
-        };
-        document.onmouseup = function () {
-          document.onmousemove = domMousemove;
-          document.onmouseup = domMouseup;
-          if (remember && storage) {
-            _this11.$nextTick(function () {
-              _this11.savePosStorage();
-            });
-          }
-          setTimeout(function () {
-            modalBoxElem.className = modalBoxElem.className.replace(/\s?is--drag/, '');
-          }, 50);
-        };
-      }
-    },
-    dragEvent: function dragEvent(evnt) {
-      var _this12 = this;
-      evnt.preventDefault();
-      var $listeners = this.$listeners,
-        marginSize = this.marginSize,
-        _this$events8 = this.events,
-        events = _this$events8 === void 0 ? {} : _this$events8,
-        remember = this.remember,
-        storage = this.storage;
-      var _DomTools$getDomNode2 = _dom.default.getDomNode(),
-        visibleHeight = _DomTools$getDomNode2.visibleHeight,
-        visibleWidth = _DomTools$getDomNode2.visibleWidth;
-      var type = evnt.target.getAttribute('type');
-      var minWidth = _xeUtils.default.toNumber(this.minWidth);
-      var minHeight = _xeUtils.default.toNumber(this.minHeight);
-      var maxWidth = visibleWidth;
-      var maxHeight = visibleHeight;
-      var modalBoxElem = this.getBox();
-      var domMousemove = document.onmousemove;
-      var domMouseup = document.onmouseup;
-      var clientWidth = modalBoxElem.clientWidth;
-      var clientHeight = modalBoxElem.clientHeight;
-      var disX = evnt.clientX;
-      var disY = evnt.clientY;
-      var offsetTop = modalBoxElem.offsetTop;
-      var offsetLeft = modalBoxElem.offsetLeft;
-      var params = {
-        type: 'resize',
-        $modal: this
-      };
-      document.onmousemove = function (evnt) {
-        evnt.preventDefault();
-        var dragLeft;
-        var dragTop;
-        var width;
-        var height;
-        switch (type) {
-          case 'wl':
-            dragLeft = disX - evnt.clientX;
-            width = dragLeft + clientWidth;
-            if (offsetLeft - dragLeft > marginSize) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-                modalBoxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
-              }
-            }
-            break;
-          case 'swst':
-            dragLeft = disX - evnt.clientX;
-            dragTop = disY - evnt.clientY;
-            width = dragLeft + clientWidth;
-            height = dragTop + clientHeight;
-            if (offsetLeft - dragLeft > marginSize) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-                modalBoxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
-              }
-            }
-            if (offsetTop - dragTop > marginSize) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-                modalBoxElem.style.top = "".concat(offsetTop - dragTop, "px");
-              }
-            }
-            break;
-          case 'swlb':
-            dragLeft = disX - evnt.clientX;
-            dragTop = evnt.clientY - disY;
-            width = dragLeft + clientWidth;
-            height = dragTop + clientHeight;
-            if (offsetLeft - dragLeft > marginSize) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-                modalBoxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
-              }
-            }
-            if (offsetTop + height + marginSize < visibleHeight) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-              }
-            }
-            break;
-          case 'st':
-            dragTop = disY - evnt.clientY;
-            height = clientHeight + dragTop;
-            if (offsetTop - dragTop > marginSize) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-                modalBoxElem.style.top = "".concat(offsetTop - dragTop, "px");
-              }
-            }
-            break;
-          case 'wr':
-            dragLeft = evnt.clientX - disX;
-            width = dragLeft + clientWidth;
-            if (offsetLeft + width + marginSize < visibleWidth) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-              }
-            }
-            break;
-          case 'sest':
-            dragLeft = evnt.clientX - disX;
-            dragTop = disY - evnt.clientY;
-            width = dragLeft + clientWidth;
-            height = dragTop + clientHeight;
-            if (offsetLeft + width + marginSize < visibleWidth) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-              }
-            }
-            if (offsetTop - dragTop > marginSize) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-                modalBoxElem.style.top = "".concat(offsetTop - dragTop, "px");
-              }
-            }
-            break;
-          case 'selb':
-            dragLeft = evnt.clientX - disX;
-            dragTop = evnt.clientY - disY;
-            width = dragLeft + clientWidth;
-            height = dragTop + clientHeight;
-            if (offsetLeft + width + marginSize < visibleWidth) {
-              if (width > minWidth) {
-                modalBoxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
-              }
-            }
-            if (offsetTop + height + marginSize < visibleHeight) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-              }
-            }
-            break;
-          case 'sb':
-            dragTop = evnt.clientY - disY;
-            height = dragTop + clientHeight;
-            if (offsetTop + height + marginSize < visibleHeight) {
-              if (height > minHeight) {
-                modalBoxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
-              }
-            }
-            break;
-        }
-        modalBoxElem.className = modalBoxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
-        if (remember && storage) {
-          _this12.savePosStorage();
-        }
-        if ($listeners.resize) {
-          _this12.$emit('resize', params);
-        } else if (events.resize) {
-          events.resize.call(_this12, params);
-        }
-      };
-      document.onmouseup = function () {
-        _this12.revertLocat = null;
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
-        setTimeout(function () {
-          modalBoxElem.className = modalBoxElem.className.replace(/\s?is--drag/, '');
-        }, 50);
-      };
-    },
-    getStorageMap: function getStorageMap(key) {
-      var version = _conf.default.version;
-      var rest = _xeUtils.default.toStringJSON(localStorage.getItem(key));
-      return rest && rest._v === version ? rest : {
-        _v: version
-      };
-    },
-    hasPosStorage: function hasPosStorage() {
-      var id = this.id,
-        remember = this.remember,
-        storage = this.storage,
-        storageKey = this.storageKey;
-      return !!(remember && storage && this.getStorageMap(storageKey)[id]);
-    },
-    restorePosStorage: function restorePosStorage() {
-      var id = this.id,
-        remember = this.remember,
-        storage = this.storage,
-        storageKey = this.storageKey;
-      if (remember && storage) {
-        var posStorage = this.getStorageMap(storageKey)[id];
-        if (posStorage) {
-          var modalBoxElem = this.getBox();
-          var _posStorage$split = posStorage.split(','),
-            _posStorage$split2 = _slicedToArray(_posStorage$split, 8),
-            left = _posStorage$split2[0],
-            top = _posStorage$split2[1],
-            width = _posStorage$split2[2],
-            height = _posStorage$split2[3],
-            zoomLeft = _posStorage$split2[4],
-            zoomTop = _posStorage$split2[5],
-            zoomWidth = _posStorage$split2[6],
-            zoomHeight = _posStorage$split2[7];
-          if (left) {
-            modalBoxElem.style.left = "".concat(left, "px");
-          }
-          if (top) {
-            modalBoxElem.style.top = "".concat(top, "px");
-          }
-          if (width) {
-            modalBoxElem.style.width = "".concat(width, "px");
-          }
-          if (height) {
-            modalBoxElem.style.height = "".concat(height, "px");
-          }
-          if (zoomLeft && zoomTop) {
-            this.revertLocat = {
-              left: zoomLeft,
-              top: zoomTop,
-              width: zoomWidth,
-              height: zoomHeight
-            };
-          }
-        }
-      }
-    },
-    savePosStorage: function savePosStorage() {
-      var id = this.id,
-        remember = this.remember,
-        storage = this.storage,
-        storageKey = this.storageKey,
-        revertLocat = this.revertLocat;
-      if (remember && storage) {
-        var modalBoxElem = this.getBox();
-        var posStorageMap = this.getStorageMap(storageKey);
-        posStorageMap[id] = [modalBoxElem.style.left, modalBoxElem.style.top, modalBoxElem.style.width, modalBoxElem.style.height].concat(revertLocat ? [revertLocat.left, revertLocat.top, revertLocat.width, revertLocat.height] : []).map(function (val) {
-          return val ? _xeUtils.default.toNumber(val) : '';
-        }).join(',');
-        localStorage.setItem(storageKey, _xeUtils.default.toJSONString(posStorageMap));
-      }
-    }
-  }
-};