vxe-table 4.2.4 → 4.2.6-beta.0

package/lib/modal/src/modal.js

@@ -783,6 +783,7 @@ var _default2 = (0, _vue.defineComponent)({
 
           boxElem.style.left = left + "px";
           boxElem.style.top = top + "px";
+          boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
         };
 
         document.onmouseup = function () {
@@ -794,6 +795,10 @@ var _default2 = (0, _vue.defineComponent)({
               savePosStorage();
             });
           }
+
+          setTimeout(function () {
+            boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
+          }, 50);
         };
       }
     };
@@ -1048,7 +1053,7 @@ var _default2 = (0, _vue.defineComponent)({
 
         headVNs.push((0, _vue.h)('div', __assign({
           class: ['vxe-modal--header', {
-            'is--drag': draggable,
+            'is--draggable': draggable,
             'is--ellipsis': !isMsg && props.showTitleOverflow
           }]
         }, headerOns), headerSlot ? !reactData.inited || props.destroyOnClose && !reactData.visible ? [] : headerSlot({

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"));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(z,e){function l(){var e=z.width,t=z.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=z.position,t=_xeUtils.default.toNumber(z.marginSize),o=O(),n=document.documentElement.clientWidth||document.body.clientWidth,i=document.documentElement.clientHeight||document.body.clientHeight,l="center"===e,u=_xeUtils.default.isString(e)?{top:e,left:e}:Object.assign({},e),a=u.top,s=u.left,r=l||"center"===a,e="",u="",u=s&&!(l||"center"===s)?isNaN(s)?s:s+"px":Math.max(t,n/2-o.offsetWidth/2)+"px",e=a&&!r?isNaN(a)?a:a+"px":Math.max(t,i/2-o.offsetHeight/2)+"px";o.style.top=e,o.style.left=u})}function u(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(z.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"}),U())})}function n(){var e=z.duration,c=z.remember,o=z.showFooter,t=k.inited,n=k.visible,i=T.value;return t||(k.inited=!0),n||(c||l(),k.visible=!0,k.contentVisible=!1,B(),allActivedModals.push(N),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(N)&&msgQueue.push(N),M(),-1!==e&&setTimeout(function(){return C("close")},_xeUtils.default.toNumber(e))):(0,_vue.nextTick)(function(){var e,t,o,n,i,l,u,a,s=z.fullscreen,r=k.firstOpen;c&&r||d().then(function(){setTimeout(d,20)}),r||(k.firstOpen=!0,i=z.id,l=z.remember,u=z.storage,a=z.storageKey,i&&l&&u&&E(a)[i]?(e=z.id,t=z.remember,o=z.storage,n=z.storageKey,e&&t&&o&&((r=E(n)[e])&&(l=O(),a=(u=r.split(","))[0],i=u[1],t=u[2],o=u[3],n=u[4],e=u[5],r=u[6],u=u[7],a&&(l.style.left=a+"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:u})))):s&&(0,_vue.nextTick)(f))})),(0,_vue.nextTick)()}function p(e){var t=g.value;z.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===N&&t.props.escClosable&&C("exit")},10)}function a(){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"}),U())})}function r(){return(k.zoomLocat?s:f)().then(a)}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(),x=(0,_size.useSize)(z),k=(0,_vue.reactive)({inited:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,zoomLocat:null,firstOpen:!1}),g=(0,_vue.ref)(),b=(0,_vue.ref)(),v=(0,_vue.ref)(),y=(0,_vue.ref)(),w={refElem:g},N={xID:c,props:z,context:e,reactData:k,getRefMaps:function(){return w}},S={},T=(0,_vue.computed)(function(){return"message"===z.type}),O=function(){return b.value},B=function(){var e=z.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(N)&&_xeUtils.default.remove(msgQueue,function(e){return e===N}),M()},C=function(e){var t=z.remember,o=z.beforeHideMethod,n=k.visible,i=T.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===N}),S.dispatchEvent("before-hide",l),setTimeout(function(){k.visible=!1,m("update:modelValue",!1),S.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}},U=function(){var e=z.id,t=z.remember,o=z.storage,n=z.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)))},D=function(e){var t={type:k.zoomLocat?"revert":"max"};return r().then(function(){S.dispatchEvent("zoom",t,e)})},H=function(e){var t,o,i,l,u,a,n=z.remember,s=z.storage,r=k.zoomLocat,c=_xeUtils.default.toNumber(z.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)(),u=e.visibleHeight,a=e.visibleWidth,document.onmousemove=function(e){e.preventDefault();var t=d.offsetWidth,o=d.offsetHeight,n=a-t-c-1,t=u-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"},document.onmouseup=function(){document.onmousemove=t,document.onmouseup=o,n&&s&&(0,_vue.nextTick)(function(){U()})})},V=function(e){e.preventDefault();var l=z.remember,u=z.storage,t=(0,_dom.getDomNode)(),a=t.visibleHeight,s=t.visibleWidth,r=_xeUtils.default.toNumber(z.marginSize),c=e.target.getAttribute("type"),d=_xeUtils.default.toNumber(z.minWidth),f=_xeUtils.default.toNumber(z.minHeight),m=s,v=a,p=O(),o=document.onmousemove,n=document.onmouseup,h=p.clientWidth,_=p.clientHeight,x=e.clientX,g=e.clientY,b=p.offsetTop,y=p.offsetLeft,w={type:"resize"};document.onmousemove=function(e){var t,o,n,i;switch(e.preventDefault(),c){case"wl":n=(t=x-e.clientX)+h,r<y-t&&d<n&&(p.style.width=(n<m?n:m)+"px",p.style.left=y-t+"px");break;case"swst":t=x-e.clientX,o=g-e.clientY,n=t+h,i=o+_,r<y-t&&d<n&&(p.style.width=(n<m?n:m)+"px",p.style.left=y-t+"px"),r<b-o&&f<i&&(p.style.height=(i<v?i:v)+"px",p.style.top=b-o+"px");break;case"swlb":t=x-e.clientX,o=e.clientY-g,n=t+h,i=o+_,r<y-t&&d<n&&(p.style.width=(n<m?n:m)+"px",p.style.left=y-t+"px"),b+i+r<a&&f<i&&(p.style.height=(i<v?i:v)+"px");break;case"st":o=g-e.clientY,i=_+o,r<b-o&&f<i&&(p.style.height=(i<v?i:v)+"px",p.style.top=b-o+"px");break;case"wr":t=e.clientX-x,y+(n=t+h)+r<s&&d<n&&(p.style.width=(n<m?n:m)+"px");break;case"sest":t=e.clientX-x,i=(o=g-e.clientY)+_,y+(n=t+h)+r<s&&d<n&&(p.style.width=(n<m?n:m)+"px"),r<b-o&&f<i&&(p.style.height=(i<v?i:v)+"px",p.style.top=b-o+"px");break;case"selb":t=e.clientX-x,i=(o=e.clientY-g)+_,y+(n=t+h)+r<s&&d<n&&(p.style.width=(n<m?n:m)+"px"),b+i+r<a&&f<i&&(p.style.height=(i<v?i:v)+"px");break;case"sb":o=e.clientY-g,b+(i=o+_)+r<a&&f<i&&(p.style.height=(i<v?i:v)+"px")}p.className=p.className.replace(/\s?is--drag/,"")+" is--drag",l&&u&&U(),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)}},Z=function(){var e=z.slots,t=z.showClose,o=z.showZoom,n=z.title,i=k.zoomLocat,e=_.title||(void 0===e?{}:e).title,n=e?e({$modal:N}):[(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:D})),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:u})),n},q=function(){var e=[];return"confirm"===z.type&&e.push((0,_vue.h)(_button.default,{ref:y,content:z.cancelButtonText||_conf.default.i18n("vxe.button.cancel"),onClick:o})),e.push((0,_vue.h)(_button.default,{ref:v,status:"primary",content:z.confirmButtonText||_conf.default.i18n("vxe.button.confirm"),onClick:t})),e},S={dispatchEvent:function(e,t,o){m(e,Object.assign({$modal:N,$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=e+"px"),_xeUtils.default.isNumber(t)&&(o.style.left=t+"px")),(0,_vue.nextTick)()},isMaximized:a,zoom:r,maximize:f,revert:s};Object.assign(N,S),(0,_vue.watch)(function(){return z.width},l),(0,_vue.watch)(function(){return z.height},l),(0,_vue.watch)(function(){return z.modelValue},function(e){e?n():C("model")}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){z.storage&&!z.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),z.modelValue&&n(),l()}),z.escClosable&&_event.GlobalEvent.on(N,"keydown",i)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(N,"keydown"),L()});return N.renderVN=function(){var e=z.className,t=z.type,o=z.animat,n=z.loading,i=z.status,l=z.lockScroll,u=z.lockView,a=z.mask,s=z.resize,r=k.inited,c=k.zoomLocat,d=k.modalTop,f=k.contentVisible,m=k.visible,v=x.value;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!z.transfer||!r},[(0,_vue.h)("div",{ref:g,class:["vxe-modal--wrapper","type--"+t,e||"",((e={})["size--"+v]=v,e["status--"+i]=i,e["is--animat"]=o,e["lock--scroll"]=l,e["lock--view"]=u,e["is--resize"]=s,e["is--mask"]=a,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:p},[(0,_vue.h)("div",{ref:b,class:"vxe-modal--box",onMousedown:h},(c=z.slots,f=z.showZoom,m=z.draggable,n=T.value,e=_.header||(void 0===c?{}:c).header,d=[],z.showHeader&&(c={},m&&(c.onMousedown=H),f&&z.dblclickZoom&&"modal"===z.type&&(c.onDblclick=D),d.push((0,_vue.h)("div",__assign({class:["vxe-modal--header",{"is--drag":m,"is--ellipsis":!n&&z.showTitleOverflow}]},c),e?!k.inited||z.destroyOnClose&&!k.visible?[]:e({$modal:N}):Z()))),d.concat((m=z.slots,n=z.status,c=z.message,e=z.content||c,d=T.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",z.iconStatus||_conf.default.icon[("MODAL_"+n).toLocaleUpperCase()]]})])),m.push((0,_vue.h)("div",{class:"vxe-modal--content"},c?!k.inited||z.destroyOnClose&&!k.visible?[]:c({$modal:N}):(0,_utils.getFuncText)(e))),d||m.push((0,_vue.h)("div",{class:["vxe-loading",{"is--visible":z.loading}]},[(0,_vue.h)("div",{class:"vxe-loading--spinner"})])),[(0,_vue.h)("div",{class:"vxe-modal--body"},m)]),(e=z.slots,d=T.value,m=_.footer||(void 0===e?{}:e).footer,e=[],z.showFooter&&e.push((0,_vue.h)("div",{class:"vxe-modal--footer"},m?!k.inited||z.destroyOnClose&&!k.visible?[]:m({$modal:N}):q())),!d&&z.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))))])])},N},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"));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;z.zoomLocat||(e=Math.max(0,_xeUtils.default.toNumber(N.marginSize)),t=O(),o=(n=(0,_dom.getDomNode)()).visibleHeight,n=n.visibleWidth,z.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"}),U())})}function n(){var e=N.duration,c=N.remember,o=N.showFooter,t=z.inited,n=z.visible,i=S.value;return t||(z.inited=!0),n||(c||l(),z.visible=!0,z.contentVisible=!1,B(),allActivedModals.push(k),setTimeout(function(){z.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(k)&&msgQueue.push(k),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=z.firstOpen;c&&r||d().then(function(){setTimeout(d,20)}),r||(z.firstOpen=!0,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&&(z.zoomLocat={left:n,top:e,width:r,height:a})))):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===k&&t.props.escClosable&&C("exit")},10)}function u(){return!!z.zoomLocat}function s(){return(0,_vue.nextTick)().then(function(){var e,t=z.zoomLocat;t&&(e=O(),z.zoomLocat=null,Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),U())})}function r(){return(z.zoomLocat?s:f)().then(u)}function h(){var t=z.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),z=(0,_vue.reactive)({inited:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,zoomLocat:null,firstOpen:!1}),x=(0,_vue.ref)(),b=(0,_vue.ref)(),p=(0,_vue.ref)(),y=(0,_vue.ref)(),w={refElem:x},k={xID:c,props:N,context:e,reactData:z,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=z.modalZindex;e?z.modalZindex=e:t<(0,_utils.getLastZIndex)()&&(z.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(k)&&_xeUtils.default.remove(msgQueue,function(e){return e===k}),M()},C=function(e){var t=N.remember,o=N.beforeHideMethod,n=z.visible,i=S.value,l={type:e};return n&&Promise.resolve(o?o(l):null).then(function(e){_xeUtils.default.isError(e)||(i&&L(),z.contentVisible=!1,t||(z.zoomLocat=null),_xeUtils.default.remove(allActivedModals,function(e){return e===k}),T.dispatchEvent("before-hide",l),setTimeout(function(){z.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}},U=function(){var e=N.id,t=N.remember,o=N.storage,n=N.storageKey,i=z.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)))},D=function(e){var t={type:z.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=z.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(){U()}),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&&U(),T.dispatchEvent("zoom",w,e)},document.onmouseup=function(){z.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=z.zoomLocat,e=_.title||(void 0===e?{}:e).title,n=e?e({$modal:k}):[(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:D})),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:k,$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(k,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(k,"keydown",i)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(k,"keydown"),L()});return k.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=z.inited,c=z.zoomLocat,d=z.modalTop,f=z.contentVisible,m=z.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:z.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=D),d.push((0,_vue.h)("div",__assign({class:["vxe-modal--header",{"is--draggable":m,"is--ellipsis":!n&&N.showTitleOverflow}]},c),e?!z.inited||N.destroyOnClose&&!z.visible?[]:e({$modal:k}):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?!z.inited||N.destroyOnClose&&!z.visible?[]:c({$modal:k}):(0,_utils.getFuncText)(e))),d||m.push((0,_vue.h)("div",{class:["vxe-loading",{"is--visible":N.loading}]},[(0,_vue.h)("div",{class:"vxe-loading--spinner"})])),[(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?!z.inited||N.destroyOnClose&&!z.visible?[]:m({$modal:k}):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))))])])},k},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/modal/style/style.css

@@ -185,7 +185,7 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
-    .vxe-modal--wrapper .vxe-modal--header.is--drag {
+    .vxe-modal--wrapper .vxe-modal--header.is--draggable {
       cursor: move; }
     .vxe-modal--wrapper .vxe-modal--header.is--ellipsis {
       overflow: hidden;

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--drag{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--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}