vxe-table 4.2.8 → 4.3.0-beta.10

package/lib/modal/src/modal.js

@@ -25,6 +25,8 @@ 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 () {
@@ -274,8 +276,8 @@ var _default2 = (0, _vue.defineComponent)({
       var width = props.width,
           height = props.height;
       var boxElem = getBox();
-      boxElem.style.width = "" + (width ? isNaN(width) ? width : width + "px" : '');
-      boxElem.style.height = "" + (height ? isNaN(height) ? height : height + "px" : '');
+      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)();
     };
 
@@ -314,15 +316,15 @@ var _default2 = (0, _vue.defineComponent)({
         var posLeft = '';
 
         if (left && !leftCenter) {
-          posLeft = isNaN(left) ? left : left + "px";
+          posLeft = isNaN(left) ? left : "".concat(left, "px");
         } else {
-          posLeft = Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2) + "px";
+          posLeft = "".concat(Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2), "px");
         }
 
         if (top && !topCenter) {
-          posTop = isNaN(top) ? top : top + "px";
+          posTop = isNaN(top) ? top : "".concat(top, "px");
         } else {
-          posTop = Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2) + "px";
+          posTop = "".concat(Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2), "px");
         }
 
         boxElem.style.top = posTop;
@@ -458,19 +460,19 @@ var _default2 = (0, _vue.defineComponent)({
               zoomHeight = _a[7];
 
           if (left) {
-            boxElem.style.left = left + "px";
+            boxElem.style.left = "".concat(left, "px");
           }
 
           if (top_1) {
-            boxElem.style.top = top_1 + "px";
+            boxElem.style.top = "".concat(top_1, "px");
           }
 
           if (width) {
-            boxElem.style.width = width + "px";
+            boxElem.style.width = "".concat(width, "px");
           }
 
           if (height) {
-            boxElem.style.height = height + "px";
+            boxElem.style.height = "".concat(height, "px");
           }
 
           if (zoomLeft && zoomTop) {
@@ -527,10 +529,10 @@ var _default2 = (0, _vue.defineComponent)({
             height: boxElem.offsetHeight + (boxElem.style.height ? 0 : 1)
           };
           Object.assign(boxElem.style, {
-            top: marginSize + "px",
-            left: marginSize + "px",
-            width: visibleWidth - marginSize * 2 + "px",
-            height: visibleHeight - marginSize * 2 + "px"
+            top: "".concat(marginSize, "px"),
+            left: "".concat(marginSize, "px"),
+            width: "".concat(visibleWidth - marginSize * 2, "px"),
+            height: "".concat(visibleHeight - marginSize * 2, "px")
           });
           savePosStorage();
         }
@@ -665,10 +667,10 @@ var _default2 = (0, _vue.defineComponent)({
           var boxElem = getBox();
           reactData.zoomLocat = null;
           Object.assign(boxElem.style, {
-            top: zoomLocat.top + "px",
-            left: zoomLocat.left + "px",
-            width: zoomLocat.width + "px",
-            height: zoomLocat.height + "px"
+            top: "".concat(zoomLocat.top, "px"),
+            left: "".concat(zoomLocat.left, "px"),
+            width: "".concat(zoomLocat.width, "px"),
+            height: "".concat(zoomLocat.height, "px")
           });
           savePosStorage();
         }
@@ -721,11 +723,11 @@ var _default2 = (0, _vue.defineComponent)({
         var boxElem = getBox();
 
         if (_xeUtils.default.isNumber(top)) {
-          boxElem.style.top = top + "px";
+          boxElem.style.top = "".concat(top, "px");
         }
 
         if (_xeUtils.default.isNumber(left)) {
-          boxElem.style.left = left + "px";
+          boxElem.style.left = "".concat(left, "px");
         }
       }
 
@@ -789,8 +791,8 @@ var _default2 = (0, _vue.defineComponent)({
             top = minY;
           }
 
-          boxElem.style.left = left + "px";
-          boxElem.style.top = top + "px";
+          boxElem.style.left = "".concat(left, "px");
+          boxElem.style.top = "".concat(top, "px");
           boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
         };
 
@@ -858,8 +860,8 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
               }
             }
 
@@ -873,15 +875,15 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                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 = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -895,14 +897,14 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft - dragLeft > marginSize) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                boxElem.style.left = offsetLeft - dragLeft + "px";
+                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 = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -914,8 +916,8 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -927,7 +929,7 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
@@ -941,14 +943,14 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
             if (offsetTop - dragTop > marginSize) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                boxElem.style.top = offsetTop - dragTop + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
               }
             }
 
@@ -962,13 +964,13 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetLeft + width + marginSize < visibleWidth) {
               if (width > minWidth) {
-                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
               }
             }
 
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -980,7 +982,7 @@ var _default2 = (0, _vue.defineComponent)({
 
             if (offsetTop + height + marginSize < visibleHeight) {
               if (height > minHeight) {
-                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
               }
             }
 
@@ -1014,28 +1016,41 @@ var _default2 = (0, _vue.defineComponent)({
           title = props.title;
       var zoomLocat = reactData.zoomLocat;
       var titleSlot = slots.title || propSlots.title;
-      var titVNs = titleSlot ? titleSlot({
+      var cornerSlot = slots.corner || propSlots.corner;
+      var titVNs = [(0, _vue.h)('div', {
+        class: 'vxe-modal--header-title'
+      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({
         $modal: $xemodal
-      }) : [(0, _vue.h)('span', {
-        class: 'vxe-modal--title'
-      }, title ? (0, _utils.getFuncText)(title) : _conf.default.i18n('vxe.alert.title'))];
+      })) : 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'
+        }, (0, _vn.getSlotVNs)(cornerSlot({
+          $modal: $xemodal
+        }))));
+      }
 
       if (showZoom) {
-        titVNs.push((0, _vue.h)('i', {
+        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],
-          title: _conf.default.i18n("vxe.modal.zoom" + (zoomLocat ? 'Out' : 'In')),
+          title: _conf.default.i18n("vxe.modal.zoom".concat(zoomLocat ? 'Out' : 'In')),
           onClick: toggleZoomEvent
         }));
       }
 
       if (showClose) {
-        titVNs.push((0, _vue.h)('i', {
+        rightVNs.push((0, _vue.h)('i', {
           class: ['vxe-modal--close-btn', 'trigger--btn', _conf.default.icon.MODAL_CLOSE],
           title: _conf.default.i18n('vxe.modal.close'),
           onClick: closeEvent
         }));
       }
 
+      titVNs.push((0, _vue.h)('div', {
+        class: 'vxe-modal--header-right'
+      }, rightVNs));
       return titVNs;
     };
 
@@ -1064,9 +1079,9 @@ var _default2 = (0, _vue.defineComponent)({
             'is--draggable': draggable,
             'is--ellipsis': !isMsg && props.showTitleOverflow
           }]
-        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : headerSlot({
+        }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(headerSlot({
           $modal: $xemodal
-        }) : renderTitles()));
+        })) : renderTitles()));
       }
 
       return headVNs;
@@ -1086,15 +1101,15 @@ var _default2 = (0, _vue.defineComponent)({
         contVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--status-wrapper'
         }, [(0, _vue.h)('i', {
-          class: ['vxe-modal--status-icon', props.iconStatus || _conf.default.icon[("MODAL_" + status).toLocaleUpperCase()]]
+          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 ? [] : defaultSlot({
+      }, defaultSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(defaultSlot({
         $modal: $xemodal
-      }) : (0, _utils.getFuncText)(content)));
+      })) : (0, _utils.getFuncText)(content)));
 
       if (!isMsg) {
         /**
@@ -1142,9 +1157,9 @@ var _default2 = (0, _vue.defineComponent)({
       if (props.showFooter) {
         footVNs.push((0, _vue.h)('div', {
           class: 'vxe-modal--footer'
-        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : footerSlot({
+        }, footerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : (0, _vn.getSlotVNs)(footerSlot({
           $modal: $xemodal
-        }) : renderBtns()));
+        })) : renderBtns()));
       }
 
       if (!isMsg && props.resize) {
@@ -1152,7 +1167,7 @@ var _default2 = (0, _vue.defineComponent)({
           class: 'vxe-modal--resize'
         }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {
           return (0, _vue.h)('span', {
-            class: type + "-resize",
+            class: "".concat(type, "-resize"),
             type: type,
             onMousedown: dragEvent
           });
@@ -1243,10 +1258,10 @@ var _default2 = (0, _vue.defineComponent)({
         disabled: props.transfer ? !inited : true
       }, [(0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-modal--wrapper', "type--" + type, className || '', (_a = {}, _a["size--" + vSize] = vSize, _a["status--" + status] = status, _a['is--animat'] = animat, _a['lock--scroll'] = lockScroll, _a['lock--view'] = lockView, _a['is--resize'] = resize, _a['is--mask'] = mask, _a['is--maximize'] = zoomLocat, _a['is--visible'] = contentVisible, _a['is--active'] = visible, _a['is--loading'] = loading, _a)],
+        class: ['vxe-modal--wrapper', "type--".concat(type), className || '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a["status--".concat(status)] = status, _a['is--animat'] = animat, _a['lock--scroll'] = lockScroll, _a['lock--view'] = lockView, _a['is--resize'] = resize, _a['is--mask'] = mask, _a['is--maximize'] = zoomLocat, _a['is--visible'] = contentVisible, _a['is--active'] = visible, _a['is--loading'] = loading, _a)],
         style: {
           zIndex: reactData.modalZindex,
-          top: modalTop ? modalTop + "px" : null
+          top: modalTop ? "".concat(modalTop, "px") : null
         },
         onClick: selfClickEvent
       }, [(0, _vue.h)('div', {

package/lib/modal/src/modal.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.msgQueue=exports.default=exports.allActivedModals=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_log=require("../../tools/log"),_event=require("../../tools/event"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},allActivedModals=[];exports.allActivedModals=allActivedModals;var msgQueue=[];exports.msgQueue=msgQueue;var _default2=(0,_vue.defineComponent)({name:"VxeModal",props:{modelValue: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(){return _conf.default.modal.top}},position:[String,Object],title:String,duration:{type:[Number,String],default:function(){return _conf.default.modal.duration}},message:[Number,String],content:[Number,String],cancelButtonText:{type:String,default:function(){return _conf.default.modal.cancelButtonText}},confirmButtonText:{type:String,default:function(){return _conf.default.modal.confirmButtonText}},lockView:{type:Boolean,default:function(){return _conf.default.modal.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return _conf.default.modal.mask}},maskClosable:{type:Boolean,default:function(){return _conf.default.modal.maskClosable}},escClosable:{type:Boolean,default:function(){return _conf.default.modal.escClosable}},resize:Boolean,showHeader:{type:Boolean,default:function(){return _conf.default.modal.showHeader}},showFooter:{type:Boolean,default:function(){return _conf.default.modal.showFooter}},showZoom:Boolean,showClose:{type:Boolean,default:function(){return _conf.default.modal.showClose}},dblclickZoom:{type:Boolean,default:function(){return _conf.default.modal.dblclickZoom}},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return _conf.default.modal.minWidth}},minHeight:{type:[Number,String],default:function(){return _conf.default.modal.minHeight}},zIndex:Number,marginSize:{type:[Number,String],default:function(){return _conf.default.modal.marginSize}},fullscreen:Boolean,draggable:{type:Boolean,default:function(){return _conf.default.modal.draggable}},remember:{type:Boolean,default:function(){return _conf.default.modal.remember}},destroyOnClose:{type:Boolean,default:function(){return _conf.default.modal.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return _conf.default.modal.showTitleOverflow}},transfer:{type:Boolean,default:function(){return _conf.default.modal.transfer}},storage:{type:Boolean,default:function(){return _conf.default.modal.storage}},storageKey:{type:String,default:function(){return _conf.default.modal.storageKey}},animat:{type:Boolean,default:function(){return _conf.default.modal.animat}},size:{type:String,default:function(){return _conf.default.modal.size||_conf.default.size}},beforeHideMethod:{type:Function,default:function(){return _conf.default.modal.beforeHideMethod}},slots:Object},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom"],setup:function(N,e){function l(){var e=N.width,t=N.height,o=O();return o.style.width=""+(e?isNaN(e)?e:e+"px":""),o.style.height=""+(t?isNaN(t)?t:t+"px":""),(0,_vue.nextTick)()}function d(){return(0,_vue.nextTick)().then(function(){var e=N.position,t=_xeUtils.default.toNumber(N.marginSize),o=O(),n=document.documentElement.clientWidth||document.body.clientWidth,i=document.documentElement.clientHeight||document.body.clientHeight,l="center"===e,a=_xeUtils.default.isString(e)?{top:e,left:e}:Object.assign({},e),u=a.top,s=a.left,r=l||"center"===u,e="",a="",a=s&&!(l||"center"===s)?isNaN(s)?s:s+"px":Math.max(t,n/2-o.offsetWidth/2)+"px",e=u&&!r?isNaN(u)?u:u+"px":Math.max(t,i/2-o.offsetHeight/2)+"px";o.style.top=e,o.style.left=a})}function a(e){var t="close";T.dispatchEvent(t,{type:t},e),C(t)}function t(e){var t="confirm";T.dispatchEvent(t,{type:t},e),C(t)}function o(e){var t="cancel";T.dispatchEvent(t,{type:t},e),C(t)}function f(){return(0,_vue.nextTick)().then(function(){var e,t,o,n;k.zoomLocat||(e=Math.max(0,_xeUtils.default.toNumber(N.marginSize)),t=O(),o=(n=(0,_dom.getDomNode)()).visibleHeight,n=n.visibleWidth,k.zoomLocat={top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth+(t.style.width?0:1),height:t.offsetHeight+(t.style.height?0:1)},Object.assign(t.style,{top:e+"px",left:e+"px",width:n-2*e+"px",height:o-2*e+"px"}),D())})}function n(){var e=N.duration,c=N.remember,o=N.showFooter,t=k.inited,n=k.visible,i=S.value;return t||(k.inited=!0),n||(c||l(),k.visible=!0,k.contentVisible=!1,B(),allActivedModals.push(z),setTimeout(function(){k.contentVisible=!0,(0,_vue.nextTick)(function(){var e;o&&(e=p.value,t=y.value,(t=e||t)&&t.focus());var t={type:""};m("update:modelValue",!0),T.dispatchEvent("show",t)})},10),i?(-1===msgQueue.indexOf(z)&&msgQueue.push(z),M(),-1!==e&&setTimeout(function(){return C("close")},_xeUtils.default.toNumber(e))):(0,_vue.nextTick)(function(){var e,t,o,n,i,l,a,u,s=N.fullscreen,r=k.firstOpen;c&&!r||d().then(function(){setTimeout(d,20)}),r?(k.firstOpen=!1,i=N.id,l=N.remember,a=N.storage,u=N.storageKey,i&&l&&a&&E(u)[i]?(e=N.id,t=N.remember,o=N.storage,n=N.storageKey,e&&t&&o&&((r=E(n)[e])&&(l=O(),u=(a=r.split(","))[0],i=a[1],t=a[2],o=a[3],n=a[4],e=a[5],r=a[6],a=a[7],u&&(l.style.left=u+"px"),i&&(l.style.top=i+"px"),t&&(l.style.width=t+"px"),o&&(l.style.height=o+"px"),n&&e&&(k.zoomLocat={left:n,top:e,width:r,height:a})))):s&&(0,_vue.nextTick)(f)):s&&(0,_vue.nextTick)(f)})),(0,_vue.nextTick)()}function v(e){var t=x.value;N.maskClosable&&e.target===t&&C("mask")}function i(e){var t;!(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE)||(t=_xeUtils.default.max(allActivedModals,function(e){return e.reactData.modalZindex}))&&setTimeout(function(){t===z&&t.props.escClosable&&C("exit")},10)}function u(){return!!k.zoomLocat}function s(){return(0,_vue.nextTick)().then(function(){var e,t=k.zoomLocat;t&&(e=O(),k.zoomLocat=null,Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),D())})}function r(){return(k.zoomLocat?s:f)().then(u)}function h(){var t=k.modalZindex;allActivedModals.some(function(e){return e.reactData.visible&&e.reactData.modalZindex>t})&&B()}var _=e.slots,m=e.emit,c=_xeUtils.default.uniqueId(),g=(0,_size.useSize)(N),k=(0,_vue.reactive)({inited:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,zoomLocat:null,firstOpen:!0}),x=(0,_vue.ref)(),b=(0,_vue.ref)(),p=(0,_vue.ref)(),y=(0,_vue.ref)(),w={refElem:x},z={xID:c,props:N,context:e,reactData:k,getRefMaps:function(){return w}},T={},S=(0,_vue.computed)(function(){return"message"===N.type}),O=function(){return b.value},B=function(){var e=N.zIndex,t=k.modalZindex;e?k.modalZindex=e:t<(0,_utils.getLastZIndex)()&&(k.modalZindex=(0,_utils.nextZIndex)())},M=function(){(0,_vue.nextTick)(function(){var o=0;msgQueue.forEach(function(e){var t=e.getBox();o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight})})},L=function(){-1<msgQueue.indexOf(z)&&_xeUtils.default.remove(msgQueue,function(e){return e===z}),M()},C=function(e){var t=N.remember,o=N.beforeHideMethod,n=k.visible,i=S.value,l={type:e};return n&&Promise.resolve(o?o(l):null).then(function(e){_xeUtils.default.isError(e)||(i&&L(),k.contentVisible=!1,t||(k.zoomLocat=null),_xeUtils.default.remove(allActivedModals,function(e){return e===z}),T.dispatchEvent("before-hide",l),setTimeout(function(){k.visible=!1,m("update:modelValue",!1),T.dispatchEvent("hide",l)},200))}).catch(function(e){return e}),(0,_vue.nextTick)()},E=function(e){var t=_conf.default.version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},D=function(){var e=N.id,t=N.remember,o=N.storage,n=N.storageKey,i=k.zoomLocat;e&&t&&o&&(t=O(),(o=E(n))[e]=[t.style.left,t.style.top,t.style.width,t.style.height].concat(i?[i.left,i.top,i.width,i.height]:[]).map(function(e){return e?_xeUtils.default.toNumber(e):""}).join(","),localStorage.setItem(n,_xeUtils.default.toJSONString(o)))},U=function(e){var t={type:k.zoomLocat?"revert":"max"};return r().then(function(){T.dispatchEvent("zoom",t,e)})},H=function(e){var t,o,i,l,a,u,n=N.remember,s=N.storage,r=k.zoomLocat,c=_xeUtils.default.toNumber(N.marginSize),d=O();r||0!==e.button||(0,_dom.getEventTargetNode)(e,d,"trigger--btn").flag||(e.preventDefault(),t=document.onmousemove,o=document.onmouseup,i=e.clientX-d.offsetLeft,l=e.clientY-d.offsetTop,e=(0,_dom.getDomNode)(),a=e.visibleHeight,u=e.visibleWidth,document.onmousemove=function(e){e.preventDefault();var t=d.offsetWidth,o=d.offsetHeight,n=u-t-c-1,t=a-o-c-1,o=e.clientX-i,e=e.clientY-l;(e=t<e?t:e)<c&&(e=c),d.style.left=(o=(o=n<o?n:o)<c?c:o)+"px",d.style.top=e+"px",d.className=d.className.replace(/\s?is--drag/,"")+" is--drag"},document.onmouseup=function(){document.onmousemove=t,document.onmouseup=o,n&&s&&(0,_vue.nextTick)(function(){D()}),setTimeout(function(){d.className=d.className.replace(/\s?is--drag/,"")},50)})},V=function(e){e.preventDefault();var l=N.remember,a=N.storage,t=(0,_dom.getDomNode)(),u=t.visibleHeight,s=t.visibleWidth,r=_xeUtils.default.toNumber(N.marginSize),c=e.target.getAttribute("type"),d=_xeUtils.default.toNumber(N.minWidth),f=_xeUtils.default.toNumber(N.minHeight),m=s,p=u,v=O(),o=document.onmousemove,n=document.onmouseup,h=v.clientWidth,_=v.clientHeight,g=e.clientX,x=e.clientY,b=v.offsetTop,y=v.offsetLeft,w={type:"resize"};document.onmousemove=function(e){var t,o,n,i;switch(e.preventDefault(),c){case"wl":n=(t=g-e.clientX)+h,r<y-t&&d<n&&(v.style.width=(n<m?n:m)+"px",v.style.left=y-t+"px");break;case"swst":t=g-e.clientX,o=x-e.clientY,n=t+h,i=o+_,r<y-t&&d<n&&(v.style.width=(n<m?n:m)+"px",v.style.left=y-t+"px"),r<b-o&&f<i&&(v.style.height=(i<p?i:p)+"px",v.style.top=b-o+"px");break;case"swlb":t=g-e.clientX,o=e.clientY-x,n=t+h,i=o+_,r<y-t&&d<n&&(v.style.width=(n<m?n:m)+"px",v.style.left=y-t+"px"),b+i+r<u&&f<i&&(v.style.height=(i<p?i:p)+"px");break;case"st":o=x-e.clientY,i=_+o,r<b-o&&f<i&&(v.style.height=(i<p?i:p)+"px",v.style.top=b-o+"px");break;case"wr":t=e.clientX-g,y+(n=t+h)+r<s&&d<n&&(v.style.width=(n<m?n:m)+"px");break;case"sest":t=e.clientX-g,i=(o=x-e.clientY)+_,y+(n=t+h)+r<s&&d<n&&(v.style.width=(n<m?n:m)+"px"),r<b-o&&f<i&&(v.style.height=(i<p?i:p)+"px",v.style.top=b-o+"px");break;case"selb":t=e.clientX-g,i=(o=e.clientY-x)+_,y+(n=t+h)+r<s&&d<n&&(v.style.width=(n<m?n:m)+"px"),b+i+r<u&&f<i&&(v.style.height=(i<p?i:p)+"px");break;case"sb":o=e.clientY-x,b+(i=o+_)+r<u&&f<i&&(v.style.height=(i<p?i:p)+"px")}v.className=v.className.replace(/\s?is--drag/,"")+" is--drag",l&&a&&D(),T.dispatchEvent("zoom",w,e)},document.onmouseup=function(){k.zoomLocat=null,document.onmousemove=o,document.onmouseup=n,setTimeout(function(){v.className=v.className.replace(/\s?is--drag/,"")},50)}},Z=function(){var e=N.slots,t=N.showClose,o=N.showZoom,n=N.title,i=k.zoomLocat,e=_.title||(void 0===e?{}:e).title,n=e?e({$modal:z}):[(0,_vue.h)("span",{class:"vxe-modal--title"},n?(0,_utils.getFuncText)(n):_conf.default.i18n("vxe.alert.title"))];return o&&n.push((0,_vue.h)("i",{class:["vxe-modal--zoom-btn","trigger--btn",i?_conf.default.icon.MODAL_ZOOM_OUT:_conf.default.icon.MODAL_ZOOM_IN],title:_conf.default.i18n("vxe.modal.zoom"+(i?"Out":"In")),onClick:U})),t&&n.push((0,_vue.h)("i",{class:["vxe-modal--close-btn","trigger--btn",_conf.default.icon.MODAL_CLOSE],title:_conf.default.i18n("vxe.modal.close"),onClick:a})),n},q=function(){var e=[];return"confirm"===N.type&&e.push((0,_vue.h)(_button.default,{ref:y,content:N.cancelButtonText||_conf.default.i18n("vxe.button.cancel"),onClick:o})),e.push((0,_vue.h)(_button.default,{ref:p,status:"primary",content:N.confirmButtonText||_conf.default.i18n("vxe.button.confirm"),onClick:t})),e},T={dispatchEvent:function(e,t,o){m(e,Object.assign({$modal:z,$event:o},t))},open:n,close:function(){return C("close")},getBox:O,getPosition:function(){if(!S.value){var e=O();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:function(e,t){var o;return S.value||(o=O(),_xeUtils.default.isNumber(e)&&(o.style.top=e+"px"),_xeUtils.default.isNumber(t)&&(o.style.left=t+"px")),(0,_vue.nextTick)()},isMaximized:u,zoom:r,maximize:f,revert:s};Object.assign(z,T),(0,_vue.watch)(function(){return N.width},l),(0,_vue.watch)(function(){return N.height},l),(0,_vue.watch)(function(){return N.modelValue},function(e){e?n():C("model")}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){N.storage&&!N.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),N.modelValue&&n(),l()}),N.escClosable&&_event.GlobalEvent.on(z,"keydown",i)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(z,"keydown"),L()});return z.renderVN=function(){var e=N.className,t=N.type,o=N.animat,n=N.loading,i=N.status,l=N.lockScroll,a=N.lockView,u=N.mask,s=N.resize,r=k.inited,c=k.zoomLocat,d=k.modalTop,f=k.contentVisible,m=k.visible,p=g.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!N.transfer||!r},[(0,_vue.h)("div",{ref:x,class:["vxe-modal--wrapper","type--"+t,e||"",((e={})["size--"+p]=p,e["status--"+i]=i,e["is--animat"]=o,e["lock--scroll"]=l,e["lock--view"]=a,e["is--resize"]=s,e["is--mask"]=u,e["is--maximize"]=c,e["is--visible"]=f,e["is--active"]=m,e["is--loading"]=n,e)],style:{zIndex:k.modalZindex,top:d?d+"px":null},onClick:v},[(0,_vue.h)("div",{ref:b,class:"vxe-modal--box",onMousedown:h},(c=N.slots,f=N.showZoom,m=N.draggable,n=S.value,e=_.header||(void 0===c?{}:c).header,d=[],N.showHeader&&(c={},m&&(c.onMousedown=H),f&&N.dblclickZoom&&"modal"===N.type&&(c.onDblclick=U),d.push((0,_vue.h)("div",__assign({class:["vxe-modal--header",{"is--draggable":m,"is--ellipsis":!n&&N.showTitleOverflow}]},c),e?!k.inited||N.destroyOnClose&&!k.visible?[]:e({$modal:z}):Z()))),d.concat((m=N.slots,n=N.status,c=N.message,e=N.content||c,d=S.value,c=_.default||(void 0===m?{}:m).default,m=[],n&&m.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",N.iconStatus||_conf.default.icon[("MODAL_"+n).toLocaleUpperCase()]]})])),m.push((0,_vue.h)("div",{class:"vxe-modal--content"},c?!k.inited||N.destroyOnClose&&!k.visible?[]:c({$modal:z}):(0,_utils.getFuncText)(e))),d||m.push((0,_vue.h)(_index.default,{class:"vxe-modal--loading",loading:N.loading})),[(0,_vue.h)("div",{class:"vxe-modal--body"},m)]),(e=N.slots,d=S.value,m=_.footer||(void 0===e?{}:e).footer,e=[],N.showFooter&&e.push((0,_vue.h)("div",{class:"vxe-modal--footer"},m?!k.inited||N.destroyOnClose&&!k.visible?[]:m({$modal:z}):q())),!d&&N.resize&&e.push((0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(function(e){return(0,_vue.h)("span",{class:e+"-resize",type:e,onMousedown:V})}))),e))))])])},z},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.msgQueue=exports.default=exports.allActivedModals=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_log=require("../../tools/log"),_event=require("../../tools/event"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},allActivedModals=[];exports.allActivedModals=allActivedModals;var msgQueue=[];exports.msgQueue=msgQueue;var _default2=(0,_vue.defineComponent)({name:"VxeModal",props:{modelValue: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(){return _conf.default.modal.top}},position:[String,Object],title:String,duration:{type:[Number,String],default:function(){return _conf.default.modal.duration}},message:[Number,String],content:[Number,String],cancelButtonText:{type:String,default:function(){return _conf.default.modal.cancelButtonText}},confirmButtonText:{type:String,default:function(){return _conf.default.modal.confirmButtonText}},lockView:{type:Boolean,default:function(){return _conf.default.modal.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return _conf.default.modal.mask}},maskClosable:{type:Boolean,default:function(){return _conf.default.modal.maskClosable}},escClosable:{type:Boolean,default:function(){return _conf.default.modal.escClosable}},resize:Boolean,showHeader:{type:Boolean,default:function(){return _conf.default.modal.showHeader}},showFooter:{type:Boolean,default:function(){return _conf.default.modal.showFooter}},showZoom:Boolean,showClose:{type:Boolean,default:function(){return _conf.default.modal.showClose}},dblclickZoom:{type:Boolean,default:function(){return _conf.default.modal.dblclickZoom}},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return _conf.default.modal.minWidth}},minHeight:{type:[Number,String],default:function(){return _conf.default.modal.minHeight}},zIndex:Number,marginSize:{type:[Number,String],default:function(){return _conf.default.modal.marginSize}},fullscreen:Boolean,draggable:{type:Boolean,default:function(){return _conf.default.modal.draggable}},remember:{type:Boolean,default:function(){return _conf.default.modal.remember}},destroyOnClose:{type:Boolean,default:function(){return _conf.default.modal.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return _conf.default.modal.showTitleOverflow}},transfer:{type:Boolean,default:function(){return _conf.default.modal.transfer}},storage:{type:Boolean,default:function(){return _conf.default.modal.storage}},storageKey:{type:String,default:function(){return _conf.default.modal.storageKey}},animat:{type:Boolean,default:function(){return _conf.default.modal.animat}},size:{type:String,default:function(){return _conf.default.modal.size||_conf.default.size}},beforeHideMethod:{type:Function,default:function(){return _conf.default.modal.beforeHideMethod}},slots:Object},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom"],setup:function(N,e){function a(){var e=N.width,t=N.height,o=O();return o.style.width="".concat(e?isNaN(e)?e:"".concat(e,"px"):""),o.style.height="".concat(t?isNaN(t)?t:"".concat(t,"px"):""),(0,_vue.nextTick)()}function d(){return(0,_vue.nextTick)().then(function(){var e=N.position,t=_xeUtils.default.toNumber(N.marginSize),o=O(),n=document.documentElement.clientWidth||document.body.clientWidth,i=document.documentElement.clientHeight||document.body.clientHeight,a="center"===e,l=_xeUtils.default.isString(e)?{top:e,left:e}:Object.assign({},e),u=l.top,c=l.left,s=a||"center"===u,e="",l="",l=c&&!(a||"center"===c)?isNaN(c)?c:"".concat(c,"px"):"".concat(Math.max(t,n/2-o.offsetWidth/2),"px"),e=u&&!s?isNaN(u)?u:"".concat(u,"px"):"".concat(Math.max(t,i/2-o.offsetHeight/2),"px");o.style.top=e,o.style.left=l})}function l(e){var t="close";S.dispatchEvent(t,{type:t},e),C(t)}function t(e){var t="confirm";S.dispatchEvent(t,{type:t},e),C(t)}function o(e){var t="cancel";S.dispatchEvent(t,{type:t},e),C(t)}function f(){return(0,_vue.nextTick)().then(function(){var e,t,o,n;k.zoomLocat||(e=Math.max(0,_xeUtils.default.toNumber(N.marginSize)),t=O(),o=(n=(0,_dom.getDomNode)()).visibleHeight,n=n.visibleWidth,k.zoomLocat={top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth+(t.style.width?0:1),height:t.offsetHeight+(t.style.height?0:1)},Object.assign(t.style,{top:"".concat(e,"px"),left:"".concat(e,"px"),width:"".concat(n-2*e,"px"),height:"".concat(o-2*e,"px")}),D())})}function n(){var e=N.duration,r=N.remember,o=N.showFooter,t=k.inited,n=k.visible,i=T.value;return t||(k.inited=!0),n||(r||a(),k.visible=!0,k.contentVisible=!1,B(),allActivedModals.push(z),setTimeout(function(){k.contentVisible=!0,(0,_vue.nextTick)(function(){var e;o&&(e=v.value,t=y.value,(t=e||t)&&t.focus());var t={type:""};m("update:modelValue",!0),S.dispatchEvent("show",t)})},10),i?(-1===msgQueue.indexOf(z)&&msgQueue.push(z),M(),-1!==e&&setTimeout(function(){return C("close")},_xeUtils.default.toNumber(e))):(0,_vue.nextTick)(function(){var e,t,o,n,i,a,l,u,c=N.fullscreen,s=k.firstOpen;r&&!s||d().then(function(){setTimeout(d,20)}),s?(k.firstOpen=!1,i=N.id,a=N.remember,l=N.storage,u=N.storageKey,i&&a&&l&&E(u)[i]?(e=N.id,t=N.remember,o=N.storage,n=N.storageKey,e&&t&&o&&((s=E(n)[e])&&(a=O(),u=(l=s.split(","))[0],i=l[1],t=l[2],o=l[3],n=l[4],e=l[5],s=l[6],l=l[7],u&&(a.style.left="".concat(u,"px")),i&&(a.style.top="".concat(i,"px")),t&&(a.style.width="".concat(t,"px")),o&&(a.style.height="".concat(o,"px")),n&&e&&(k.zoomLocat={left:n,top:e,width:s,height:l})))):c&&(0,_vue.nextTick)(f)):c&&(0,_vue.nextTick)(f)})),(0,_vue.nextTick)()}function p(e){var t=x.value;N.maskClosable&&e.target===t&&C("mask")}function i(e){var t;!(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE)||(t=_xeUtils.default.max(allActivedModals,function(e){return e.reactData.modalZindex}))&&setTimeout(function(){t===z&&t.props.escClosable&&C("exit")},10)}function u(){return!!k.zoomLocat}function c(){return(0,_vue.nextTick)().then(function(){var e,t=k.zoomLocat;t&&(e=O(),k.zoomLocat=null,Object.assign(e.style,{top:"".concat(t.top,"px"),left:"".concat(t.left,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}),D())})}function s(){return(k.zoomLocat?c:f)().then(u)}function h(){var t=k.modalZindex;allActivedModals.some(function(e){return e.reactData.visible&&e.reactData.modalZindex>t})&&B()}var _=e.slots,m=e.emit,r=_xeUtils.default.uniqueId(),g=(0,_size.useSize)(N),k=(0,_vue.reactive)({inited:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,zoomLocat:null,firstOpen:!0}),x=(0,_vue.ref)(),b=(0,_vue.ref)(),v=(0,_vue.ref)(),y=(0,_vue.ref)(),w={refElem:x},z={xID:r,props:N,context:e,reactData:k,getRefMaps:function(){return w}},S={},T=(0,_vue.computed)(function(){return"message"===N.type}),O=function(){return b.value},B=function(){var e=N.zIndex,t=k.modalZindex;e?k.modalZindex=e:t<(0,_utils.getLastZIndex)()&&(k.modalZindex=(0,_utils.nextZIndex)())},M=function(){(0,_vue.nextTick)(function(){var o=0;msgQueue.forEach(function(e){var t=e.getBox();o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight})})},L=function(){-1<msgQueue.indexOf(z)&&_xeUtils.default.remove(msgQueue,function(e){return e===z}),M()},C=function(e){var t=N.remember,o=N.beforeHideMethod,n=k.visible,i=T.value,a={type:e};return n&&Promise.resolve(o?o(a):null).then(function(e){_xeUtils.default.isError(e)||(i&&L(),k.contentVisible=!1,t||(k.zoomLocat=null),_xeUtils.default.remove(allActivedModals,function(e){return e===z}),S.dispatchEvent("before-hide",a),setTimeout(function(){k.visible=!1,m("update:modelValue",!1),S.dispatchEvent("hide",a)},200))}).catch(function(e){return e}),(0,_vue.nextTick)()},E=function(e){var t=_conf.default.version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},D=function(){var e=N.id,t=N.remember,o=N.storage,n=N.storageKey,i=k.zoomLocat;e&&t&&o&&(t=O(),(o=E(n))[e]=[t.style.left,t.style.top,t.style.width,t.style.height].concat(i?[i.left,i.top,i.width,i.height]:[]).map(function(e){return e?_xeUtils.default.toNumber(e):""}).join(","),localStorage.setItem(n,_xeUtils.default.toJSONString(o)))},U=function(e){var t={type:k.zoomLocat?"revert":"max"};return s().then(function(){S.dispatchEvent("zoom",t,e)})},V=function(e){var t,o,i,a,l,u,n=N.remember,c=N.storage,s=k.zoomLocat,r=_xeUtils.default.toNumber(N.marginSize),d=O();s||0!==e.button||(0,_dom.getEventTargetNode)(e,d,"trigger--btn").flag||(e.preventDefault(),t=document.onmousemove,o=document.onmouseup,i=e.clientX-d.offsetLeft,a=e.clientY-d.offsetTop,e=(0,_dom.getDomNode)(),l=e.visibleHeight,u=e.visibleWidth,document.onmousemove=function(e){e.preventDefault();var t=d.offsetWidth,o=d.offsetHeight,n=u-t-r-1,t=l-o-r-1,o=e.clientX-i,e=e.clientY-a;(e=t<e?t:e)<r&&(e=r),d.style.left="".concat(o=(o=n<o?n:o)<r?r:o,"px"),d.style.top="".concat(e,"px"),d.className=d.className.replace(/\s?is--drag/,"")+" is--drag"},document.onmouseup=function(){document.onmousemove=t,document.onmouseup=o,n&&c&&(0,_vue.nextTick)(function(){D()}),setTimeout(function(){d.className=d.className.replace(/\s?is--drag/,"")},50)})},H=function(e){e.preventDefault();var a=N.remember,l=N.storage,t=(0,_dom.getDomNode)(),u=t.visibleHeight,c=t.visibleWidth,s=_xeUtils.default.toNumber(N.marginSize),r=e.target.getAttribute("type"),d=_xeUtils.default.toNumber(N.minWidth),f=_xeUtils.default.toNumber(N.minHeight),m=c,v=u,p=O(),o=document.onmousemove,n=document.onmouseup,h=p.clientWidth,_=p.clientHeight,g=e.clientX,x=e.clientY,b=p.offsetTop,y=p.offsetLeft,w={type:"resize"};document.onmousemove=function(e){var t,o,n,i;switch(e.preventDefault(),r){case"wl":n=(t=g-e.clientX)+h,s<y-t&&d<n&&(p.style.width="".concat(n<m?n:m,"px"),p.style.left="".concat(y-t,"px"));break;case"swst":t=g-e.clientX,o=x-e.clientY,n=t+h,i=o+_,s<y-t&&d<n&&(p.style.width="".concat(n<m?n:m,"px"),p.style.left="".concat(y-t,"px")),s<b-o&&f<i&&(p.style.height="".concat(i<v?i:v,"px"),p.style.top="".concat(b-o,"px"));break;case"swlb":t=g-e.clientX,o=e.clientY-x,n=t+h,i=o+_,s<y-t&&d<n&&(p.style.width="".concat(n<m?n:m,"px"),p.style.left="".concat(y-t,"px")),b+i+s<u&&f<i&&(p.style.height="".concat(i<v?i:v,"px"));break;case"st":o=x-e.clientY,i=_+o,s<b-o&&f<i&&(p.style.height="".concat(i<v?i:v,"px"),p.style.top="".concat(b-o,"px"));break;case"wr":t=e.clientX-g,y+(n=t+h)+s<c&&d<n&&(p.style.width="".concat(n<m?n:m,"px"));break;case"sest":t=e.clientX-g,i=(o=x-e.clientY)+_,y+(n=t+h)+s<c&&d<n&&(p.style.width="".concat(n<m?n:m,"px")),s<b-o&&f<i&&(p.style.height="".concat(i<v?i:v,"px"),p.style.top="".concat(b-o,"px"));break;case"selb":t=e.clientX-g,i=(o=e.clientY-x)+_,y+(n=t+h)+s<c&&d<n&&(p.style.width="".concat(n<m?n:m,"px")),b+i+s<u&&f<i&&(p.style.height="".concat(i<v?i:v,"px"));break;case"sb":o=e.clientY-x,b+(i=o+_)+s<u&&f<i&&(p.style.height="".concat(i<v?i:v,"px"))}p.className=p.className.replace(/\s?is--drag/,"")+" is--drag",a&&l&&D(),S.dispatchEvent("zoom",w,e)},document.onmouseup=function(){k.zoomLocat=null,document.onmousemove=o,document.onmouseup=n,setTimeout(function(){p.className=p.className.replace(/\s?is--drag/,"")},50)}},q=function(){var e=N.slots,t=void 0===e?{}:e,o=N.showClose,n=N.showZoom,i=N.title,a=k.zoomLocat,e=_.title||t.title,t=_.corner||t.corner,e=[(0,_vue.h)("div",{class:"vxe-modal--header-title"},e?(0,_vn.getSlotVNs)(e({$modal:z})):i?(0,_utils.getFuncText)(i):_conf.default.i18n("vxe.alert.title"))],i=[];return t&&i.push((0,_vue.h)("span",{class:"vxe-modal--corner-warpper"},(0,_vn.getSlotVNs)(t({$modal:z})))),n&&i.push((0,_vue.h)("i",{class:["vxe-modal--zoom-btn","trigger--btn",a?_conf.default.icon.MODAL_ZOOM_OUT:_conf.default.icon.MODAL_ZOOM_IN],title:_conf.default.i18n("vxe.modal.zoom".concat(a?"Out":"In")),onClick:U})),o&&i.push((0,_vue.h)("i",{class:["vxe-modal--close-btn","trigger--btn",_conf.default.icon.MODAL_CLOSE],title:_conf.default.i18n("vxe.modal.close"),onClick:l})),e.push((0,_vue.h)("div",{class:"vxe-modal--header-right"},i)),e},Z=function(){var e=[];return"confirm"===N.type&&e.push((0,_vue.h)(_button.default,{ref:y,content:N.cancelButtonText||_conf.default.i18n("vxe.button.cancel"),onClick:o})),e.push((0,_vue.h)(_button.default,{ref:v,status:"primary",content:N.confirmButtonText||_conf.default.i18n("vxe.button.confirm"),onClick:t})),e},S={dispatchEvent:function(e,t,o){m(e,Object.assign({$modal:z,$event:o},t))},open:n,close:function(){return C("close")},getBox:O,getPosition:function(){if(!T.value){var e=O();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:function(e,t){var o;return T.value||(o=O(),_xeUtils.default.isNumber(e)&&(o.style.top="".concat(e,"px")),_xeUtils.default.isNumber(t)&&(o.style.left="".concat(t,"px"))),(0,_vue.nextTick)()},isMaximized:u,zoom:s,maximize:f,revert:c};Object.assign(z,S),(0,_vue.watch)(function(){return N.width},a),(0,_vue.watch)(function(){return N.height},a),(0,_vue.watch)(function(){return N.modelValue},function(e){e?n():C("model")}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){N.storage&&!N.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),N.modelValue&&n(),a()}),N.escClosable&&_event.GlobalEvent.on(z,"keydown",i)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(z,"keydown"),L()});return z.renderVN=function(){var e=N.className,t=N.type,o=N.animat,n=N.loading,i=N.status,a=N.lockScroll,l=N.lockView,u=N.mask,c=N.resize,s=k.inited,r=k.zoomLocat,d=k.modalTop,f=k.contentVisible,m=k.visible,v=g.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!N.transfer||!s},[(0,_vue.h)("div",{ref:x,class:["vxe-modal--wrapper","type--".concat(t),e||"",((e={})["size--".concat(v)]=v,e["status--".concat(i)]=i,e["is--animat"]=o,e["lock--scroll"]=a,e["lock--view"]=l,e["is--resize"]=c,e["is--mask"]=u,e["is--maximize"]=r,e["is--visible"]=f,e["is--active"]=m,e["is--loading"]=n,e)],style:{zIndex:k.modalZindex,top:d?"".concat(d,"px"):null},onClick:p},[(0,_vue.h)("div",{ref:b,class:"vxe-modal--box",onMousedown:h},(r=N.slots,f=N.showZoom,m=N.draggable,n=T.value,e=_.header||(void 0===r?{}:r).header,d=[],N.showHeader&&(r={},m&&(r.onMousedown=V),f&&N.dblclickZoom&&"modal"===N.type&&(r.onDblclick=U),d.push((0,_vue.h)("div",__assign({class:["vxe-modal--header",{"is--draggable":m,"is--ellipsis":!n&&N.showTitleOverflow}]},r),e?!k.inited||N.destroyOnClose&&!k.visible?[]:(0,_vn.getSlotVNs)(e({$modal:z})):q()))),d.concat((m=N.slots,n=N.status,r=N.message,e=N.content||r,d=T.value,r=_.default||(void 0===m?{}:m).default,m=[],n&&m.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",N.iconStatus||_conf.default.icon["MODAL_".concat(n).toLocaleUpperCase()]]})])),m.push((0,_vue.h)("div",{class:"vxe-modal--content"},r?!k.inited||N.destroyOnClose&&!k.visible?[]:(0,_vn.getSlotVNs)(r({$modal:z})):(0,_utils.getFuncText)(e))),d||m.push((0,_vue.h)(_index.default,{class:"vxe-modal--loading",loading:N.loading})),[(0,_vue.h)("div",{class:"vxe-modal--body"},m)]),(e=N.slots,d=T.value,m=_.footer||(void 0===e?{}:e).footer,e=[],N.showFooter&&e.push((0,_vue.h)("div",{class:"vxe-modal--footer"},m?!k.inited||N.destroyOnClose&&!k.visible?[]:(0,_vn.getSlotVNs)(m({$modal:z})):Z())),!d&&N.resize&&e.push((0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(function(e){return(0,_vue.h)("span",{class:"".concat(e,"-resize"),type:e,onMousedown:H})}))),e))))])])},z},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/modal/style/style.css

@@ -120,8 +120,6 @@
     overflow: auto; }
     .vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content {
       overflow: auto; }
-  .vxe-modal--wrapper.type--modal .vxe-modal--header {
-    padding: 0.6em 4.6em 0.6em 1em; }
   .vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper, .vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper {
     font-size: 1.6em;
     padding-left: 10px; }
@@ -174,10 +172,11 @@
     display: flex;
     flex-grow: 1; }
   .vxe-modal--wrapper .vxe-modal--header {
+    display: flex;
+    flex-direction: row;
     flex-shrink: 0;
     font-size: 1.1em;
     font-weight: 700;
-    padding: 0.6em 2.8em 0.6em 1em;
     border-bottom: 1px solid #ebeef5;
     background-color: #F8F8F8;
     border-radius: 4px 4px 0 0;
@@ -185,24 +184,25 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
-    .vxe-modal--wrapper .vxe-modal--header.is--draggable {
+    .vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title {
       cursor: move; }
-    .vxe-modal--wrapper .vxe-modal--header.is--ellipsis {
+    .vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap; }
+  .vxe-modal--wrapper .vxe-modal--header-title {
+    flex-grow: 1;
+    padding: 0.6em 0 0.6em 1em; }
+  .vxe-modal--wrapper .vxe-modal--header-right {
+    flex-shrink: 0;
+    padding: 0.6em 1em 0.6em 0; }
   .vxe-modal--wrapper .vxe-modal--zoom-btn,
   .vxe-modal--wrapper .vxe-modal--close-btn {
-    position: absolute;
-    right: 14px;
-    top: 0.85em;
-    z-index: 1;
-    cursor: pointer; }
+    cursor: pointer;
+    margin-left: 0.6em; }
     .vxe-modal--wrapper .vxe-modal--zoom-btn:hover,
     .vxe-modal--wrapper .vxe-modal--close-btn:hover {
       color: #409eff; }
-  .vxe-modal--wrapper .vxe-modal--zoom-btn {
-    right: 44px; }
   .vxe-modal--wrapper .vxe-modal--footer {
     flex-shrink: 0;
     text-align: right;

package/lib/modal/style/style.min.css

@@ -1 +1 @@
-.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:rgba(0,0,0,.2)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--modal .vxe-modal--header{padding:.6em 4.6em .6em 1em}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:#909399}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:#e6a23c}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:#67c23a}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:#f56c6c}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:#bfbfbf}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{flex-shrink:0;font-size:1.1em;font-weight:700;padding:.6em 2.8em .6em 1em;border-bottom:1px solid #ebeef5;background-color:#f8f8f8;border-radius:4px 4px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{position:absolute;right:14px;top:.85em;z-index:1;cursor:pointer}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:#409eff}.vxe-modal--wrapper .vxe-modal--zoom-btn{right:44px}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:14px}.vxe-modal--wrapper.size--medium{font-size:14px}.vxe-modal--wrapper.size--small{font-size:13px}.vxe-modal--wrapper.size--mini{font-size:12px}
+.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:rgba(0,0,0,.2)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:#909399}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:#e6a23c}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:#67c23a}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:#f56c6c}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:#bfbfbf}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid #ebeef5;background-color:#f8f8f8;border-radius:4px 4px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:#409eff}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:14px}.vxe-modal--wrapper.size--medium{font-size:14px}.vxe-modal--wrapper.size--small{font-size:13px}.vxe-modal--wrapper.size--mini{font-size:12px}

package/lib/optgroup/index.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '../../types/option'
+import { VxeOption } from '../../types/option'
 
 export * from '../../types/option'
-export default Option
+export default VxeOption

package/lib/optgroup/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Optgroup = void 0;
+exports.default = exports.VxeOptgroup = exports.Optgroup = void 0;
 
 var _optgroup = _interopRequireDefault(require("../select/src/optgroup"));
 
@@ -11,14 +11,16 @@ var _dynamics = require("../dynamics");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var Optgroup = Object.assign(_optgroup.default, {
+var VxeOptgroup = Object.assign(_optgroup.default, {
   install: function install(app) {
     app.component(_optgroup.default.name, _optgroup.default);
   }
 });
+exports.VxeOptgroup = VxeOptgroup;
+var Optgroup = VxeOptgroup;
 exports.Optgroup = Optgroup;
 
 _dynamics.dynamicApp.component(_optgroup.default.name, _optgroup.default);
 
-var _default = Optgroup;
+var _default = VxeOptgroup;
 exports.default = _default;

package/lib/optgroup/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Optgroup=void 0;var _optgroup=_interopRequireDefault(require("../select/src/optgroup")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Optgroup=Object.assign(_optgroup.default,{install:function(e){e.component(_optgroup.default.name,_optgroup.default)}});exports.Optgroup=Optgroup,_dynamics.dynamicApp.component(_optgroup.default.name,_optgroup.default);var _default=Optgroup;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeOptgroup=exports.Optgroup=void 0;var _optgroup=_interopRequireDefault(require("../select/src/optgroup")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeOptgroup=Object.assign(_optgroup.default,{install:function(e){e.component(_optgroup.default.name,_optgroup.default)}}),Optgroup=exports.VxeOptgroup=VxeOptgroup;exports.Optgroup=Optgroup,_dynamics.dynamicApp.component(_optgroup.default.name,_optgroup.default);var _default=VxeOptgroup;exports.default=_default;

package/lib/option/index.d.ts

@@ -1,4 +1,4 @@
-import { Select } from '../../types/select'
+import { VxeSelect } from '../../types/select'
 
 export * from '../../types/select'
-export default Select
+export default VxeSelect

package/lib/option/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Option = void 0;
+exports.default = exports.VxeOption = exports.Option = void 0;
 
 var _option = _interopRequireDefault(require("../select/src/option"));
 
@@ -11,14 +11,16 @@ var _dynamics = require("../dynamics");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var Option = Object.assign(_option.default, {
+var VxeOption = Object.assign(_option.default, {
   install: function install(app) {
     app.component(_option.default.name, _option.default);
   }
 });
+exports.VxeOption = VxeOption;
+var Option = VxeOption;
 exports.Option = Option;
 
 _dynamics.dynamicApp.component(_option.default.name, _option.default);
 
-var _default = Option;
+var _default = VxeOption;
 exports.default = _default;

package/lib/option/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Option=void 0;var _option=_interopRequireDefault(require("../select/src/option")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Option=Object.assign(_option.default,{install:function(e){e.component(_option.default.name,_option.default)}});exports.Option=Option,_dynamics.dynamicApp.component(_option.default.name,_option.default);var _default=Option;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeOption=exports.Option=void 0;var _option=_interopRequireDefault(require("../select/src/option")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeOption=Object.assign(_option.default,{install:function(e){e.component(_option.default.name,_option.default)}}),Option=exports.VxeOption=VxeOption;exports.Option=Option,_dynamics.dynamicApp.component(_option.default.name,_option.default);var _default=VxeOption;exports.default=_default;

package/lib/pager/index.d.ts

@@ -1,4 +1,4 @@
-import { Pager } from '../../types/pager'
+import { VxePager } from '../../types/pager'
 
 export * from '../../types/pager'
-export default Pager
+export default VxePager