vxe-pc-ui 1.8.13 → 1.9.0

package/lib/modal/src/modal.js

@@ -138,6 +138,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       type: String,
       default: () => (0, _core.getConfig)().modal.storageKey
     },
+    padding: {
+      type: Boolean,
+      default: () => (0, _core.getConfig)().modal.padding
+    },
     animat: {
       type: Boolean,
       default: () => (0, _core.getConfig)().modal.animat
@@ -999,6 +1003,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         loading,
         status,
         lockScroll,
+        padding,
         lockView,
         mask,
         resize
@@ -1019,6 +1024,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: ['vxe-modal--wrapper', `type--${type}`, className || '', {
           [`size--${vSize}`]: vSize,
           [`status--${status}`]: status,
+          'is--padding': padding,
           'is--animat': animat,
           'lock--scroll': lockScroll,
           'lock--view': lockView,

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

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

package/lib/modal/style/style.css

@@ -164,6 +164,9 @@
 .vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper {
   color: var(--vxe-ui-font-disabled-color);
 }
+.vxe-modal--wrapper.is--padding .vxe-modal--content {
+  padding: 0.8em 1em;
+}
 .vxe-modal--wrapper .vxe-modal--status-wrapper {
   flex-shrink: 0;
   display: flex;
@@ -171,7 +174,6 @@
 }
 .vxe-modal--wrapper .vxe-modal--content {
   flex-grow: 1;
-  padding: 0.8em 1em;
   white-space: pre-line;
 }
 .vxe-modal--wrapper .vxe-modal--header,

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:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);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:var(--vxe-ui-loading-background-color)}.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;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.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:var(--vxe-ui-base-popup-box-shadow)}.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:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);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:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.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 var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-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:var(--vxe-ui-font-primary-color)}.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:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);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:var(--vxe-ui-loading-background-color)}.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;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.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:var(--vxe-ui-base-popup-box-shadow)}.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:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);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:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--content{padding:.8em 1em}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;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 var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-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:var(--vxe-ui-font-primary-color)}.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:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}