vxe-pc-ui 0.0.2 → 0.1.0

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

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

package/lib/modal/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/modal/style/style.css

@@ -0,0 +1,323 @@
+.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-font-color);
+  font-family: var(--vxe-font-family);
+  transition: top 0.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, 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--header,
+.vxe-modal--wrapper.is--loading .vxe-modal--footer {
+  position: relative;
+  border-bottom-color: var(--vxe-loading-background-color);
+}
+.vxe-modal--wrapper.is--loading .vxe-modal--header:before,
+.vxe-modal--wrapper.is--loading .vxe-modal--footer: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-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.lock--view:before, .vxe-modal--wrapper.is--mask: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 0.2s ease-in-out;
+}
+.vxe-modal--wrapper.is--animat.type--message .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 {
+  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, 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--modal .vxe-modal--box, .vxe-modal--wrapper.type--alert .vxe-modal--box, .vxe-modal--wrapper.type--confirm .vxe-modal--box {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  left: 50%;
+  top: 0;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+}
+.vxe-modal--wrapper.type--modal .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
+  overflow: auto;
+}
+.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content {
+  overflow: auto;
+}
+.vxe-modal--wrapper.type--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-modal-body-background-color);
+  border-radius: var(--vxe-border-radius);
+  border: 1px solid var(--vxe-ui-modal-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-info-color);
+}
+.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper, .vxe-modal--wrapper.status--question .vxe-modal--status-wrapper {
+  color: var(--vxe-warning-color);
+}
+.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper {
+  color: var(--vxe-success-color);
+}
+.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper {
+  color: var(--vxe-danger-color);
+}
+.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper {
+  color: var(--vxe-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: 0.8em 1em;
+  white-space: pre-line;
+}
+.vxe-modal--wrapper .vxe-modal--header,
+.vxe-modal--wrapper .vxe-modal--body,
+.vxe-modal--wrapper .vxe-modal--footer {
+  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-modal-border-color);
+  background-color: var(--vxe-ui-modal-header-background-color);
+  border-radius: var(--vxe-border-radius) var(--vxe-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: 0.6em 0 0.6em 1em;
+}
+.vxe-modal--wrapper .vxe-modal--header-right {
+  flex-shrink: 0;
+  padding: 0.6em 1em 0.6em 0;
+}
+.vxe-modal--wrapper .vxe-modal--zoom-btn,
+.vxe-modal--wrapper .vxe-modal--close-btn {
+  cursor: pointer;
+  margin-left: 0.6em;
+}
+.vxe-modal--wrapper .vxe-modal--zoom-btn:hover,
+.vxe-modal--wrapper .vxe-modal--close-btn:hover {
+  color: var(--vxe-primary-color);
+}
+.vxe-modal--wrapper .vxe-modal--footer {
+  flex-shrink: 0;
+  text-align: right;
+  padding: 0.4em 1em 0.8em 1em;
+}
+.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header {
+  cursor: default;
+}
+.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,
+.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize,
+.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-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 .selb-resize,
+.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize {
+  display: none;
+}
+.vxe-modal--wrapper .vxe-modal--resize .wl-resize,
+.vxe-modal--wrapper .vxe-modal--resize .wr-resize,
+.vxe-modal--wrapper .vxe-modal--resize .swst-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 .selb-resize,
+.vxe-modal--wrapper .vxe-modal--resize .sb-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 .swst-resize,
+.vxe-modal--wrapper .vxe-modal--resize .sest-resize,
+.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,
+.vxe-modal--wrapper .vxe-modal--resize .selb-resize {
+  width: 10px;
+  height: 10px;
+  z-index: 101;
+}
+.vxe-modal--wrapper .vxe-modal--resize .swst-resize,
+.vxe-modal--wrapper .vxe-modal--resize .sest-resize {
+  top: -8px;
+}
+.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,
+.vxe-modal--wrapper .vxe-modal--resize .selb-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 .swst-resize,
+.vxe-modal--wrapper .vxe-modal--resize .selb-resize {
+  cursor: se-resize;
+}
+.vxe-modal--wrapper .vxe-modal--resize .swst-resize,
+.vxe-modal--wrapper .vxe-modal--resize .swlb-resize {
+  left: -8px;
+}
+.vxe-modal--wrapper .vxe-modal--resize .sest-resize,
+.vxe-modal--wrapper .vxe-modal--resize .selb-resize {
+  right: -8px;
+}
+.vxe-modal--wrapper .vxe-modal--resize .st-resize,
+.vxe-modal--wrapper .vxe-modal--resize .sb-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-font-size);
+}
+.vxe-modal--wrapper.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-modal--wrapper.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-modal--wrapper.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}

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

@@ -0,0 +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-font-color);font-family:var(--vxe-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-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-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:0 0 10px 0 rgba(0,0,0,.2)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-modal-body-background-color);border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-ui-modal-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-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-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-modal-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-border-radius) var(--vxe-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-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-font-size)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-font-size-mini)}

package/lib/optgroup/index.js

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

package/lib/optgroup/index.min.js

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

package/lib/optgroup/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/option/index.js

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

package/lib/option/index.min.js

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

package/lib/option/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/pager/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxePager = exports.Pager = void 0;
+var _pager = _interopRequireDefault(require("./src/pager"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxePager = exports.VxePager = Object.assign(_pager.default, {
+  install: function (app) {
+    app.component(_pager.default.name, _pager.default);
+  }
+});
+const Pager = exports.Pager = VxePager;
+_dynamics.dynamicApp.component(_pager.default.name, _pager.default);
+var _default = exports.default = VxePager;

package/lib/pager/index.min.js

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