vxe-pc-ui 1.9.21 → 1.9.23

package/lib/modal/index.js

@@ -68,6 +68,7 @@ function handleOpen(defOpts, content, title, options) {
 function openAlert(content, title, options) {
   return handleOpen({
     type: 'alert',
+    showHeader: true,
     showFooter: true
   }, content, title, options);
 }
@@ -75,6 +76,7 @@ function openConfirm(content, title, options) {
   return handleOpen({
     type: 'confirm',
     status: 'question',
+    showHeader: true,
     showFooter: true
   }, content, title, options);
 }
@@ -86,13 +88,24 @@ function openMessage(content, options) {
     showHeader: false
   }, content, '', options);
 }
+function openNotification(content, options) {
+  return handleOpen({
+    type: 'notification',
+    mask: false,
+    lockView: false,
+    showHeader: true,
+    draggable: false,
+    position: 'top-right'
+  }, content, '', options);
+}
 const ModalController = exports.ModalController = {
   get: getModal,
   close: closeModal,
   open: openModal,
   alert: openAlert,
   confirm: openConfirm,
-  message: openMessage
+  message: openMessage,
+  notification: openNotification
 };
 const VxeModal = exports.VxeModal = Object.assign(_modal.default, {
   install: function (app) {

package/lib/modal/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeModal=exports.ModalController=exports.Modal=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_modal=_interopRequireWildcard(require("./src/modal")),_core=require("@vxe-ui/core"),_dynamics=require("../dynamics");function _getRequireWildcardCache(e){var o,t;return"function"!=typeof WeakMap?null:(o=new WeakMap,t=new WeakMap,(_getRequireWildcardCache=function(e){return e?t:o})(e))}function _interopRequireWildcard(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};o=_getRequireWildcardCache(o);if(o&&o.has(e))return o.get(e);var t,n,a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=l?Object.getOwnPropertyDescriptor(e,t):null)&&(n.get||n.set)?Object.defineProperty(a,t,n):a[t]=e[t]);return a.default=e,o&&o.set(e,a),a}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function openModal(o){return(0,_dynamics.checkDynamic)(),new Promise(t=>{if(o&&o.id&&_modal.allActiveModals.some(e=>e.props.id===o.id))t("exist");else{const n=o.onHide,a=Object.assign(o,{key:_xeUtils.default.uniqueId(),modelValue:!0,onHide(e){var o=_dynamics.dynamicStore.modals;n&&n(e),_dynamics.dynamicStore.modals=o.filter(e=>e.key!==a.key),t(e.type)}});_dynamics.dynamicStore.modals.push(a)}})}function getModal(o){return _xeUtils.default.find(_modal.allActiveModals,e=>e.props.id===o)}function closeModal(e){e=e?[getModal(e)]:_modal.allActiveModals;const o=[];return e.forEach(e=>{e&&o.push(e.close())}),Promise.all(o)}function handleOpen(e,o,t,n){let a;return a=_xeUtils.default.isObject(o)?o:{content:_xeUtils.default.toValueString(o),title:t},openModal(Object.assign(Object.assign(Object.assign({},e),n),a))}function openAlert(e,o,t){return handleOpen({type:"alert",showFooter:!0},e,o,t)}function openConfirm(e,o,t){return handleOpen({type:"confirm",status:"question",showFooter:!0},e,o,t)}function openMessage(e,o){return handleOpen({type:"message",mask:!1,lockView:!1,showHeader:!1},e,"",o)}const ModalController=exports.ModalController={get:getModal,close:closeModal,open:openModal,alert:openAlert,confirm:openConfirm,message:openMessage},VxeModal=exports.VxeModal=Object.assign(_modal.default,{install:function(e){e.component(_modal.default.name,_modal.default),_core.VxeUI.modal=ModalController}}),Modal=(_dynamics.dynamicApp.component(_modal.default.name,_modal.default),exports.Modal=VxeModal);var _default=exports.default=VxeModal;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeModal=exports.ModalController=exports.Modal=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_modal=_interopRequireWildcard(require("./src/modal")),_core=require("@vxe-ui/core"),_dynamics=require("../dynamics");function _getRequireWildcardCache(e){var o,t;return"function"!=typeof WeakMap?null:(o=new WeakMap,t=new WeakMap,(_getRequireWildcardCache=function(e){return e?t:o})(e))}function _interopRequireWildcard(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};o=_getRequireWildcardCache(o);if(o&&o.has(e))return o.get(e);var t,n,a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=r?Object.getOwnPropertyDescriptor(e,t):null)&&(n.get||n.set)?Object.defineProperty(a,t,n):a[t]=e[t]);return a.default=e,o&&o.set(e,a),a}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function openModal(o){return(0,_dynamics.checkDynamic)(),new Promise(t=>{if(o&&o.id&&_modal.allActiveModals.some(e=>e.props.id===o.id))t("exist");else{const n=o.onHide,a=Object.assign(o,{key:_xeUtils.default.uniqueId(),modelValue:!0,onHide(e){var o=_dynamics.dynamicStore.modals;n&&n(e),_dynamics.dynamicStore.modals=o.filter(e=>e.key!==a.key),t(e.type)}});_dynamics.dynamicStore.modals.push(a)}})}function getModal(o){return _xeUtils.default.find(_modal.allActiveModals,e=>e.props.id===o)}function closeModal(e){e=e?[getModal(e)]:_modal.allActiveModals;const o=[];return e.forEach(e=>{e&&o.push(e.close())}),Promise.all(o)}function handleOpen(e,o,t,n){let a;return a=_xeUtils.default.isObject(o)?o:{content:_xeUtils.default.toValueString(o),title:t},openModal(Object.assign(Object.assign(Object.assign({},e),n),a))}function openAlert(e,o,t){return handleOpen({type:"alert",showHeader:!0,showFooter:!0},e,o,t)}function openConfirm(e,o,t){return handleOpen({type:"confirm",status:"question",showHeader:!0,showFooter:!0},e,o,t)}function openMessage(e,o){return handleOpen({type:"message",mask:!1,lockView:!1,showHeader:!1},e,"",o)}function openNotification(e,o){return handleOpen({type:"notification",mask:!1,lockView:!1,showHeader:!0,draggable:!1,position:"top-right"},e,"",o)}const ModalController=exports.ModalController={get:getModal,close:closeModal,open:openModal,alert:openAlert,confirm:openConfirm,message:openMessage,notification:openNotification},VxeModal=exports.VxeModal=Object.assign(_modal.default,{install:function(e){e.component(_modal.default.name,_modal.default),_core.VxeUI.modal=ModalController}}),Modal=(_dynamics.dynamicApp.component(_modal.default.name,_modal.default),exports.Modal=VxeModal);var _default=exports.default=VxeModal;

package/lib/modal/src/modal.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.msgQueue = exports.default = exports.allActiveModals = void 0;
+exports.default = exports.allActiveModals = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dom = require("../../ui/src/dom");
@@ -15,7 +15,8 @@ var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const allActiveModals = exports.allActiveModals = [];
-const msgQueue = exports.msgQueue = [];
+const msgQueue = [];
+const notifyQueue = [];
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeModal',
   props: {
@@ -195,7 +196,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     let modalMethods = {};
     const computeIsMsg = (0, _vue.computed)(() => {
-      return props.type === 'message';
+      return props.type === 'message' || props.type === 'notification';
     });
     const getBox = () => {
       const boxElem = refModalBox.value;
@@ -261,8 +262,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const updateStyle = () => {
       (0, _vue.nextTick)(() => {
+        const {
+          type
+        } = props;
+        const queueList = type === 'notification' ? notifyQueue : msgQueue;
         let offsetTop = 0;
-        msgQueue.forEach(comp => {
+        queueList.forEach(comp => {
           const boxElem = comp.getBox();
           offsetTop += _xeUtils.default.toNumber(comp.props.top);
           comp.reactData.modalTop = offsetTop;
@@ -271,8 +276,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       });
     };
     const removeMsgQueue = () => {
-      if (msgQueue.indexOf($xeModal) > -1) {
-        _xeUtils.default.remove(msgQueue, comp => comp === $xeModal);
+      const {
+        type
+      } = props;
+      const queueList = type === 'notification' ? notifyQueue : msgQueue;
+      if (queueList.indexOf($xeModal) > -1) {
+        _xeUtils.default.remove(queueList, comp => comp === $xeModal);
       }
       updateStyle();
     };
@@ -383,8 +392,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
     };
     const addMsgQueue = () => {
-      if (msgQueue.indexOf($xeModal) === -1) {
-        msgQueue.push($xeModal);
+      const {
+        type
+      } = props;
+      const queueList = type === 'notification' ? notifyQueue : msgQueue;
+      if (queueList.indexOf($xeModal) === -1) {
+        queueList.push($xeModal);
       }
       updateStyle();
     };
@@ -430,9 +443,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
     };
+    let msgTimeout = null;
+    const handleMsgAutoClose = () => {
+      const {
+        duration
+      } = props;
+      if (duration !== -1) {
+        msgTimeout = setTimeout(() => closeModal('close'), _xeUtils.default.toNumber(duration));
+      }
+    };
     const openModal = () => {
       const {
-        duration,
         remember,
         showFooter
       } = props;
@@ -473,9 +494,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, 10);
         if (isMsg) {
           addMsgQueue();
-          if (duration !== -1) {
-            setTimeout(() => closeModal('close'), _xeUtils.default.toNumber(duration));
-          }
+          handleMsgAutoClose();
         } else {
           (0, _vue.nextTick)(() => {
             const {
@@ -513,6 +532,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
         closeModal(type);
       }
     };
+    const selfMouseoverEvent = () => {
+      if (msgTimeout === null) {
+        return;
+      }
+      const isMsg = computeIsMsg.value;
+      if (isMsg) {
+        clearTimeout(msgTimeout);
+        msgTimeout = null;
+      }
+    };
+    const selfMouseoutEvent = () => {
+      if (msgTimeout === null) {
+        const isMsg = computeIsMsg.value;
+        if (isMsg) {
+          handleMsgAutoClose();
+        }
+      }
+    };
     const handleGlobalKeydownEvent = evnt => {
       const isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
@@ -1004,6 +1041,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         className,
         type,
         animat,
+        position,
         loading,
         status,
         lockScroll,
@@ -1020,12 +1058,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         visible
       } = reactData;
       const vSize = computeSize.value;
+      const isMsg = computeIsMsg.value;
+      const ons = {};
+      if (isMsg) {
+        ons.onMouseover = selfMouseoverEvent;
+        ons.onMouseout = selfMouseoutEvent;
+      }
       return (0, _vue.h)(_vue.Teleport, {
         to: 'body',
         disabled: props.transfer ? !inited : true
-      }, [(0, _vue.h)('div', {
+      }, [(0, _vue.h)('div', Object.assign({
         ref: refElem,
-        class: ['vxe-modal--wrapper', `type--${type}`, className || '', {
+        class: ['vxe-modal--wrapper', `type--${type}`, className || '', position ? `pos--${position}` : '', {
           [`size--${vSize}`]: vSize,
           [`status--${status}`]: status,
           'is--padding': padding,
@@ -1044,7 +1088,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           top: modalTop ? `${modalTop}px` : null
         },
         onClick: selfClickEvent
-      }, [(0, _vue.h)('div', {
+      }, ons), [(0, _vue.h)('div', {
         ref: refModalBox,
         class: 'vxe-modal--box',
         onMousedown: boxMousedownEvent

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

package/lib/modal/style/style.css

@@ -16,7 +16,7 @@
 .vxe-modal--wrapper.is--visible.is--mask:before {
   background-color: rgba(0, 0, 0, 0.5);
 }
-.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box {
+.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box, .vxe-modal--wrapper.is--visible.type--notification .vxe-modal--box {
   opacity: 1;
   transform: translateY(0);
 }
@@ -46,10 +46,10 @@
 .vxe-modal--wrapper:not(.lock--view) {
   pointer-events: none;
 }
-.vxe-modal--wrapper:not(.type--message).lock--scroll {
+.vxe-modal--wrapper.type--modal.lock--scroll, .vxe-modal--wrapper.type--alert.lock--scroll, .vxe-modal--wrapper.type--confirm.lock--scroll {
   overflow: hidden;
 }
-.vxe-modal--wrapper:not(.type--message):not(.lock--scroll) {
+.vxe-modal--wrapper.type--modal:not(.lock--scroll), .vxe-modal--wrapper.type--alert:not(.lock--scroll), .vxe-modal--wrapper.type--confirm:not(.lock--scroll) {
   overflow: auto;
 }
 .vxe-modal--wrapper.lock--view:before, .vxe-modal--wrapper.is--mask:before {
@@ -68,17 +68,26 @@
 .vxe-modal--wrapper.is--animat.is--mask:before {
   transition: background-color 0.2s ease-in-out;
 }
-.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag) {
+.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag), .vxe-modal--wrapper.is--animat.type--notification .vxe-modal--box:not(.is--drag) {
   transition: all 0.4s ease-out;
 }
-.vxe-modal--wrapper.type--message .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
+.vxe-modal--wrapper.type--message .vxe-modal--body, .vxe-modal--wrapper.type--notification .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
   white-space: normal;
   word-break: break-word;
 }
-.vxe-modal--wrapper.type--message {
+.vxe-modal--wrapper.type--message, .vxe-modal--wrapper.type--notification {
+  width: 100%;
+  height: 100%;
+  padding: 0 var(--vxe-ui-layout-padding-double);
   text-align: center;
 }
-.vxe-modal--wrapper.type--message .vxe-modal--box {
+.vxe-modal--wrapper.type--message.pos--top-left, .vxe-modal--wrapper.type--notification.pos--top-left {
+  text-align: left;
+}
+.vxe-modal--wrapper.type--message.pos--top-right, .vxe-modal--wrapper.type--notification.pos--top-right {
+  text-align: right;
+}
+.vxe-modal--wrapper.type--message .vxe-modal--box, .vxe-modal--wrapper.type--notification .vxe-modal--box {
   display: inline-block;
   padding: 2px 0;
   margin-top: 0;
@@ -87,7 +96,7 @@
   opacity: 0;
   transform: translateY(-100%);
 }
-.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after {
+.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after, .vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after {
   content: "";
   display: block;
   clear: both;
@@ -95,11 +104,11 @@
   overflow: hidden;
   visibility: hidden;
 }
-.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content {
+.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content, .vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content {
   max-width: 800px;
   float: left;
 }
-.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper {
+.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper, .vxe-modal--wrapper.type--notification .vxe-modal--status-wrapper {
   font-size: 1.4em;
   padding-left: 10px;
 }

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.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)}
+.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,.vxe-modal--wrapper.is--visible.type--notification .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.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal: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),.vxe-modal--wrapper.is--animat.type--notification .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,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .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,.vxe-modal--wrapper.type--notification .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,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--notification .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)}