vxe-pc-ui 4.6.23 → 4.6.25

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")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_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 _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click","scroll","visible-change"],setup(S,e){const{slots:y,emit:i}=e,f=(0,_vue.inject)("$xeModal",null),x=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),t=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const b=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),V=(0,_vue.ref)(),L=(0,_vue.ref)(),O=(0,_vue.ref)(),Y=(0,_ui.useSize)(S)["computeSize"],I=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),C={synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},H={refElem:b},P={xID:l,props:S,context:e,reactData:I,internalData:C,getRefMaps:()=>H},B=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!t&&t.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!t&&t.props.disabled:e}),M=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(D||f||x||t)return!0}return e}),j=(0,_vue.computed)(()=>{var e=S["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),q=(0,_vue.computed)(()=>Object.assign({},S.defaultConfig)),o=(0,_vue.computed)(()=>Object.assign({},S.optionProps)),s=(0,_vue.computed)(()=>Object.assign({},S.optionGroupProps)),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),N=(0,_vue.computed)(()=>{return o.value.value||"value"}),K=(0,_vue.computed)(()=>{return s.value.label||"label"}),z=(0,_vue.computed)(()=>{return s.value.options||"options"}),G=(0,_vue.computed)(()=>{var{modelValue:e,multiple:l,max:t}=S;return!(!l||!t)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(t)}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,S.virtualYConfig||S.scrollY)),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,S.remoteConfig)),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,S.optionConfig)),X=(0,_vue.computed)(()=>_xeUtils.default.toNumber(S.multiCharOverflow)),Z=(0,_vue.computed)(()=>{const{modelValue:e,remote:l,multiple:t}=S;var i,a=I["reactFlag"];const o=X.value;return _xeUtils.default.eqNull(e)?"":(i=_xeUtils.default.isArray(e)?e:[e],(l&&a?i.map(e=>ee(e)):i.map(e=>{e=le(e);return t&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),J=(e,l)=>e&&(_xeUtils.default.isString(e)&&(e=y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(l)):[],r=(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$select:P},l))},Q=e=>{i("update:modelValue",e)},_=()=>{return W.value.keyField||S.optionId||"_X_OPTION_KEY"},w=e=>{e=e[_()];return e?encodeURIComponent(e):""},ee=e=>{var{remoteValMaps:l,optFullValMaps:t}=C,i=c.value,l=l[e]||t[e],t=l?l.item:null;return _xeUtils.default.toValueString(t?t[i]:e)},le=e=>{var l=C["optFullValMaps"],t=c.value,l=I.reactFlag?l[e]:null;return l?l.item[t]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:l,filterable:e,filterMethod:t}=S,i=I["searchValue"],{fullData:a,optFullValMaps:o}=C,s=c.value,r=N.value,n=(""+(i||"")).toLowerCase();let u=[];return(u=e&&t?a.filter(e=>isOptionVisible(e)&&t({$select:P,group:null,option:e,searchValue:i,value:l})):e?a.filter(e=>isOptionVisible(e)&&(!n||-1<(""+e[s]).toLowerCase().indexOf(n))):a.filter(isOptionVisible)).forEach((e,l)=>{e=o[e[r]];e&&(e._index=l)}),I.afterVisibleList=u,(0,_vue.nextTick)()},te=e=>{e&&(I.currentOption=e)},ie=()=>{const t=S["placement"],i=I["panelIndex"],a=b.value,o=L.value,s=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,o,{placement:t,teleportTo:s}),l=Object.assign(e.style,{zIndex:i});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},U=()=>{var{loading:e,filterable:l,remote:t}=S,{fullData:i,hpTimeout:a}=C,o=A.value,s=R.value;e||o||(a&&(clearTimeout(a),C.hpTimeout=void 0),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,l&&(t&&s.enabled&&s.autoLoad&&!i.length?F:(g(),u))(),setTimeout(()=>{I.visiblePanel=!0,S.filterable&&(0,_vue.nextTick)(()=>{var e=E.value;e&&e.focus()});v().then(()=>m())},10),setTimeout(()=>{v().then(()=>m())},100),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),ie(),r("visible-change",{visible:!0},null))},k=()=>{I.searchValue="",I.searchLoading=!1,I.visiblePanel=!1,C.hpTimeout=setTimeout(()=>{I.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},n=(e,l)=>{Q(l),l!==S.modelValue&&(r("change",{value:l},e),t)&&a&&t.triggerItemEvent(e,a.itemConfig.field,l)},ae=(e,l)=>{C.remoteValMaps={},n(e,l),r("clear",{value:l},e)},oe=e=>{e=e.$event;ae(e,null),k()},se=(l,e)=>{var{modelValue:t,multiple:i}=S,a=C["remoteValMaps"];const o=e[N.value];var s=a[o];if(I.visiblePanel){if(s?s.item=e:a[o]={key:w(e),item:e,_index:-1},i){let e=[];s=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],a=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===a?s.concat([o]):s.filter(e=>e!==o),n(l,e)}else n(l,o),k();I.reactFlag++}},re=e=>{var l=I["visiblePanel"];A.value||l&&(l=L.value,((0,_dom.getEventTargetNode)(e,l).flag?ie:k)())},ne=e=>{var l,t,i=I["visiblePanel"];A.value||(l=b.value,t=L.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!I.isActivated&&k())},h=e=>{var l=e.disabled,e=w(e);return!l&&!Ve(e)},ue=(e,l)=>{var t=S["allowCreate"],{afterVisibleList:i,optList:a}=I,{optFullValMaps:o,optAddMaps:s}=C,r=N.value;let n=i,u=0;if(t&&a.length&&(i=a[0],s[t=w(i)])&&(u=1,n=[s[t]].concat(n)),!e)if(l)for(let e=0;e<n.length;e++){var c=n[e];if(h(c))return c}else for(let e=n.length-1;0<=e;e--){var v=n[e];if(h(v))return v}let d=0;a=e?o[e[r]]:null;if(-1<(d=a?a._index+u:d))if(l)for(let e=d+1;e<=n.length-1;e++){var p=n[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=n[e];if(h(f))return f}return null},ce=l=>{var e=S["clearable"],{visiblePanel:t,currentOption:i}=I;if(!A.value){var a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(a&&(I.isActivated=!1),t)if(s||a)k();else if(o)i&&(l.preventDefault(),l.stopPropagation(),se(l,i));else if(r||n){l.preventDefault();let e=ue(i,n);if(e=e||ue(null,n)){te(e);{t=e;s=n;const v=I["scrollYLoad"],{optFullValMaps:d,scrollYStore:p}=C,f=N.value,_=d[t[f]];if(_){const g=_.key;const h=_._index;if(h>-1){const m=V.value;const x=L.value;const b=x.querySelector(`[optid='${g}']`);if(m)if(b){const T=m.offsetHeight;const E=1;if(s){if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T;else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E}else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E;else if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T}else if(v)if(s)m.scrollTop=h*p.rowHeight-m.clientHeight+p.rowHeight;else m.scrollTop=h*p.rowHeight}}}}}else c&&l.preventDefault();else(r||n||o||c)&&I.isActivated&&(l.preventDefault(),U());I.isActivated&&u&&e&&ae(l,null)}},ve=()=>{k()},de=e=>{A.value||I.visiblePanel||(I.triggerFocusPanel=!0,U(),setTimeout(()=>{I.triggerFocusPanel=!1},500)),r("focus",{},e)},pe=e=>{me(e),r("click",{triggerButton:!1,visible:I.visiblePanel},e)},fe=e=>{I.isActivated=!1,r("blur",{},e)},_e=e=>{me(e),r("click",{triggerButton:!0,visible:I.visiblePanel},e)},ge=e=>{I.searchValue=e},he=()=>{I.isActivated=!0};const F=_xeUtils.default.debounce(()=>{var{modelValue:e,remote:l,remoteMethod:t}=S,i=I["searchValue"],a=R.value,t=a.queryMethod||t;l&&t&&a.enabled?(I.searchLoading=!0,Promise.resolve(t({$select:P,searchValue:i,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{I.searchLoading=!1,g(),u()})):(g(),u())},350,{trailing:!0}),me=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?k:U)()},xe=()=>{var{scrollYLoad:e,afterVisibleList:l}=I,t=C["scrollYStore"];I.bodyHeight=e?l.length*t.rowHeight:0,I.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},be=()=>{var{filterable:e,allowCreate:l}=S;const{scrollYLoad:t,afterVisibleList:i,searchValue:a}=I;var{optAddMaps:o,scrollYStore:s}=C;const r=c.value;var n=N.value,s=t?i.slice(s.startIndex,s.endIndex):i.slice(0);return e&&l&&a&&(s.some(e=>e[r]===a)||(e=o[a]||(0,_vue.reactive)({[_()]:a,[r]:a,[n]:a}),o[a]=e,s.unshift(e))),I.optList=s,(0,_vue.nextTick)()},u=()=>{be(),xe()},Te=()=>(0,_vue.nextTick)().then(()=>{var e=I["scrollYLoad"],l=C["scrollYStore"],t=O.value,i=$.value;let a=0,o;(o=t?(o=i.sItem?t.querySelector(i.sItem):o)||t.children[0]:o)&&(a=o.offsetHeight),a=Math.max(20,a),l.rowHeight=a,(e?(t=V.value,e=Math.max(8,t?Math.ceil(t.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(i.oSize))),l.offsetSize=t,l.visibleSize=e,l.endIndex=Math.max(l.startIndex,e+t,l.endIndex),u):xe)()}),Ee=(e,l)=>{var t=V.value;return t&&(_xeUtils.default.isNumber(e)&&(t.scrollLeft=e),_xeUtils.default.isNumber(l))&&(t.scrollTop=l),I.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:l}=C;return p().then(()=>{if(e||l)return C.lastScrollLeft=0,C.lastScrollTop=0,Ee(e,l)})},v=()=>{var e=b.value;return e&&e.clientWidth&&e.clientHeight?Te():Promise.resolve()},Se=e=>{var l=C["scrollYStore"],{startIndex:t,endIndex:i,visibleSize:a,offsetSize:o,rowHeight:s}=l,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+a+o;!(e<=t||i-a-1<=e)||t===s&&i===o||(l.startIndex=s,l.endIndex=o,u())},ye=e=>{var l=e.target,t=l.scrollTop,l=l.scrollLeft,i=l!==C.lastScrollLeft,a=t!==C.lastScrollTop;C.lastScrollTop=t,C.lastScrollLeft=l,I.scrollYLoad&&Se(e),C.lastScrollTime=Date.now(),r("scroll",{scrollLeft:l,scrollTop:t,isX:i,isY:a},e)},d=e=>{{var l=e||[];const r=z.value,n=N.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let l=w(e);l||(l=getOptUniqueId(),e[u]=l),v[e[n]]={key:l,item:e,_index:-1}};l.forEach(e=>{p(e),e[r]&&(c[e[u]]=e)[r].forEach(p)}),C.fullData=d,C.optGroupKeyMaps=c,C.optFullValMaps=v,I.reactFlag++,g()}var{isLoaded:l,fullData:t,scrollYStore:i}=C,a=q.value,o=$.value;const s=N.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),C.synchData=e||[],I.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=t.length),be(),!l){i=a["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(S.modelValue)){if("first"===i||"last"===i){const f=_xeUtils.default[i](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(S.modelValue)&&Q(f[s])})}C.isLoaded=!0}}return Te().then(()=>{m()})},p=()=>{var e=V.value;return e&&(e.scrollTop=0,e.scrollLeft=0),C.lastScrollTop=0,(C.lastScrollLeft=0,_vue.nextTick)()},Ve=e=>{var l=C["optGroupKeyMaps"];return!!l[e]};l={dispatchEvent:r,loadData:d,reloadData(e){return C.isLoaded=!1,p(),d(e)},isPanelVisible(){return I.visiblePanel},togglePanel(){return(I.visiblePanel?k:U)(),(0,_vue.nextTick)()},hidePanel(){return I.visiblePanel&&k(),(0,_vue.nextTick)()},showPanel(){return I.visiblePanel||U(),(0,_vue.nextTick)()},refreshOption(){return g(),u(),(0,_vue.nextTick)()},focus(){var e=T.value;return I.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(I.isActivated=!1,_vue.nextTick)()},recalculate:v,clearScroll:p};Object.assign(P,l);const Le=(e,d)=>{const{allowCreate:p,optionKey:f,modelValue:_}=S,g=I["currentOption"],h=C["optAddMaps"];var l=W.value;const m=c.value,x=N.value,b=K.value,T=l["useKey"],E=y.option;return e.map((l,e)=>{var{slots:t,className:i}=l,a=w(l),o=l[x];const s=Ve(a);var r=!(!p||!h[a]),o=!r&&(_xeUtils.default.isArray(_)?-1<_.indexOf(o):_===o),n=r||!s||isOptionVisible(l);const u=!(r||(v=o,c=d,!l.disabled&&(!c||!c.disabled)&&(!G.value||v)));var c=t?t.default:null,v={option:l,group:null,$select:P},t=E?J(E,v):c?J(c,v):(0,_utils.getFuncText)(l[s?b:m]);return n?(0,_vue.h)("div",{key:T||f?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(v):i:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":r,"is--hover":g&&w(g)===a}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||se(e,l)},onMouseenter:()=>{var e;u||s||(e=C.lastScrollTime)&&Date.now()<e+250||te(l)}},p?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},t),r?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(P)]:t):(0,_ui.renderEmptyElement)(P)})};return(0,_vue.watch)(()=>I.staticOptions,e=>{d(e)}),(0,_vue.watch)(()=>S.options,e=>{d(e||[])}),(0,_vue.watch)(()=>S.optionGroups,e=>{d(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:l}=S;l?d(l):e&&d(e)}),_ui.globalEvents.on(P,"mousewheel",re),_ui.globalEvents.on(P,"mousedown",ne),_ui.globalEvents.on(P,"keydown",ce),_ui.globalEvents.on(P,"blur",ve)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(P,"mousewheel"),_ui.globalEvents.off(P,"mousedown"),_ui.globalEvents.off(P,"keydown"),_ui.globalEvents.off(P,"blur")}),(0,_vue.provide)("$xeSelect",P),P.renderVN=()=>{var{className:e,popupClassName:l,loading:t,filterable:i}=S,{initialized:a,isActivated:o,isAniVisible:s,visiblePanel:r,bodyHeight:n,topSpaceHeight:u}=I,c=Y.value,v=A.value,d=Z.value,p=M.value,f=B.value,_=j.value,g=y.default,h=y.header,m=y.footer;const x=y.prefix;return f?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},d)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:P}):e:"",{["size--"+c]:c,"is--visible":r,"is--disabled":v,"is--filter":i,"is--loading":t,"is--active":o}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)(_input.default,{ref:T,clearable:S.clearable,placeholder:_,readonly:!0,disabled:v,type:"text",prefixIcon:S.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().SELECT_LOADED:r?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,modelValue:d,onClear:oe,onClick:pe,onFocus:de,onBlur:fe,onSuffixClick:_e},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:L,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:P}):l:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":!t&&s,"ani--enter":!t&&r}],placement:I.panelPlacement,style:I.panelStyle},a&&(r||s)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:E,class:"vxe-select-search--input",modelValue:I.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ge,onFocus:he,onChange:F,onSearch:F})]):(0,_ui.renderEmptyElement)(P),h?(0,_vue.h)("div",{class:"vxe-select--panel-header"},h({})):(0,_ui.renderEmptyElement)(P),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-select-option--wrapper",onScroll:ye},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:n?n+"px":""}}),(0,_vue.h)("div",{ref:O,class:"vxe-select--body",style:{marginTop:u?u+"px":""}},(()=>{var{optList:e,searchLoading:l}=I;return l?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Le(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},S.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),m?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},m({})):(0,_ui.renderEmptyElement)(P)])]:[])])])},P},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_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 _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,clearable:Boolean,placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,remoteConfig:Object,emptyText:String,transfer:{type:Boolean,default:null},virtualYConfig:Object,scrollY:Object,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click","scroll","visible-change"],setup(S,e){const{slots:y,emit:i}=e,f=(0,_vue.inject)("$xeModal",null),x=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),t=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const b=(0,_vue.ref)(),T=(0,_vue.ref)(),E=(0,_vue.ref)(),V=(0,_vue.ref)(),L=(0,_vue.ref)(),O=(0,_vue.ref)(),Y=(0,_ui.useSize)(S)["computeSize"],I=(0,_vue.reactive)({initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],afterVisibleList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),C={synchData:[],fullData:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0},H={refElem:b},P={xID:l,props:S,context:e,reactData:I,internalData:C,getRefMaps:()=>H},B=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!t&&t.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!t&&t.props.disabled:e}),M=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(D||f||x||t)return!0}return e}),j=(0,_vue.computed)(()=>{var e=S["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),q=(0,_vue.computed)(()=>Object.assign({},S.defaultConfig)),o=(0,_vue.computed)(()=>Object.assign({},S.optionProps)),s=(0,_vue.computed)(()=>Object.assign({},S.optionGroupProps)),c=(0,_vue.computed)(()=>{return o.value.label||"label"}),N=(0,_vue.computed)(()=>{return o.value.value||"value"}),K=(0,_vue.computed)(()=>{return s.value.label||"label"}),z=(0,_vue.computed)(()=>{return s.value.options||"options"}),G=(0,_vue.computed)(()=>{var{modelValue:e,multiple:l,max:t}=S;return!(!l||!t)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(t)}),$=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,S.virtualYConfig||S.scrollY)),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,S.remoteConfig)),W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,S.optionConfig)),X=(0,_vue.computed)(()=>_xeUtils.default.toNumber(S.multiCharOverflow)),Z=(0,_vue.computed)(()=>{const{modelValue:e,remote:l,multiple:t}=S;var i,a=I["reactFlag"];const o=X.value;return _xeUtils.default.eqNull(e)?"":(i=_xeUtils.default.isArray(e)?e:[e],(l&&a?i.map(e=>ee(e)):i.map(e=>{e=le(e);return t&&0<o&&e.length>o?e.substring(0,o)+"...":e})).join(", "))}),J=(e,l)=>e&&(_xeUtils.default.isString(e)&&(e=y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(l)):[],r=(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$select:P},l))},Q=e=>{i("update:modelValue",e)},_=()=>{return W.value.keyField||S.optionId||"_X_OPTION_KEY"},w=e=>{e=e[_()];return e?encodeURIComponent(e):""},ee=e=>{var{remoteValMaps:l,optFullValMaps:t}=C,i=c.value,l=l[e]||t[e],t=l?l.item:null;return _xeUtils.default.toValueString(t?t[i]:e)},le=e=>{var l=C["optFullValMaps"],t=c.value,l=I.reactFlag?l[e]:null;return l?l.item[t]:_xeUtils.default.toValueString(e)},g=()=>{const{modelValue:l,filterable:e,filterMethod:t}=S,i=I["searchValue"],{fullData:a,optFullValMaps:o}=C,s=c.value,r=N.value,n=(""+(i||"")).toLowerCase();let u=[];return(u=e&&t?a.filter(e=>isOptionVisible(e)&&t({$select:P,group:null,option:e,searchValue:i,value:l})):e?a.filter(e=>isOptionVisible(e)&&(!n||-1<(""+e[s]).toLowerCase().indexOf(n))):a.filter(isOptionVisible)).forEach((e,l)=>{e=o[e[r]];e&&(e._index=l)}),I.afterVisibleList=u,(0,_vue.nextTick)()},te=e=>{e&&(I.currentOption=e)},ie=()=>{const t=S["placement"],i=I["panelIndex"],a=b.value,o=L.value,s=M.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,o,{placement:t,teleportTo:s}),l=Object.assign(e.style,{zIndex:i});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},U=()=>{var{loading:e,filterable:l,remote:t}=S,{fullData:i,hpTimeout:a}=C,o=A.value,s=R.value;e||o||(a&&(clearTimeout(a),C.hpTimeout=void 0),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,l&&(t&&s.enabled&&s.autoLoad&&!i.length?F:(g(),u))(),setTimeout(()=>{I.visiblePanel=!0,S.filterable&&(0,_vue.nextTick)(()=>{var e=E.value;e&&e.focus()});v().then(()=>m())},10),setTimeout(()=>{v().then(()=>m())},100),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),ie(),r("visible-change",{visible:!0},null))},k=()=>{I.searchValue="",I.searchLoading=!1,I.visiblePanel=!1,C.hpTimeout=setTimeout(()=>{I.isAniVisible=!1},350),r("visible-change",{visible:!1},null)},n=(e,l)=>{Q(l),l!==S.modelValue&&(r("change",{value:l},e),t)&&a&&t.triggerItemEvent(e,a.itemConfig.field,l)},ae=(e,l)=>{C.remoteValMaps={},n(e,l),r("clear",{value:l},e)},oe=e=>{e=e.$event;ae(e,null),k()},se=(l,e)=>{var{modelValue:t,multiple:i}=S,a=C["remoteValMaps"];const o=e[N.value];var s=a[o];if(I.visiblePanel){if(s?s.item=e:a[o]={key:w(e),item:e,_index:-1},i){let e=[];s=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],a=_xeUtils.default.findIndexOf(s,e=>e===o);e=-1===a?s.concat([o]):s.filter(e=>e!==o),n(l,e)}else n(l,o),k();I.reactFlag++}},re=e=>{var l=I["visiblePanel"];A.value||l&&(l=L.value,((0,_dom.getEventTargetNode)(e,l).flag?ie:k)())},ne=e=>{var l,t,i=I["visiblePanel"];A.value||(l=b.value,t=L.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!I.isActivated&&k())},h=e=>{var l=e.disabled,e=w(e);return!l&&!Ve(e)},ue=(e,l)=>{var t=S["allowCreate"],{afterVisibleList:i,optList:a}=I,{optFullValMaps:o,optAddMaps:s}=C,r=N.value;let n=i,u=0;if(t&&a.length&&(i=a[0],s[t=w(i)])&&(u=1,n=[s[t]].concat(n)),!e)if(l)for(let e=0;e<n.length;e++){var c=n[e];if(h(c))return c}else for(let e=n.length-1;0<=e;e--){var v=n[e];if(h(v))return v}let d=0;a=e?o[e[r]]:null;if(-1<(d=a?a._index+u:d))if(l)for(let e=d+1;e<=n.length-1;e++){var p=n[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=n[e];if(h(f))return f}return null},ce=l=>{var e=S["clearable"],{visiblePanel:t,currentOption:i}=I;if(!A.value){var a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),o=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),c=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(a&&(I.isActivated=!1),t)if(s||a)k();else if(o)i&&(l.preventDefault(),l.stopPropagation(),se(l,i));else if(r||n){l.preventDefault();let e=ue(i,n);if(e=e||ue(null,n)){te(e);{t=e;s=n;const v=I["scrollYLoad"],{optFullValMaps:d,scrollYStore:p}=C,f=N.value,_=d[t[f]];if(_){const g=_.key;const h=_._index;if(h>-1){const m=V.value;const x=L.value;const b=x.querySelector(`[optid='${g}']`);if(m)if(b){const T=m.offsetHeight;const E=1;if(s){if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T;else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E}else if(b.offsetTop+E<m.scrollTop||b.offsetTop+E>m.scrollTop+m.clientHeight)m.scrollTop=b.offsetTop-E;else if(b.offsetTop+b.offsetHeight-m.scrollTop>T)m.scrollTop=b.offsetTop+b.offsetHeight-T}else if(v)if(s)m.scrollTop=h*p.rowHeight-m.clientHeight+p.rowHeight;else m.scrollTop=h*p.rowHeight}}}}}else c&&l.preventDefault();else(r||n||o||c)&&I.isActivated&&(l.preventDefault(),U());I.isActivated&&u&&e&&ae(l,null)}},ve=()=>{k()},de=e=>{A.value||I.visiblePanel||(I.triggerFocusPanel=!0,U(),setTimeout(()=>{I.triggerFocusPanel=!1},500)),r("focus",{},e)},pe=e=>{me(e),r("click",{triggerButton:!1,visible:I.visiblePanel},e)},fe=e=>{I.isActivated=!1,r("blur",{},e)},_e=e=>{me(e),r("click",{triggerButton:!0,visible:I.visiblePanel},e)},ge=e=>{I.searchValue=e},he=()=>{I.isActivated=!0};const F=_xeUtils.default.debounce(()=>{var{modelValue:e,remote:l,remoteMethod:t}=S,i=I["searchValue"],a=R.value,t=a.queryMethod||t;l&&t&&a.enabled?(I.searchLoading=!0,Promise.resolve(t({$select:P,searchValue:i,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{I.searchLoading=!1,g(),u()})):(g(),u())},350,{trailing:!0}),me=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?k:U)()},xe=()=>{var{scrollYLoad:e,afterVisibleList:l}=I,t=C["scrollYStore"];I.bodyHeight=e?l.length*t.rowHeight:0,I.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},be=()=>{var{filterable:e,allowCreate:l}=S;const{scrollYLoad:t,afterVisibleList:i,searchValue:a}=I;var{optAddMaps:o,scrollYStore:s}=C;const r=c.value;var n=N.value,s=t?i.slice(s.startIndex,s.endIndex):i.slice(0);return e&&l&&a&&(s.some(e=>e[r]===a)||(e=o[a]||(0,_vue.reactive)({[_()]:a,[r]:a,[n]:a}),o[a]=e,s.unshift(e))),I.optList=s,(0,_vue.nextTick)()},u=()=>{be(),xe()},Te=()=>(0,_vue.nextTick)().then(()=>{var e=I["scrollYLoad"],l=C["scrollYStore"],t=O.value,i=$.value;let a=0,o;(o=t?(o=i.sItem?t.querySelector(i.sItem):o)||t.children[0]:o)&&(a=o.offsetHeight),a=Math.max(20,a),l.rowHeight=a,(e?(t=V.value,e=Math.max(8,t?Math.ceil(t.clientHeight/a):0),t=Math.max(0,Math.min(2,_xeUtils.default.toNumber(i.oSize))),l.offsetSize=t,l.visibleSize=e,l.endIndex=Math.max(l.startIndex,e+t,l.endIndex),u):xe)()}),Ee=(e,l)=>{var t=V.value;return t&&(_xeUtils.default.isNumber(e)&&(t.scrollLeft=e),_xeUtils.default.isNumber(l))&&(t.scrollTop=l),I.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},m=()=>{const{lastScrollLeft:e,lastScrollTop:l}=C;return p().then(()=>{if(e||l)return C.lastScrollLeft=0,C.lastScrollTop=0,Ee(e,l)})},v=()=>{var e=b.value;return e&&e.clientWidth&&e.clientHeight?Te():Promise.resolve()},Se=e=>{var l=C["scrollYStore"],{startIndex:t,endIndex:i,visibleSize:a,offsetSize:o,rowHeight:s}=l,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-o),o=e+a+o;!(e<=t||i-a-1<=e)||t===s&&i===o||(l.startIndex=s,l.endIndex=o,u())},ye=e=>{var l=e.target,t=l.scrollTop,l=l.scrollLeft,i=l!==C.lastScrollLeft,a=t!==C.lastScrollTop;C.lastScrollTop=t,C.lastScrollLeft=l,I.scrollYLoad&&Se(e),C.lastScrollTime=Date.now(),r("scroll",{scrollLeft:l,scrollTop:t,isX:i,isY:a},e)},d=e=>{{var l=e||[];const r=z.value,n=N.value,u=_(),c={},v={},d=[],p=e=>{d.push(e);let l=w(e);l||(l=getOptUniqueId(),e[u]=l),v[e[n]]={key:l,item:e,_index:-1}};l.forEach(e=>{p(e),e[r]&&(c[e[u]]=e)[r].forEach(p)}),C.fullData=d,C.optGroupKeyMaps=c,C.optFullValMaps=v,I.reactFlag++,g()}var{isLoaded:l,fullData:t,scrollYStore:i}=C,a=q.value,o=$.value;const s=N.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),C.synchData=e||[],I.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=t.length),be(),!l){i=a["selectMode"];if(0<e.length&&_xeUtils.default.eqNull(S.modelValue)){if("first"===i||"last"===i){const f=_xeUtils.default[i](e);f&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(S.modelValue)&&Q(f[s])})}C.isLoaded=!0}}return Te().then(()=>{m()})},p=()=>{var e=V.value;return e&&(e.scrollTop=0,e.scrollLeft=0),C.lastScrollTop=0,(C.lastScrollLeft=0,_vue.nextTick)()},Ve=e=>{var l=C["optGroupKeyMaps"];return!!l[e]};l={dispatchEvent:r,loadData:d,reloadData(e){return C.isLoaded=!1,p(),d(e)},isPanelVisible(){return I.visiblePanel},togglePanel(){return(I.visiblePanel?k:U)(),(0,_vue.nextTick)()},hidePanel(){return I.visiblePanel&&k(),(0,_vue.nextTick)()},showPanel(){return I.visiblePanel||U(),(0,_vue.nextTick)()},refreshOption(){return g(),u(),(0,_vue.nextTick)()},focus(){var e=T.value;return I.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(I.isActivated=!1,_vue.nextTick)()},recalculate:v,clearScroll:p};Object.assign(P,l);const Le=(e,d)=>{const{allowCreate:p,optionKey:f,modelValue:_}=S,g=I["currentOption"],h=C["optAddMaps"];var l=W.value;const m=c.value,x=N.value,b=K.value,T=l["useKey"],E=y.option;return e.map((l,e)=>{var{slots:t,className:i}=l,a=w(l),o=l[x];const s=Ve(a);var r=!(!p||!h[a]),o=!r&&(_xeUtils.default.isArray(_)?-1<_.indexOf(o):_===o),n=r||!s||isOptionVisible(l);const u=!(r||(v=o,c=d,!l.disabled&&(!c||!c.disabled)&&(!G.value||v)));var c=t?t.default:null,v={option:l,group:null,$select:P},t=E?J(E,v):c?J(c,v):(0,_utils.getFuncText)(l[s?b:m]);return n?(0,_vue.h)("div",{key:T||f?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(v):i:"",{"vxe-select-optgroup":s,"is--disabled":u,"is--selected":o,"is--add":r,"is--hover":g&&w(g)===a}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||s||se(e,l)},onMouseenter:()=>{var e;u||s||(e=C.lastScrollTime)&&Date.now()<e+250||te(l)}},p?[(0,_vue.h)("span",{key:1,class:"vxe-select-option--label"},t),r?(0,_vue.h)("span",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().ADD_OPTION})]):(0,_ui.renderEmptyElement)(P)]:t):(0,_ui.renderEmptyElement)(P)})};return(0,_vue.watch)(()=>I.staticOptions,e=>{d(e)}),(0,_vue.watch)(()=>S.options,e=>{d(e||[])}),(0,_vue.watch)(()=>S.optionGroups,e=>{d(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:l}=S;l?d(l):e&&d(e)}),_ui.globalEvents.on(P,"mousewheel",re),_ui.globalEvents.on(P,"mousedown",ne),_ui.globalEvents.on(P,"keydown",ce),_ui.globalEvents.on(P,"blur",ve)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(P,"mousewheel"),_ui.globalEvents.off(P,"mousedown"),_ui.globalEvents.off(P,"keydown"),_ui.globalEvents.off(P,"blur")}),(0,_vue.provide)("$xeSelect",P),P.renderVN=()=>{var{className:e,popupClassName:l,loading:t,filterable:i}=S,{initialized:a,isActivated:o,isAniVisible:s,visiblePanel:r,bodyHeight:n,topSpaceHeight:u}=I,c=Y.value,v=A.value,d=Z.value,p=M.value,f=B.value,_=j.value,g=y.default,h=y.header,m=y.footer;const x=y.prefix;return f?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},d)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:P}):e:"",{["size--"+c]:c,"is--visible":r,"is--disabled":v,"is--filter":i,"is--loading":t,"is--active":o}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},g?g({}):[]),(0,_vue.h)(_input.default,{ref:T,clearable:S.clearable,placeholder:_,readonly:!0,disabled:v,type:"text",prefixIcon:S.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().SELECT_LOADED:r?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,modelValue:d,onClear:oe,onClick:pe,onFocus:de,onBlur:fe,onSuffixClick:_e},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:L,class:["vxe-table--ignore-clear vxe-select--panel",l?_xeUtils.default.isFunction(l)?l({$select:P}):l:"",{["size--"+c]:c,"is--transfer":p,"ani--leave":!t&&s,"ani--enter":!t&&r}],placement:I.panelPlacement,style:I.panelStyle},a&&(r||s)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:E,class:"vxe-select-search--input",modelValue:I.searchValue,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ge,onFocus:he,onChange:F,onSearch:F})]):(0,_ui.renderEmptyElement)(P),h?(0,_vue.h)("div",{class:"vxe-select--panel-header"},h({})):(0,_ui.renderEmptyElement)(P),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:V,class:"vxe-select-option--wrapper",onScroll:ye},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:n?n+"px":""}}),(0,_vue.h)("div",{ref:O,class:"vxe-select--body",style:{marginTop:u?u+"px":""}},(()=>{var{optList:e,searchLoading:l}=I;return l?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Le(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},S.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),m?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},m({})):(0,_ui.renderEmptyElement)(P)])]:[])])])},P},render(){return this.renderVN()}});

package/lib/slider/src/slider.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSlider',
   props: {
     modelValue: [String, Number, Array],

package/lib/slider/src/slider.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")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSlider",props:{modelValue:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.max},min:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.min},step:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.step},size:{type:String,default:()=>(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size},range:{type:Boolean,default:()=>(0,_ui.getConfig)().slider.range},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},emits:["update:modelValue","change"],setup(a,e){const r=e["emit"],i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const o=(0,_ui.useSize)(a)["computeSize"],s=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_vue.ref)(),f=(0,_vue.ref)(),_=(0,_vue.ref)(),m=(0,_vue.reactive)({startValue:0,endValue:0}),l={refElem:s},p=(0,_vue.computed)(()=>{var e=a["readonly"];return null===e?!!i&&i.props.readonly:e}),c=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!i&&i.props.disabled:e}),x=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.max||0)),g=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.min||0)),u={},b={xID:t,props:a,context:e,reactData:m,getRefMaps:()=>l,getComputeMaps:()=>u},y=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$slider:b},t))};t={dispatchEvent:y};const V=e=>{var t=a["range"],l=x.value,u=g.value;return t?_xeUtils.default.floor((e-u)/_xeUtils.default.toNumber(l-u)*100):0},U=(e,t)=>{var l=a["range"],u=x.value,r=g.value;return _xeUtils.default.floor((t-(l?e:0)-r)/_xeUtils.default.toNumber(u-r)*100)},h=()=>{var e,t,l=a["modelValue"];_xeUtils.default.isArray(l)?([e,t]=_xeUtils.default.clone(l,!0).sort(),m.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),m.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(m.startValue=0,m.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(l||0)))},N=()=>{var{startValue:e,endValue:t}=m,l=v.value,u=f.value,r=_.value;let a=0,i=0;i=t<e?(a=V(t),U(t,e)):(a=V(e),U(e,t)),l&&(l.style.left=a+"%",l.style.width=i+"%"),u&&(u.style.left=a+"%"),r&&(r.style.left=_xeUtils.default.floor(a+i)+"%")},M=e=>{var t=a["range"],{startValue:l,endValue:u}=m,t=t?[l,u].sort():u;l=t,r("update:modelValue",l),y("change",{value:t},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},C=(e,u)=>{var t=p.value,l=c.value;const r=x.value,a=g.value;t||l||(e.preventDefault(),document.onmousemove=e=>{e.preventDefault();var t=s.value,l=d.value;t&&l&&(t=l.getBoundingClientRect(),l=(e.clientX-t.left)/t.width,u?m.endValue=_xeUtils.default.floor(Math.max(a,Math.min(r,l*(r-a)+a))):m.startValue=_xeUtils.default.floor(Math.max(a,Math.min(r,l*(r-a))))),N()},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,M(e),N()})},E=e=>{var t=_.value,l=e.currentTarget;C(e,!!t&&t.offsetLeft<l.offsetLeft)},S=e=>{var t=f.value,l=e.currentTarget;C(e,!t||l.offsetLeft>t.offsetLeft)};Object.assign(b,t,{});return(0,_vue.watch)(()=>a.modelValue,()=>{h()}),(0,_vue.onMounted)(()=>{N()}),h(),b.renderVN=()=>{var{vertical:e,range:t}=a,l=o.value,u=p.value,r=c.value;return(0,_vue.h)("div",{ref:s,class:["vxe-slider",{["size--"+l]:l,"is--vertical":e,"is--readonly":u,"is--disabled":r}]},[(0,_vue.h)("div",{class:"vxe-slider--inner"},[(0,_vue.h)("div",{ref:d,class:"vxe-slider--bar-wrapper"}),(0,_vue.h)("div",{ref:v,class:"vxe-slider--bar-track"}),u||!t?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:f,class:"vxe-slider--bar-btn vxe-slider--start-btn",onMousedown:E}),u?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:_,class:"vxe-slider--bar-btn vxe-slider--end-btn",onMousedown:S})])])},b},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",props:{modelValue:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.max},min:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.min},step:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.step},size:{type:String,default:()=>(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size},range:{type:Boolean,default:()=>(0,_ui.getConfig)().slider.range},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},emits:["update:modelValue","change"],setup(a,e){const r=e["emit"],i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const o=(0,_ui.useSize)(a)["computeSize"],s=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_vue.ref)(),f=(0,_vue.ref)(),_=(0,_vue.ref)(),m=(0,_vue.reactive)({startValue:0,endValue:0}),l={refElem:s},p=(0,_vue.computed)(()=>{var e=a["readonly"];return null===e?!!i&&i.props.readonly:e}),c=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!i&&i.props.disabled:e}),x=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.max||0)),g=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.min||0)),u={},b={xID:t,props:a,context:e,reactData:m,getRefMaps:()=>l,getComputeMaps:()=>u},V=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$slider:b},t))};t={dispatchEvent:V};const y=e=>{var t=a["range"],l=x.value,u=g.value;return t?_xeUtils.default.floor((e-u)/_xeUtils.default.toNumber(l-u)*100):0},U=(e,t)=>{var l=a["range"],u=x.value,r=g.value;return _xeUtils.default.floor((t-(l?e:0)-r)/_xeUtils.default.toNumber(u-r)*100)},h=()=>{var e,t,l=a["modelValue"];_xeUtils.default.isArray(l)?([e,t]=_xeUtils.default.clone(l,!0).sort(),m.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),m.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(m.startValue=0,m.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(l||0)))},N=()=>{var{startValue:e,endValue:t}=m,l=v.value,u=f.value,r=_.value;let a=0,i=0;i=t<e?(a=y(t),U(t,e)):(a=y(e),U(e,t)),l&&(l.style.left=a+"%",l.style.width=i+"%"),u&&(u.style.left=a+"%"),r&&(r.style.left=_xeUtils.default.floor(a+i)+"%")},M=e=>{var t=a["range"],{startValue:l,endValue:u}=m,t=t?[l,u].sort():u;l=t,r("update:modelValue",l),V("change",{value:t},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},C=(e,u)=>{var t=p.value,l=c.value;const r=x.value,a=g.value;t||l||(e.preventDefault(),document.onmousemove=e=>{e.preventDefault();var t=s.value,l=d.value;t&&l&&(t=l.getBoundingClientRect(),l=(e.clientX-t.left)/t.width,u?m.endValue=_xeUtils.default.floor(Math.max(a,Math.min(r,l*(r-a)+a))):m.startValue=_xeUtils.default.floor(Math.max(a,Math.min(r,l*(r-a))))),N()},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,M(e),N()})},E=e=>{var t=_.value,l=e.currentTarget;C(e,!!t&&t.offsetLeft<l.offsetLeft)},S=e=>{var t=f.value,l=e.currentTarget;C(e,!t||l.offsetLeft>t.offsetLeft)};Object.assign(b,t,{});return(0,_vue.watch)(()=>a.modelValue,()=>{h()}),(0,_vue.onMounted)(()=>{N()}),h(),b.renderVN=()=>{var{vertical:e,range:t}=a,l=o.value,u=p.value,r=c.value;return(0,_vue.h)("div",{ref:s,class:["vxe-slider",{["size--"+l]:l,"is--vertical":e,"is--readonly":u,"is--disabled":r}]},[(0,_vue.h)("div",{class:"vxe-slider--inner"},[(0,_vue.h)("div",{ref:d,class:"vxe-slider--bar-wrapper"}),(0,_vue.h)("div",{ref:v,class:"vxe-slider--bar-track"}),u||!t?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:f,class:"vxe-slider--bar-btn vxe-slider--start-btn",onMousedown:E}),u?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:_,class:"vxe-slider--bar-btn vxe-slider--end-btn",onMousedown:S})])])},b},render(){return this.renderVN()}});

package/lib/split/src/split-pane.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _util = require("./util");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSplitPane',
   props: {
     name: [Number, String],

package/lib/split/src/split-pane.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplitPane",props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:n,slots:i}=t;var r=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplit",null),a=(0,_vue.ref)(),h=(0,_vue.reactive)({id:r,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var d=(0,_vue.reactive)({});const l={},o={refElem:a},s={xID:r,props:e,context:t,reactData:d,internalData:{},getRefMaps:()=>o,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$splitPane:s},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{h.name=e}),(0,_vue.watch)(()=>e.width,e=>{h.width=e}),(0,_vue.watch)(()=>e.height,e=>{h.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{h.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{h.minHeight=e}),(0,_vue.watch)(()=>e.showAction,e=>{h.showAction=e}),(0,_vue.onMounted)(()=>{var e=a.value;u&&e&&(0,_util.assembleSplitItem)(u,e,h)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitItem)(u,h)}),(0,_vue.provide)("$xeSplitItem",s),s.renderVN=()=>(0,_vue.h)("div",{ref:a}),s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitPane",props:{name:[Number,String],width:[Number,String],height:[Number,String],showAction:Boolean,minWidth:{type:[Number,String],default:()=>null},minHeight:{type:[Number,String],default:()=>null}},emits:[],setup(e,t){const{emit:r,slots:i}=t;var n=_xeUtils.default.uniqueId();const u=(0,_vue.inject)("$xeSplit",null),a=(0,_vue.ref)(),h=(0,_vue.reactive)({id:n,name:e.name,width:e.width,height:e.height,minWidth:e.minWidth,minHeight:e.minHeight,showAction:e.showAction,isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0,slots:i});var o=(0,_vue.reactive)({});const s={},d={refElem:a},l={xID:n,props:e,context:t,reactData:o,internalData:{},getRefMaps:()=>d,getComputeMaps:()=>s};Object.assign(l,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$splitPane:l},t))}},{});return(0,_vue.watch)(()=>e.name,e=>{h.name=e}),(0,_vue.watch)(()=>e.width,e=>{h.width=e}),(0,_vue.watch)(()=>e.height,e=>{h.height=e}),(0,_vue.watch)(()=>e.minWidth,e=>{h.minWidth=e}),(0,_vue.watch)(()=>e.minHeight,e=>{h.minHeight=e}),(0,_vue.watch)(()=>e.showAction,e=>{h.showAction=e}),(0,_vue.onMounted)(()=>{var e=a.value;u&&e&&(0,_util.assembleSplitItem)(u,e,h)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroySplitItem)(u,h)}),(0,_vue.provide)("$xeSplitItem",l),l.renderVN=()=>(0,_vue.h)("div",{ref:a}),l},render(){return this.renderVN()}});

package/lib/split/src/split.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _vn = require("../../ui/src/vn");
 var _dom = require("../../ui/src/dom");
@@ -12,7 +13,7 @@ var _utils = require("../../ui/src/utils");
 var _log = require("../../ui/src/log");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSplit',
   props: {
     width: [Number, String],

package/lib/split/src/split.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(E,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const H=(0,_vue.ref)(),U=(0,_vue.reactive)({staticItems:[],itemList:[]}),h={wrapperWidth:0,wrapperHeight:0},W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,E.itemConfig)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,E.barConfig)),a=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,E.actionConfig)),I=(0,_vue.computed)(()=>{return"next"===a.value.direction}),n=(0,_vue.computed)(()=>U.itemList.filter(e=>e.isVisible)),o=(0,_vue.computed)(()=>{var e=E["vertical"];const n=[];let a=0,o=0;return U.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:s,isVisible:r,height:l}=e,r=r?s||i||t:0;l||n.push(e),a+=r}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:s,isVisible:r,width:l}=e,r=r?s||i||t:0;l||n.push(e),o+=r}),{autoItems:n,heightCount:a,heightRatio:a/100,widthCount:o,widthRatio:o/100}}),d=(0,_vue.computed)(()=>{var{width:e,height:t}=r.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:W,computeBarOpts:r,computeActionOpts:a,computeIsFoldNext:I},u={refElem:H},w={xID:t,props:E,context:e,reactData:U,internalData:h,getRefMaps:()=>u,getComputeMaps:()=>i},C=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:w},t))},N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const c=(e,t)=>{var i=U["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return U.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||l[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),O()},m=e=>c(e||[],!1);const O=()=>(0,_vue.nextTick)().then(()=>{var e=E["vertical"],t=U["itemList"],i=H.value;if(i){const r=i.clientWidth,l=i.clientHeight;if(r&&l){i=W.value;const n=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(l-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),d)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(r-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,n)),u)})}}h.wrapperWidth=r,h.wrapperHeight=l}}}),g=e=>{const{resize:t,vertical:s}=E;var i=U["itemList"];if(t){e.preventDefault();var r=e.currentTarget.parentElement;const a=H.value;if(a){const o=r.getAttribute("itemid");r=_xeUtils.default.findIndexOf(i,e=>e.id===o);const d=i[r];if(d&&d.isExpand){const u=I.value;var l=W.value,n=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const h=i[r+(u?1:-1)];i=h?a.querySelector(`.vxe-split-pane[itemid="${h.id}"]`):null,r=d?a.querySelector(`.vxe-split-pane[itemid="${d.id}"]`):null;const c=i?i.clientWidth:0,m=r?r.clientWidth:0,g=i?i.clientHeight:0,f=r?r.clientHeight:0,v=_xeUtils.default.toNumber(h?(0,_utils.getGlobalDefaultConfig)(h.minWidth,n):n),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,n)),_=_xeUtils.default.toNumber(h?(0,_utils.getGlobalDefaultConfig)(h.minHeight,l):l),x=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,l)),b=e.clientX,z=e.clientY;(0,_dom.addClass)(a,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=u?z-e.clientY:e.clientY-z)?h&&f-t>=x&&(i=f-t,h.resizeHeight=g+t,d.resizeHeight=i,C("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):h&&g+t>=_&&(i=f-t,h.resizeHeight=g+t,d.resizeHeight=i,C("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=u?b-e.clientX:e.clientX-b)?h&&m-t>=p&&(i=m-t,h.resizeWidth=c+t,d.resizeWidth=i,C("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):h&&c+t>=v&&(i=m-t,h.resizeWidth=c+t,d.resizeWidth=i,C("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(a,"is--drag"),C("resize-end",{item:d,name:d.name,resizeHeight:d.resizeHeight,resizeWidth:d.resizeWidth},e),O()},C("resize-start",{item:d,name:d.name},e)}}}},f=e=>{if(H.value){var t=E["vertical"],i=U["itemList"],s=I.value;const n=e.currentTarget.parentElement.getAttribute("itemid");var r=_xeUtils.default.findIndexOf(i,e=>e.id===n),l=i[r],i=i[r+(s?1:-1)];l&&({showAction:r,isExpand:s}=l,r)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),C("toggle-expand",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),O())}},v=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&f(e),C("action-dblclick",{item:t,name:t?t.name:""},e)},p=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&f(e),C("action-click",{item:t,name:t?t.name:""},e)},_=()=>{O()};t={dispatchEvent:C,recalculate:O,reset:()=>{var e=U["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:m,reloadItem:e=>c(e||[],!0)};Object.assign(w,t,{});const L=e=>{var t=d.value,i=a.value,s=I.value,{id:r,isExpand:l,showAction:n}=e;return(0,_vue.h)("div",{itemid:r,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:g}),n?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:v,onClick:p},[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=E["vertical"],{showAction:e,isExpand:i}=e,s=I.value,r="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:r:i?a:n:t?i?r:l:i?n:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(w)])};const x=(0,_vue.ref)(0);(0,_vue.watch)(()=>E.items?E.items.length:-1,()=>{x.value++}),(0,_vue.watch)(()=>E.items,()=>{x.value++}),(0,_vue.watch)(x,()=>{m(E.items||[])}),(0,_vue.watch)(()=>U.staticItems,e=>{E.items&&E.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),U.itemList=e,O()});let b;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{O()});var e=H.value;e&&(b=_ui.globalResize.create(()=>{O()})).observe(e),_ui.globalEvents.on(w,"resize",_)}),(0,_vue.onUnmounted)(()=>{b&&b.disconnect(),_ui.globalEvents.off(w,"resize")}),(0,_vue.onActivated)(()=>{O()}),E.items&&m(E.items),(0,_vue.provide)("$xeSplit",w),w.renderVN=()=>{var{vertical:e,width:t,height:i}=E,s=l.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:H,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:v,padding:p,resize:_,vertical:x}=E,b=U["itemList"],z=n.value,H=o.value["autoItems"],W=I.value,C=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:r,renderHeight:l,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:h,isExpand:c}=e,r=r?r.default:null,m={};let g=h?u||d||o:0,f=h?a||n||l:0;1===H.length&&(x?e.height||(f=0):e.width||(g=0)),x?f&&(m.height=1===z.length?"100%":(0,_dom.toCssUnit)(f)):g&&(m.width=1===z.length?"100%":(0,_dom.toCssUnit)(g)),C.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",{"is--resize":_,"is--padding":p,"is--border":v,"is--height":f,"is--width":g,"is--fill":h&&!f&&!g,"is--handle":0<t,"is--expand":c,"is--hidden":!h}],style:m},[t&&!W?L(e):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},r?N(r,{name:s,isVisible:h,isExpand:c}):[])]),W&&t<b.length-1?L(e):(0,_ui.renderEmptyElement)(w)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},C)})()])},w},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(E,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const H=(0,_vue.ref)(),U=(0,_vue.reactive)({staticItems:[],itemList:[]}),h={wrapperWidth:0,wrapperHeight:0},W=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,E.itemConfig)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,E.barConfig)),a=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,E.actionConfig)),I=(0,_vue.computed)(()=>{return"next"===a.value.direction}),n=(0,_vue.computed)(()=>U.itemList.filter(e=>e.isVisible)),o=(0,_vue.computed)(()=>{var e=E["vertical"];const n=[];let a=0,o=0;return U.itemList.forEach(e?e=>{var{renderHeight:t,resizeHeight:i,foldHeight:s,isVisible:r,height:l}=e,r=r?s||i||t:0;l||n.push(e),a+=r}:e=>{var{renderWidth:t,resizeWidth:i,foldWidth:s,isVisible:r,width:l}=e,r=r?s||i||t:0;l||n.push(e),o+=r}),{autoItems:n,heightCount:a,heightRatio:a/100,widthCount:o,widthRatio:o/100}}),d=(0,_vue.computed)(()=>{var{width:e,height:t}=r.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:W,computeBarOpts:r,computeActionOpts:a,computeIsFoldNext:I},u={refElem:H},w={xID:t,props:E,context:e,reactData:U,internalData:h,getRefMaps:()=>u,getComputeMaps:()=>i},C=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:w},t))},N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const c=(e,t)=>{var i=U["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return U.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||l[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),O()},m=e=>c(e||[],!1);const O=()=>(0,_vue.nextTick)().then(()=>{var e=E["vertical"],t=U["itemList"],i=H.value;if(i){const r=i.clientWidth,l=i.clientHeight;if(r&&l){i=W.value;const n=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(l-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),d)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t)/100:_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(r-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,n)),u)})}}h.wrapperWidth=r,h.wrapperHeight=l}}}),g=e=>{const{resize:t,vertical:s}=E;var i=U["itemList"];if(t){e.preventDefault();var r=e.currentTarget.parentElement;const a=H.value;if(a){const o=r.getAttribute("itemid");r=_xeUtils.default.findIndexOf(i,e=>e.id===o);const d=i[r];if(d&&d.isExpand){const u=I.value;var l=W.value,n=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const h=i[r+(u?1:-1)];i=h?a.querySelector(`.vxe-split-pane[itemid="${h.id}"]`):null,r=d?a.querySelector(`.vxe-split-pane[itemid="${d.id}"]`):null;const c=i?i.clientWidth:0,m=r?r.clientWidth:0,g=i?i.clientHeight:0,f=r?r.clientHeight:0,v=_xeUtils.default.toNumber(h?(0,_utils.getGlobalDefaultConfig)(h.minWidth,n):n),p=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,n)),_=_xeUtils.default.toNumber(h?(0,_utils.getGlobalDefaultConfig)(h.minHeight,l):l),x=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,l)),b=e.clientX,z=e.clientY;(0,_dom.addClass)(a,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=u?z-e.clientY:e.clientY-z)?h&&f-t>=x&&(i=f-t,h.resizeHeight=g+t,d.resizeHeight=i,C("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):h&&g+t>=_&&(i=f-t,h.resizeHeight=g+t,d.resizeHeight=i,C("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=u?b-e.clientX:e.clientX-b)?h&&m-t>=p&&(i=m-t,h.resizeWidth=c+t,d.resizeWidth=i,C("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):h&&c+t>=v&&(i=m-t,h.resizeWidth=c+t,d.resizeWidth=i,C("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(a,"is--drag"),C("resize-end",{item:d,name:d.name,resizeHeight:d.resizeHeight,resizeWidth:d.resizeWidth},e),O()},C("resize-start",{item:d,name:d.name},e)}}}},f=e=>{if(H.value){var t=E["vertical"],i=U["itemList"],s=I.value;const n=e.currentTarget.parentElement.getAttribute("itemid");var r=_xeUtils.default.findIndexOf(i,e=>e.id===n),l=i[r],i=i[r+(s?1:-1)];l&&({showAction:r,isExpand:s}=l,r)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),C("toggle-expand",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),O())}},v=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&f(e),C("action-dblclick",{item:t,name:t?t.name:""},e)},p=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&f(e),C("action-click",{item:t,name:t?t.name:""},e)},_=()=>{O()};t={dispatchEvent:C,recalculate:O,reset:()=>{var e=U["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:m,reloadItem:e=>c(e||[],!0)};Object.assign(w,t,{});const L=e=>{var t=d.value,i=a.value,s=I.value,{id:r,isExpand:l,showAction:n}=e;return(0,_vue.h)("div",{itemid:r,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:g}),n?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:v,onClick:p},[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=E["vertical"],{showAction:e,isExpand:i}=e,s=I.value,r="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:r:i?a:n:t?i?r:l:i?n:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(w)])};const x=(0,_vue.ref)(0);(0,_vue.watch)(()=>E.items?E.items.length:-1,()=>{x.value++}),(0,_vue.watch)(()=>E.items,()=>{x.value++}),(0,_vue.watch)(x,()=>{m(E.items||[])}),(0,_vue.watch)(()=>U.staticItems,e=>{E.items&&E.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),U.itemList=e,O()});let b;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{O()});var e=H.value;e&&(b=_ui.globalResize.create(()=>{O()})).observe(e),_ui.globalEvents.on(w,"resize",_)}),(0,_vue.onUnmounted)(()=>{b&&b.disconnect(),_ui.globalEvents.off(w,"resize")}),(0,_vue.onActivated)(()=>{O()}),E.items&&m(E.items),(0,_vue.provide)("$xeSplit",w),w.renderVN=()=>{var{vertical:e,width:t,height:i}=E,s=l.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:H,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:v,padding:p,resize:_,vertical:x}=E,b=U["itemList"],z=n.value,H=o.value["autoItems"],W=I.value,C=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:r,renderHeight:l,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:h,isExpand:c}=e,r=r?r.default:null,m={};let g=h?u||d||o:0,f=h?a||n||l:0;1===H.length&&(x?e.height||(f=0):e.width||(g=0)),x?f&&(m.height=1===z.length?"100%":(0,_dom.toCssUnit)(f)):g&&(m.width=1===z.length?"100%":(0,_dom.toCssUnit)(g)),C.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",{"is--resize":_,"is--padding":p,"is--border":v,"is--height":f,"is--width":g,"is--fill":h&&!f&&!g,"is--handle":0<t,"is--expand":c,"is--hidden":!h}],style:m},[t&&!W?L(e):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},r?N(r,{name:s,isVisible:h,isExpand:c}):[])]),W&&t<b.length-1?L(e):(0,_ui.renderEmptyElement)(w)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},C)})()])},w},render(){return this.renderVN()}});

package/lib/steps/src/steps.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSteps',
   props: {},
   emits: [],

package/lib/steps/src/steps.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")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSteps",props:{},emits:[],setup(e,t){const u=t["emit"];var r=_xeUtils.default.uniqueId();const s=(0,_vue.ref)();var i=(0,_vue.reactive)({});const a={refElem:s},n={},o={xID:r,props:e,context:t,reactData:i,getRefMaps:()=>a,getComputeMaps:()=>n};Object.assign(o,{dispatchEvent:(e,t,r)=>{u(e,(0,_ui.createEvent)(r,{$steps:o},t))}},{});return o.renderVN=()=>(0,_vue.h)("div",{ref:s,class:"vxe-steps"},[]),o},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSteps",props:{},emits:[],setup(e,t){const u=t["emit"];var r=_xeUtils.default.uniqueId();const s=(0,_vue.ref)();var i=(0,_vue.reactive)({});const a={refElem:s},n={},o={xID:r,props:e,context:t,reactData:i,getRefMaps:()=>a,getComputeMaps:()=>n};Object.assign(o,{dispatchEvent:(e,t,r)=>{u(e,(0,_ui.createEvent)(r,{$steps:o},t))}},{});return o.renderVN=()=>(0,_vue.h)("div",{ref:s,class:"vxe-steps"},[]),o},render(){return this.renderVN()}});