vxe-table 4.2.8 → 4.3.0-beta.0

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

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

package/lib/modal/style/style.css

@@ -47,7 +47,7 @@
   .vxe-modal--wrapper.is--loading .vxe-modal--header,
   .vxe-modal--wrapper.is--loading .vxe-modal--footer {
     position: relative;
-    border-bottom-color: rgba(0, 0, 0, 0.2); }
+    border-bottom-color: rgba(0, 0, 0, 0.3); }
     .vxe-modal--wrapper.is--loading .vxe-modal--header:before,
     .vxe-modal--wrapper.is--loading .vxe-modal--footer:before {
       content: "";
@@ -61,7 +61,7 @@
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
-      background-color: rgba(0, 0, 0, 0.2); }
+      background-color: rgba(0, 0, 0, 0.3); }
   .vxe-modal--wrapper:not(.lock--view) {
     pointer-events: none; }
   .vxe-modal--wrapper:not(.type--message).lock--scroll {
@@ -195,7 +195,6 @@
   .vxe-modal--wrapper .vxe-modal--close-btn {
     position: absolute;
     right: 14px;
-    top: 0.85em;
     z-index: 1;
     cursor: pointer; }
     .vxe-modal--wrapper .vxe-modal--zoom-btn:hover,

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

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

package/lib/pager/src/pager.js

@@ -221,7 +221,7 @@ var _default2 = (0, _vue.defineComponent)({
         if (_xeUtils.default.isNumber(item)) {
           return {
             value: item,
-            label: "" + _conf.default.i18n('vxe.pager.pagesize', [item])
+            label: "".concat(_conf.default.i18n('vxe.pager.pagesize', [item]))
           };
         }
 
@@ -598,7 +598,7 @@ var _default2 = (0, _vue.defineComponent)({
         ref: refElem,
         class: ['vxe-pager', className ? _xeUtils.default.isFunction(className) ? className({
           $pager: $xepager
-        }) : className : '', (_a = {}, _a["size--" + vSize] = vSize, _a["align--" + align] = align, _a['is--border'] = props.border, _a['is--background'] = props.background, _a['is--perfect'] = props.perfect, _a['is--hidden'] = props.autoHidden && pageCount === 1, _a['is--loading'] = props.loading, _a)]
+        }) : className : '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a["align--".concat(align)] = align, _a['is--border'] = props.border, _a['is--background'] = props.background, _a['is--perfect'] = props.perfect, _a['is--hidden'] = props.autoHidden && pageCount === 1, _a['is--loading'] = props.loading, _a)]
       }, [(0, _vue.h)('div', {
         class: 'vxe-pager--wrapper'
       }, childNodes)]);

package/lib/pager/src/pager.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_event=require("../../tools/event"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},_default2=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:function(){return _conf.default.pager.size||_conf.default.size}},layouts:{type:Array,default:function(){return _conf.default.pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]}},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:function(){return _conf.default.pager.pageSize||10}},total:{type:Number,default:0},pagerCount:{type:Number,default:function(){return _conf.default.pager.pagerCount||7}},pageSizes:{type:Array,default:function(){return _conf.default.pager.pageSizes||[10,15,20,50,100]}},align:{type:String,default:function(){return _conf.default.pager.align}},border:{type:Boolean,default:function(){return _conf.default.pager.border}},background:{type:Boolean,default:function(){return _conf.default.pager.background}},perfect:{type:Boolean,default:function(){return _conf.default.pager.perfect}},autoHidden:{type:Boolean,default:function(){return _conf.default.pager.autoHidden}},transfer:{type:Boolean,default:function(){return _conf.default.pager.transfer}},className:[String,Function],iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String},emits:["update:pageSize","update:currentPage","page-change"],setup:function(l,e){function t(e,t){return Math.max(Math.ceil(e/t),1)}function u(e,t){a("update:currentPage",e),t&&e!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:e},t)}function i(){return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevPage"),onClick:z},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconPrevPage||_conf.default.icon.PAGER_PREV_PAGE]})])}function o(){var e=b.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":l.currentPage>=e}],type:"button",title:_conf.default.i18n("vxe.pager.nextPage"),onClick:J},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconNextPage||_conf.default.icon.PAGER_NEXT_PAGE]})])}function c(){return O(!0)}function p(){var e=k.value;return(0,_vue.h)((0,_vue.resolveComponent)("vxe-select"),{class:"vxe-pager--sizes",modelValue:l.pageSize,placement:"top",transfer:l.transfer,options:e,onChange:R})}function s(){return V(!0)}function f(){var e=b.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])}function v(){return(0,_vue.h)("span",{class:"vxe-pager--total"},_conf.default.i18n("vxe.pager.total",[l.total]))}var g=e.slots,a=e.emit,n=_xeUtils.default.uniqueId(),_=(0,_size.useSize)(l),d=(0,_vue.inject)("$xegrid",null),r=(0,_vue.reactive)({inpCurrPage:l.currentPage}),x=(0,_vue.ref)(),h={refElem:x},P={xID:n,props:l,context:e,getRefMaps:function(){return h}},m={},b=(0,_vue.computed)(function(){return t(l.total,l.pageSize)}),y=function(e,t){a("update:currentPage",t),e&&t!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:t},e)},E=function(e){var t=e.target,n=_xeUtils.default.toNumber(t.value),a=b.value,n=n<=0?1:a<=n?a:n;t.value=_xeUtils.default.toValueString(n),u(n,e)},N=(0,_vue.computed)(function(){for(var e=l.pagerCount,t=e<b.value?e-2:e,n=[],a=0;a<t;a++)n.push(a);return n}),S=(0,_vue.computed)(function(){return Math.floor((l.pagerCount-2)/2)}),k=(0,_vue.computed)(function(){return l.pageSizes.map(function(e){return _xeUtils.default.isNumber(e)?{value:e,label:""+_conf.default.i18n("vxe.pager.pagesize",[e])}:__assign({value:"",label:""},e)})}),z=function(e){var t=l.currentPage,n=b.value;1<t&&u(Math.min(n,Math.max(t-1,1)),e)},J=function(e){var t=l.currentPage,n=b.value;t<n&&u(Math.min(n,t+1),e)},M=function(e){var t=N.value;u(Math.max(l.currentPage-t.length,1),e)},C=function(e){var t=b.value,n=N.value;u(Math.min(l.currentPage+n.length,t),e)},R=function(e){e=e.value,e=_xeUtils.default.toNumber(e);a("update:pageSize",e),m.dispatchEvent("page-change",{type:"size",pageSize:e,currentPage:Math.min(l.currentPage,t(l.total,e))})},j=function(e){e=e.target;r.inpCurrPage=e.value},A=function(e){(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)?E(e):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)?(e.preventDefault(),J(e)):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)&&(e.preventDefault(),z(e))},T=function(e){return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevJump"),onClick:M},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpPrev||_conf.default.icon.PAGER_JUMP_PREV]})])},U=function(e){var t=b.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":l.currentPage>=t}],type:"button",title:_conf.default.i18n("vxe.pager.nextJump"),onClick:C},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpNext||_conf.default.icon.PAGER_JUMP_NEXT]})])},O=function(e){var a=l.currentPage,t=l.pagerCount,u=[],r=b.value,n=N.value,i=S.value,o=t<r,c=o&&i+1<a,t=o&&a<r-i,p=1;return o&&(p=r-i<=a?Math.max(r-n.length+1,1):Math.max(a-i,1)),e&&c&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,1)}},1),T("span")),n.forEach(function(e,t){var n=p+t;n<=r&&u.push((0,_vue.h)("button",{key:n,class:["vxe-pager--num-btn",{"is--active":a===n}],type:"button",onClick:function(e){return y(e,n)}},n))}),e&&t&&u.push(U("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,r)}},r)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},V=function(e){return(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},_conf.default.i18n("vxe.pager.goto")):null,(0,_vue.h)("input",{class:"vxe-pager--goto",value:r.inpCurrPage,type:"text",autocomplete:"off",onInput:j,onKeydown:A,onBlur:E}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},_conf.default.i18n("vxe.pager.pageClassifier")):null])},m={dispatchEvent:function(e,t,n){a(e,Object.assign({$pager:P,$event:n},t))},prevPage:function(){return z(),(0,_vue.nextTick)()},nextPage:function(){return J(),(0,_vue.nextTick)()},prevJump:function(){return M(),(0,_vue.nextTick)()},nextJump:function(){return C(),(0,_vue.nextTick)()}};Object.assign(P,m,{handlePrevPage:z,handleNextPage:J,handlePrevJump:M,handleNextJump:C}),(0,_vue.watch)(function(){return l.currentPage},function(e){r.inpCurrPage=e});return P.renderVN=function(){var e=l.align,t=l.layouts,n=l.className,a=[],u=_.value,r=b.value;return g.left&&a.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},g.left({$grid:d}))),t.forEach(function(e){var t;switch(e){case"PrevPage":t=i;break;case"PrevJump":t=T;break;case"Number":t=O;break;case"JumpNumber":t=c;break;case"NextJump":t=U;break;case"NextPage":t=o;break;case"Sizes":t=p;break;case"FullJump":t=s;break;case"Jump":t=V;break;case"PageCount":t=f;break;case"Total":t=v}t&&a.push(t())}),g.right&&a.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},g.right({$grid:d}))),(0,_vue.h)("div",{ref:x,class:["vxe-pager",n?_xeUtils.default.isFunction(n)?n({$pager:P}):n:"",((n={})["size--"+u]=u,n["align--"+e]=e,n["is--border"]=l.border,n["is--background"]=l.background,n["is--perfect"]=l.perfect,n["is--hidden"]=l.autoHidden&&1===r,n["is--loading"]=l.loading,n)]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},a)])},P},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_event=require("../../tools/event"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},_default2=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:function(){return _conf.default.pager.size||_conf.default.size}},layouts:{type:Array,default:function(){return _conf.default.pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]}},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:function(){return _conf.default.pager.pageSize||10}},total:{type:Number,default:0},pagerCount:{type:Number,default:function(){return _conf.default.pager.pagerCount||7}},pageSizes:{type:Array,default:function(){return _conf.default.pager.pageSizes||[10,15,20,50,100]}},align:{type:String,default:function(){return _conf.default.pager.align}},border:{type:Boolean,default:function(){return _conf.default.pager.border}},background:{type:Boolean,default:function(){return _conf.default.pager.background}},perfect:{type:Boolean,default:function(){return _conf.default.pager.perfect}},autoHidden:{type:Boolean,default:function(){return _conf.default.pager.autoHidden}},transfer:{type:Boolean,default:function(){return _conf.default.pager.transfer}},className:[String,Function],iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String},emits:["update:pageSize","update:currentPage","page-change"],setup:function(l,e){function t(e,t){return Math.max(Math.ceil(e/t),1)}function u(e,t){a("update:currentPage",e),t&&e!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:e},t)}function i(){return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevPage"),onClick:z},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconPrevPage||_conf.default.icon.PAGER_PREV_PAGE]})])}function o(){var e=b.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":l.currentPage>=e}],type:"button",title:_conf.default.i18n("vxe.pager.nextPage"),onClick:J},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconNextPage||_conf.default.icon.PAGER_NEXT_PAGE]})])}function c(){return O(!0)}function p(){var e=k.value;return(0,_vue.h)((0,_vue.resolveComponent)("vxe-select"),{class:"vxe-pager--sizes",modelValue:l.pageSize,placement:"top",transfer:l.transfer,options:e,onChange:R})}function s(){return V(!0)}function f(){var e=b.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])}function v(){return(0,_vue.h)("span",{class:"vxe-pager--total"},_conf.default.i18n("vxe.pager.total",[l.total]))}var g=e.slots,a=e.emit,n=_xeUtils.default.uniqueId(),_=(0,_size.useSize)(l),d=(0,_vue.inject)("$xegrid",null),r=(0,_vue.reactive)({inpCurrPage:l.currentPage}),x=(0,_vue.ref)(),h={refElem:x},P={xID:n,props:l,context:e,getRefMaps:function(){return h}},m={},b=(0,_vue.computed)(function(){return t(l.total,l.pageSize)}),y=function(e,t){a("update:currentPage",t),e&&t!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:t},e)},E=function(e){var t=e.target,n=_xeUtils.default.toNumber(t.value),a=b.value,n=n<=0?1:a<=n?a:n;t.value=_xeUtils.default.toValueString(n),u(n,e)},N=(0,_vue.computed)(function(){for(var e=l.pagerCount,t=e<b.value?e-2:e,n=[],a=0;a<t;a++)n.push(a);return n}),S=(0,_vue.computed)(function(){return Math.floor((l.pagerCount-2)/2)}),k=(0,_vue.computed)(function(){return l.pageSizes.map(function(e){return _xeUtils.default.isNumber(e)?{value:e,label:"".concat(_conf.default.i18n("vxe.pager.pagesize",[e]))}:__assign({value:"",label:""},e)})}),z=function(e){var t=l.currentPage,n=b.value;1<t&&u(Math.min(n,Math.max(t-1,1)),e)},J=function(e){var t=l.currentPage,n=b.value;t<n&&u(Math.min(n,t+1),e)},M=function(e){var t=N.value;u(Math.max(l.currentPage-t.length,1),e)},C=function(e){var t=b.value,n=N.value;u(Math.min(l.currentPage+n.length,t),e)},R=function(e){e=e.value,e=_xeUtils.default.toNumber(e);a("update:pageSize",e),m.dispatchEvent("page-change",{type:"size",pageSize:e,currentPage:Math.min(l.currentPage,t(l.total,e))})},j=function(e){e=e.target;r.inpCurrPage=e.value},A=function(e){(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)?E(e):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)?(e.preventDefault(),J(e)):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)&&(e.preventDefault(),z(e))},T=function(e){return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevJump"),onClick:M},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpPrev||_conf.default.icon.PAGER_JUMP_PREV]})])},U=function(e){var t=b.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":l.currentPage>=t}],type:"button",title:_conf.default.i18n("vxe.pager.nextJump"),onClick:C},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpNext||_conf.default.icon.PAGER_JUMP_NEXT]})])},O=function(e){var a=l.currentPage,t=l.pagerCount,u=[],r=b.value,n=N.value,i=S.value,o=t<r,c=o&&i+1<a,t=o&&a<r-i,p=1;return o&&(p=r-i<=a?Math.max(r-n.length+1,1):Math.max(a-i,1)),e&&c&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,1)}},1),T("span")),n.forEach(function(e,t){var n=p+t;n<=r&&u.push((0,_vue.h)("button",{key:n,class:["vxe-pager--num-btn",{"is--active":a===n}],type:"button",onClick:function(e){return y(e,n)}},n))}),e&&t&&u.push(U("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,r)}},r)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},V=function(e){return(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},_conf.default.i18n("vxe.pager.goto")):null,(0,_vue.h)("input",{class:"vxe-pager--goto",value:r.inpCurrPage,type:"text",autocomplete:"off",onInput:j,onKeydown:A,onBlur:E}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},_conf.default.i18n("vxe.pager.pageClassifier")):null])},m={dispatchEvent:function(e,t,n){a(e,Object.assign({$pager:P,$event:n},t))},prevPage:function(){return z(),(0,_vue.nextTick)()},nextPage:function(){return J(),(0,_vue.nextTick)()},prevJump:function(){return M(),(0,_vue.nextTick)()},nextJump:function(){return C(),(0,_vue.nextTick)()}};Object.assign(P,m,{handlePrevPage:z,handleNextPage:J,handlePrevJump:M,handleNextJump:C}),(0,_vue.watch)(function(){return l.currentPage},function(e){r.inpCurrPage=e});return P.renderVN=function(){var e=l.align,t=l.layouts,n=l.className,a=[],u=_.value,r=b.value;return g.left&&a.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},g.left({$grid:d}))),t.forEach(function(e){var t;switch(e){case"PrevPage":t=i;break;case"PrevJump":t=T;break;case"Number":t=O;break;case"JumpNumber":t=c;break;case"NextJump":t=U;break;case"NextPage":t=o;break;case"Sizes":t=p;break;case"FullJump":t=s;break;case"Jump":t=V;break;case"PageCount":t=f;break;case"Total":t=v}t&&a.push(t())}),g.right&&a.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},g.right({$grid:d}))),(0,_vue.h)("div",{ref:x,class:["vxe-pager",n?_xeUtils.default.isFunction(n)?n({$pager:P}):n:"",((n={})["size--".concat(u)]=u,n["align--".concat(e)]=e,n["is--border"]=l.border,n["is--background"]=l.background,n["is--perfect"]=l.perfect,n["is--hidden"]=l.autoHidden&&1===r,n["is--loading"]=l.loading,n)]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},a)])},P},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/pager/style/style.css

@@ -50,7 +50,7 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
-    background-color: rgba(0, 0, 0, 0.2); }
+    background-color: rgba(0, 0, 0, 0.3); }
   .vxe-pager .vxe-pager--prev-btn,
   .vxe-pager .vxe-pager--next-btn,
   .vxe-pager .vxe-pager--num-btn,
@@ -58,6 +58,7 @@
   .vxe-pager .vxe-pager--jump-next {
     color: inherit;
     outline: 0;
+    padding: 0;
     border: 1px solid transparent; }
     .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
     .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
@@ -170,7 +171,8 @@
     display: inline-block; }
   .vxe-pager .vxe-pager--jump .vxe-pager--goto,
   .vxe-pager .vxe-pager--sizes > .vxe-input {
-    height: 2.15em; }
+    height: 2.15em;
+    line-height: 2.15em; }
   .vxe-pager .vxe-pager--sizes > .vxe-select--panel .vxe-select-option {
     text-align: center; }
   .vxe-pager .vxe-pager--jump-prev,

package/lib/pager/style/style.min.css

@@ -1 +1 @@
-.vxe-pager{position:relative;display:flex;align-items:center;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:right;background-color:#fff}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;border:1px solid transparent}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 #409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:#5faeff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#f7f7f7}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:#dcdfe6}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:#f4f4f5}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:#5faeff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:#3196ff;background-color:#3196ff}.vxe-pager.is--perfect{border:1px solid #e8eaec;border-top-width:0;background-color:#fff}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:#409eff}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:4px;margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:#5faeff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:#409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:#3196ff}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:#bfbfbf}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:#bfbfbf}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:4px;border:1px solid #dcdfe6;color:#606266;transition:border .2s ease-in-out;padding:0 .4em;background-color:#fff}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid #409eff;outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:14px;height:48px}.vxe-pager.size--medium{font-size:14px;height:44px}.vxe-pager.size--small{font-size:13px;height:40px}.vxe-pager.size--mini{font-size:12px;height:36px}
+.vxe-pager{position:relative;display:flex;align-items:center;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:right;background-color:#fff}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.3)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 #409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:#5faeff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#f7f7f7}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:#dcdfe6}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:#f4f4f5}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:#5faeff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:#3196ff;background-color:#3196ff}.vxe-pager.is--perfect{border:1px solid #e8eaec;border-top-width:0;background-color:#fff}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:#409eff}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em;line-height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:4px;margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:#5faeff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:#409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:#3196ff}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:#bfbfbf}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:#bfbfbf}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:4px;border:1px solid #dcdfe6;color:#606266;transition:border .2s ease-in-out;padding:0 .4em;background-color:#fff}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid #409eff;outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:14px;height:48px}.vxe-pager.size--medium{font-size:14px;height:44px}.vxe-pager.size--small{font-size:13px;height:40px}.vxe-pager.size--mini{font-size:12px;height:36px}

package/lib/pulldown/src/pulldown.js

@@ -145,21 +145,21 @@ var _default2 = (0, _vue.defineComponent)({
               }
 
               Object.assign(panelStyle, {
-                left: left + "px",
-                top: top_1 + "px",
-                minWidth: targetWidth + "px"
+                left: "".concat(left, "px"),
+                top: "".concat(top_1, "px"),
+                minWidth: "".concat(targetWidth, "px")
               });
             } else {
               if (placement === 'top') {
                 panelPlacement = 'top';
-                panelStyle.bottom = targetHeight + "px";
+                panelStyle.bottom = "".concat(targetHeight, "px");
               } else if (!placement) {
                 // 如果下面不够放，则向上
                 if (boundingTop + targetHeight + panelHeight > visibleHeight) {
                   // 如果上面不够放，则向下（优先）
                   if (boundingTop - targetHeight - panelHeight > marginSize) {
                     panelPlacement = 'top';
-                    panelStyle.bottom = targetHeight + "px";
+                    panelStyle.bottom = "".concat(targetHeight, "px");
                   }
                 }
               }
@@ -328,7 +328,7 @@ var _default2 = (0, _vue.defineComponent)({
       var vSize = computeSize.value;
       return (0, _vue.h)('div', {
         ref: refElem,
-        class: ['vxe-pulldown', (_a = {}, _a["size--" + vSize] = vSize, _a['is--visivle'] = visiblePanel, _a['is--disabled'] = disabled, _a['is--active'] = isActivated, _a)]
+        class: ['vxe-pulldown', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--visivle'] = visiblePanel, _a['is--disabled'] = disabled, _a['is--active'] = isActivated, _a)]
       }, [(0, _vue.h)('div', {
         ref: refPulldowContent,
         class: 'vxe-pulldown--content'
@@ -339,7 +339,7 @@ var _default2 = (0, _vue.defineComponent)({
         disabled: transfer ? !inited : true
       }, [(0, _vue.h)('div', {
         ref: refPulldowPnanel,
-        class: ['vxe-table--ignore-clear vxe-pulldown--panel', (_b = {}, _b["size--" + vSize] = vSize, _b['is--transfer'] = transfer, _b['animat--leave'] = animatVisible, _b['animat--enter'] = visiblePanel, _b)],
+        class: ['vxe-table--ignore-clear vxe-pulldown--panel', (_b = {}, _b["size--".concat(vSize)] = vSize, _b['is--transfer'] = transfer, _b['animat--leave'] = animatVisible, _b['animat--enter'] = visiblePanel, _b)],
         placement: panelPlacement,
         style: panelStyle
       }, slots.dropdown ? [(0, _vue.h)('div', {

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},destroyOnClose:Boolean,transfer:Boolean},emits:["update:modelValue","hide-panel"],setup:function(f,e){function t(){return p.inited||(p.inited=!0),new Promise(function(e){f.disabled?e((0,_vue.nextTick)()):(clearTimeout(a),p.isActivated=!0,p.animatVisible=!0,setTimeout(function(){p.visiblePanel=!0,u("update:modelValue",!0),h(),setTimeout(function(){e(h())},40)},10),r())})}function o(){return p.visiblePanel=!1,u("update:modelValue",!1),new Promise(function(e){p.animatVisible?a=window.setTimeout(function(){p.animatVisible=!1,e((0,_vue.nextTick)())},350):e((0,_vue.nextTick)())})}function n(e){var t=f.disabled,n=p.visiblePanel,i=m.value;t||n&&((0,_dom.getEventTargetNode)(e,i).flag?h():(o(),g.dispatchEvent("hide-panel",{},e)))}function i(e){var t=f.disabled,n=p.visiblePanel,i=_.value,l=m.value;t||(p.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,l).flag,n&&!p.isActivated&&(o(),g.dispatchEvent("hide-panel",{},e)))}function l(e){p.visiblePanel&&(p.isActivated=!1,o(),g.dispatchEvent("hide-panel",{},e))}var a,v=e.slots,u=e.emit,s=_xeUtils.default.uniqueId(),c=(0,_size.useSize)(f),p=(0,_vue.reactive)({inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}),_=(0,_vue.ref)(),b=(0,_vue.ref)(),m=(0,_vue.ref)(),d={refElem:_},x={xID:s,props:f,context:e,reactData:p,getRefMaps:function(){return d}},r=function(){p.panelIndex<(0,_utils.getLastZIndex)()&&(p.panelIndex=(0,_utils.nextZIndex)())},h=function(){return(0,_vue.nextTick)().then(function(){var e,t,n,i,l,o,a,u,s,d=f.transfer,r=f.placement,v=p.panelIndex;return p.visiblePanel&&(a=b.value,(s=m.value)&&a&&(e=a.offsetHeight,t=a.offsetWidth,n=s.offsetHeight,i=s.offsetWidth,l={zIndex:v},o=(u=(0,_dom.getAbsolutePos)(a)).boundingTop,s=u.boundingLeft,v=u.visibleHeight,a=u.visibleWidth,u="bottom",d?(d=o+e,"top"===r?(u="top",d=o-n):r||(v<d+n+5&&(u="top",d=o-n),d<5&&(u="bottom",d=o+e)),a<(s=s)+i+5&&(s-=s+i+5-a),s<5&&(s=5),Object.assign(l,{left:s+"px",top:d+"px",minWidth:t+"px"})):"top"===r?(u="top",l.bottom=e+"px"):r||v<o+e+n&&5<o-e-n&&(u="top",l.bottom=e+"px"),p.panelStyle=l,p.panelPlacement=u)),(0,_vue.nextTick)()})},g={dispatchEvent:function(e,t,n){u(e,Object.assign({$pulldown:x,$event:n},t))},isPanelVisible:function(){return p.visiblePanel},togglePanel:function(){return(p.visiblePanel?o:t)()},showPanel:t,hidePanel:o};Object.assign(x,g),(0,_vue.watch)(function(){return f.modelValue},function(e){(e?t:o)()}),(0,_vue.nextTick)(function(){_event.GlobalEvent.on(x,"mousewheel",n),_event.GlobalEvent.on(x,"mousedown",i),_event.GlobalEvent.on(x,"blur",l)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(x,"mousewheel"),_event.GlobalEvent.off(x,"mousedown"),_event.GlobalEvent.off(x,"blur")});return x.renderVN=function(){var e,t=f.destroyOnClose,n=f.transfer,i=f.disabled,l=p.inited,o=p.isActivated,a=p.animatVisible,u=p.visiblePanel,s=p.panelStyle,d=p.panelPlacement,r=c.value;return(0,_vue.h)("div",{ref:_,class:["vxe-pulldown",((e={})["size--"+r]=r,e["is--visivle"]=u,e["is--disabled"]=i,e["is--active"]=o,e)]},[(0,_vue.h)("div",{ref:b,class:"vxe-pulldown--content"},v.default?v.default({$pulldown:x}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!n||!l},[(0,_vue.h)("div",{ref:m,class:["vxe-table--ignore-clear vxe-pulldown--panel",((e={})["size--"+r]=r,e["is--transfer"]=n,e["animat--leave"]=a,e["animat--enter"]=u,e)],placement:d,style:s},v.dropdown?[(0,_vue.h)("div",{class:"vxe-pulldown--wrapper"},!l||t&&!u&&!a?[]:v.dropdown({$pulldown:x}))]:[])])])},x},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},destroyOnClose:Boolean,transfer:Boolean},emits:["update:modelValue","hide-panel"],setup:function(c,e){function t(){return p.inited||(p.inited=!0),new Promise(function(e){c.disabled?e((0,_vue.nextTick)()):(clearTimeout(a),p.isActivated=!0,p.animatVisible=!0,setTimeout(function(){p.visiblePanel=!0,u("update:modelValue",!0),h(),setTimeout(function(){e(h())},40)},10),r())})}function o(){return p.visiblePanel=!1,u("update:modelValue",!1),new Promise(function(e){p.animatVisible?a=window.setTimeout(function(){p.animatVisible=!1,e((0,_vue.nextTick)())},350):e((0,_vue.nextTick)())})}function n(e){var t=c.disabled,n=p.visiblePanel,i=m.value;t||n&&((0,_dom.getEventTargetNode)(e,i).flag?h():(o(),g.dispatchEvent("hide-panel",{},e)))}function i(e){var t=c.disabled,n=p.visiblePanel,i=_.value,l=m.value;t||(p.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,l).flag,n&&!p.isActivated&&(o(),g.dispatchEvent("hide-panel",{},e)))}function l(e){p.visiblePanel&&(p.isActivated=!1,o(),g.dispatchEvent("hide-panel",{},e))}var a,v=e.slots,u=e.emit,s=_xeUtils.default.uniqueId(),f=(0,_size.useSize)(c),p=(0,_vue.reactive)({inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}),_=(0,_vue.ref)(),b=(0,_vue.ref)(),m=(0,_vue.ref)(),d={refElem:_},x={xID:s,props:c,context:e,reactData:p,getRefMaps:function(){return d}},r=function(){p.panelIndex<(0,_utils.getLastZIndex)()&&(p.panelIndex=(0,_utils.nextZIndex)())},h=function(){return(0,_vue.nextTick)().then(function(){var e,t,n,i,l,o,a,u,s,d=c.transfer,r=c.placement,v=p.panelIndex;return p.visiblePanel&&(a=b.value,(s=m.value)&&a&&(e=a.offsetHeight,t=a.offsetWidth,n=s.offsetHeight,i=s.offsetWidth,l={zIndex:v},o=(u=(0,_dom.getAbsolutePos)(a)).boundingTop,s=u.boundingLeft,v=u.visibleHeight,a=u.visibleWidth,u="bottom",d?(d=o+e,"top"===r?(u="top",d=o-n):r||(v<d+n+5&&(u="top",d=o-n),d<5&&(u="bottom",d=o+e)),a<(s=s)+i+5&&(s-=s+i+5-a),s<5&&(s=5),Object.assign(l,{left:"".concat(s,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===r?(u="top",l.bottom="".concat(e,"px")):r||v<o+e+n&&5<o-e-n&&(u="top",l.bottom="".concat(e,"px")),p.panelStyle=l,p.panelPlacement=u)),(0,_vue.nextTick)()})},g={dispatchEvent:function(e,t,n){u(e,Object.assign({$pulldown:x,$event:n},t))},isPanelVisible:function(){return p.visiblePanel},togglePanel:function(){return(p.visiblePanel?o:t)()},showPanel:t,hidePanel:o};Object.assign(x,g),(0,_vue.watch)(function(){return c.modelValue},function(e){(e?t:o)()}),(0,_vue.nextTick)(function(){_event.GlobalEvent.on(x,"mousewheel",n),_event.GlobalEvent.on(x,"mousedown",i),_event.GlobalEvent.on(x,"blur",l)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(x,"mousewheel"),_event.GlobalEvent.off(x,"mousedown"),_event.GlobalEvent.off(x,"blur")});return x.renderVN=function(){var e,t=c.destroyOnClose,n=c.transfer,i=c.disabled,l=p.inited,o=p.isActivated,a=p.animatVisible,u=p.visiblePanel,s=p.panelStyle,d=p.panelPlacement,r=f.value;return(0,_vue.h)("div",{ref:_,class:["vxe-pulldown",((e={})["size--".concat(r)]=r,e["is--visivle"]=u,e["is--disabled"]=i,e["is--active"]=o,e)]},[(0,_vue.h)("div",{ref:b,class:"vxe-pulldown--content"},v.default?v.default({$pulldown:x}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!n||!l},[(0,_vue.h)("div",{ref:m,class:["vxe-table--ignore-clear vxe-pulldown--panel",((e={})["size--".concat(r)]=r,e["is--transfer"]=n,e["animat--leave"]=a,e["animat--enter"]=u,e)],placement:d,style:s},v.dropdown?[(0,_vue.h)("div",{class:"vxe-pulldown--wrapper"},!l||t&&!u&&!a?[]:v.dropdown({$pulldown:x}))]:[])])])},x},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/radio/src/button.js

@@ -126,7 +126,7 @@ var _default2 = (0, _vue.defineComponent)({
       var name = computeName.value;
       var checked = computeChecked.value;
       return (0, _vue.h)('label', {
-        class: ['vxe-radio', 'vxe-radio-button', (_a = {}, _a["size--" + vSize] = vSize, _a['is--disabled'] = isDisabled, _a)],
+        class: ['vxe-radio', 'vxe-radio-button', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--disabled'] = isDisabled, _a)],
         title: props.title
       }, [(0, _vue.h)('input', {
         class: 'vxe-radio--input',

package/lib/radio/src/button.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:Boolean,strict:{type:Boolean,default:function(){return _conf.default.radioButton.strict}},size:{type:String,default:function(){return _conf.default.radioButton.size||_conf.default.size}}},emits:["update:modelValue","change"],setup:function(i,e){var a=e.slots,n=e.emit,u=(0,_vue.inject)("$xeform",null),l=(0,_vue.inject)("$xeformiteminfo",null),t=_xeUtils.default.uniqueId(),o=(0,_size.useSize)(i),r={xID:t,props:i,context:e},d=(0,_vue.inject)("$xeradiogroup",null),s=(0,_vue.computed)(function(){return i.disabled||d&&d.props.disabled}),c=(0,_vue.computed)(function(){return d?d.name:null}),f=(0,_vue.computed)(function(){return(d?d.props:i).strict}),v=(0,_vue.computed)(function(){var e=i.modelValue,t=i.label;return d?d.props.modelValue===t:e===t}),p={dispatchEvent:function(e,t,u){n(e,Object.assign({$radioButton:r,$event:u},t))}};Object.assign(r,p);function _(e){s.value||b(i.label,e)}function m(e){var t=s.value,u=f.value;t||u||i.label===(d?d.props:i).modelValue&&b(null,e)}var b=function(e,t){d?d.handleChecked({label:e},t):(n("update:modelValue",e),p.dispatchEvent("change",{label:e},t),u&&l&&u.triggerItemEvent(t,l.itemConfig.field,e))},e=function(){var e,t=o.value,u=s.value,n=c.value,l=v.value;return(0,_vue.h)("label",{class:["vxe-radio","vxe-radio-button",((e={})["size--"+t]=t,e["is--disabled"]=u,e)],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:n,checked:l,disabled:u,onChange:_,onClick:m}),(0,_vue.h)("span",{class:"vxe-radio--label"},a.default?a.default({}):(0,_utils.getFuncText)(i.content))])};return Object.assign(r,{renderVN:e,dispatchEvent:dispatchEvent}),e}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:Boolean,strict:{type:Boolean,default:function(){return _conf.default.radioButton.strict}},size:{type:String,default:function(){return _conf.default.radioButton.size||_conf.default.size}}},emits:["update:modelValue","change"],setup:function(i,e){var a=e.slots,n=e.emit,u=(0,_vue.inject)("$xeform",null),l=(0,_vue.inject)("$xeformiteminfo",null),t=_xeUtils.default.uniqueId(),o=(0,_size.useSize)(i),r={xID:t,props:i,context:e},d=(0,_vue.inject)("$xeradiogroup",null),s=(0,_vue.computed)(function(){return i.disabled||d&&d.props.disabled}),c=(0,_vue.computed)(function(){return d?d.name:null}),f=(0,_vue.computed)(function(){return(d?d.props:i).strict}),v=(0,_vue.computed)(function(){var e=i.modelValue,t=i.label;return d?d.props.modelValue===t:e===t}),p={dispatchEvent:function(e,t,u){n(e,Object.assign({$radioButton:r,$event:u},t))}};Object.assign(r,p);function _(e){s.value||b(i.label,e)}function m(e){var t=s.value,u=f.value;t||u||i.label===(d?d.props:i).modelValue&&b(null,e)}var b=function(e,t){d?d.handleChecked({label:e},t):(n("update:modelValue",e),p.dispatchEvent("change",{label:e},t),u&&l&&u.triggerItemEvent(t,l.itemConfig.field,e))},e=function(){var e,t=o.value,u=s.value,n=c.value,l=v.value;return(0,_vue.h)("label",{class:["vxe-radio","vxe-radio-button",((e={})["size--".concat(t)]=t,e["is--disabled"]=u,e)],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:n,checked:l,disabled:u,onChange:_,onClick:m}),(0,_vue.h)("span",{class:"vxe-radio--label"},a.default?a.default({}):(0,_utils.getFuncText)(i.content))])};return Object.assign(r,{renderVN:e,dispatchEvent:dispatchEvent}),e}});exports.default=_default2;

package/lib/radio/src/radio.js

@@ -128,7 +128,7 @@ var _default2 = (0, _vue.defineComponent)({
       var name = computeName.value;
       var checked = computeChecked.value;
       return (0, _vue.h)('label', {
-        class: ['vxe-radio', (_a = {}, _a["size--" + vSize] = vSize, _a['is--disabled'] = isDisabled, _a)],
+        class: ['vxe-radio', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--disabled'] = isDisabled, _a)],
         title: props.title
       }, [(0, _vue.h)('input', {
         class: 'vxe-radio--input',

package/lib/radio/src/radio.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:Boolean,name:String,strict:{type:Boolean,default:function(){return _conf.default.radio.strict}},size:{type:String,default:function(){return _conf.default.radio.size||_conf.default.size}}},emits:["update:modelValue","change"],setup:function(i,e){function r(e){f.value||m(i.label,e)}function a(e){var t=f.value,u=v.value;t||u||i.label===(c?c.props:i).modelValue&&m(null,e)}var o=e.slots,n=e.emit,u=(0,_vue.inject)("$xeform",null),l=(0,_vue.inject)("$xeformiteminfo",null),d={xID:_xeUtils.default.uniqueId(),props:i,context:e},s=(0,_size.useSize)(i),c=(0,_vue.inject)("$xeradiogroup",null),f=(0,_vue.computed)(function(){return i.disabled||c&&c.props.disabled}),p=(0,_vue.computed)(function(){return(c||i).name}),v=(0,_vue.computed)(function(){return(c?c.props:i).strict}),_=(0,_vue.computed)(function(){var e=i.modelValue,t=i.label;return c?c.props.modelValue===t:e===t}),m=function(e,t){c?c.handleChecked({label:e},t):(n("update:modelValue",e),b.dispatchEvent("change",{label:e},t),u&&l&&u.triggerItemEvent(t,l.itemConfig.field,e))},b={dispatchEvent:function(e,t,u){n(e,Object.assign({$radio:d,$event:u},t))}};Object.assign(d,b);return d.renderVN=function(){var e,t=s.value,u=f.value,n=p.value,l=_.value;return(0,_vue.h)("label",{class:["vxe-radio",((e={})["size--"+t]=t,e["is--disabled"]=u,e)],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:n,checked:l,disabled:u,onChange:r,onClick:a}),(0,_vue.h)("span",{class:"vxe-radio--icon"}),(0,_vue.h)("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])},d},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../tools/utils"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeRadio",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:null},title:[String,Number],content:[String,Number],disabled:Boolean,name:String,strict:{type:Boolean,default:function(){return _conf.default.radio.strict}},size:{type:String,default:function(){return _conf.default.radio.size||_conf.default.size}}},emits:["update:modelValue","change"],setup:function(i,e){function r(e){f.value||m(i.label,e)}function a(e){var t=f.value,u=v.value;t||u||i.label===(c?c.props:i).modelValue&&m(null,e)}var o=e.slots,n=e.emit,u=(0,_vue.inject)("$xeform",null),l=(0,_vue.inject)("$xeformiteminfo",null),d={xID:_xeUtils.default.uniqueId(),props:i,context:e},s=(0,_size.useSize)(i),c=(0,_vue.inject)("$xeradiogroup",null),f=(0,_vue.computed)(function(){return i.disabled||c&&c.props.disabled}),p=(0,_vue.computed)(function(){return(c||i).name}),v=(0,_vue.computed)(function(){return(c?c.props:i).strict}),_=(0,_vue.computed)(function(){var e=i.modelValue,t=i.label;return c?c.props.modelValue===t:e===t}),m=function(e,t){c?c.handleChecked({label:e},t):(n("update:modelValue",e),b.dispatchEvent("change",{label:e},t),u&&l&&u.triggerItemEvent(t,l.itemConfig.field,e))},b={dispatchEvent:function(e,t,u){n(e,Object.assign({$radio:d,$event:u},t))}};Object.assign(d,b);return d.renderVN=function(){var e,t=s.value,u=f.value,n=p.value,l=_.value;return(0,_vue.h)("label",{class:["vxe-radio",((e={})["size--".concat(t)]=t,e["is--disabled"]=u,e)],title:i.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:n,checked:l,disabled:u,onChange:r,onClick:a}),(0,_vue.h)("span",{class:"vxe-radio--icon"}),(0,_vue.h)("span",{class:"vxe-radio--label"},o.default?o.default({}):(0,_utils.getFuncText)(i.content))])},d},render:function(){return this.renderVN()}});exports.default=_default2;

package/lib/select/src/select.js

@@ -21,6 +21,8 @@ var _event = require("../../tools/event");
 
 var _input = _interopRequireDefault(require("../../input/src/input"));
 
+var _vn = require("../../tools/vn");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function isOptionVisible(option) {
@@ -169,7 +171,7 @@ var _default2 = (0, _vue.defineComponent)({
         }
 
         if (_xeUtils.default.isFunction(slotFunc)) {
-          return slotFunc(params);
+          return (0, _vn.getSlotVNs)(slotFunc(params));
         }
       }
 
@@ -238,7 +240,7 @@ var _default2 = (0, _vue.defineComponent)({
           var label = getSelectLabel(val);
 
           if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
-            return label.substring(0, multiMaxCharNum) + "...";
+            return "".concat(label.substring(0, multiMaxCharNum), "...");
           }
 
           return label;
@@ -287,7 +289,7 @@ var _default2 = (0, _vue.defineComponent)({
           });
         } else if (filterable) {
           reactData.visibleGroupList = fullGroupList.filter(function (group) {
-            return isOptionVisible(group) && (!searchValue || ("" + group[groupLabelField]).indexOf(searchValue) > -1);
+            return isOptionVisible(group) && (!searchValue || "".concat(group[groupLabelField]).indexOf(searchValue) > -1);
           });
         } else {
           reactData.visibleGroupList = fullGroupList.filter(isOptionVisible);
@@ -303,7 +305,7 @@ var _default2 = (0, _vue.defineComponent)({
           });
         } else if (filterable) {
           reactData.visibleOptionList = fullOptionList.filter(function (option) {
-            return isOptionVisible(option) && (!searchValue || ("" + option[labelField]).indexOf(searchValue) > -1);
+            return isOptionVisible(option) && (!searchValue || "".concat(option[labelField]).indexOf(searchValue) > -1);
           });
         } else {
           reactData.visibleOptionList = fullOptionList.filter(isOptionVisible);
@@ -354,7 +356,7 @@ var _default2 = (0, _vue.defineComponent)({
         if (option) {
           var optWrapperElem = refOptionWrapper.value;
           var panelElem = refOptionPanel.value;
-          var optElem = panelElem.querySelector("[optid='" + getOptid(option) + "']");
+          var optElem = panelElem.querySelector("[optid='".concat(getOptid(option), "']"));
 
           if (optWrapperElem && optElem) {
             var wrapperHeight = optWrapperElem.offsetHeight;
@@ -438,21 +440,21 @@ var _default2 = (0, _vue.defineComponent)({
             }
 
             Object.assign(panelStyle, {
-              left: left + "px",
-              top: top_1 + "px",
-              minWidth: targetWidth + "px"
+              left: "".concat(left, "px"),
+              top: "".concat(top_1, "px"),
+              minWidth: "".concat(targetWidth, "px")
             });
           } else {
             if (placement === 'top') {
               panelPlacement = 'top';
-              panelStyle.bottom = targetHeight + "px";
+              panelStyle.bottom = "".concat(targetHeight, "px");
             } else if (!placement) {
               // 如果下面不够放，则向上
               if (boundingTop + targetHeight + panelHeight > visibleHeight) {
                 // 如果上面不够放，则向下（优先）
                 if (boundingTop - targetHeight - panelHeight > marginSize) {
                   panelPlacement = 'top';
-                  panelStyle.bottom = targetHeight + "px";
+                  panelStyle.bottom = "".concat(targetHeight, "px");
                 }
               }
             }
@@ -1094,7 +1096,7 @@ var _default2 = (0, _vue.defineComponent)({
         ref: refElem,
         class: ['vxe-select', className ? _xeUtils.default.isFunction(className) ? className({
           $select: $xeselect
-        }) : className : '', (_a = {}, _a["size--" + vSize] = vSize, _a['is--visivle'] = visiblePanel, _a['is--disabled'] = disabled, _a['is--filter'] = filterable, _a['is--loading'] = loading, _a['is--active'] = isActivated, _a)]
+        }) : className : '', (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--visivle'] = visiblePanel, _a['is--disabled'] = disabled, _a['is--filter'] = filterable, _a['is--loading'] = loading, _a['is--active'] = isActivated, _a)]
       }, [(0, _vue.h)('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'
@@ -1122,7 +1124,7 @@ var _default2 = (0, _vue.defineComponent)({
         disabled: transfer ? !inited : true
       }, [(0, _vue.h)('div', {
         ref: refOptionPanel,
-        class: ['vxe-table--ignore-clear vxe-select--panel', (_b = {}, _b["size--" + vSize] = vSize, _b['is--transfer'] = transfer, _b['animat--leave'] = !loading && reactData.animatVisible, _b['animat--enter'] = !loading && visiblePanel, _b)],
+        class: ['vxe-table--ignore-clear vxe-select--panel', (_b = {}, _b["size--".concat(vSize)] = vSize, _b['is--transfer'] = transfer, _b['animat--leave'] = !loading && reactData.animatVisible, _b['animat--enter'] = !loading && visiblePanel, _b)],
         placement: reactData.panelPlacement,
         style: reactData.panelStyle
       }, inited ? [filterable ? (0, _vue.h)('div', {

package/lib/select/src/select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:null,clearable:Boolean,placeholder:String,loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return _conf.default.select.multiCharOverflow}},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],size:{type:String,default:function(){return _conf.default.select.size||_conf.default.size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:function(){return _conf.default.select.optionId}},optionKey:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.select.transfer}}},emits:["update:modelValue","change","clear"],setup:function(h,e){function m(e,t){return e&&(_xeUtils.default.isString(e)&&(e=L[e]||null),_xeUtils.default.isFunction(e))?e(t):[]}function v(t){var e=A.fullOptionList,n=A.fullGroupList,i=Y.value,o=$.value;if(i)for(var l=0;l<n.length;l++){var u=n[l];if(u.options)for(var r=0;r<u.options.length;r++){var a=u.options[r];if(t===a[o])return a}}return e.find(function(e){return t===e[o]})}function o(t){var e=A.remoteValueList,n=F.value,e=(e=e.find(function(e){return t===e.key}))?e.result:null;return _xeUtils.default.toValueString(e?e[n]:t)}function l(e){var t=F.value,n=v(e);return _xeUtils.default.toValueString(n?n[t]:e)}function u(){var e=h.filterable,t=h.filterMethod,n=A.fullOptionList,i=A.fullGroupList,o=A.searchValue,l=Y.value,u=B.value,r=F.value;return l?A.visibleGroupList=e&&t?i.filter(function(e){return isOptionVisible(e)&&t({group:e,option:null,searchValue:o})}):e?i.filter(function(e){return isOptionVisible(e)&&(!o||-1<(""+e[u]).indexOf(o))}):i.filter(isOptionVisible):A.visibleOptionList=e&&t?n.filter(function(e){return isOptionVisible(e)&&t({group:null,option:e,searchValue:o})}):e?n.filter(function(e){return isOptionVisible(e)&&(!o||-1<(""+e[r]).indexOf(o))}):n.filter(isOptionVisible),(0,_vue.nextTick)()}function n(){function t(e){X(e)||(e[o]=getOptUniqueId())}var e=A.fullOptionList,n=A.fullGroupList,i=z.value,o=Z();n.length?n.forEach(function(e){t(e),e[i]&&e[i].forEach(t)}):e.length&&e.forEach(t),u()}function x(e){var t=$.value;e&&(A.currentOption=e,A.currentValue=e[t])}function p(i,o){return(0,_vue.nextTick)().then(function(){var e,t,n;i&&(e=K.value,t=w.value.querySelector("[optid='"+X(i)+"']"),e&&t&&(n=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>n&&(e.scrollTop=t.offsetTop+t.offsetHeight-n):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5)))})}function i(){return(0,_vue.nextTick)().then(function(){var e=h.transfer,t=h.placement,n=A.panelIndex,i=N.value,o=w.value;if(o&&i){var l=i.offsetHeight,u=i.offsetWidth,r=o.offsetHeight,a=o.offsetWidth,s={zIndex:n},f=(0,_dom.getAbsolutePos)(i),c=f.boundingTop,o=f.boundingLeft,n=f.visibleHeight,i=f.visibleWidth,f="bottom";return e?(e=c+l,"top"===t?(f="top",e=c-r):t||(n<e+r+5&&(f="top",e=c-r),e<5&&(f="bottom",e=c+l)),i<(o=o)+a+5&&(o-=o+a+5-i),o<5&&(o=5),Object.assign(s,{left:o+"px",top:e+"px",minWidth:u+"px"})):"top"===t?(f="top",s.bottom=l+"px"):t||n<c+l+r&&5<c-l-r&&(f="top",s.bottom=l+"px"),A.panelStyle=s,A.panelPlacement=f,(0,_vue.nextTick)()}})}function c(e,t){te(t,null),Q()}function g(e,t,n){var i=h.modelValue,o=h.multiple,l=A.remoteValueList;o?(o=void 0,o=i?-1===i.indexOf(t)?i.concat([t]):i.filter(function(e){return e!==t}):[t],(i=l.find(function(e){return e.key===t}))?i.result=n:l.push({key:t,result:n}),ee(e,o)):(A.remoteValueList=[{key:t,result:n}],ee(e,t),Q())}function t(e){var t=h.disabled,n=A.visiblePanel;t||n&&(n=w.value,((0,_dom.getEventTargetNode)(e,n).flag?i:Q)())}function r(e){var t,n=h.disabled,i=A.visiblePanel;n||(t=N.value,n=w.value,A.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!A.isActivated&&Q())}function a(e){var t,n,i,o,l,u,r=h.clearable,a=h.disabled,s=A.visiblePanel,f=A.currentValue,c=A.currentOption;a||(u=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.TAB),t=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER),n=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE),i=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP),o=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN),l=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.DELETE),a=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR),u&&(A.isActivated=!1),s?n||u?Q():t?(e.preventDefault(),e.stopPropagation(),g(e,f,c)):i||o?(e.preventDefault(),c=(u=function(e,t){var n,i,o,l,u=A.visibleOptionList,r=A.visibleGroupList,a=Y.value,s=$.value,f=z.value;if(a)for(var c=0;c<r.length;c++){var v=r[c],p=v[f],d=v.disabled;if(p)for(var _=0;_<p.length;_++){var b=isOptionVisible(m=p[_]),h=d||m.disabled;if(n||h||(n=m),l&&b&&!h&&(o=m,!t))return{offsetOption:o};if(e===m[s]){if(l=m,t)return{offsetOption:i}}else b&&!h&&(i=m)}}else for(_=0;_<u.length;_++){var m,h=(m=u[_]).disabled;if(n||h||(n=m),l&&!h&&(o=m,!t))return{offsetOption:o};if(e===m[s]){if(l=m,t)return{offsetOption:i}}else h||(i=m)}return{firstOption:n}}(f,i)).firstOption,(u=u.offsetOption)||v(f)||(u=c),x(u),p(u,o)):a&&e.preventDefault():(i||o||t||a)&&A.isActivated&&(e.preventDefault(),J()),A.isActivated&&l&&r&&te(e,null))}function s(){Q()}function f(){h.filterable&&(0,_vue.nextTick)(function(){var e=C.value;e&&e.focus()})}function d(){h.disabled||(A.isActivated=!0)}function _(){A.isActivated=!1}function b(e){A.searchValue=e}function E(){A.isActivated=!0}function O(e){e=e.$event,(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())}function V(e){e.$event.preventDefault(),(A.visiblePanel?Q:J)()}var T,L=e.slots,y=e.emit,P=(0,_vue.inject)("$xeform",null),S=(0,_vue.inject)("$xeformiteminfo",null),G=_xeUtils.default.uniqueId(),k=(0,_size.useSize)(h),A=(0,_vue.reactive)({inited:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),N=(0,_vue.ref)(),I=(0,_vue.ref)(),C=(0,_vue.ref)(),K=(0,_vue.ref)(),w=(0,_vue.ref)(),U={refElem:N},D={xID:G,props:h,context:e,reactData:A,getRefMaps:function(){return U}},q={},R=(0,_vue.computed)(function(){return h.optionProps||{}}),j=(0,_vue.computed)(function(){return h.optionGroupProps||{}}),F=(0,_vue.computed)(function(){return R.value.label||"label"}),$=(0,_vue.computed)(function(){return R.value.value||"value"}),B=(0,_vue.computed)(function(){return j.value.label||"label"}),z=(0,_vue.computed)(function(){return j.value.options||"options"}),M=(0,_vue.computed)(function(){return Object.assign({},_conf.default.select.optionConfig,h.optionConfig)}),Y=(0,_vue.computed)(function(){return A.fullGroupList.some(function(e){return e.options&&e.options.length})}),H=(0,_vue.computed)(function(){return _xeUtils.default.toNumber(h.multiCharOverflow)}),W=(0,_vue.computed)(function(){var e=h.modelValue,t=h.multiple,n=h.remote,i=H.value;if(e&&t){t=_xeUtils.default.isArray(e)?e:[e];return n?t.map(o).join(", "):t.map(function(e){e=l(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e}).join(", ")}return(n?o:l)(e)}),Z=function(){return M.value.keyField||h.optionId||"_X_OPTION_KEY"},X=function(e){e=e[Z()];return e?encodeURIComponent(e):""},J=function(){var e=h.loading,t=h.disabled,n=h.filterable;e||t||(clearTimeout(T),A.inited||(A.inited=!0),A.isActivated=!0,A.animatVisible=!0,n&&u(),setTimeout(function(){var e=h.modelValue,t=h.multiple,e=v(t&&e?e[0]:e);A.visiblePanel=!0,e&&(x(e),p(e)),f()},10),A.panelIndex<(0,_utils.getLastZIndex)()&&(A.panelIndex=(0,_utils.nextZIndex)()),i())},Q=function(){A.searchValue="",A.searchLoading=!1,A.visiblePanel=!1,T=window.setTimeout(function(){A.animatVisible=!1},350)},ee=function(e,t){t!==h.modelValue&&(y("update:modelValue",t),q.dispatchEvent("change",{value:t},e),P&&S&&P.triggerItemEvent(e,S.itemConfig.field,t))},te=function(e,t){A.remoteValueList=[],ee(e,t),q.dispatchEvent("clear",{value:t},e)},ne=_xeUtils.default.debounce(function(){var e=h.remote,t=h.remoteMethod,n=A.searchValue;e&&t?(A.searchLoading=!0,Promise.resolve(t({searchValue:n})).then(function(){return(0,_vue.nextTick)()}).catch(function(){return(0,_vue.nextTick)()}).finally(function(){A.searchLoading=!1,u()})):u()},350,{trailing:!0}),ie=function(e,a){var s=h.optionKey,f=h.modelValue,c=h.multiple,v=A.currentValue,t=M.value,p=F.value,d=$.value,_=Y.value,b=t.useKey;return e.map(function(t,e){var n=t.slots,i=t.className,o=!_||isOptionVisible(t),l=a&&a.disabled||t.disabled,u=t[d],r=X(t),n=n?n.default:null;return o?(0,_vue.h)("div",{key:b||s?r:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i({option:t,$select:D}):i:"",{"is--disabled":l,"is--selected":c?f&&-1<f.indexOf(u):f===u,"is--hover":v===u}],optid:r,onMousedown:function(e){0===e.button&&e.stopPropagation()},onClick:function(e){l||g(e,u,t)},onMouseenter:function(){l||x(t)}},n?m(n,{option:t,$select:D}):(0,_utils.formatText)((0,_utils.getFuncText)(t[p]))):null})},oe=function(){var u=h.optionKey,e=A.visibleGroupList,t=M.value,r=B.value,a=z.value,s=t.useKey;return e.map(function(e,t){var n=e.slots,i=e.className,o=X(e),l=e.disabled,n=n?n.default:null;return(0,_vue.h)("div",{key:s||u?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i({option:e,$select:D}):i:"",{"is--disabled":l}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},n?m(n,{option:e,$select:D}):(0,_utils.getFuncText)(e[r])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ie(e[a]||[],e))])})},q={dispatchEvent:function(e,t,n){y(e,Object.assign({$select:D,$event:n},t))},isPanelVisible:function(){return A.visiblePanel},togglePanel:function(){return(A.visiblePanel?Q:J)(),(0,_vue.nextTick)()},hidePanel:function(){return A.visiblePanel&&Q(),(0,_vue.nextTick)()},showPanel:function(){return A.visiblePanel||J(),(0,_vue.nextTick)()},refreshOption:u,focus:function(){var e=I.value;return A.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur:function(){return I.value.blur(),(A.isActivated=!1,_vue.nextTick)()}};Object.assign(D,q),(0,_vue.watch)(function(){return A.staticOptions},function(e){e.some(function(e){return e.options&&e.options.length})?(A.fullOptionList=[],A.fullGroupList=e):(A.fullGroupList=[],A.fullOptionList=e||[]),n()}),(0,_vue.watch)(function(){return h.options},function(e){A.fullGroupList=[],A.fullOptionList=e||[],n()}),(0,_vue.watch)(function(){return h.optionGroups},function(e){A.fullOptionList=[],A.fullGroupList=e||[],n()}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=h.options,t=h.optionGroups;t?A.fullGroupList=t:e&&(A.fullOptionList=e),n()}),_event.GlobalEvent.on(D,"mousewheel",t),_event.GlobalEvent.on(D,"mousedown",r),_event.GlobalEvent.on(D,"keydown",a),_event.GlobalEvent.on(D,"blur",s)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(D,"mousewheel"),_event.GlobalEvent.off(D,"mousedown"),_event.GlobalEvent.off(D,"keydown"),_event.GlobalEvent.off(D,"blur")});return D.renderVN=function(){var e=h.className,t=h.transfer,n=h.disabled,i=h.loading,o=h.filterable,l=A.inited,u=A.isActivated,r=A.visiblePanel,a=k.value,s=W.value,f=L.prefix;return(0,_vue.h)("div",{ref:N,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:D}):e:"",((e={})["size--"+a]=a,e["is--visivle"]=r,e["is--disabled"]=n,e["is--filter"]=o,e["is--loading"]=i,e["is--active"]=u,e)]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},L.default?L.default({}):[]),(0,_vue.h)(_input.default,{ref:I,clearable:h.clearable,placeholder:h.placeholder,readonly:!0,disabled:n,type:"text",prefixIcon:h.prefixIcon,suffixIcon:i?_conf.default.icon.SELECT_LOADED:r?_conf.default.icon.SELECT_OPEN:_conf.default.icon.SELECT_CLOSE,modelValue:s,onClear:c,onClick:V,onFocus:d,onBlur:_,onSuffixClick:V},f?{prefix:function(){return f({})}}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!t||!l},[(0,_vue.h)("div",{ref:w,class:["vxe-table--ignore-clear vxe-select--panel",((s={})["size--"+a]=a,s["is--transfer"]=t,s["animat--leave"]=!i&&A.animatVisible,s["animat--enter"]=!i&&r,s)],placement:A.panelPlacement,style:A.panelStyle},l?[o?(0,_vue.h)("div",{class:"vxe-select-filter--wrapper"},[(0,_vue.h)(_input.default,{ref:C,class:"vxe-select-filter--input",modelValue:A.searchValue,clearable:!0,placeholder:_conf.default.i18n("vxe.select.search"),prefixIcon:_conf.default.icon.INPUT_SEARCH,"onUpdate:modelValue":b,onFocus:E,onKeydown:O,onChange:ne,onSearch:ne})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{ref:K,class:"vxe-select-option--wrapper"},function(){var e=A.visibleGroupList,t=A.visibleOptionList,n=A.searchLoading,i=Y.value;if(n)return[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",_conf.default.icon.SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},_conf.default.i18n("vxe.select.loadingText"))])];if(i){if(e.length)return oe()}else if(t.length)return ie(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},h.emptyText||_conf.default.i18n("vxe.select.emptyText"))]}())]:[])])])},(0,_vue.provide)("$xeselect",D),D},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default2=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:null,clearable:Boolean,placeholder:String,loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:function(){return _conf.default.select.multiCharOverflow}},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],size:{type:String,default:function(){return _conf.default.select.size||_conf.default.size}},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:function(){return _conf.default.select.optionId}},optionKey:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.select.transfer}}},emits:["update:modelValue","change","clear"],setup:function(h,e){function m(e,t){return e&&(_xeUtils.default.isString(e)&&(e=L[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]}function v(t){var e=k.fullOptionList,n=k.fullGroupList,i=Y.value,o=$.value;if(i)for(var l=0;l<n.length;l++){var u=n[l];if(u.options)for(var r=0;r<u.options.length;r++){var a=u.options[r];if(t===a[o])return a}}return e.find(function(e){return t===e[o]})}function o(t){var e=k.remoteValueList,n=F.value,e=(e=e.find(function(e){return t===e.key}))?e.result:null;return _xeUtils.default.toValueString(e?e[n]:t)}function l(e){var t=F.value,n=v(e);return _xeUtils.default.toValueString(n?n[t]:e)}function u(){var e=h.filterable,t=h.filterMethod,n=k.fullOptionList,i=k.fullGroupList,o=k.searchValue,l=Y.value,u=B.value,r=F.value;return l?k.visibleGroupList=e&&t?i.filter(function(e){return isOptionVisible(e)&&t({group:e,option:null,searchValue:o})}):e?i.filter(function(e){return isOptionVisible(e)&&(!o||-1<"".concat(e[u]).indexOf(o))}):i.filter(isOptionVisible):k.visibleOptionList=e&&t?n.filter(function(e){return isOptionVisible(e)&&t({group:null,option:e,searchValue:o})}):e?n.filter(function(e){return isOptionVisible(e)&&(!o||-1<"".concat(e[r]).indexOf(o))}):n.filter(isOptionVisible),(0,_vue.nextTick)()}function n(){function t(e){X(e)||(e[o]=getOptUniqueId())}var e=k.fullOptionList,n=k.fullGroupList,i=z.value,o=Z();n.length?n.forEach(function(e){t(e),e[i]&&e[i].forEach(t)}):e.length&&e.forEach(t),u()}function x(e){var t=$.value;e&&(k.currentOption=e,k.currentValue=e[t])}function p(i,o){return(0,_vue.nextTick)().then(function(){var e,t,n;i&&(e=K.value,t=w.value.querySelector("[optid='".concat(X(i),"']")),e&&t&&(n=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>n&&(e.scrollTop=t.offsetTop+t.offsetHeight-n):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5)))})}function i(){return(0,_vue.nextTick)().then(function(){var e=h.transfer,t=h.placement,n=k.panelIndex,i=A.value,o=w.value;if(o&&i){var l=i.offsetHeight,u=i.offsetWidth,r=o.offsetHeight,a=o.offsetWidth,s={zIndex:n},c=(0,_dom.getAbsolutePos)(i),f=c.boundingTop,o=c.boundingLeft,n=c.visibleHeight,i=c.visibleWidth,c="bottom";return e?(e=f+l,"top"===t?(c="top",e=f-r):t||(n<e+r+5&&(c="top",e=f-r),e<5&&(c="bottom",e=f+l)),i<(o=o)+a+5&&(o-=o+a+5-i),o<5&&(o=5),Object.assign(s,{left:"".concat(o,"px"),top:"".concat(e,"px"),minWidth:"".concat(u,"px")})):"top"===t?(c="top",s.bottom="".concat(l,"px")):t||n<f+l+r&&5<f-l-r&&(c="top",s.bottom="".concat(l,"px")),k.panelStyle=s,k.panelPlacement=c,(0,_vue.nextTick)()}})}function f(e,t){te(t,null),Q()}function g(e,t,n){var i=h.modelValue,o=h.multiple,l=k.remoteValueList;o?(o=void 0,o=i?-1===i.indexOf(t)?i.concat([t]):i.filter(function(e){return e!==t}):[t],(i=l.find(function(e){return e.key===t}))?i.result=n:l.push({key:t,result:n}),ee(e,o)):(k.remoteValueList=[{key:t,result:n}],ee(e,t),Q())}function t(e){var t=h.disabled,n=k.visiblePanel;t||n&&(n=w.value,((0,_dom.getEventTargetNode)(e,n).flag?i:Q)())}function r(e){var t,n=h.disabled,i=k.visiblePanel;n||(t=A.value,n=w.value,k.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!k.isActivated&&Q())}function a(e){var t,n,i,o,l,u,r=h.clearable,a=h.disabled,s=k.visiblePanel,c=k.currentValue,f=k.currentOption;a||(u=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.TAB),t=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER),n=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ESCAPE),i=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP),o=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN),l=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.DELETE),a=(0,_event.hasEventKey)(e,_event.EVENT_KEYS.SPACEBAR),u&&(k.isActivated=!1),s?n||u?Q():t?(e.preventDefault(),e.stopPropagation(),g(e,c,f)):i||o?(e.preventDefault(),f=(u=function(e,t){var n,i,o,l,u=k.visibleOptionList,r=k.visibleGroupList,a=Y.value,s=$.value,c=z.value;if(a)for(var f=0;f<r.length;f++){var v=r[f],p=v[c],d=v.disabled;if(p)for(var _=0;_<p.length;_++){var b=isOptionVisible(m=p[_]),h=d||m.disabled;if(n||h||(n=m),l&&b&&!h&&(o=m,!t))return{offsetOption:o};if(e===m[s]){if(l=m,t)return{offsetOption:i}}else b&&!h&&(i=m)}}else for(_=0;_<u.length;_++){var m,h=(m=u[_]).disabled;if(n||h||(n=m),l&&!h&&(o=m,!t))return{offsetOption:o};if(e===m[s]){if(l=m,t)return{offsetOption:i}}else h||(i=m)}return{firstOption:n}}(c,i)).firstOption,(u=u.offsetOption)||v(c)||(u=f),x(u),p(u,o)):a&&e.preventDefault():(i||o||t||a)&&k.isActivated&&(e.preventDefault(),J()),k.isActivated&&l&&r&&te(e,null))}function s(){Q()}function c(){h.filterable&&(0,_vue.nextTick)(function(){var e=C.value;e&&e.focus()})}function d(){h.disabled||(k.isActivated=!0)}function _(){k.isActivated=!1}function b(e){k.searchValue=e}function E(){k.isActivated=!0}function O(e){e=e.$event,(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())}function V(e){e.$event.preventDefault(),(k.visiblePanel?Q:J)()}var T,L=e.slots,y=e.emit,S=(0,_vue.inject)("$xeform",null),P=(0,_vue.inject)("$xeformiteminfo",null),G=_xeUtils.default.uniqueId(),N=(0,_size.useSize)(h),k=(0,_vue.reactive)({inited:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),A=(0,_vue.ref)(),I=(0,_vue.ref)(),C=(0,_vue.ref)(),K=(0,_vue.ref)(),w=(0,_vue.ref)(),U={refElem:A},q={xID:G,props:h,context:e,reactData:k,getRefMaps:function(){return U}},D={},R=(0,_vue.computed)(function(){return h.optionProps||{}}),j=(0,_vue.computed)(function(){return h.optionGroupProps||{}}),F=(0,_vue.computed)(function(){return R.value.label||"label"}),$=(0,_vue.computed)(function(){return R.value.value||"value"}),B=(0,_vue.computed)(function(){return j.value.label||"label"}),z=(0,_vue.computed)(function(){return j.value.options||"options"}),M=(0,_vue.computed)(function(){return Object.assign({},_conf.default.select.optionConfig,h.optionConfig)}),Y=(0,_vue.computed)(function(){return k.fullGroupList.some(function(e){return e.options&&e.options.length})}),H=(0,_vue.computed)(function(){return _xeUtils.default.toNumber(h.multiCharOverflow)}),W=(0,_vue.computed)(function(){var e=h.modelValue,t=h.multiple,n=h.remote,i=H.value;if(e&&t){t=_xeUtils.default.isArray(e)?e:[e];return n?t.map(o).join(", "):t.map(function(e){e=l(e);return 0<i&&e.length>i?"".concat(e.substring(0,i),"..."):e}).join(", ")}return(n?o:l)(e)}),Z=function(){return M.value.keyField||h.optionId||"_X_OPTION_KEY"},X=function(e){e=e[Z()];return e?encodeURIComponent(e):""},J=function(){var e=h.loading,t=h.disabled,n=h.filterable;e||t||(clearTimeout(T),k.inited||(k.inited=!0),k.isActivated=!0,k.animatVisible=!0,n&&u(),setTimeout(function(){var e=h.modelValue,t=h.multiple,e=v(t&&e?e[0]:e);k.visiblePanel=!0,e&&(x(e),p(e)),c()},10),k.panelIndex<(0,_utils.getLastZIndex)()&&(k.panelIndex=(0,_utils.nextZIndex)()),i())},Q=function(){k.searchValue="",k.searchLoading=!1,k.visiblePanel=!1,T=window.setTimeout(function(){k.animatVisible=!1},350)},ee=function(e,t){t!==h.modelValue&&(y("update:modelValue",t),D.dispatchEvent("change",{value:t},e),S&&P&&S.triggerItemEvent(e,P.itemConfig.field,t))},te=function(e,t){k.remoteValueList=[],ee(e,t),D.dispatchEvent("clear",{value:t},e)},ne=_xeUtils.default.debounce(function(){var e=h.remote,t=h.remoteMethod,n=k.searchValue;e&&t?(k.searchLoading=!0,Promise.resolve(t({searchValue:n})).then(function(){return(0,_vue.nextTick)()}).catch(function(){return(0,_vue.nextTick)()}).finally(function(){k.searchLoading=!1,u()})):u()},350,{trailing:!0}),ie=function(e,a){var s=h.optionKey,c=h.modelValue,f=h.multiple,v=k.currentValue,t=M.value,p=F.value,d=$.value,_=Y.value,b=t.useKey;return e.map(function(t,e){var n=t.slots,i=t.className,o=!_||isOptionVisible(t),l=a&&a.disabled||t.disabled,u=t[d],r=X(t),n=n?n.default:null;return o?(0,_vue.h)("div",{key:b||s?r:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i({option:t,$select:q}):i:"",{"is--disabled":l,"is--selected":f?c&&-1<c.indexOf(u):c===u,"is--hover":v===u}],optid:r,onMousedown:function(e){0===e.button&&e.stopPropagation()},onClick:function(e){l||g(e,u,t)},onMouseenter:function(){l||x(t)}},n?m(n,{option:t,$select:q}):(0,_utils.formatText)((0,_utils.getFuncText)(t[p]))):null})},oe=function(){var u=h.optionKey,e=k.visibleGroupList,t=M.value,r=B.value,a=z.value,s=t.useKey;return e.map(function(e,t){var n=e.slots,i=e.className,o=X(e),l=e.disabled,n=n?n.default:null;return(0,_vue.h)("div",{key:s||u?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i({option:e,$select:q}):i:"",{"is--disabled":l}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},n?m(n,{option:e,$select:q}):(0,_utils.getFuncText)(e[r])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ie(e[a]||[],e))])})},D={dispatchEvent:function(e,t,n){y(e,Object.assign({$select:q,$event:n},t))},isPanelVisible:function(){return k.visiblePanel},togglePanel:function(){return(k.visiblePanel?Q:J)(),(0,_vue.nextTick)()},hidePanel:function(){return k.visiblePanel&&Q(),(0,_vue.nextTick)()},showPanel:function(){return k.visiblePanel||J(),(0,_vue.nextTick)()},refreshOption:u,focus:function(){var e=I.value;return k.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur:function(){return I.value.blur(),(k.isActivated=!1,_vue.nextTick)()}};Object.assign(q,D),(0,_vue.watch)(function(){return k.staticOptions},function(e){e.some(function(e){return e.options&&e.options.length})?(k.fullOptionList=[],k.fullGroupList=e):(k.fullGroupList=[],k.fullOptionList=e||[]),n()}),(0,_vue.watch)(function(){return h.options},function(e){k.fullGroupList=[],k.fullOptionList=e||[],n()}),(0,_vue.watch)(function(){return h.optionGroups},function(e){k.fullOptionList=[],k.fullGroupList=e||[],n()}),(0,_vue.onMounted)(function(){(0,_vue.nextTick)(function(){var e=h.options,t=h.optionGroups;t?k.fullGroupList=t:e&&(k.fullOptionList=e),n()}),_event.GlobalEvent.on(q,"mousewheel",t),_event.GlobalEvent.on(q,"mousedown",r),_event.GlobalEvent.on(q,"keydown",a),_event.GlobalEvent.on(q,"blur",s)}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(q,"mousewheel"),_event.GlobalEvent.off(q,"mousedown"),_event.GlobalEvent.off(q,"keydown"),_event.GlobalEvent.off(q,"blur")});return q.renderVN=function(){var e=h.className,t=h.transfer,n=h.disabled,i=h.loading,o=h.filterable,l=k.inited,u=k.isActivated,r=k.visiblePanel,a=N.value,s=W.value,c=L.prefix;return(0,_vue.h)("div",{ref:A,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:q}):e:"",((e={})["size--".concat(a)]=a,e["is--visivle"]=r,e["is--disabled"]=n,e["is--filter"]=o,e["is--loading"]=i,e["is--active"]=u,e)]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},L.default?L.default({}):[]),(0,_vue.h)(_input.default,{ref:I,clearable:h.clearable,placeholder:h.placeholder,readonly:!0,disabled:n,type:"text",prefixIcon:h.prefixIcon,suffixIcon:i?_conf.default.icon.SELECT_LOADED:r?_conf.default.icon.SELECT_OPEN:_conf.default.icon.SELECT_CLOSE,modelValue:s,onClear:f,onClick:V,onFocus:d,onBlur:_,onSuffixClick:V},c?{prefix:function(){return c({})}}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!t||!l},[(0,_vue.h)("div",{ref:w,class:["vxe-table--ignore-clear vxe-select--panel",((s={})["size--".concat(a)]=a,s["is--transfer"]=t,s["animat--leave"]=!i&&k.animatVisible,s["animat--enter"]=!i&&r,s)],placement:k.panelPlacement,style:k.panelStyle},l?[o?(0,_vue.h)("div",{class:"vxe-select-filter--wrapper"},[(0,_vue.h)(_input.default,{ref:C,class:"vxe-select-filter--input",modelValue:k.searchValue,clearable:!0,placeholder:_conf.default.i18n("vxe.select.search"),prefixIcon:_conf.default.icon.INPUT_SEARCH,"onUpdate:modelValue":b,onFocus:E,onKeydown:O,onChange:ne,onSearch:ne})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{ref:K,class:"vxe-select-option--wrapper"},function(){var e=k.visibleGroupList,t=k.visibleOptionList,n=k.searchLoading,i=Y.value;if(n)return[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",_conf.default.icon.SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},_conf.default.i18n("vxe.select.loadingText"))])];if(i){if(e.length)return oe()}else if(t.length)return ie(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},h.emptyText||_conf.default.i18n("vxe.select.emptyText"))]}())]:[])])])},(0,_vue.provide)("$xeselect",q),q},render:function(){return this.renderVN()}});exports.default=_default2;