vxe-table 3.6.6 → 3.6.8

package/lib/modal/src/modal.js

@@ -1,50 +1,29 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var allActivedModals = [];
 exports.allActivedModals = allActivedModals;
 var msgQueue = [];
@@ -273,20 +252,16 @@ var _default2 = {
   },
   mounted: function mounted() {
     var $listeners = this.$listeners,
-        _this$events = this.events,
-        events = _this$events === void 0 ? {} : _this$events;
-
+      _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 事件
-
-
+    }
+    // 触发 inserted 事件
     var type = 'inserted';
     var params = {
       type: type,
@@ -295,7 +270,6 @@ var _default2 = {
         type: type
       }
     };
-
     if ($listeners.inserted) {
       this.$emit('inserted', params);
     } else if (events.inserted) {
@@ -304,48 +278,44 @@ var _default2 = {
   },
   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;
-
+      _this = this;
     var _e = this._e,
-        $scopedSlots = this.$scopedSlots,
-        _this$slots = this.slots,
-        slots = _this$slots === void 0 ? {} : _this$slots,
-        inited = this.inited,
-        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,
-        zoomLocat = this.zoomLocat,
-        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;
+      $scopedSlots = this.$scopedSlots,
+      _this$slots = this.slots,
+      slots = _this$slots === void 0 ? {} : _this$slots,
+      inited = this.inited,
+      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,
+      zoomLocat = this.zoomLocat,
+      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;
     var content = this.content || this.message;
     var defaultSlot = $scopedSlots.default || slots.default;
     var footerSlot = $scopedSlots.footer || slots.footer;
@@ -353,15 +323,12 @@ var _default2 = {
     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(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, "status--".concat(status), status), _defineProperty(_ref, 'is--animat', animat), _defineProperty(_ref, 'lock--scroll', lockScroll), _defineProperty(_ref, 'lock--view', lockView), _defineProperty(_ref, 'is--resize', resize), _defineProperty(_ref, 'is--mask', mask), _defineProperty(_ref, 'is--maximize', zoomLocat), _defineProperty(_ref, 'is--visible', contentVisible), _defineProperty(_ref, 'is--active', visible), _defineProperty(_ref, 'is--loading', loading), _ref)],
       style: {
@@ -464,7 +431,7 @@ var _default2 = {
   methods: {
     recalculate: function recalculate() {
       var width = this.width,
-          height = this.height;
+        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;
@@ -478,8 +445,7 @@ var _default2 = {
     },
     updateZindex: function updateZindex() {
       var zIndex = this.zIndex,
-          modalZindex = this.modalZindex;
-
+        modalZindex = this.modalZindex;
       if (zIndex) {
         this.modalZindex = zIndex;
       } else if (modalZindex < _utils.default.getLastZIndex()) {
@@ -488,119 +454,101 @@ var _default2 = {
     },
     closeEvent: function closeEvent(evnt) {
       var _this$events2 = this.events,
-          events = _this$events2 === void 0 ? {} : _this$events2;
+        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;
+        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;
+        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,
-          inited = this.inited,
-          duration = this.duration,
-          visible = this.visible,
-          isMsg = this.isMsg,
-          remember = this.remember,
-          showFooter = this.showFooter;
-
+        _this$events5 = this.events,
+        events = _this$events5 === void 0 ? {} : _this$events5,
+        inited = this.inited,
+        duration = this.duration,
+        visible = this.visible,
+        isMsg = this.isMsg,
+        remember = this.remember,
+        showFooter = this.showFooter;
       if (!inited) {
         this.inited = 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');
@@ -609,8 +557,7 @@ var _default2 = {
         } else {
           this.$nextTick(function () {
             var firstOpen = _this2.firstOpen,
-                fullscreen = _this2.fullscreen;
-
+              fullscreen = _this2.fullscreen;
             if (!remember || firstOpen) {
               _this2.updatePosition().then(function () {
                 setTimeout(function () {
@@ -618,10 +565,8 @@ var _default2 = {
                 }, 20);
               });
             }
-
             if (firstOpen) {
               _this2.firstOpen = false;
-
               if (_this2.hasPosStorage()) {
                 _this2.restorePosStorage();
               } else if (fullscreen) {
@@ -644,18 +589,15 @@ var _default2 = {
       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() {
@@ -670,86 +612,69 @@ var _default2 = {
     },
     updatePosition: function updatePosition() {
       var _this4 = this;
-
       return this.$nextTick().then(function () {
         var marginSize = _this4.marginSize,
-            position = _this4.position;
-
+          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;
-
+            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;
+        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.zoomLocat = 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);
@@ -761,15 +686,12 @@ var _default2 = {
     },
     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) {
@@ -787,17 +709,13 @@ var _default2 = {
     },
     maximize: function maximize() {
       var _this7 = this;
-
       return this.$nextTick().then(function () {
         if (!_this7.zoomLocat) {
           var marginSize = Math.max(0, _this7.marginSize);
-
           var modalBoxElem = _this7.getBox();
-
           var _DomTools$getDomNode = _dom.default.getDomNode(),
-              visibleHeight = _DomTools$getDomNode.visibleHeight,
-              visibleWidth = _DomTools$getDomNode.visibleWidth;
-
+            visibleHeight = _DomTools$getDomNode.visibleHeight,
+            visibleWidth = _DomTools$getDomNode.visibleWidth;
           _this7.zoomLocat = {
             top: modalBoxElem.offsetTop,
             left: modalBoxElem.offsetLeft,
@@ -810,20 +728,16 @@ var _default2 = {
             width: "".concat(visibleWidth - marginSize * 2, "px"),
             height: "".concat(visibleHeight - marginSize * 2, "px")
           });
-
           _this7.savePosStorage();
         }
       });
     },
     revert: function revert() {
       var _this8 = this;
-
       return this.$nextTick().then(function () {
         var zoomLocat = _this8.zoomLocat;
-
         if (zoomLocat) {
           var modalBoxElem = _this8.getBox();
-
           _this8.zoomLocat = null;
           Object.assign(modalBoxElem.style, {
             top: "".concat(zoomLocat.top, "px"),
@@ -831,25 +745,22 @@ var _default2 = {
             width: "".concat(zoomLocat.width, "px"),
             height: "".concat(zoomLocat.height, "px")
           });
-
           _this8.savePosStorage();
         }
       });
     },
     zoom: function zoom() {
       var _this9 = this;
-
       return this[this.zoomLocat ? 'revert' : 'maximize']().then(function () {
         return _this9.isMaximized();
       });
     },
     toggleZoomEvent: function toggleZoomEvent(evnt) {
       var _this10 = this;
-
       var $listeners = this.$listeners,
-          zoomLocat = this.zoomLocat,
-          _this$events7 = this.events,
-          events = _this$events7 === void 0 ? {} : _this$events7;
+        zoomLocat = this.zoomLocat,
+        _this$events7 = this.events,
+        events = _this$events7 === void 0 ? {} : _this$events7;
       var params = {
         type: zoomLocat ? 'revert' : 'max',
         $modal: this,
@@ -866,7 +777,6 @@ var _default2 = {
     getPosition: function getPosition() {
       if (!this.isMsg) {
         var modalBoxElem = this.getBox();
-
         if (modalBoxElem) {
           return {
             top: modalBoxElem.offsetTop,
@@ -874,27 +784,22 @@ var _default2 = {
           };
         }
       }
-
       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;
       })) {
@@ -903,24 +808,20 @@ var _default2 = {
     },
     mousedownEvent: function mousedownEvent(evnt) {
       var _this11 = this;
-
       var remember = this.remember,
-          storage = this.storage,
-          marginSize = this.marginSize,
-          zoomLocat = this.zoomLocat;
+        storage = this.storage,
+        marginSize = this.marginSize,
+        zoomLocat = this.zoomLocat;
       var modalBoxElem = this.getBox();
-
       if (!zoomLocat && 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$getDomNode2 = _dom.default.getDomNode(),
-            visibleHeight = _DomTools$getDomNode2.visibleHeight,
-            visibleWidth = _DomTools$getDomNode2.visibleWidth;
-
+          visibleHeight = _DomTools$getDomNode2.visibleHeight,
+          visibleWidth = _DomTools$getDomNode2.visibleWidth;
         document.onmousemove = function (evnt) {
           evnt.preventDefault();
           var offsetWidth = modalBoxElem.offsetWidth;
@@ -931,38 +832,30 @@ var _default2 = {
           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';
         };
-
         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);
@@ -971,25 +864,19 @@ var _default2 = {
     },
     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;
-
+        marginSize = this.marginSize,
+        _this$events8 = this.events,
+        events = _this$events8 === void 0 ? {} : _this$events8,
+        remember = this.remember,
+        storage = this.storage;
       var _DomTools$getDomNode3 = _dom.default.getDomNode(),
-          visibleHeight = _DomTools$getDomNode3.visibleHeight,
-          visibleWidth = _DomTools$getDomNode3.visibleWidth;
-
+        visibleHeight = _DomTools$getDomNode3.visibleHeight,
+        visibleWidth = _DomTools$getDomNode3.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();
@@ -1005,163 +892,130 @@ var _default2 = {
         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.zoom) {
           _this12.$emit('zoom', params);
         } else if (events.zoom) {
           events.zoom.call(_this12, params);
         }
       };
-
       document.onmouseup = function () {
         _this12.zoomLocat = null;
         document.onmousemove = domMousemove;
@@ -1173,59 +1027,49 @@ var _default2 = {
     },
     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;
+        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;
-
+        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];
-
+            _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.zoomLocat = {
               left: zoomLeft,
@@ -1239,11 +1083,10 @@ var _default2 = {
     },
     savePosStorage: function savePosStorage() {
       var id = this.id,
-          remember = this.remember,
-          storage = this.storage,
-          storageKey = this.storageKey,
-          zoomLocat = this.zoomLocat;
-
+        remember = this.remember,
+        storage = this.storage,
+        storageKey = this.storageKey,
+        zoomLocat = this.zoomLocat;
       if (remember && storage) {
         var modalBoxElem = this.getBox();
         var posStorageMap = this.getStorageMap(storageKey);