vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/modal/src/modal.js

@@ -4,53 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.msgQueue = exports.default = exports.allActivedModals = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _size = require("../../hooks/size");
-
 var _dom = require("../../tools/dom");
-
 var _utils = require("../../tools/utils");
-
 var _log = require("../../tools/log");
-
 var _event = require("../../tools/event");
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _button = _interopRequireDefault(require("../../button/src/button"));
-
 var _index = _interopRequireDefault(require("../../loading/index"));
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var allActivedModals = [];
 exports.allActivedModals = allActivedModals;
 var msgQueue = [];
 exports.msgQueue = msgQueue;
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeModal',
   props: {
     modelValue: Boolean,
@@ -68,7 +48,7 @@ var _default2 = (0, _vue.defineComponent)({
     className: String,
     top: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.top;
       }
     },
@@ -76,7 +56,7 @@ var _default2 = (0, _vue.defineComponent)({
     title: String,
     duration: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.duration;
       }
     },
@@ -84,64 +64,64 @@ var _default2 = (0, _vue.defineComponent)({
     content: [Number, String],
     cancelButtonText: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.cancelButtonText;
       }
     },
     confirmButtonText: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.confirmButtonText;
       }
     },
     lockView: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.lockView;
       }
     },
     lockScroll: Boolean,
     mask: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.mask;
       }
     },
     maskClosable: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.maskClosable;
       }
     },
     escClosable: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.escClosable;
       }
     },
     resize: Boolean,
     showHeader: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.showHeader;
       }
     },
     showFooter: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.showFooter;
       }
     },
     showZoom: Boolean,
     showClose: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.showClose;
       }
     },
     dblclickZoom: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.dblclickZoom;
       }
     },
@@ -149,93 +129,91 @@ var _default2 = (0, _vue.defineComponent)({
     height: [Number, String],
     minWidth: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.minWidth;
       }
     },
     minHeight: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.minHeight;
       }
     },
     zIndex: Number,
     marginSize: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.marginSize;
       }
     },
     fullscreen: Boolean,
     draggable: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.draggable;
       }
     },
     remember: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.remember;
       }
     },
     destroyOnClose: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.destroyOnClose;
       }
     },
     showTitleOverflow: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.showTitleOverflow;
       }
     },
     transfer: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.transfer;
       }
     },
     storage: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.storage;
       }
     },
     storageKey: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.storageKey;
       }
     },
     animat: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.animat;
       }
     },
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.size || _conf.default.size;
       }
     },
     beforeHideMethod: {
       type: Function,
-      default: function _default() {
+      default: function () {
         return _conf.default.modal.beforeHideMethod;
       }
     },
     slots: Object
   },
   emits: ['update:modelValue', 'show', 'hide', 'before-hide', 'close', 'confirm', 'cancel', 'zoom'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
-
+      emit = context.emit;
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       inited: false,
@@ -258,7 +236,7 @@ var _default2 = (0, _vue.defineComponent)({
       props: props,
       context: context,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
@@ -266,73 +244,60 @@ var _default2 = (0, _vue.defineComponent)({
     var computeIsMsg = (0, _vue.computed)(function () {
       return props.type === 'message';
     });
-
-    var getBox = function getBox() {
+    var getBox = function () {
       var boxElem = refModalBox.value;
       return boxElem;
     };
-
-    var recalculate = function recalculate() {
+    var recalculate = function () {
       var width = props.width,
-          height = props.height;
+        height = props.height;
       var boxElem = getBox();
       boxElem.style.width = "".concat(width ? isNaN(width) ? width : "".concat(width, "px") : '');
       boxElem.style.height = "".concat(height ? isNaN(height) ? height : "".concat(height, "px") : '');
       return (0, _vue.nextTick)();
     };
-
-    var updateZindex = function updateZindex() {
+    var updateZindex = function () {
       var zIndex = props.zIndex;
       var modalZindex = reactData.modalZindex;
-
       if (zIndex) {
         reactData.modalZindex = zIndex;
       } else if (modalZindex < (0, _utils.getLastZIndex)()) {
         reactData.modalZindex = (0, _utils.nextZIndex)();
       }
     };
-
-    var updatePosition = function updatePosition() {
+    var updatePosition = function () {
       return (0, _vue.nextTick)().then(function () {
         var position = props.position;
-
         var marginSize = _xeUtils.default.toNumber(props.marginSize);
-
         var boxElem = getBox();
         var clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
         var clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
         var isPosCenter = position === 'center';
-
         var _a = _xeUtils.default.isString(position) ? {
-          top: position,
-          left: position
-        } : Object.assign({}, position),
-            top = _a.top,
-            left = _a.left;
-
+            top: position,
+            left: position
+          } : Object.assign({}, position),
+          top = _a.top,
+          left = _a.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 - boxElem.offsetWidth / 2), "px");
         }
-
         if (top && !topCenter) {
           posTop = isNaN(top) ? top : "".concat(top, "px");
         } else {
           posTop = "".concat(Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2), "px");
         }
-
         boxElem.style.top = posTop;
         boxElem.style.left = posLeft;
       });
     };
-
-    var updateStyle = function updateStyle() {
+    var updateStyle = function () {
       (0, _vue.nextTick)(function () {
         var offsetTop = 0;
         msgQueue.forEach(function (comp) {
@@ -343,43 +308,35 @@ var _default2 = (0, _vue.defineComponent)({
         });
       });
     };
-
-    var removeMsgQueue = function removeMsgQueue() {
+    var removeMsgQueue = function () {
       if (msgQueue.indexOf($xemodal) > -1) {
         _xeUtils.default.remove(msgQueue, function (comp) {
           return comp === $xemodal;
         });
       }
-
       updateStyle();
     };
-
-    var closeModal = function closeModal(type) {
+    var closeModal = function (type) {
       var remember = props.remember,
-          beforeHideMethod = props.beforeHideMethod;
+        beforeHideMethod = props.beforeHideMethod;
       var visible = reactData.visible;
       var isMsg = computeIsMsg.value;
       var params = {
         type: type
       };
-
       if (visible) {
         Promise.resolve(beforeHideMethod ? beforeHideMethod(params) : null).then(function (rest) {
           if (!_xeUtils.default.isError(rest)) {
             if (isMsg) {
               removeMsgQueue();
             }
-
             reactData.contentVisible = false;
-
             if (!remember) {
               reactData.zoomLocat = null;
             }
-
             _xeUtils.default.remove(allActivedModals, function (item) {
               return item === $xemodal;
             });
-
             modalMethods.dispatchEvent('before-hide', params);
             setTimeout(function () {
               reactData.visible = false;
@@ -391,90 +348,73 @@ var _default2 = (0, _vue.defineComponent)({
           return e;
         });
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var closeEvent = function closeEvent(evnt) {
+    var closeEvent = function (evnt) {
       var type = 'close';
       modalMethods.dispatchEvent(type, {
         type: type
       }, evnt);
       closeModal(type);
     };
-
-    var confirmEvent = function confirmEvent(evnt) {
+    var confirmEvent = function (evnt) {
       var type = 'confirm';
       modalMethods.dispatchEvent(type, {
         type: type
       }, evnt);
       closeModal(type);
     };
-
-    var cancelEvent = function cancelEvent(evnt) {
+    var cancelEvent = function (evnt) {
       var type = 'cancel';
       modalMethods.dispatchEvent(type, {
         type: type
       }, evnt);
       closeModal(type);
     };
-
-    var getStorageMap = function getStorageMap(key) {
+    var getStorageMap = function (key) {
       var version = _conf.default.version;
-
       var rest = _xeUtils.default.toStringJSON(localStorage.getItem(key) || '');
-
       return rest && rest._v === version ? rest : {
         _v: version
       };
     };
-
-    var hasPosStorage = function hasPosStorage() {
+    var hasPosStorage = function () {
       var id = props.id,
-          remember = props.remember,
-          storage = props.storage,
-          storageKey = props.storageKey;
+        remember = props.remember,
+        storage = props.storage,
+        storageKey = props.storageKey;
       return !!(id && remember && storage && getStorageMap(storageKey)[id]);
     };
-
-    var restorePosStorage = function restorePosStorage() {
+    var restorePosStorage = function () {
       var id = props.id,
-          remember = props.remember,
-          storage = props.storage,
-          storageKey = props.storageKey;
-
+        remember = props.remember,
+        storage = props.storage,
+        storageKey = props.storageKey;
       if (id && remember && storage) {
         var posStorage = getStorageMap(storageKey)[id];
-
         if (posStorage) {
           var boxElem = getBox();
-
           var _a = posStorage.split(','),
-              left = _a[0],
-              top_1 = _a[1],
-              width = _a[2],
-              height = _a[3],
-              zoomLeft = _a[4],
-              zoomTop = _a[5],
-              zoomWidth = _a[6],
-              zoomHeight = _a[7];
-
+            left = _a[0],
+            top_1 = _a[1],
+            width = _a[2],
+            height = _a[3],
+            zoomLeft = _a[4],
+            zoomTop = _a[5],
+            zoomWidth = _a[6],
+            zoomHeight = _a[7];
           if (left) {
             boxElem.style.left = "".concat(left, "px");
           }
-
           if (top_1) {
             boxElem.style.top = "".concat(top_1, "px");
           }
-
           if (width) {
             boxElem.style.width = "".concat(width, "px");
           }
-
           if (height) {
             boxElem.style.height = "".concat(height, "px");
           }
-
           if (zoomLeft && zoomTop) {
             reactData.zoomLocat = {
               left: zoomLeft,
@@ -486,22 +426,18 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var addMsgQueue = function addMsgQueue() {
+    var addMsgQueue = function () {
       if (msgQueue.indexOf($xemodal) === -1) {
         msgQueue.push($xemodal);
       }
-
       updateStyle();
     };
-
-    var savePosStorage = function savePosStorage() {
+    var savePosStorage = function () {
       var id = props.id,
-          remember = props.remember,
-          storage = props.storage,
-          storageKey = props.storageKey;
+        remember = props.remember,
+        storage = props.storage,
+        storageKey = props.storageKey;
       var zoomLocat = reactData.zoomLocat;
-
       if (id && remember && storage) {
         var boxElem = getBox();
         var posStorageMap = getStorageMap(storageKey);
@@ -511,17 +447,14 @@ var _default2 = (0, _vue.defineComponent)({
         localStorage.setItem(storageKey, _xeUtils.default.toJSONString(posStorageMap));
       }
     };
-
-    var maximize = function maximize() {
+    var maximize = function () {
       return (0, _vue.nextTick)().then(function () {
         if (!reactData.zoomLocat) {
           var marginSize = Math.max(0, _xeUtils.default.toNumber(props.marginSize));
           var boxElem = getBox();
-
           var _a = (0, _dom.getDomNode)(),
-              visibleHeight = _a.visibleHeight,
-              visibleWidth = _a.visibleWidth;
-
+            visibleHeight = _a.visibleHeight,
+            visibleWidth = _a.visibleWidth;
           reactData.zoomLocat = {
             top: boxElem.offsetTop,
             left: boxElem.offsetLeft,
@@ -538,24 +471,20 @@ var _default2 = (0, _vue.defineComponent)({
         }
       });
     };
-
-    var openModal = function openModal() {
+    var openModal = function () {
       var duration = props.duration,
-          remember = props.remember,
-          showFooter = props.showFooter;
+        remember = props.remember,
+        showFooter = props.showFooter;
       var inited = reactData.inited,
-          visible = reactData.visible;
+        visible = reactData.visible;
       var isMsg = computeIsMsg.value;
-
       if (!inited) {
         reactData.inited = true;
       }
-
       if (!visible) {
         if (!remember) {
           recalculate();
         }
-
         reactData.visible = true;
         reactData.contentVisible = false;
         updateZindex();
@@ -567,12 +496,10 @@ var _default2 = (0, _vue.defineComponent)({
               var confirmBtn = refConfirmBtn.value;
               var cancelBtn = refCancelBtn.value;
               var operBtn = confirmBtn || cancelBtn;
-
               if (operBtn) {
                 operBtn.focus();
               }
             }
-
             var type = '';
             var params = {
               type: type
@@ -581,10 +508,8 @@ var _default2 = (0, _vue.defineComponent)({
             modalMethods.dispatchEvent('show', params);
           });
         }, 10);
-
         if (isMsg) {
           addMsgQueue();
-
           if (duration !== -1) {
             setTimeout(function () {
               return closeModal('close');
@@ -594,7 +519,6 @@ var _default2 = (0, _vue.defineComponent)({
           (0, _vue.nextTick)(function () {
             var fullscreen = props.fullscreen;
             var firstOpen = reactData.firstOpen;
-
             if (!remember || firstOpen) {
               updatePosition().then(function () {
                 setTimeout(function () {
@@ -602,10 +526,8 @@ var _default2 = (0, _vue.defineComponent)({
                 }, 20);
               });
             }
-
             if (firstOpen) {
               reactData.firstOpen = false;
-
               if (hasPosStorage()) {
                 restorePosStorage();
               } else if (fullscreen) {
@@ -623,28 +545,22 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var selfClickEvent = function selfClickEvent(evnt) {
+    var selfClickEvent = function (evnt) {
       var el = refElem.value;
-
       if (props.maskClosable && evnt.target === el) {
         var type = 'mask';
         closeModal(type);
       }
     };
-
-    var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(evnt) {
+    var handleGlobalKeydownEvent = function (evnt) {
       var isEsc = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ESCAPE);
-
       if (isEsc) {
         var lastModal_1 = _xeUtils.default.max(allActivedModals, function (item) {
           return item.reactData.modalZindex;
-        }); // 多个时，只关掉最上层的窗口
-
-
+        });
+        // 多个时，只关掉最上层的窗口
         if (lastModal_1) {
           setTimeout(function () {
             if (lastModal_1 === $xemodal && lastModal_1.props.escClosable) {
@@ -654,15 +570,12 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var isMaximized = function isMaximized() {
+    var isMaximized = function () {
       return !!reactData.zoomLocat;
     };
-
-    var revert = function revert() {
+    var revert = function () {
       return (0, _vue.nextTick)().then(function () {
         var zoomLocat = reactData.zoomLocat;
-
         if (zoomLocat) {
           var boxElem = getBox();
           reactData.zoomLocat = null;
@@ -676,20 +589,17 @@ var _default2 = (0, _vue.defineComponent)({
         }
       });
     };
-
-    var zoom = function zoom() {
+    var zoom = function () {
       if (reactData.zoomLocat) {
         return revert().then(function () {
           return isMaximized();
         });
       }
-
       return maximize().then(function () {
         return isMaximized();
       });
     };
-
-    var toggleZoomEvent = function toggleZoomEvent(evnt) {
+    var toggleZoomEvent = function (evnt) {
       var zoomLocat = reactData.zoomLocat;
       var params = {
         type: zoomLocat ? 'revert' : 'max'
@@ -698,13 +608,10 @@ var _default2 = (0, _vue.defineComponent)({
         modalMethods.dispatchEvent('zoom', params, evnt);
       });
     };
-
-    var getPosition = function getPosition() {
+    var getPosition = function () {
       var isMsg = computeIsMsg.value;
-
       if (!isMsg) {
         var boxElem = getBox();
-
         if (boxElem) {
           return {
             top: boxElem.offsetTop,
@@ -712,58 +619,44 @@ var _default2 = (0, _vue.defineComponent)({
           };
         }
       }
-
       return null;
     };
-
-    var setPosition = function setPosition(top, left) {
+    var setPosition = function (top, left) {
       var isMsg = computeIsMsg.value;
-
       if (!isMsg) {
         var boxElem = getBox();
-
         if (_xeUtils.default.isNumber(top)) {
           boxElem.style.top = "".concat(top, "px");
         }
-
         if (_xeUtils.default.isNumber(left)) {
           boxElem.style.left = "".concat(left, "px");
         }
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var boxMousedownEvent = function boxMousedownEvent() {
+    var boxMousedownEvent = function () {
       var modalZindex = reactData.modalZindex;
-
       if (allActivedModals.some(function (comp) {
         return comp.reactData.visible && comp.reactData.modalZindex > modalZindex;
       })) {
         updateZindex();
       }
     };
-
-    var mousedownEvent = function mousedownEvent(evnt) {
+    var mousedownEvent = function (evnt) {
       var remember = props.remember,
-          storage = props.storage;
+        storage = props.storage;
       var zoomLocat = reactData.zoomLocat;
-
       var marginSize = _xeUtils.default.toNumber(props.marginSize);
-
       var boxElem = getBox();
-
       if (!zoomLocat && evnt.button === 0 && !(0, _dom.getEventTargetNode)(evnt, boxElem, 'trigger--btn').flag) {
         evnt.preventDefault();
         var domMousemove_1 = document.onmousemove;
         var domMouseup_1 = document.onmouseup;
         var disX_1 = evnt.clientX - boxElem.offsetLeft;
         var disY_1 = evnt.clientY - boxElem.offsetTop;
-
         var _a = (0, _dom.getDomNode)(),
-            visibleHeight_1 = _a.visibleHeight,
-            visibleWidth_1 = _a.visibleWidth;
-
+          visibleHeight_1 = _a.visibleHeight,
+          visibleWidth_1 = _a.visibleWidth;
         document.onmousemove = function (evnt) {
           evnt.preventDefault();
           var offsetWidth = boxElem.offsetWidth;
@@ -774,63 +667,48 @@ var _default2 = (0, _vue.defineComponent)({
           var maxY = visibleHeight_1 - offsetHeight - marginSize - 1;
           var left = evnt.clientX - disX_1;
           var top = evnt.clientY - disY_1;
-
           if (left > maxX) {
             left = maxX;
           }
-
           if (left < minX) {
             left = minX;
           }
-
           if (top > maxY) {
             top = maxY;
           }
-
           if (top < minY) {
             top = minY;
           }
-
           boxElem.style.left = "".concat(left, "px");
           boxElem.style.top = "".concat(top, "px");
           boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
         };
-
         document.onmouseup = function () {
           document.onmousemove = domMousemove_1;
           document.onmouseup = domMouseup_1;
-
           if (remember && storage) {
             (0, _vue.nextTick)(function () {
               savePosStorage();
             });
           }
-
           setTimeout(function () {
             boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
           }, 50);
         };
       }
     };
-
-    var dragEvent = function dragEvent(evnt) {
+    var dragEvent = function (evnt) {
       evnt.preventDefault();
       var remember = props.remember,
-          storage = props.storage;
-
+        storage = props.storage;
       var _a = (0, _dom.getDomNode)(),
-          visibleHeight = _a.visibleHeight,
-          visibleWidth = _a.visibleWidth;
-
+        visibleHeight = _a.visibleHeight,
+        visibleWidth = _a.visibleWidth;
       var marginSize = _xeUtils.default.toNumber(props.marginSize);
-
       var targetElem = evnt.target;
       var type = targetElem.getAttribute('type');
-
       var minWidth = _xeUtils.default.toNumber(props.minWidth);
-
       var minHeight = _xeUtils.default.toNumber(props.minHeight);
-
       var maxWidth = visibleWidth;
       var maxHeight = visibleHeight;
       var boxElem = getBox();
@@ -845,159 +723,126 @@ var _default2 = (0, _vue.defineComponent)({
       var params = {
         type: 'resize'
       };
-
       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) {
                 boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                 boxElem.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) {
                 boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                 boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
-
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
                 boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                 boxElem.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) {
                 boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                 boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
-
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
                 boxElem.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) {
                 boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                 boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
-
             break;
-
           case 'wr':
             dragLeft = evnt.clientX - disX;
             width = dragLeft + clientWidth;
-
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
                 boxElem.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) {
                 boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
-
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
                 boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                 boxElem.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) {
                 boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
-
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
                 boxElem.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) {
                 boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
-
             break;
         }
-
         boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
-
         if (remember && storage) {
           savePosStorage();
         }
-
         modalMethods.dispatchEvent('zoom', params, evnt);
       };
-
       document.onmouseup = function () {
         reactData.zoomLocat = null;
         document.onmousemove = domMousemove;
@@ -1007,13 +852,12 @@ var _default2 = (0, _vue.defineComponent)({
         }, 50);
       };
     };
-
-    var renderTitles = function renderTitles() {
+    var renderTitles = function () {
       var _a = props.slots,
-          propSlots = _a === void 0 ? {} : _a,
-          showClose = props.showClose,
-          showZoom = props.showZoom,
-          title = props.title;
+        propSlots = _a === void 0 ? {} : _a,
+        showClose = props.showClose,
+        showZoom = props.showZoom,
+        title = props.title;
       var zoomLocat = reactData.zoomLocat;
       var titleSlot = slots.title || propSlots.title;
       var cornerSlot = slots.corner || propSlots.corner;
@@ -1023,7 +867,6 @@ var _default2 = (0, _vue.defineComponent)({
         $modal: $xemodal
       })) : title ? (0, _utils.getFuncText)(title) : _conf.default.i18n('vxe.alert.title'))];
       var rightVNs = [];
-
       if (cornerSlot) {
         rightVNs.push((0, _vue.h)('span', {
           class: 'vxe-modal--corner-warpper'
@@ -1031,7 +874,6 @@ var _default2 = (0, _vue.defineComponent)({
           $modal: $xemodal
         }))));
       }
-
       if (showZoom) {
         rightVNs.push((0, _vue.h)('i', {
           class: ['vxe-modal--zoom-btn', 'trigger--btn', zoomLocat ? _conf.default.icon.MODAL_ZOOM_OUT : _conf.default.icon.MODAL_ZOOM_IN],
@@ -1039,7 +881,6 @@ var _default2 = (0, _vue.defineComponent)({
           onClick: toggleZoomEvent
         }));
       }
-
       if (showClose) {
         rightVNs.push((0, _vue.h)('i', {
           class: ['vxe-modal--close-btn', 'trigger--btn', _conf.default.icon.MODAL_CLOSE],
@@ -1047,33 +888,27 @@ var _default2 = (0, _vue.defineComponent)({
           onClick: closeEvent
         }));
       }
-
       titVNs.push((0, _vue.h)('div', {
         class: 'vxe-modal--header-right'
       }, rightVNs));
       return titVNs;
     };
-
-    var renderHeaders = function renderHeaders() {
+    var renderHeaders = function () {
       var _a = props.slots,
-          propSlots = _a === void 0 ? {} : _a,
-          showZoom = props.showZoom,
-          draggable = props.draggable;
+        propSlots = _a === void 0 ? {} : _a,
+        showZoom = props.showZoom,
+        draggable = props.draggable;
       var isMsg = computeIsMsg.value;
       var headerSlot = slots.header || propSlots.header;
       var headVNs = [];
-
       if (props.showHeader) {
         var headerOns = {};
-
         if (draggable) {
           headerOns.onMousedown = mousedownEvent;
         }
-
         if (showZoom && props.dblclickZoom && props.type === 'modal') {
           headerOns.onDblclick = toggleZoomEvent;
         }
-
         headVNs.push((0, _vue.h)('div', __assign({
           class: ['vxe-modal--header', {
             'is--draggable': draggable,
@@ -1083,20 +918,17 @@ var _default2 = (0, _vue.defineComponent)({
           $modal: $xemodal
         })) : renderTitles()));
       }
-
       return headVNs;
     };
-
-    var renderBodys = function renderBodys() {
+    var renderBodys = function () {
       var _a = props.slots,
-          propSlots = _a === void 0 ? {} : _a,
-          status = props.status,
-          message = props.message;
+        propSlots = _a === void 0 ? {} : _a,
+        status = props.status,
+        message = props.message;
       var content = props.content || message;
       var isMsg = computeIsMsg.value;
       var defaultSlot = slots.default || propSlots.default;
       var contVNs = [];
-
       if (status) {
         contVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--status-wrapper'
@@ -1104,13 +936,11 @@ var _default2 = (0, _vue.defineComponent)({
           class: ['vxe-modal--status-icon', props.iconStatus || _conf.default.icon["MODAL_".concat(status).toLocaleUpperCase()]]
         })]));
       }
-
       contVNs.push((0, _vue.h)('div', {
         class: 'vxe-modal--content'
       }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(defaultSlot({
         $modal: $xemodal
       })) : (0, _utils.getFuncText)(content)));
-
       if (!isMsg) {
         /**
          * 加载中
@@ -1120,16 +950,13 @@ var _default2 = (0, _vue.defineComponent)({
           modelValue: props.loading
         }));
       }
-
       return [(0, _vue.h)('div', {
         class: 'vxe-modal--body'
       }, contVNs)];
     };
-
-    var renderBtns = function renderBtns() {
+    var renderBtns = function () {
       var type = props.type;
       var btnVNs = [];
-
       if (type === 'confirm') {
         btnVNs.push((0, _vue.h)(_button.default, {
           ref: refCancelBtn,
@@ -1137,7 +964,6 @@ var _default2 = (0, _vue.defineComponent)({
           onClick: cancelEvent
         }));
       }
-
       btnVNs.push((0, _vue.h)(_button.default, {
         ref: refConfirmBtn,
         status: 'primary',
@@ -1146,14 +972,12 @@ var _default2 = (0, _vue.defineComponent)({
       }));
       return btnVNs;
     };
-
-    var renderFooters = function renderFooters() {
+    var renderFooters = function () {
       var _a = props.slots,
-          propSlots = _a === void 0 ? {} : _a;
+        propSlots = _a === void 0 ? {} : _a;
       var isMsg = computeIsMsg.value;
       var footerSlot = slots.footer || propSlots.footer;
       var footVNs = [];
-
       if (props.showFooter) {
         footVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--footer'
@@ -1161,7 +985,6 @@ var _default2 = (0, _vue.defineComponent)({
           $modal: $xemodal
         })) : renderBtns()));
       }
-
       if (!isMsg && props.resize) {
         footVNs.push((0, _vue.h)('span', {
           class: 'vxe-modal--resize'
@@ -1173,19 +996,17 @@ var _default2 = (0, _vue.defineComponent)({
           });
         })));
       }
-
       return footVNs;
     };
-
     modalMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $modal: $xemodal,
           $event: evnt
         }, params));
       },
       open: openModal,
-      close: function close() {
+      close: function () {
         return closeModal('close');
       },
       getBox: getBox,
@@ -1217,41 +1038,35 @@ var _default2 = (0, _vue.defineComponent)({
         if (props.storage && !props.id) {
           (0, _log.errLog)('vxe.error.reqProp', ['modal.id']);
         }
-
         if (props.modelValue) {
           openModal();
         }
-
         recalculate();
       });
-
       if (props.escClosable) {
         _event.GlobalEvent.on($xemodal, 'keydown', handleGlobalKeydownEvent);
       }
     });
     (0, _vue.onUnmounted)(function () {
       _event.GlobalEvent.off($xemodal, 'keydown');
-
       removeMsgQueue();
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a;
-
       var className = props.className,
-          type = props.type,
-          animat = props.animat,
-          loading = props.loading,
-          status = props.status,
-          lockScroll = props.lockScroll,
-          lockView = props.lockView,
-          mask = props.mask,
-          resize = props.resize;
+        type = props.type,
+        animat = props.animat,
+        loading = props.loading,
+        status = props.status,
+        lockScroll = props.lockScroll,
+        lockView = props.lockView,
+        mask = props.mask,
+        resize = props.resize;
       var inited = reactData.inited,
-          zoomLocat = reactData.zoomLocat,
-          modalTop = reactData.modalTop,
-          contentVisible = reactData.contentVisible,
-          visible = reactData.visible;
+        zoomLocat = reactData.zoomLocat,
+        modalTop = reactData.modalTop,
+        contentVisible = reactData.contentVisible,
+        visible = reactData.visible;
       var vSize = computeSize.value;
       return (0, _vue.h)(_vue.Teleport, {
         to: 'body',
@@ -1270,13 +1085,11 @@ var _default2 = (0, _vue.defineComponent)({
         onMousedown: boxMousedownEvent
       }, renderHeaders().concat(renderBodys(), renderFooters()))])]);
     };
-
     $xemodal.renderVN = renderVN;
     return $xemodal;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;