vxe-pc-ui 4.20.13 → 4.20.15

package/lib/select/src/select.js

@@ -781,6 +781,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
         if (!reactData.initialized) {
           reactData.initialized = true;
+          (0, _vue.nextTick)(() => {
+            bindScrollbarResize();
+          });
         }
         reactData.isActivated = true;
         reactData.isAniVisible = true;
@@ -2142,7 +2145,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       });
       reLayoutFlag.value++;
-      bindScrollbarResize();
       globalEvents.on($xeSelect, 'mousedown', handleGlobalMousedownEvent);
       globalEvents.on($xeSelect, 'keydown', handleGlobalKeydownEvent);
       globalEvents.on($xeSelect, 'blur', handleGlobalBlurEvent);

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

@@ -1 +1 @@
-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"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,baseUtils,domUtils,globalEvents,GLOBAL_EVENT_KEYS,globalResize,createEvent,renderEmptyElement}=_ui.VxeUI,getDefVal=baseUtils.getDefVal,errLog=(0,_log.createComponentLog)("select").errLog;function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createReactData(){return{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,yThumbHeight:0,xThumbWidth:0,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,emptyValue:{type:[String,Number,Boolean,Array],default:()=>getConfig().select.emptyValue},clearable:{type:Boolean,default:()=>getConfig().select.clearable},placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>getConfig().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>getConfig().select.allowCreate},placement:String,lazyOptions:Array,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],width:[String,Number],max:{type:[String,Number],default:null},showRadio:{type:Boolean,default:()=>getConfig().select.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>getConfig().select.showCheckedButton},checkboxConfig:Object,zIndex:Number,size:{type:String,default:()=>getConfig().select.size||getConfig().size},filterable:Boolean,filterMethod:Function,filterConfig:Object,remote:Boolean,remoteConfig:Object,emptyText:String,checkedClosable:{type:Boolean,default:()=>getConfig().select.checkedClosable},clearClosable:{type:Boolean,default:()=>getConfig().select.clearClosable},showCloseButton:{type:Boolean,default:()=>getConfig().select.showCloseButton},showTotalButton:{type:Boolean,default:()=>getConfig().select.showTotalButton},showCheckedButton:{type:Boolean,default:()=>getConfig().select.showCheckedButton},showClearButton:{type:Boolean,default:()=>getConfig().select.showClearButton},transfer:{type:Boolean,default:null},popupConfig:Object,virtualYConfig:Object,scrollY:Object,useScrollbar:{type:Boolean,default:()=>getDefVal(getConfig().select.useScrollbar,getConfig().useScrollbar)},scrollbarConfig:Object,remoteMethod:Function,optionId:{type:String,default:()=>getConfig().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","default-change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(F,e){let{slots:Y,emit:m}=e,b=(0,_vue.inject)("$xeModal",null),_=(0,_vue.inject)("$xeDrawer",null),x=(0,_vue.inject)("$xeTable",null),C=(0,_vue.inject)("$xeCard",null),a=(0,_vue.inject)("$xeForm",null),E=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let z=(0,_vue.ref)(),K=(0,_vue.ref)(),le=(0,_vue.ref)(),q=(0,_vue.ref)(),R=(0,_vue.ref)(),ae=(0,_vue.ref)(),$=(0,_vue.ref)(),oe=_ui.useFns.useSize(F).computeSize,G=_ui.useFns.useVScrollbar(F).computeIsVScrollbar,X=(0,_vue.reactive)(createReactData()),k=createInternalData(),T={refElem:z},W={xID:t,props:F,context:e,reactData:X,internalData:k,getRefMaps:()=>T},{refTrackXElem:ie,refTrackYElem:re,refThumbXElem:ne,refThumbYElem:ue,updateThumbSize:y,updateThumbOffset:O,clickTrackXEvent:se,clickTrackYEvent:ce,pointerdownThumbXEvent:ve,pointermoveThumbXEvent:de,cleatPointerThumbEvent:Z,pointerdownThumbYEvent:pe,pointermoveThumbYEvent:fe}=_ui.useFns.useInitVScrollbar(W),ge=(0,_vue.computed)(()=>{var e=F.readonly;return null===e?!!a&&a.props.readonly:e}),J=(0,_vue.computed)(()=>{var e=F.disabled;return null===e?!!a&&a.props.disabled:e}),he=(0,_vue.computed)(()=>{var e=F.transfer,t=Q.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=getConfig().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(x||b||_||C||a)return!0}return e}),me=(0,_vue.computed)(()=>{var e=F.placeholder;return(e=e||getConfig().select.placeholder)?(0,_utils.getFuncText)(e):getI18n("vxe.base.pleaseSelect")}),V=(0,_vue.computed)(()=>Object.assign({},F.defaultConfig)),S=(0,_vue.computed)(()=>Object.assign({},F.optionProps)),I=(0,_vue.computed)(()=>Object.assign({},F.optionGroupProps)),v=(0,_vue.computed)(()=>S.value.label||"label"),L=(0,_vue.computed)(()=>S.value.value||"value"),B=(0,_vue.computed)(()=>I.value.label||"label"),w=(0,_vue.computed)(()=>I.value.options||"options"),A=(0,_vue.computed)(()=>{var e=ee.value;return Ae(e)}),Q=(0,_vue.computed)(()=>Object.assign({},getConfig().select.popupConfig,F.popupConfig)),U=(0,_vue.computed)(()=>Object.assign({},getConfig().select.virtualYConfig||getConfig().select.scrollY,F.virtualYConfig||F.scrollY)),H=(0,_vue.computed)(()=>Object.assign({},getConfig().select.remoteConfig,F.remoteConfig)),M=(0,_vue.computed)(()=>Object.assign({},getConfig().select.filterConfig,F.filterConfig)),N=(0,_vue.computed)(()=>Object.assign({},getConfig().select.optionConfig,F.optionConfig)),j=(0,_vue.computed)(()=>Object.assign({},getConfig().select.radioConfig,F.radioConfig)),be=(0,_vue.computed)(()=>Object.assign({},getConfig().select.checkboxConfig,F.checkboxConfig)),_e=(0,_vue.computed)(()=>_xeUtils.default.toNumber(F.multiCharOverflow)),xe=(0,_vue.computed)(()=>{var e=F.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),Ce=(0,_vue.computed)(()=>{var{height:e,width:t}=Q.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),ee=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=F;let l=[];return _xeUtils.default.isArray(e)?l=e:t?(0,_utils.eqEmptyValue)(e)||(l=-1<(""+e).indexOf(",")?(""+e).split(","):[e]):l=null==e?[]:[e],l}),Ee=(0,_vue.computed)(()=>{var e=F.remote,t=X.reactFlag,l=ee.value;return(e&&t?l.map(e=>Ue(e)):l.map(e=>He(e))).join(", ")}),Te=(0,_vue.computed)(()=>{var{remote:e,multiple:t}=F,l=X.reactFlag,a=_e.value,o=ee.value;return e&&l?o.map(e=>Ue(e)).join(", "):(e=o.map(e=>He(e)),t&&0<a&&e.length>a?e.slice(0,a)+"...":e.join(", "))}),te=(0,_vue.computed)(()=>Object.assign({},getConfig().tree.scrollbarConfig,F.scrollbarConfig)),l=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},getConfig().scrollbar.xConfig,e.xConfig,{visible:!1})}),o=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},getConfig().scrollbar.yConfig,e.yConfig)});t=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(getDefVal(t.height,e.height),getConfig().scrollbar.height)}),e=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(getDefVal(t.width,e.width),getConfig().scrollbar.width)});let ye=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(t.visible,e.visible)}),Oe=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(t.visible,e.visible)}),Ve=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(getDefVal(t.autoHide,e.autoHide),getConfig().scrollbar.autoHide)}),Se=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(getDefVal(t.autoHide,e.autoHide),getConfig().scrollbar.autoHide)}),Ie=(0,_vue.computed)(()=>{var{yThumbHeight:e,xThumbWidth:t}=X,l=te.value,a=we.value,o=ke.value,i=ye.value,r=Oe.value;return domUtils.buildClass(["vxe-scrollbar is--virtual",l.fluentOverlay?"is--fluent-overlay":"is--default-mode","ov-x--"+(!1===i?"hidden":"visible"),"ov-y--"+(!1===r?"hidden":"visible"),"sx-pos--"+(a?"top":"bottom"),"sy-pos--"+(o?"left":"right")],{"overflow-y":e,"overflow-x":t})}),we=(0,_vue.computed)(()=>"top"===l.value.position),ke=(0,_vue.computed)(()=>"left"===o.value.position),Le=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=Y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],u=(e,t,l)=>{m(e,createEvent(l,{$select:W},t))},De=e=>{m("update:modelValue",e)},Pe=e=>{De(e),u("default-change",{value:e},null)},Be=()=>N.value.keyField||F.optionId||"_X_OPTION_KEY",D=e=>{e=e[Be()];return e?encodeURIComponent(e):""},Ae=e=>{var{multiple:t,max:l}=F;return!(!t||!l)&&e.length>=_xeUtils.default.toNumber(l)},Ue=t=>{var e=F.lazyOptions,{remoteValMaps:l,optFullValMaps:a}=k;let o=L.value;var i=v.value,l=l[t]||a[t],a=l?l.item:null;if(a)return _xeUtils.default.toValueString(a[i]);if(e){l=e.find(e=>e[o]===t);if(l)return l[i]}return t},He=t=>{var e=F.lazyOptions,l=k.optFullValMaps;let a=L.value;var o=v.value,l=X.reactFlag?l[t]:null;if(l)return l.item[o];if(e){l=e.find(e=>e[a]===t);if(l)return l[o]}return t},s=()=>{let{remote:e,modelValue:t,filterable:l}=F,a=X.searchValue,{fullData:o,optFullValMaps:i}=k,r=v.value,n=L.value;let u=M.value.filterMethod||F.filterMethod,s=(""+(a||"")).toLowerCase(),c=[];return(c=e?o.filter(isOptionVisible):l&&u?o.filter(e=>isOptionVisible(e)&&u({$select:W,group:null,option:e,searchValue:a,value:t})):l?o.filter(e=>isOptionVisible(e)&&(!s||-1<(""+(e[r]||e[n])).toLowerCase().indexOf(s))):o.filter(isOptionVisible)).forEach((e,t)=>{e=i[e[n]];e&&(e._index=t)}),k.afterVisibleList=c,(0,_vue.nextTick)()},Me=e=>{e&&(X.currentOption=e)},Ne=()=>{var e=Q.value.zIndex||F.zIndex;e?X.panelIndex=_xeUtils.default.toNumber(e):X.panelIndex<(0,_utils.getLastZIndex)()&&(X.panelIndex=(0,_utils.nextZIndex)())},c=()=>{let l=F.placement,a=X.panelIndex,o=z.value,i=R.value,r=he.value,n=Q.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,i,{placement:n.placement||l,defaultPlacement:n.defaultPlacement,appendTo:n.appendTo,teleportTo:r}),t=Object.assign(e.style,{zIndex:a});X.panelStyle=t,X.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},je=()=>{(0,_vue.nextTick)(()=>{var{isAniVisible:e,visiblePanel:t}=X,l=k.optFullValMaps,a=ee.value;a.length&&e&&t&&(e=X.reactFlag?l[""+a[0]]:null)&&(X.currentOption=e.item,dt(e.item))})},d=()=>{var{loading:e,filterable:t,remote:l}=F,{fullData:a,hpTimeout:o}=k,i=J.value,r=H.value;let n=ee.value;e||i||(o&&(clearTimeout(o),k.hpTimeout=void 0),X.initialized||(X.initialized=!0),X.isActivated=!0,X.isAniVisible=!0,t&&(l&&r.enabled&&(r.autoLoad&&!a.length||a.length&&r.clearOnClose)?it:(s(),f))(),setTimeout(()=>{X.visiblePanel=!0,Je(),h().then(()=>{(n&&n.length?je:ft)()}),c()},10),setTimeout(()=>{h().then(()=>ft())},100),Ne(),c(),u("visible-change",{visible:!0},null))},p=e=>{var{filterable:t,remote:l}=F,a=M.value,o=H.value;l?o.clearOnClose&&(X.searchValue=""):t&&!a.clearOnClose||(X.searchValue=""),X.searchLoading=!1,X.visiblePanel=!1,k.hpTimeout=setTimeout(()=>{X.isAniVisible=!1},350),u("visible-change",{visible:!1},e||null)},n=(e,t,l)=>{De(t),t!==F.modelValue&&(u("change",{value:t,option:l},e),a)&&E&&a.triggerItemEvent(e,E.itemConfig.field,t)},Fe=(e,t)=>{k.remoteValMaps={},n(e,t,null),u("clear",{value:t},e)},Ye=e=>{var t=F.emptyValue,e=e.$event;Fe(e,t),p(e)},ze=e=>{var e=e.$event,{multiple:t,max:l,checkedClosable:a}=F,o=X.optList,i=L.value;if(t){var r=ee.value.slice(0);for(let e=0;e<o.length;e++){let t=o[e][i];if(Ae(r)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:getI18n("vxe.select.overSizeErr",[l]),status:"warning"});break}r.some(e=>e===t)||r.push(t)}n(e,r,o[0]),a&&p(e),u("all-change",{value:r},e)}},Ke=e=>{var{emptyValue:t,clearClosable:l}=F,e=e.$event;Fe(e,t),l&&p(e)},qe=e=>{e=e.$event;p(e)},P=(t,l)=>{var e=F.multiple,a=k.remoteValMaps;let o=l[L.value];var i=a[o];if(X.visiblePanel){if(i?i.item=l:a[o]={key:D(l),item:l,_index:-1},e){let e=[];i=ee.value,a=_xeUtils.default.findIndexOf(i,e=>e===o);e=-1===a?i.concat([o]):i.filter(e=>e!==o),n(t,e,l)}else n(t,o,l),p(t);X.reactFlag++}},Re=e=>{var t,l=X.visiblePanel,a=J.value,o=Q.value.trigger;a||(a=z.value,t=R.value,X.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,t).flag,l&&!X.isActivated&&"manual"!==o&&p(e))},g=e=>{var t=e.disabled,e=D(e);return!t&&!xt(e)},$e=(e,t)=>{var l=F.allowCreate,a=X.optList,{optFullValMaps:o,optAddMaps:i,afterVisibleList:r}=k,n=L.value;let u=r,s=0;if(l&&a.length&&(r=a[0],i[l=D(r)])&&(s=1,u=[i[l]].concat(u)),!e)if(t)for(let e=0;e<u.length;e++){var c=u[e];if(g(c))return c}else for(let e=u.length-1;0<=e;e--){var v=u[e];if(g(v))return v}let d=0;a=e?o[e[n]]:null;if(-1<(d=a?a._index+s:d))if(t)for(let e=d+1;e<=u.length-1;e++){var p=u[e];if(g(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=u[e];if(g(f))return f}return null},Ge=t=>{var{emptyValue:e,clearable:l}=F,{visiblePanel:a,currentOption:o}=X,i=J.value,r=Q.value.trigger;if(!i){var i=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.TAB),n=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ENTER),u=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ESCAPE),s=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ARROW_UP),c=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ARROW_DOWN),v=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.DELETE);if(i&&(X.isActivated=!1),a){if(u||i)"manual"!==r&&p(t);else if(n)o&&(t.preventDefault(),t.stopPropagation(),P(t,o));else if(s||c){t.preventDefault();let e=$e(o,c);(e=e||$e(null,c))&&(Me(e),dt(e,c))}}else(s||c||n)&&X.isActivated&&(t.preventDefault(),d());X.isActivated&&v&&l&&Fe(t,e)}},Xe=e=>{var{visiblePanel:t,isActivated:l}=X,a=Q.value.trigger;t&&"manual"!==a&&p(e),l&&(X.isActivated=!1),(t||l)&&(a=K.value)&&a.blur()},We=()=>{var e=X.visiblePanel;e&&c()},Ze=()=>{var e=X.visiblePanel;e&&c()},Je=()=>{F.filterable&&(0,_vue.nextTick)(()=>{var e=le.value;e&&e.focus()})},Qe=e=>{var t=J.value,l=Q.value.trigger;t||X.visiblePanel||l&&"default"!==l||(X.triggerFocusPanel=!0,d(),setTimeout(()=>{X.triggerFocusPanel=!1},500)),u("focus",{},e)},et=e=>{var t=Q.value.trigger;t&&"default"!==t||nt(e),u("click",{triggerButton:!1,visible:X.visiblePanel},e)},tt=e=>{X.isActivated=!1,u("blur",{},e)},lt=e=>{var t=Q.value.trigger;t&&"default"!==t&&"icon"!==t||nt(e),u("click",{triggerButton:!0,visible:X.visiblePanel},e)},at=e=>{X.searchValue=e},ot=()=>{X.isActivated=!0},it=()=>{var{modelValue:e,remote:t}=F,l=X.searchValue,a=H.value,o=a.queryMethod||F.remoteMethod;t&&o&&a.enabled?(X.searchLoading=!0,Promise.resolve(o({$select:W,searchValue:l,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{X.searchLoading=!1,s(),f()})):(s(),f())},rt=_xeUtils.default.debounce(it,350,{trailing:!0}),nt=e=>{e=e.$event;e.preventDefault(),X.triggerFocusPanel?X.triggerFocusPanel=!1:X.visiblePanel?p(e):d()},ut=(e,t)=>!!t.disabled||!(!A.value||e),st=()=>{var e=X.scrollYLoad,{scrollYStore:t,afterVisibleList:l}=k;X.bodyHeight=e?l.length*t.rowHeight:0,X.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},ct=()=>{var{filterable:e,allowCreate:t}=F;let{scrollYLoad:l,searchValue:a}=X;var{optAddMaps:o,scrollYStore:i,afterVisibleList:r}=k;let n=v.value;var u=L.value,i=l?r.slice(i.startIndex,i.endIndex):r.slice(0);return e&&t&&a&&(i.some(e=>e[n]===a)||(r=o[a]||(0,_vue.reactive)({[Be()]:a,[n]:a,[u]:a}),o[a]=r,i.unshift(r))),X.optList=i,(0,_vue.nextTick)()},f=()=>{ct(),st()},vt=()=>(0,_vue.nextTick)().then(()=>{var e=X.scrollYLoad,t=k.scrollYStore,l=$.value,a=U.value;let o=0,i;(i=l?i||l.children[0]:i)&&(o=i.offsetHeight),o=Math.max(20,o),t.rowHeight=o,(e?(l=q.value,e=Math.max(8,l?Math.ceil(l.clientHeight/o):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),f):st)()}),dt=(e,t)=>{var l,a,{optFullValMaps:o,scrollYStore:i}=k,o=o[e[L.value]];o&&(e=o.key,-1<(o=o._index))&&(l=q.value,a=R.value)&&(a=a.querySelector(`[optid='${e}']`),l)&&(a?(e=l.offsetHeight,t?Math.ceil(a.offsetTop+a.offsetHeight-l.scrollTop)>=e?l.scrollTop=a.offsetTop+a.offsetHeight-e:(a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight)&&(l.scrollTop=a.offsetTop-1):a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight?l.scrollTop=a.offsetTop-1:a.offsetTop+a.offsetHeight-l.scrollTop>e&&(l.scrollTop=a.offsetTop+a.offsetHeight-e)):l.scrollTop=t?o*i.rowHeight-l.clientHeight+i.rowHeight:o*i.rowHeight)},pt=(e,t)=>{var l=q.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),X.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},ft=()=>{let{lastScrollLeft:e,lastScrollTop:t}=k;return _t().then(()=>{if(e||t)return k.lastScrollLeft=0,k.lastScrollTop=0,pt(e,t)})},gt=()=>G.value?(0,_vue.nextTick)().then(()=>{y(),O()}):Promise.resolve(),h=()=>{var e=z.value;return e&&e.clientWidth&&e.clientHeight?vt().then(()=>gt()):Promise.resolve()},ht=e=>{var t=k.scrollYStore,{startIndex:l,endIndex:a,visibleSize:o,offsetSize:i,rowHeight:r}=t,e=e.target.scrollTop,e=Math.floor(e/r),r=Math.max(0,e-1-i),i=e+o+i;!(e<=l||a-o-1<=e)||l===r&&a===i||(t.startIndex=r,t.endIndex=i,f())},mt=()=>{var e=k.lastScrollTime;return!!(e&&Date.now()<e+250)},bt=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==k.lastScrollLeft,o=l!==k.lastScrollTop;G.value&&O(),k.lastScrollTop=l,k.lastScrollLeft=t,X.scrollYLoad&&ht(e),k.lastScrollTime=Date.now(),u("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:o},e)},i=t=>{(e=>{let t=w.value,l=L.value,a=Be(),o={},i={},r=[],n=e=>{r.push(e);let t=D(e);t||(t=getOptUniqueId(),e[a]=t),i[e[l]]={key:t,item:e,_index:-1}};e.forEach(e=>{n(e),e[t]&&(o[e[a]]=e)[t].forEach(n)}),k.fullData=r,k.optGroupKeyMaps=o,k.optFullValMaps=i,X.reactFlag++,s()})(t||[]);var e=F.multiple,{isLoaded:l,fullData:a,scrollYStore:o}=k,i=V.value,r=U.value;let n=L.value;if(Object.assign(o,{startIndex:0,endIndex:1,visibleSize:0}),k.synchData=t||[],X.scrollYLoad=!!r.enabled&&-1<r.gt&&(0===r.gt||r.gt<=a.length),ct(),!l){o=i.selectMode;if(0<t.length&&_xeUtils.default.eqNull(F.modelValue)){if("all"===o)e?(0,_vue.nextTick)(()=>{Pe(t.map(e=>e[n]))}):errLog("vxe.error.notConflictProp",["default-config.selectMode=all","multiple=true"]);else if("first"===o||"last"===o){let e=_xeUtils.default[o](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(F.modelValue)&&Pe(e[n])})}k.isLoaded=!0}}return vt().then(()=>{ft()})},_t=()=>{var e=q.value;return e&&(e.scrollTop=0,e.scrollLeft=0),k.lastScrollTop=0,(k.lastScrollLeft=0,_vue.nextTick)()},xt=e=>{var t=k.optGroupKeyMaps;return!!t[e]};var Ct={dispatchEvent:u,getScrollViewElem(){return q.value||null},loadData:i,reloadData(e){return k.isLoaded=!1,_t(),i(e)},isPanelVisible(){return X.visiblePanel},togglePanel(){return(X.visiblePanel?p:d)(),(0,_vue.nextTick)()},hidePanel(){return X.visiblePanel&&p(),(0,_vue.nextTick)()},showPanel(){return X.visiblePanel||d(),(0,_vue.nextTick)()},refreshOption(){return s(),f(),(0,_vue.nextTick)()},focus(){var e=K.value;return e&&e.blur(),X.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=K.value;return e&&e.blur(),(X.isActivated=!1,_vue.nextTick)()},recalculate:h,clearScroll:_t};let Et=()=>{var t=G.value;let e=k.scrollObserver;if(t&&!e){var t=z.value,l=ae.value,a=$.value;let e=globalResize.create(()=>{Vt.value++});t&&e.observe(t),l&&e.observe(l),a&&e.observe(a),k.scrollObserver=e}},Tt=(Object.assign(W,Ct),(t,l,e,a)=>{var{showIcon:o,trigger:i}=j.value;return l||!1===o?renderEmptyElement(W):(o={},i&&"default"!==i||(o.onClick=e=>{a||l||P(e,t)}),(0,_vue.h)("div",Object.assign({key:2,class:["vxe-select-option--radio",{"is--checked":e,"is--disabled":a}]},o),[(0,_vue.h)("span",{class:["vxe-radio--icon",e?getIcon().RADIO_CHECKED:a?getIcon().RADIO_DISABLED_UNCHECKED:getIcon().RADIO_UNCHECKED]})]))}),yt=(t,l,e,a)=>{var{showIcon:o,trigger:i}=be.value;return l||!1===o?renderEmptyElement(W):(o={},i&&"default"!==i||(o.onClick=e=>{a||l||P(e,t)}),(0,_vue.h)("div",Object.assign({key:3,class:["vxe-select-option--checkbox",{"is--checked":e,"is--disabled":a}]},o),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?getIcon().CHECKBOX_CHECKED:a?getIcon().CHECKBOX_DISABLED_UNCHECKED:getIcon().CHECKBOX_UNCHECKED]})]))},Ot=e=>{let{allowCreate:g,optionKey:h,multiple:t,showRadio:l,showCheckbox:a}=F,m=X.currentOption,b=k.optAddMaps;var o=N.value;let _=v.value,x=L.value,C=B.value,E=ee.value,T=j.value,y=be.value,{useKey:O,height:V}=o,S=Y.option,I=a&&t,w=l&&!t;return e.map((t,e)=>{var{slots:l,className:a}=t,o=D(t),i=t[x];let r=xt(o);var n=!(!g||!b[o]),u=!n&&-1<E.indexOf(i),s=n||!r||isOptionVisible(t);let c=!n&&ut(u,t);var l=(l?l.default:null)||S,v={option:t,group:r?t:null,$select:W};let d="";var p=[];I?p.push(yt(t,r,u,c)):w&&p.push(Tt(t,r,u,c));let f=[];f=l?Le(l,v):[d=(0,_utils.getFuncText)(t[r?C:_]||i)],p.push((0,_vue.h)("div",{key:1,class:"vxe-select-option--label"},f));l={onMousedown:e=>{0===e.button&&e.stopPropagation()},onMouseenter:()=>{c||r||mt()||Me(t)}};return(I?"option"!==y.trigger:w&&"option"!==T.trigger)||(l.onClick=e=>{c||r||P(e,t)}),s?(0,_vue.h)("div",Object.assign({key:O||h?o:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(v):a:"",{"vxe-select-optgroup":r,"is--disabled":c,"is--selected":u,"is--add":n,"is--hover":m&&D(m)===o}],optid:o,title:d||null,style:V?{height:(0,_dom.toCssUnit)(V)}:void 0},l),g?[(0,_vue.h)("div",{key:1,class:"vxe-select-option--add-label"},p),n?(0,_vue.h)("div",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:getIcon().SELECT_ADD_OPTION})]):renderEmptyElement(W)]:p):renderEmptyElement(W)})};(0,_vue.watch)(()=>X.staticOptions,e=>{i(e)}),(0,_vue.watch)(()=>F.options,e=>{i(e||[])}),(0,_vue.watch)(()=>F.optionGroups,e=>{i(e||[])});let Vt=(0,_vue.ref)(0),r=(0,_vue.ref)(0);return(0,_vue.watch)(G,()=>{(0,_vue.nextTick)(()=>{Et(),(0,_vue.nextTick)(()=>{r.value++})})}),(0,_vue.watch)(e,()=>{r.value++}),(0,_vue.watch)(t,()=>{r.value++}),(0,_vue.watch)(ye,()=>{(0,_vue.nextTick)(()=>{r.value++})}),(0,_vue.watch)(Oe,()=>{(0,_vue.nextTick)(()=>{r.value++})}),(0,_vue.watch)(r,()=>{h().then(()=>{h()})}),(0,_vue.watch)(Vt,()=>{gt().then(()=>{gt()})}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=F;t?i(t):e&&i(e)}),r.value++,Et(),globalEvents.on(W,"mousedown",Re),globalEvents.on(W,"keydown",Ge),globalEvents.on(W,"blur",Xe),globalEvents.on(W,"resize",We),globalEvents.on(W,"scroll",Ze)}),(0,_vue.onBeforeUnmount)(()=>{var e=k.scrollObserver;e&&e.disconnect()}),(0,_vue.onUnmounted)(()=>{globalEvents.off(W,"mousedown"),globalEvents.off(W,"keydown"),globalEvents.off(W,"blur"),globalEvents.off(W,"resize"),globalEvents.off(W,"scroll"),_xeUtils.default.assign(X,createReactData()),_xeUtils.default.assign(k,createInternalData())}),(0,_vue.provide)("$xeSelect",W),W.renderVN=()=>{var{className:e,multiple:t,loading:l,filterable:a,showTotalButton:o,showCheckedButton:i,showClearButton:r,showCloseButton:n}=F,{initialized:u,isActivated:s,isAniVisible:c,optList:v,visiblePanel:d,bodyHeight:p,topSpaceHeight:f,xThumbWidth:g,yThumbHeight:h}=X,m=oe.value,b=G.value,_=J.value,x=Te.value,C=Ee.value,E=he.value,T=ge.value,y=me.value,O=Y.default;if(T)return(0,_vue.h)("div",{ref:z,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)("span",{class:"vxe-select-label",title:C},x)]);var T=xe.value,V=ee.value,S=Ce.value,I=Q.value,w=Y.header,k=Y.footer;let L=Y.prefix;var D=I.appendTo,I=I.className||F.popupClassName,P=te.value,B=ye.value,A=Oe.value,U=we.value,H=ke.value,M=Ve.value,N=Se.value,j=Ie.value;return(0,_vue.h)("div",{ref:z,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:W}):e:"",{["size--"+m]:m,"is--visible":d,"is--disabled":_,"is--filter":a,"is--loading":l,"is--active":s}],style:T},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)(_input.default,{ref:K,clearable:F.clearable,placeholder:y,editable:!1,disabled:_,type:"text",prefixIcon:F.prefixIcon,suffixIcon:l?getIcon().SELECT_LOADED:d?getIcon().SELECT_OPEN:getIcon().SELECT_CLOSE,autoFocus:!1,title:C,modelValue:x,onClear:Ye,onClick:et,onFocus:Qe,onBlur:tt,onSuffixClick:lt},L?{prefix:()=>L({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(D),disabled:!E||!u},[(0,_vue.h)("div",{ref:R,class:["vxe-table--ignore-clear vxe-select--panel",I?_xeUtils.default.isFunction(I)?I({$select:W}):I:"",{["size--"+m]:m,"is--transfer":E,"ani--leave":!l&&c,"ani--enter":!l&&d}],placement:X.panelPlacement,style:X.panelStyle},u&&(d||c)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper",style:S},[a?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:le,class:"vxe-select-search--input",modelValue:X.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:getI18n("vxe.select.search"),prefixIcon:getIcon().INPUT_SEARCH,"onUpdate:modelValue":at,onFocus:ot,onChange:rt,onSearch:rt})]):renderEmptyElement(W),i&&t||r||w?(0,_vue.h)("div",{class:"vxe-select--panel-header"},w?Le(w,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[(0,_vue.h)("div",{class:"vxe-select--header-btns"},[i&&t?(0,_vue.h)(_button.default,{content:getI18n("vxe.select.allChecked"),mode:"text",onClick:ze}):renderEmptyElement(W),r?(0,_vue.h)(_button.default,{content:getI18n("vxe.select.clear"),mode:"text",onClick:Ke}):renderEmptyElement(W)])])]):renderEmptyElement(W),(0,_vue.h)("div",{class:["vxe-select--panel-body",b?"ov-x--"+(!1===B?"hidden":"visible"):"",b?"ov-y--"+(!1===A?"hidden":"visible"):"",b?"sx-pos--"+(U?"top":"bottom"):"",b?"sy-pos--"+(H?"left":"right"):"",{"is--virtual-scrollbar":b,"ov-padding":b&&P.padding,"ov-x--auto-hide":b&&M,"ov-y--auto-hide":b&&N,"overflow-y":h,"overflow-x":g}]},[(0,_vue.h)("div",{ref:q,class:"vxe-select-option--wrapper",onScroll:bt},[(0,_vue.h)("div",{ref:ae,class:"vxe-select--y-space",style:{height:p?p+"px":""}}),(0,_vue.h)("div",{ref:$,class:"vxe-select--body",style:{marginTop:f+"px"}},(()=>{var{optList:e,searchLoading:t}=X;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",getIcon().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},getI18n("vxe.select.loadingText"))])]:e.length?Ot(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},F.emptyText||getI18n("vxe.select.emptyText"))]})())]),b?(0,_vue.h)("div",{class:j},[!1===B?renderEmptyElement(W):(0,_vue.h)("div",{ref:ie,class:"vxe-scrollbar--track-x",onClick:se},[(0,_vue.h)("div",{ref:ne,class:"vxe-scrollbar--thumb-x",onPointerdown:ve,onPointermove:de,onPointerup:Z,onPointercancel:Z,onLostpointercapture:Z})]),!1===A?renderEmptyElement(W):(0,_vue.h)("div",{ref:re,class:"vxe-scrollbar--track-y",onClick:ce},[(0,_vue.h)("div",{ref:ue,class:"vxe-scrollbar--thumb-y",onPointerdown:pe,onPointermove:fe,onPointerup:Z,onPointercancel:Z,onLostpointercapture:Z})])]):renderEmptyElement(W)]),k||o||n&&t?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},k?Le(k,{}):[(0,_vue.h)("div",{class:"vxe-select--footer-button"},[o?(0,_vue.h)("div",{class:"vxe-select--total-btns"},getI18n("vxe.select.total",[V.length,v.length])):renderEmptyElement(W),n&&t?(0,_vue.h)("div",{class:"vxe-select--oper-btns"},[(0,_vue.h)(_button.default,{content:getI18n("vxe.select.close"),mode:"text",onClick:qe})]):renderEmptyElement(W)])]):renderEmptyElement(W)])]:[])])])},W},render(){return this.renderVN()}});
+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"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,baseUtils,domUtils,globalEvents,GLOBAL_EVENT_KEYS,globalResize,createEvent,renderEmptyElement}=_ui.VxeUI,getDefVal=baseUtils.getDefVal,errLog=(0,_log.createComponentLog)("select").errLog;function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createReactData(){return{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,yThumbHeight:0,xThumbWidth:0,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,emptyValue:{type:[String,Number,Boolean,Array],default:()=>getConfig().select.emptyValue},clearable:{type:Boolean,default:()=>getConfig().select.clearable},placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>getConfig().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>getConfig().select.allowCreate},placement:String,lazyOptions:Array,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],width:[String,Number],max:{type:[String,Number],default:null},showRadio:{type:Boolean,default:()=>getConfig().select.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>getConfig().select.showCheckedButton},checkboxConfig:Object,zIndex:Number,size:{type:String,default:()=>getConfig().select.size||getConfig().size},filterable:Boolean,filterMethod:Function,filterConfig:Object,remote:Boolean,remoteConfig:Object,emptyText:String,checkedClosable:{type:Boolean,default:()=>getConfig().select.checkedClosable},clearClosable:{type:Boolean,default:()=>getConfig().select.clearClosable},showCloseButton:{type:Boolean,default:()=>getConfig().select.showCloseButton},showTotalButton:{type:Boolean,default:()=>getConfig().select.showTotalButton},showCheckedButton:{type:Boolean,default:()=>getConfig().select.showCheckedButton},showClearButton:{type:Boolean,default:()=>getConfig().select.showClearButton},transfer:{type:Boolean,default:null},popupConfig:Object,virtualYConfig:Object,scrollY:Object,useScrollbar:{type:Boolean,default:()=>getDefVal(getConfig().select.useScrollbar,getConfig().useScrollbar)},scrollbarConfig:Object,remoteMethod:Function,optionId:{type:String,default:()=>getConfig().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","default-change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(F,e){let{slots:Y,emit:m}=e,b=(0,_vue.inject)("$xeModal",null),_=(0,_vue.inject)("$xeDrawer",null),x=(0,_vue.inject)("$xeTable",null),C=(0,_vue.inject)("$xeCard",null),a=(0,_vue.inject)("$xeForm",null),E=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let z=(0,_vue.ref)(),K=(0,_vue.ref)(),le=(0,_vue.ref)(),q=(0,_vue.ref)(),R=(0,_vue.ref)(),ae=(0,_vue.ref)(),$=(0,_vue.ref)(),oe=_ui.useFns.useSize(F).computeSize,G=_ui.useFns.useVScrollbar(F).computeIsVScrollbar,X=(0,_vue.reactive)(createReactData()),k=createInternalData(),T={refElem:z},W={xID:t,props:F,context:e,reactData:X,internalData:k,getRefMaps:()=>T},{refTrackXElem:ie,refTrackYElem:re,refThumbXElem:ne,refThumbYElem:ue,updateThumbSize:y,updateThumbOffset:O,clickTrackXEvent:se,clickTrackYEvent:ce,pointerdownThumbXEvent:ve,pointermoveThumbXEvent:de,cleatPointerThumbEvent:Z,pointerdownThumbYEvent:pe,pointermoveThumbYEvent:fe}=_ui.useFns.useInitVScrollbar(W),ge=(0,_vue.computed)(()=>{var e=F.readonly;return null===e?!!a&&a.props.readonly:e}),J=(0,_vue.computed)(()=>{var e=F.disabled;return null===e?!!a&&a.props.disabled:e}),he=(0,_vue.computed)(()=>{var e=F.transfer,t=Q.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=getConfig().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(x||b||_||C||a)return!0}return e}),me=(0,_vue.computed)(()=>{var e=F.placeholder;return(e=e||getConfig().select.placeholder)?(0,_utils.getFuncText)(e):getI18n("vxe.base.pleaseSelect")}),V=(0,_vue.computed)(()=>Object.assign({},F.defaultConfig)),S=(0,_vue.computed)(()=>Object.assign({},F.optionProps)),I=(0,_vue.computed)(()=>Object.assign({},F.optionGroupProps)),v=(0,_vue.computed)(()=>S.value.label||"label"),L=(0,_vue.computed)(()=>S.value.value||"value"),B=(0,_vue.computed)(()=>I.value.label||"label"),w=(0,_vue.computed)(()=>I.value.options||"options"),A=(0,_vue.computed)(()=>{var e=ee.value;return Ae(e)}),Q=(0,_vue.computed)(()=>Object.assign({},getConfig().select.popupConfig,F.popupConfig)),U=(0,_vue.computed)(()=>Object.assign({},getConfig().select.virtualYConfig||getConfig().select.scrollY,F.virtualYConfig||F.scrollY)),H=(0,_vue.computed)(()=>Object.assign({},getConfig().select.remoteConfig,F.remoteConfig)),M=(0,_vue.computed)(()=>Object.assign({},getConfig().select.filterConfig,F.filterConfig)),N=(0,_vue.computed)(()=>Object.assign({},getConfig().select.optionConfig,F.optionConfig)),j=(0,_vue.computed)(()=>Object.assign({},getConfig().select.radioConfig,F.radioConfig)),be=(0,_vue.computed)(()=>Object.assign({},getConfig().select.checkboxConfig,F.checkboxConfig)),_e=(0,_vue.computed)(()=>_xeUtils.default.toNumber(F.multiCharOverflow)),xe=(0,_vue.computed)(()=>{var e=F.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),Ce=(0,_vue.computed)(()=>{var{height:e,width:t}=Q.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),ee=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=F;let l=[];return _xeUtils.default.isArray(e)?l=e:t?(0,_utils.eqEmptyValue)(e)||(l=-1<(""+e).indexOf(",")?(""+e).split(","):[e]):l=null==e?[]:[e],l}),Ee=(0,_vue.computed)(()=>{var e=F.remote,t=X.reactFlag,l=ee.value;return(e&&t?l.map(e=>Ue(e)):l.map(e=>He(e))).join(", ")}),Te=(0,_vue.computed)(()=>{var{remote:e,multiple:t}=F,l=X.reactFlag,a=_e.value,o=ee.value;return e&&l?o.map(e=>Ue(e)).join(", "):(e=o.map(e=>He(e)),t&&0<a&&e.length>a?e.slice(0,a)+"...":e.join(", "))}),te=(0,_vue.computed)(()=>Object.assign({},getConfig().tree.scrollbarConfig,F.scrollbarConfig)),l=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},getConfig().scrollbar.xConfig,e.xConfig,{visible:!1})}),o=(0,_vue.computed)(()=>{var e=te.value;return Object.assign({},getConfig().scrollbar.yConfig,e.yConfig)});t=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(getDefVal(t.height,e.height),getConfig().scrollbar.height)}),e=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(getDefVal(t.width,e.width),getConfig().scrollbar.width)});let ye=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(t.visible,e.visible)}),Oe=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(t.visible,e.visible)}),Ve=(0,_vue.computed)(()=>{var e=te.value,t=l.value;return getDefVal(getDefVal(t.autoHide,e.autoHide),getConfig().scrollbar.autoHide)}),Se=(0,_vue.computed)(()=>{var e=te.value,t=o.value;return getDefVal(getDefVal(t.autoHide,e.autoHide),getConfig().scrollbar.autoHide)}),Ie=(0,_vue.computed)(()=>{var{yThumbHeight:e,xThumbWidth:t}=X,l=te.value,a=we.value,o=ke.value,i=ye.value,r=Oe.value;return domUtils.buildClass(["vxe-scrollbar is--virtual",l.fluentOverlay?"is--fluent-overlay":"is--default-mode","ov-x--"+(!1===i?"hidden":"visible"),"ov-y--"+(!1===r?"hidden":"visible"),"sx-pos--"+(a?"top":"bottom"),"sy-pos--"+(o?"left":"right")],{"overflow-y":e,"overflow-x":t})}),we=(0,_vue.computed)(()=>"top"===l.value.position),ke=(0,_vue.computed)(()=>"left"===o.value.position),Le=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=Y[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],u=(e,t,l)=>{m(e,createEvent(l,{$select:W},t))},De=e=>{m("update:modelValue",e)},Pe=e=>{De(e),u("default-change",{value:e},null)},Be=()=>N.value.keyField||F.optionId||"_X_OPTION_KEY",D=e=>{e=e[Be()];return e?encodeURIComponent(e):""},Ae=e=>{var{multiple:t,max:l}=F;return!(!t||!l)&&e.length>=_xeUtils.default.toNumber(l)},Ue=t=>{var e=F.lazyOptions,{remoteValMaps:l,optFullValMaps:a}=k;let o=L.value;var i=v.value,l=l[t]||a[t],a=l?l.item:null;if(a)return _xeUtils.default.toValueString(a[i]);if(e){l=e.find(e=>e[o]===t);if(l)return l[i]}return t},He=t=>{var e=F.lazyOptions,l=k.optFullValMaps;let a=L.value;var o=v.value,l=X.reactFlag?l[t]:null;if(l)return l.item[o];if(e){l=e.find(e=>e[a]===t);if(l)return l[o]}return t},s=()=>{let{remote:e,modelValue:t,filterable:l}=F,a=X.searchValue,{fullData:o,optFullValMaps:i}=k,r=v.value,n=L.value;let u=M.value.filterMethod||F.filterMethod,s=(""+(a||"")).toLowerCase(),c=[];return(c=e?o.filter(isOptionVisible):l&&u?o.filter(e=>isOptionVisible(e)&&u({$select:W,group:null,option:e,searchValue:a,value:t})):l?o.filter(e=>isOptionVisible(e)&&(!s||-1<(""+(e[r]||e[n])).toLowerCase().indexOf(s))):o.filter(isOptionVisible)).forEach((e,t)=>{e=i[e[n]];e&&(e._index=t)}),k.afterVisibleList=c,(0,_vue.nextTick)()},Me=e=>{e&&(X.currentOption=e)},Ne=()=>{var e=Q.value.zIndex||F.zIndex;e?X.panelIndex=_xeUtils.default.toNumber(e):X.panelIndex<(0,_utils.getLastZIndex)()&&(X.panelIndex=(0,_utils.nextZIndex)())},c=()=>{let l=F.placement,a=X.panelIndex,o=z.value,i=R.value,r=he.value,n=Q.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,i,{placement:n.placement||l,defaultPlacement:n.defaultPlacement,appendTo:n.appendTo,teleportTo:r}),t=Object.assign(e.style,{zIndex:a});X.panelStyle=t,X.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},je=()=>{(0,_vue.nextTick)(()=>{var{isAniVisible:e,visiblePanel:t}=X,l=k.optFullValMaps,a=ee.value;a.length&&e&&t&&(e=X.reactFlag?l[""+a[0]]:null)&&(X.currentOption=e.item,dt(e.item))})},d=()=>{var{loading:e,filterable:t,remote:l}=F,{fullData:a,hpTimeout:o}=k,i=J.value,r=H.value;let n=ee.value;e||i||(o&&(clearTimeout(o),k.hpTimeout=void 0),X.initialized||(X.initialized=!0,(0,_vue.nextTick)(()=>{Et()})),X.isActivated=!0,X.isAniVisible=!0,t&&(l&&r.enabled&&(r.autoLoad&&!a.length||a.length&&r.clearOnClose)?it:(s(),f))(),setTimeout(()=>{X.visiblePanel=!0,Je(),h().then(()=>{(n&&n.length?je:ft)()}),c()},10),setTimeout(()=>{h().then(()=>ft())},100),Ne(),c(),u("visible-change",{visible:!0},null))},p=e=>{var{filterable:t,remote:l}=F,a=M.value,o=H.value;l?o.clearOnClose&&(X.searchValue=""):t&&!a.clearOnClose||(X.searchValue=""),X.searchLoading=!1,X.visiblePanel=!1,k.hpTimeout=setTimeout(()=>{X.isAniVisible=!1},350),u("visible-change",{visible:!1},e||null)},n=(e,t,l)=>{De(t),t!==F.modelValue&&(u("change",{value:t,option:l},e),a)&&E&&a.triggerItemEvent(e,E.itemConfig.field,t)},Fe=(e,t)=>{k.remoteValMaps={},n(e,t,null),u("clear",{value:t},e)},Ye=e=>{var t=F.emptyValue,e=e.$event;Fe(e,t),p(e)},ze=e=>{var e=e.$event,{multiple:t,max:l,checkedClosable:a}=F,o=X.optList,i=L.value;if(t){var r=ee.value.slice(0);for(let e=0;e<o.length;e++){let t=o[e][i];if(Ae(r)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:getI18n("vxe.select.overSizeErr",[l]),status:"warning"});break}r.some(e=>e===t)||r.push(t)}n(e,r,o[0]),a&&p(e),u("all-change",{value:r},e)}},Ke=e=>{var{emptyValue:t,clearClosable:l}=F,e=e.$event;Fe(e,t),l&&p(e)},qe=e=>{e=e.$event;p(e)},P=(t,l)=>{var e=F.multiple,a=k.remoteValMaps;let o=l[L.value];var i=a[o];if(X.visiblePanel){if(i?i.item=l:a[o]={key:D(l),item:l,_index:-1},e){let e=[];i=ee.value,a=_xeUtils.default.findIndexOf(i,e=>e===o);e=-1===a?i.concat([o]):i.filter(e=>e!==o),n(t,e,l)}else n(t,o,l),p(t);X.reactFlag++}},Re=e=>{var t,l=X.visiblePanel,a=J.value,o=Q.value.trigger;a||(a=z.value,t=R.value,X.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,t).flag,l&&!X.isActivated&&"manual"!==o&&p(e))},g=e=>{var t=e.disabled,e=D(e);return!t&&!xt(e)},$e=(e,t)=>{var l=F.allowCreate,a=X.optList,{optFullValMaps:o,optAddMaps:i,afterVisibleList:r}=k,n=L.value;let u=r,s=0;if(l&&a.length&&(r=a[0],i[l=D(r)])&&(s=1,u=[i[l]].concat(u)),!e)if(t)for(let e=0;e<u.length;e++){var c=u[e];if(g(c))return c}else for(let e=u.length-1;0<=e;e--){var v=u[e];if(g(v))return v}let d=0;a=e?o[e[n]]:null;if(-1<(d=a?a._index+s:d))if(t)for(let e=d+1;e<=u.length-1;e++){var p=u[e];if(g(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=u[e];if(g(f))return f}return null},Ge=t=>{var{emptyValue:e,clearable:l}=F,{visiblePanel:a,currentOption:o}=X,i=J.value,r=Q.value.trigger;if(!i){var i=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.TAB),n=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ENTER),u=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ESCAPE),s=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ARROW_UP),c=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.ARROW_DOWN),v=globalEvents.hasKey(t,GLOBAL_EVENT_KEYS.DELETE);if(i&&(X.isActivated=!1),a){if(u||i)"manual"!==r&&p(t);else if(n)o&&(t.preventDefault(),t.stopPropagation(),P(t,o));else if(s||c){t.preventDefault();let e=$e(o,c);(e=e||$e(null,c))&&(Me(e),dt(e,c))}}else(s||c||n)&&X.isActivated&&(t.preventDefault(),d());X.isActivated&&v&&l&&Fe(t,e)}},Xe=e=>{var{visiblePanel:t,isActivated:l}=X,a=Q.value.trigger;t&&"manual"!==a&&p(e),l&&(X.isActivated=!1),(t||l)&&(a=K.value)&&a.blur()},We=()=>{var e=X.visiblePanel;e&&c()},Ze=()=>{var e=X.visiblePanel;e&&c()},Je=()=>{F.filterable&&(0,_vue.nextTick)(()=>{var e=le.value;e&&e.focus()})},Qe=e=>{var t=J.value,l=Q.value.trigger;t||X.visiblePanel||l&&"default"!==l||(X.triggerFocusPanel=!0,d(),setTimeout(()=>{X.triggerFocusPanel=!1},500)),u("focus",{},e)},et=e=>{var t=Q.value.trigger;t&&"default"!==t||nt(e),u("click",{triggerButton:!1,visible:X.visiblePanel},e)},tt=e=>{X.isActivated=!1,u("blur",{},e)},lt=e=>{var t=Q.value.trigger;t&&"default"!==t&&"icon"!==t||nt(e),u("click",{triggerButton:!0,visible:X.visiblePanel},e)},at=e=>{X.searchValue=e},ot=()=>{X.isActivated=!0},it=()=>{var{modelValue:e,remote:t}=F,l=X.searchValue,a=H.value,o=a.queryMethod||F.remoteMethod;t&&o&&a.enabled?(X.searchLoading=!0,Promise.resolve(o({$select:W,searchValue:l,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{X.searchLoading=!1,s(),f()})):(s(),f())},rt=_xeUtils.default.debounce(it,350,{trailing:!0}),nt=e=>{e=e.$event;e.preventDefault(),X.triggerFocusPanel?X.triggerFocusPanel=!1:X.visiblePanel?p(e):d()},ut=(e,t)=>!!t.disabled||!(!A.value||e),st=()=>{var e=X.scrollYLoad,{scrollYStore:t,afterVisibleList:l}=k;X.bodyHeight=e?l.length*t.rowHeight:0,X.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},ct=()=>{var{filterable:e,allowCreate:t}=F;let{scrollYLoad:l,searchValue:a}=X;var{optAddMaps:o,scrollYStore:i,afterVisibleList:r}=k;let n=v.value;var u=L.value,i=l?r.slice(i.startIndex,i.endIndex):r.slice(0);return e&&t&&a&&(i.some(e=>e[n]===a)||(r=o[a]||(0,_vue.reactive)({[Be()]:a,[n]:a,[u]:a}),o[a]=r,i.unshift(r))),X.optList=i,(0,_vue.nextTick)()},f=()=>{ct(),st()},vt=()=>(0,_vue.nextTick)().then(()=>{var e=X.scrollYLoad,t=k.scrollYStore,l=$.value,a=U.value;let o=0,i;(i=l?i||l.children[0]:i)&&(o=i.offsetHeight),o=Math.max(20,o),t.rowHeight=o,(e?(l=q.value,e=Math.max(8,l?Math.ceil(l.clientHeight/o):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),f):st)()}),dt=(e,t)=>{var l,a,{optFullValMaps:o,scrollYStore:i}=k,o=o[e[L.value]];o&&(e=o.key,-1<(o=o._index))&&(l=q.value,a=R.value)&&(a=a.querySelector(`[optid='${e}']`),l)&&(a?(e=l.offsetHeight,t?Math.ceil(a.offsetTop+a.offsetHeight-l.scrollTop)>=e?l.scrollTop=a.offsetTop+a.offsetHeight-e:(a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight)&&(l.scrollTop=a.offsetTop-1):a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight?l.scrollTop=a.offsetTop-1:a.offsetTop+a.offsetHeight-l.scrollTop>e&&(l.scrollTop=a.offsetTop+a.offsetHeight-e)):l.scrollTop=t?o*i.rowHeight-l.clientHeight+i.rowHeight:o*i.rowHeight)},pt=(e,t)=>{var l=q.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),X.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},ft=()=>{let{lastScrollLeft:e,lastScrollTop:t}=k;return _t().then(()=>{if(e||t)return k.lastScrollLeft=0,k.lastScrollTop=0,pt(e,t)})},gt=()=>G.value?(0,_vue.nextTick)().then(()=>{y(),O()}):Promise.resolve(),h=()=>{var e=z.value;return e&&e.clientWidth&&e.clientHeight?vt().then(()=>gt()):Promise.resolve()},ht=e=>{var t=k.scrollYStore,{startIndex:l,endIndex:a,visibleSize:o,offsetSize:i,rowHeight:r}=t,e=e.target.scrollTop,e=Math.floor(e/r),r=Math.max(0,e-1-i),i=e+o+i;!(e<=l||a-o-1<=e)||l===r&&a===i||(t.startIndex=r,t.endIndex=i,f())},mt=()=>{var e=k.lastScrollTime;return!!(e&&Date.now()<e+250)},bt=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==k.lastScrollLeft,o=l!==k.lastScrollTop;G.value&&O(),k.lastScrollTop=l,k.lastScrollLeft=t,X.scrollYLoad&&ht(e),k.lastScrollTime=Date.now(),u("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:o},e)},i=t=>{(e=>{let t=w.value,l=L.value,a=Be(),o={},i={},r=[],n=e=>{r.push(e);let t=D(e);t||(t=getOptUniqueId(),e[a]=t),i[e[l]]={key:t,item:e,_index:-1}};e.forEach(e=>{n(e),e[t]&&(o[e[a]]=e)[t].forEach(n)}),k.fullData=r,k.optGroupKeyMaps=o,k.optFullValMaps=i,X.reactFlag++,s()})(t||[]);var e=F.multiple,{isLoaded:l,fullData:a,scrollYStore:o}=k,i=V.value,r=U.value;let n=L.value;if(Object.assign(o,{startIndex:0,endIndex:1,visibleSize:0}),k.synchData=t||[],X.scrollYLoad=!!r.enabled&&-1<r.gt&&(0===r.gt||r.gt<=a.length),ct(),!l){o=i.selectMode;if(0<t.length&&_xeUtils.default.eqNull(F.modelValue)){if("all"===o)e?(0,_vue.nextTick)(()=>{Pe(t.map(e=>e[n]))}):errLog("vxe.error.notConflictProp",["default-config.selectMode=all","multiple=true"]);else if("first"===o||"last"===o){let e=_xeUtils.default[o](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(F.modelValue)&&Pe(e[n])})}k.isLoaded=!0}}return vt().then(()=>{ft()})},_t=()=>{var e=q.value;return e&&(e.scrollTop=0,e.scrollLeft=0),k.lastScrollTop=0,(k.lastScrollLeft=0,_vue.nextTick)()},xt=e=>{var t=k.optGroupKeyMaps;return!!t[e]};var Ct={dispatchEvent:u,getScrollViewElem(){return q.value||null},loadData:i,reloadData(e){return k.isLoaded=!1,_t(),i(e)},isPanelVisible(){return X.visiblePanel},togglePanel(){return(X.visiblePanel?p:d)(),(0,_vue.nextTick)()},hidePanel(){return X.visiblePanel&&p(),(0,_vue.nextTick)()},showPanel(){return X.visiblePanel||d(),(0,_vue.nextTick)()},refreshOption(){return s(),f(),(0,_vue.nextTick)()},focus(){var e=K.value;return e&&e.blur(),X.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=K.value;return e&&e.blur(),(X.isActivated=!1,_vue.nextTick)()},recalculate:h,clearScroll:_t};let Et=()=>{var t=G.value;let e=k.scrollObserver;if(t&&!e){var t=z.value,l=ae.value,a=$.value;let e=globalResize.create(()=>{Vt.value++});t&&e.observe(t),l&&e.observe(l),a&&e.observe(a),k.scrollObserver=e}},Tt=(Object.assign(W,Ct),(t,l,e,a)=>{var{showIcon:o,trigger:i}=j.value;return l||!1===o?renderEmptyElement(W):(o={},i&&"default"!==i||(o.onClick=e=>{a||l||P(e,t)}),(0,_vue.h)("div",Object.assign({key:2,class:["vxe-select-option--radio",{"is--checked":e,"is--disabled":a}]},o),[(0,_vue.h)("span",{class:["vxe-radio--icon",e?getIcon().RADIO_CHECKED:a?getIcon().RADIO_DISABLED_UNCHECKED:getIcon().RADIO_UNCHECKED]})]))}),yt=(t,l,e,a)=>{var{showIcon:o,trigger:i}=be.value;return l||!1===o?renderEmptyElement(W):(o={},i&&"default"!==i||(o.onClick=e=>{a||l||P(e,t)}),(0,_vue.h)("div",Object.assign({key:3,class:["vxe-select-option--checkbox",{"is--checked":e,"is--disabled":a}]},o),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?getIcon().CHECKBOX_CHECKED:a?getIcon().CHECKBOX_DISABLED_UNCHECKED:getIcon().CHECKBOX_UNCHECKED]})]))},Ot=e=>{let{allowCreate:g,optionKey:h,multiple:t,showRadio:l,showCheckbox:a}=F,m=X.currentOption,b=k.optAddMaps;var o=N.value;let _=v.value,x=L.value,C=B.value,E=ee.value,T=j.value,y=be.value,{useKey:O,height:V}=o,S=Y.option,I=a&&t,w=l&&!t;return e.map((t,e)=>{var{slots:l,className:a}=t,o=D(t),i=t[x];let r=xt(o);var n=!(!g||!b[o]),u=!n&&-1<E.indexOf(i),s=n||!r||isOptionVisible(t);let c=!n&&ut(u,t);var l=(l?l.default:null)||S,v={option:t,group:r?t:null,$select:W};let d="";var p=[];I?p.push(yt(t,r,u,c)):w&&p.push(Tt(t,r,u,c));let f=[];f=l?Le(l,v):[d=(0,_utils.getFuncText)(t[r?C:_]||i)],p.push((0,_vue.h)("div",{key:1,class:"vxe-select-option--label"},f));l={onMousedown:e=>{0===e.button&&e.stopPropagation()},onMouseenter:()=>{c||r||mt()||Me(t)}};return(I?"option"!==y.trigger:w&&"option"!==T.trigger)||(l.onClick=e=>{c||r||P(e,t)}),s?(0,_vue.h)("div",Object.assign({key:O||h?o:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(v):a:"",{"vxe-select-optgroup":r,"is--disabled":c,"is--selected":u,"is--add":n,"is--hover":m&&D(m)===o}],optid:o,title:d||null,style:V?{height:(0,_dom.toCssUnit)(V)}:void 0},l),g?[(0,_vue.h)("div",{key:1,class:"vxe-select-option--add-label"},p),n?(0,_vue.h)("div",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:getIcon().SELECT_ADD_OPTION})]):renderEmptyElement(W)]:p):renderEmptyElement(W)})};(0,_vue.watch)(()=>X.staticOptions,e=>{i(e)}),(0,_vue.watch)(()=>F.options,e=>{i(e||[])}),(0,_vue.watch)(()=>F.optionGroups,e=>{i(e||[])});let Vt=(0,_vue.ref)(0),r=(0,_vue.ref)(0);return(0,_vue.watch)(G,()=>{(0,_vue.nextTick)(()=>{Et(),(0,_vue.nextTick)(()=>{r.value++})})}),(0,_vue.watch)(e,()=>{r.value++}),(0,_vue.watch)(t,()=>{r.value++}),(0,_vue.watch)(ye,()=>{(0,_vue.nextTick)(()=>{r.value++})}),(0,_vue.watch)(Oe,()=>{(0,_vue.nextTick)(()=>{r.value++})}),(0,_vue.watch)(r,()=>{h().then(()=>{h()})}),(0,_vue.watch)(Vt,()=>{gt().then(()=>{gt()})}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=F;t?i(t):e&&i(e)}),r.value++,globalEvents.on(W,"mousedown",Re),globalEvents.on(W,"keydown",Ge),globalEvents.on(W,"blur",Xe),globalEvents.on(W,"resize",We),globalEvents.on(W,"scroll",Ze)}),(0,_vue.onBeforeUnmount)(()=>{var e=k.scrollObserver;e&&e.disconnect()}),(0,_vue.onUnmounted)(()=>{globalEvents.off(W,"mousedown"),globalEvents.off(W,"keydown"),globalEvents.off(W,"blur"),globalEvents.off(W,"resize"),globalEvents.off(W,"scroll"),_xeUtils.default.assign(X,createReactData()),_xeUtils.default.assign(k,createInternalData())}),(0,_vue.provide)("$xeSelect",W),W.renderVN=()=>{var{className:e,multiple:t,loading:l,filterable:a,showTotalButton:o,showCheckedButton:i,showClearButton:r,showCloseButton:n}=F,{initialized:u,isActivated:s,isAniVisible:c,optList:v,visiblePanel:d,bodyHeight:p,topSpaceHeight:f,xThumbWidth:g,yThumbHeight:h}=X,m=oe.value,b=G.value,_=J.value,x=Te.value,C=Ee.value,E=he.value,T=ge.value,y=me.value,O=Y.default;if(T)return(0,_vue.h)("div",{ref:z,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)("span",{class:"vxe-select-label",title:C},x)]);var T=xe.value,V=ee.value,S=Ce.value,I=Q.value,w=Y.header,k=Y.footer;let L=Y.prefix;var D=I.appendTo,I=I.className||F.popupClassName,P=te.value,B=ye.value,A=Oe.value,U=we.value,H=ke.value,M=Ve.value,N=Se.value,j=Ie.value;return(0,_vue.h)("div",{ref:z,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:W}):e:"",{["size--"+m]:m,"is--visible":d,"is--disabled":_,"is--filter":a,"is--loading":l,"is--active":s}],style:T},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)(_input.default,{ref:K,clearable:F.clearable,placeholder:y,editable:!1,disabled:_,type:"text",prefixIcon:F.prefixIcon,suffixIcon:l?getIcon().SELECT_LOADED:d?getIcon().SELECT_OPEN:getIcon().SELECT_CLOSE,autoFocus:!1,title:C,modelValue:x,onClear:Ye,onClick:et,onFocus:Qe,onBlur:tt,onSuffixClick:lt},L?{prefix:()=>L({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(D),disabled:!E||!u},[(0,_vue.h)("div",{ref:R,class:["vxe-table--ignore-clear vxe-select--panel",I?_xeUtils.default.isFunction(I)?I({$select:W}):I:"",{["size--"+m]:m,"is--transfer":E,"ani--leave":!l&&c,"ani--enter":!l&&d}],placement:X.panelPlacement,style:X.panelStyle},u&&(d||c)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper",style:S},[a?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:le,class:"vxe-select-search--input",modelValue:X.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:getI18n("vxe.select.search"),prefixIcon:getIcon().INPUT_SEARCH,"onUpdate:modelValue":at,onFocus:ot,onChange:rt,onSearch:rt})]):renderEmptyElement(W),i&&t||r||w?(0,_vue.h)("div",{class:"vxe-select--panel-header"},w?Le(w,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[(0,_vue.h)("div",{class:"vxe-select--header-btns"},[i&&t?(0,_vue.h)(_button.default,{content:getI18n("vxe.select.allChecked"),mode:"text",onClick:ze}):renderEmptyElement(W),r?(0,_vue.h)(_button.default,{content:getI18n("vxe.select.clear"),mode:"text",onClick:Ke}):renderEmptyElement(W)])])]):renderEmptyElement(W),(0,_vue.h)("div",{class:["vxe-select--panel-body",b?"ov-x--"+(!1===B?"hidden":"visible"):"",b?"ov-y--"+(!1===A?"hidden":"visible"):"",b?"sx-pos--"+(U?"top":"bottom"):"",b?"sy-pos--"+(H?"left":"right"):"",{"is--virtual-scrollbar":b,"ov-padding":b&&P.padding,"ov-x--auto-hide":b&&M,"ov-y--auto-hide":b&&N,"overflow-y":h,"overflow-x":g}]},[(0,_vue.h)("div",{ref:q,class:"vxe-select-option--wrapper",onScroll:bt},[(0,_vue.h)("div",{ref:ae,class:"vxe-select--y-space",style:{height:p?p+"px":""}}),(0,_vue.h)("div",{ref:$,class:"vxe-select--body",style:{marginTop:f+"px"}},(()=>{var{optList:e,searchLoading:t}=X;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",getIcon().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},getI18n("vxe.select.loadingText"))])]:e.length?Ot(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},F.emptyText||getI18n("vxe.select.emptyText"))]})())]),b?(0,_vue.h)("div",{class:j},[!1===B?renderEmptyElement(W):(0,_vue.h)("div",{ref:ie,class:"vxe-scrollbar--track-x",onClick:se},[(0,_vue.h)("div",{ref:ne,class:"vxe-scrollbar--thumb-x",onPointerdown:ve,onPointermove:de,onPointerup:Z,onPointercancel:Z,onLostpointercapture:Z})]),!1===A?renderEmptyElement(W):(0,_vue.h)("div",{ref:re,class:"vxe-scrollbar--track-y",onClick:ce},[(0,_vue.h)("div",{ref:ue,class:"vxe-scrollbar--thumb-y",onPointerdown:pe,onPointermove:fe,onPointerup:Z,onPointercancel:Z,onLostpointercapture:Z})])]):renderEmptyElement(W)]),k||o||n&&t?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},k?Le(k,{}):[(0,_vue.h)("div",{class:"vxe-select--footer-button"},[o?(0,_vue.h)("div",{class:"vxe-select--total-btns"},getI18n("vxe.select.total",[V.length,v.length])):renderEmptyElement(W),n&&t?(0,_vue.h)("div",{class:"vxe-select--oper-btns"},[(0,_vue.h)(_button.default,{content:getI18n("vxe.select.close"),mode:"text",onClick:qe})]):renderEmptyElement(W)])]):renderEmptyElement(W)])]:[])])])},W},render(){return this.renderVN()}});