vxe-pc-ui 4.20.8 → 4.20.10

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

package/lib/select/style/style.css

@@ -143,6 +143,7 @@
 }
 
 .vxe-select--panel-body {
+  position: relative;
   display: flex;
   flex-direction: row;
   flex-grow: 1;
@@ -375,4 +376,47 @@
 .vxe-select--search-loading,
 .vxe-select--empty-placeholder {
   line-height: var(--vxe-ui-select-current-option-height);
+}
+
+.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--top {
+  padding-top: var(--vxe-ui-scrollbar-x-height);
+}
+.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--bottom {
+  padding-bottom: var(--vxe-ui-scrollbar-x-height);
+}
+.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--left {
+  padding-left: var(--vxe-ui-scrollbar-y-width);
+}
+.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--right {
+  padding-right: var(--vxe-ui-scrollbar-y-width);
+}
+.vxe-select--panel-body.ov-x--hidden > .vxe-select-option--wrapper {
+  overflow-x: hidden;
+}
+.vxe-select--panel-body.ov-y--hidden > .vxe-select-option--wrapper {
+  overflow-y: hidden;
+}
+.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide:hover > .vxe-scrollbar > .vxe-scrollbar--track-x {
+  opacity: 1;
+}
+.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide > .vxe-scrollbar > .vxe-scrollbar--track-x {
+  opacity: 0;
+  transition: opacity 0.8s ease-in-out;
+}
+.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide:hover > .vxe-scrollbar > .vxe-scrollbar--track-y {
+  opacity: 1;
+}
+.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide > .vxe-scrollbar > .vxe-scrollbar--track-y {
+  opacity: 0;
+  transition: opacity 0.8s ease-in-out;
+}
+.vxe-select--panel-body > .vxe-scrollbar {
+  position: unset;
+}
+.vxe-select--panel-body.is--virtual-scrollbar > .vxe-select-option--wrapper {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.vxe-select--panel-body.is--virtual-scrollbar > .vxe-select-option--wrapper::-webkit-scrollbar {
+  display: none;
 }

package/lib/select/style/style.min.css

@@ -1 +1 @@
-.vxe-select,.vxe-select--panel{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--xlarge,.vxe-select.size--xlarge{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-xlarge)}.vxe-select--panel.size--large,.vxe-select.size--large{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-large)}.vxe-select--panel.size--medium,.vxe-select.size--medium{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-mini)}.vxe-select,.vxe-select--panel{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel.size--mini,.vxe-select--panel.size--small,.vxe-select.size--mini,.vxe-select.size--small{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-select{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-select-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{font-size:var(--vxe-ui-select-current-font-size);display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--footer-button,.vxe-select--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-select--total-btns{padding-left:var(--vxe-ui-select-current-padding);flex-grow:1}.vxe-select--oper-btns,.vxe-select--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-select--oper-btns{flex-shrink:0}.vxe-select--footer-button{display:flex;flex-direction:row}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;flex-direction:row;display:flex;padding:0 .6em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select-option--checkbox{padding-right:.4em}.vxe-select-option--checkbox{cursor:pointer}.vxe-select-option--checkbox .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-select-option--checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--checkbox.is--checked,.vxe-select-option--checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon,.vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--hidden{cursor:default}.vxe-select-option--checkbox.is--readonly{cursor:auto}.vxe-select-option--checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-select-option--radio{padding-right:.4em}.vxe-select-option--radio{cursor:pointer}.vxe-select-option--radio .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-select-option--radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--readonly{cursor:auto}.vxe-select-option--radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--radio .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select-option{height:var(--vxe-ui-select-current-option-height)}.vxe-select--empty-placeholder,.vxe-select--search-loading,.vxe-select-option{line-height:var(--vxe-ui-select-current-option-height)}
+.vxe-select,.vxe-select--panel{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--xlarge,.vxe-select.size--xlarge{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-xlarge)}.vxe-select--panel.size--large,.vxe-select.size--large{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-large)}.vxe-select--panel.size--medium,.vxe-select.size--medium{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{--vxe-ui-select-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-select-current-option-height:var(--vxe-ui-select-option-height-mini)}.vxe-select,.vxe-select--panel{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel.size--mini,.vxe-select--panel.size--small,.vxe-select.size--mini,.vxe-select.size--small{--vxe-ui-select-current-padding:var(--vxe-ui-layout-padding-half)}.vxe-select{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-select-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{font-size:var(--vxe-ui-select-current-font-size);display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel.ani--enter>div::after{display:none}.vxe-select--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{display:flex;flex-direction:column;position:relative;max-height:18em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-select--panel-body{position:relative;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-select--header-button{display:flex;flex-direction:row}.vxe-select--footer-button,.vxe-select--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-select--total-btns{padding-left:var(--vxe-ui-select-current-padding);flex-grow:1}.vxe-select--oper-btns,.vxe-select--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-select--oper-btns{flex-shrink:0}.vxe-select--footer-button{display:flex;flex-direction:row}.vxe-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{flex-shrink:0;padding:4px 0}.vxe-select-option--wrapper{flex-grow:1;position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option{position:relative;flex-direction:row;display:flex;padding:0 .6em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-select-option-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select-option--checkbox{padding-right:.4em}.vxe-select-option--checkbox{cursor:pointer}.vxe-select-option--checkbox .vxe-checkbox--icon{font-size:1.22em;transition:all .2s ease-in-out}.vxe-select-option--checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--checkbox.is--checked,.vxe-select-option--checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--checked .vxe-checkbox--icon,.vxe-select-option--checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--checkbox.is--hidden{cursor:default}.vxe-select-option--checkbox.is--readonly{cursor:auto}.vxe-select-option--checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-select-option--radio{padding-right:.4em}.vxe-select-option--radio{cursor:pointer}.vxe-select-option--radio .vxe-radio--icon{font-size:1.26em;transition:all .2s ease-in-out}.vxe-select-option--radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-select-option--radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option--radio.is--readonly{cursor:auto}.vxe-select-option--radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-select-option--radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-select-option--radio .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select-option{height:var(--vxe-ui-select-current-option-height)}.vxe-select--empty-placeholder,.vxe-select--search-loading,.vxe-select-option{line-height:var(--vxe-ui-select-current-option-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--top{padding-top:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-x.sx-pos--bottom{padding-bottom:var(--vxe-ui-scrollbar-x-height)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--left{padding-left:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-padding.overflow-y.sy-pos--right{padding-right:var(--vxe-ui-scrollbar-y-width)}.vxe-select--panel-body.ov-x--hidden>.vxe-select-option--wrapper{overflow-x:hidden}.vxe-select--panel-body.ov-y--hidden>.vxe-select-option--wrapper{overflow-y:hidden}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-x--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-x{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide:hover>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:1}.vxe-select--panel-body.is--virtual-scrollbar.ov-y--auto-hide>.vxe-scrollbar>.vxe-scrollbar--track-y{opacity:0;transition:opacity .8s ease-in-out}.vxe-select--panel-body>.vxe-scrollbar{position:unset}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper{scrollbar-width:none;-ms-overflow-style:none}.vxe-select--panel-body.is--virtual-scrollbar>.vxe-select-option--wrapper::-webkit-scrollbar{display:none}