@transsionfe/semi-ui-vue 0.0.4 → 0.0.6

package/lib/cjs/components/select/Select.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("classnames"),Z=require("@douyinfe/semi-foundation/select/constants"),Ze=require("@douyinfe/semi-foundation/select/foundation"),el=require("@douyinfe/semi-foundation/utils/Event"),ce=require("../popover/Popover.vue.cjs"),ee=require("../input/index.cjs"),W=require("../tag/Tag.vue.cjs"),ll=require("../tag/TagGroup.vue.cjs"),tl=require("../spin/Spin.vue.cjs"),ol=require("../overflowList/OverflowList.vue.cjs");require("../space/index.cjs");const O=require("./Option.vue.cjs"),al=require("./OptionGroup.vue.cjs"),nl=require("./utils.cjs"),rl=require("../icons/icons/IconClear.cjs"),sl=require("../icons/icons/IconSearch.cjs"),ul=require("../icons/icons/IconChevronDown.cjs"),il=require("../space/Space.vue.cjs"),cl=["aria-multiselectable"],pl=["onClick"],dl=["onClick"],vl=["id","name","aria-label","aria-labelledby","aria-describedby"],fl=["id"],ml=e.defineComponent({__name:"Select",props:e.mergeModels({"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-labelledby":{},"aria-required":{type:Boolean},id:{},name:{},autoFocus:{type:Boolean},autoClearSearchValue:{type:Boolean,default:!0},arrowIcon:{default:()=>ul.default},borderless:{type:Boolean,default:!1},clearIcon:{},defaultValue:{},value:{},placeholder:{default:""},multiple:{type:Boolean,default:!1},filter:{type:[Boolean,Function],default:!1},max:{},maxTagCount:{},maxHeight:{default:Z.numbers.LIST_HEIGHT},style:{},className:{},size:{},disabled:{type:Boolean,default:!1},emptyContent:{},expandRestTagsOnClick:{type:Boolean,default:!1},zIndex:{default:1030},position:{},dropdownClassName:{},dropdownStyle:{},dropdownMargin:{},ellipsisTrigger:{type:Boolean,default:!1},optionList:{},dropdownMatchSelectWidth:{type:Boolean,default:!0},loading:{type:Boolean},defaultOpen:{type:Boolean,default:!1},validateStatus:{},defaultActiveFirstOption:{type:Boolean,default:!0},onChangeWithObject:{type:Boolean,default:!1},searchPosition:{default:"trigger"},searchPlaceholder:{},insetLabel:{},insetLabelId:{},inputProps:{},showClear:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},renderSelectedItem:{},renderCreateItem:{},renderOptionItem:{},clickToHide:{type:Boolean},remote:{type:Boolean,default:!1},allowCreate:{type:Boolean,default:!1},triggerRender:{},virtualize:{},preventScroll:{type:Boolean},showRestTagsPopover:{type:Boolean,default:!1},restTagsPopoverProps:{},spacing:{},getPopupContainer:{},motion:{type:Boolean,default:!0},autoAdjustOverflow:{type:Boolean,default:!0},mouseLeaveDelay:{},mouseEnterDelay:{},stopPropagation:{type:Boolean,default:!0},children:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update:value","change","dropdownVisibleChange","search","mouseEnter","mouseLeave","exceed","create","deselect","select","clear","focus","blur","listScroll"],["update:modelValue"]),setup(le,{expose:pe,emit:de}){const s=Z.cssClasses.PREFIX,A=e.useModel(le,"modelValue"),t=le,ve=e.defineComponent({name:"SlotCollector",emits:["collect"],setup(l,{slots:n,emit:o}){return()=>{var u;const r=((u=n.default)==null?void 0:u.call(n))||[];return o("collect",r),null}}}),m=de,h=e.useSlots(),V=e.ref([]),fe=l=>{V.value=l},T=e.ref(),E=e.ref(),x=e.ref(),me=e.ref(),G=e.ref(),K=e.ref(),d=e.ref(t.defaultOpen||!1),C=e.ref(!1),b=e.ref([]),g=e.ref(new Map),y=e.ref(null),p=e.ref(""),k=e.ref(t.defaultActiveFirstOption?0:-1),B=e.ref(!1),L=e.ref(!1),$=e.ref(!1),P=e.ref(!1),w=e.ref(0),j=e.ref(0),R=new el,D=e.ref(null),_=e.computed(()=>A.value!==void 0?A.value:t.value!==void 0?t.value:t.defaultValue),ge={getState:l=>({isOpen:d.value,isFocus:C.value,options:b.value,selections:g.value,dropdownMinWidth:y.value,inputValue:p.value,focusIndex:k.value,isHovering:L.value,showInput:$.value,isFullTags:P.value,overflowItemCount:w.value})[l],getStates:()=>({isOpen:d.value,isFocus:C.value,options:b.value,selections:g.value,dropdownMinWidth:y.value,inputValue:p.value,focusIndex:k.value,isHovering:L.value,showInput:$.value,isFullTags:P.value,overflowItemCount:w.value}),getProp:l=>l==="value"?_.value:t[l],getProps:()=>t,setState:(l,n)=>{l.isOpen!==void 0&&(d.value=l.isOpen),l.isFocus!==void 0&&(C.value=l.isFocus),l.options!==void 0&&(b.value=l.options),l.selections!==void 0&&(g.value=l.selections),l.inputValue!==void 0&&(p.value=l.inputValue),l.focusIndex!==void 0&&(k.value=l.focusIndex),l.isHovering!==void 0&&(L.value=l.isHovering),l.showInput!==void 0&&($.value=l.showInput),l.isFullTags!==void 0&&(P.value=l.isFullTags),l.overflowItemCount!==void 0&&(w.value=l.overflowItemCount),n&&e.nextTick(n)},getContext:l=>null,getContexts:()=>({}),getCache:l=>null,getCaches:()=>({}),setCache:(l,n)=>{},registerKeyDown:l=>{D.value=l},unregisterKeyDown:()=>{D.value=null},updateFocusIndex:l=>{B.value=!0,k.value=l},updateInputValue:l=>{p.value=l},toggleInputShow:(l,n)=>{$.value=l,e.nextTick(()=>n())},focusInput:()=>{e.nextTick(()=>{E.value&&typeof E.value.focus=="function"&&E.value.focus()})},focusDropdownInput:()=>{e.nextTick(()=>{x.value&&typeof x.value.focus=="function"&&x.value.focus()})},notifyMaxLimit:l=>{m("exceed",l)},getMaxLimit:()=>t.max,registerClickOutsideHandler:()=>{},unregisterClickOutsideHandler:()=>{},rePositionDropdown:()=>{},notifyDeselect:(l,n)=>{delete n._parentGroup,m("deselect",l,n)},getOptionsFromChildren:()=>{const l=V.value,{optionList:n}=t;return n&&n.length?n.map((o,r)=>({_show:!0,_selected:!1,_scrollIndex:r,...o})):nl.getOptionsFromGroup(l).options},updateOptions:l=>{if(b.value.length===l.length){let n=!0;for(let o=0;o<l.length;o++){const r=b.value[o],u=l[o];if(r!==u&&((r==null?void 0:r.value)!==(u==null?void 0:u.value)||(r==null?void 0:r.label)!==(u==null?void 0:u.label)||(r==null?void 0:r._show)!==(u==null?void 0:u._show)||(r==null?void 0:r._selected)!==(u==null?void 0:u._selected))){n=!1;break}}if(n)return}b.value=l},openMenu:l=>{d.value=!0,e.nextTick(()=>{requestAnimationFrame(()=>{l==null||l()})})},closeMenu:l=>{d.value=!1,l&&e.nextTick(()=>l())},getTriggerWidth:()=>{var l;return((l=T.value)==null?void 0:l.getBoundingClientRect().width)||0},setOptionWrapperWidth:l=>{if(typeof l=="number"&&l>0)y.value=l;else if(typeof l=="string"){const n=parseFloat(l);!isNaN(n)&&n>0?y.value=n:y.value=l}(typeof l=="number"&&l===0||!l)&&requestAnimationFrame(()=>{e.nextTick(()=>{if(T.value&&t.dropdownMatchSelectWidth){const n=T.value.getBoundingClientRect().width||0;n>0&&(y.value=n)}})})},updateSelection:l=>{g.value=new Map(l)},getSelections:()=>new Map(g.value),updateFocusState:l=>{C.value=l},focusTrigger:()=>{var l;(l=T.value)==null||l.focus()},notifyChange:l=>{A.value=l,m("update:value",l),m("change",l)},notifySelect:(l,n)=>{delete n._parentGroup,m("select",l,n)},notifyDropdownVisibleChange:l=>{m("dropdownVisibleChange",l)},notifySearch:(l,n)=>{m("search",l,n)},notifyCreate:l=>{m("create",l)},notifyMouseEnter:l=>{m("mouseEnter",l)},notifyMouseLeave:l=>{m("mouseLeave",l)},notifyClear:()=>{m("clear")},notifyFocus:l=>{m("focus",l)},notifyBlur:l=>{m("blur",l)},notifyListScroll:l=>{m("listScroll",l)},updateHovering:l=>{L.value=l},updateScrollTop:l=>{let n;"renderOptionItem"in t?(n=`.${s}-option-custom-selected`,l!==void 0&&(n=`.${s}-option-custom:nth-child(${l+1})`)):(n=`.${s}-option-selected`,l!==void 0&&(n=`.${s}-option:nth-child(${l+1})`));const o=G.value;if(!o)return;const r=o.querySelector(n);if(r){const u=r.parentNode;u&&(u.scrollTop=r.offsetTop-u.offsetTop-u.clientHeight/2+r.clientHeight/2)}},updateOverflowItemCount:l=>{w.value=l},getContainer:()=>G.value,getFocusableElements:l=>{if(!l)return[];const n=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");return Array.from(l.querySelectorAll(n))},getActiveElement:()=>document.activeElement,setIsFocusInContainer:l=>{C.value=l},getIsFocusInContainer:()=>C.value,on:(l,n)=>{R.on(l,n)},off:l=>{R.off(l)},emit:l=>{R.emit(l)},once:(l,n)=>{R.once(l,n)},stopPropagation:()=>{},persistEvent:()=>{}},a=new Ze(ge),q=e.ref(!1);e.onMounted(()=>{t.optionList&&t.optionList.length>0&&(a.init(),q.value=!0,e.nextTick(()=>{_.value!==void 0&&(a==null||a.handleValueChange(_.value))}))}),e.watch(V,()=>{!q.value&&V.value.length>0&&e.nextTick(()=>{a.init(),q.value=!0,e.nextTick(()=>{_.value!==void 0&&(a==null||a.handleValueChange(_.value))})})},{immediate:!0}),e.onUnmounted(()=>{a==null||a.destroy()}),e.watch(()=>_.value,(l,n)=>{q.value&&l!==n&&(a==null||a.handleValueChange(l))},{deep:!0}),e.watch(()=>t.optionList,()=>{a==null||a.handleOptionListChange(),e.nextTick(()=>{"value"in t?a==null||a.handleValueChange(t.value):a==null||a.handleOptionListChangeHadDefaultValue()})},{deep:!0});let U=[];const te=l=>{const n=[];return l.forEach(o=>{if(o)if(o.type===e.Fragment){const r=Array.isArray(o.children)?o.children:[];n.push(...te(r))}else o.type&&typeof o.type=="object"&&n.push(o)}),n};e.onUpdated(()=>{if(!t.optionList||t.optionList.length===0){const n=te(V.value).map(r=>{var u;return r.key||((u=r.props)==null?void 0:u.value)});let o=n.length!==U.length;if(!o){for(let r=0;r<n.length;r++)if(n[r]!==U[r]){o=!0;break}}o&&(U=n,a==null||a.handleOptionListChange(),e.nextTick(()=>{_.value!==void 0?a==null||a.handleValueChange(_.value):a==null||a.handleOptionListChangeHadDefaultValue()}))}});const oe=e.computed(()=>typeof t.triggerRender=="function"),he=e.computed(()=>oe.value?S(t.className):S(s,t.className,{[`${s}-borderless`]:t.borderless,[`${s}-open`]:d.value,[`${s}-focus`]:C.value,[`${s}-disabled`]:t.disabled,[`${s}-single`]:!t.multiple,[`${s}-multiple`]:t.multiple,[`${s}-filterable`]:!!t.filter,[`${s}-small`]:t.size==="small",[`${s}-large`]:t.size==="large",[`${s}-error`]:t.validateStatus==="error",[`${s}-warning`]:t.validateStatus==="warning",[`${s}-no-arrow`]:!t.showArrow,[`${s}-with-prefix`]:h.prefix||t.insetLabel,[`${s}-with-suffix`]:h.suffix})),ye=e.computed(()=>{const l=h.prefix||t.insetLabel,n=typeof l=="string";return S({[`${s}-prefix`]:!0,[`${s}-inset-label`]:t.insetLabel,[`${s}-prefix-text`]:l&&n,[`${s}-prefix-icon`]:l&&!n})}),J=e.computed(()=>t.size==="small"?"small":"large"),v=e.computed(()=>Array.from(g.value.values())),i=e.computed(()=>b.value.filter(l=>l._show)),I=e.computed(()=>{var l;return((l=t.virtualize)==null?void 0:l.itemSize)||32}),Y=e.computed(()=>{var l;return((l=t.virtualize)==null?void 0:l.height)||Z.numbers.LIST_HEIGHT}),ke=e.computed(()=>{var l;return((l=t.virtualize)==null?void 0:l.width)||"100%"}),Ce=e.computed(()=>i.value.length*I.value),be=e.computed(()=>Math.ceil(Y.value/I.value)+2),X=e.computed(()=>{const l=Math.floor(j.value/I.value);return Math.max(0,l-1)}),Be=e.computed(()=>Math.min(i.value.length,X.value+be.value)),we=e.computed(()=>{const l=[];for(let n=X.value;n<Be.value;n++)l.push(n);return l}),_e=e.computed(()=>X.value*I.value);function ae(l){return typeof l.label=="string"||typeof l.label=="number"?String(l.label):`group-${JSON.stringify(l.label)}`}const ne=e.computed(()=>{const l=[],n=new Set;return i.value.forEach(o=>{let r=!1,u;if(o._parentGroup){const c=ae(o._parentGroup);if(!n.has(c)){r=!0;const{key:f,ref:M,...Qe}=o._parentGroup;u=Qe,n.add(c)}}l.push({option:o,showGroupLabel:r,groupLabel:u})}),l}),re=e.computed(()=>t.allowCreate?!0:!t.filter||t.searchPosition!=="trigger"?!1:t.multiple?!0:$.value||d.value),se=e.computed(()=>t.showClear&&(g.value.size>0||p.value)&&!t.disabled&&(L.value||d.value)),Ie=e.computed(()=>{const l=t.searchPosition==="trigger",o=v.value.length>0?v.value[0].label:"";return S({[`${s}-selection-text`]:!0,[`${s}-selection-placeholder`]:!o&&o!==0,[`${s}-selection-text-hide`]:p.value&&$.value&&l,[`${s}-selection-text-inactive`]:!p.value&&$.value&&l})}),Se=e.computed(()=>{const l={...t.dropdownStyle};if(y.value){const n=typeof y.value=="number"?`${y.value}px`:y.value;l.minWidth=n}return l}),Te=e.computed(()=>{const l=!b.value.length||!b.value.some(n=>n._show);return S({[`${s}-option-list-wrapper`]:!(l&&t.emptyContent===null)},t.dropdownClassName)}),xe=e.computed(()=>{const l={};return t.maxHeight&&(l.maxHeight=typeof t.maxHeight=="number"?`${t.maxHeight}px`:t.maxHeight),l}),$e=e.computed(()=>S({[`${s}-option-list`]:!0,[`${s}-option-list-chosen`]:g.value.size>0})),ze=e.computed(()=>S(`${s}-dropdown-input`,{[`${s}-dropdown-input-multiple`]:t.multiple,[`${s}-dropdown-input-single`]:!t.multiple})),Ve=e.computed(()=>S(`${s}-content-wrapper`,{[`${s}-content-wrapper-one-line`]:t.maxTagCount&&!d.value,[`${s}-content-wrapper-empty`]:!v.value.length})),Ee=e.computed(()=>!t.maxTagCount||t.showRestTagsPopover?v.value:v.value.slice(0,t.maxTagCount)),ue=e.computed(()=>{if(t.maxTagCount)return t.maxTagCount}),Le=e.computed(()=>{if(t.maxTagCount&&!t.showRestTagsPopover)return v.value.length-t.maxTagCount}),Ne=e.computed(()=>{if(!t.triggerRender||typeof t.triggerRender!="function")return null;const l={value:v.value,inputValue:p.value,onSearch:o=>{a==null||a.handleInputChange(o,{})},onChange:o=>{a==null||a.handleInputChange(o,{})},onRemove:o=>{a==null||a.removeTag({label:o.label,value:o.value})},onClear:o=>{a==null||a.handleClearClick(o)},disabled:t.disabled,placeholder:t.placeholder,componentProps:{...t}};return t.triggerRender(l)});function N(l,n,o=!1){const r=l.disabled||t.disabled,u=(c,f)=>{f&&typeof f.preventDefault=="function"&&f.preventDefault(),a==null||a.removeTag({label:l.label,value:l.value})};if(typeof t.renderSelectedItem=="function"){const c=t.renderSelectedItem(l,{index:n,disabled:r,onClose:u});if(c&&typeof c=="object"&&"isRenderInTag"in c){const{isRenderInTag:f,content:M}=c;return f?e.h(W.default,{closable:!r,disabled:r,color:"white",size:J.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>M}):M}return e.h(W.default,{closable:!r,disabled:r,color:"white",size:J.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>c})}return e.h(W.default,{closable:!r,disabled:r,color:"white",size:J.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>l.label})}function Fe(l,n){const o=e.h(W.default,{closable:!1,size:t.size||"large",color:"grey",class:`${s}-content-wrapper-collapse-tag`,key:`_+${l}`,style:{marginRight:0,flexShrink:0}},{default:()=>`+${l}`});return t.showRestTagsPopover?e.h(ce.default,{showArrow:!0,trigger:"hover",position:"top",autoAdjustOverflow:!0,...t.restTagsPopoverProps,key:`_+${l}_Popover`},{default:()=>o,content:()=>e.h(il.default,{spacing:2,wrap:!0,style:{maxWidth:"400px"}},{default:()=>n.map((r,u)=>N(r,u))})}):o}function Me(l,n){return l.length&&l[0]?N(l[0],n,!0):null}function Oe(l){const{maxTagCount:n}=t,o=g.value.size-(n||0)>0?g.value.size-(n||0)+l.length-1:l.length-1;w.value!==o&&(a==null||a.updateOverflowItemCount(g.value.size,o))}function Pe(l,n){const o=l.map(c=>({label:c.label,option:c})),r=typeof n=="number"?o.slice(0,n):o,u=[e.h(ol.default,{items:r,key:String(l.length),itemKey:c=>{var f;return((f=c.option)==null?void 0:f.value)||c.label},renderMode:"collapse",collapseFrom:"end",overflowRenderer:c=>{var f;return c.length>0&&((f=c[0])!=null&&f.option)?Me([c[0].option],(n||0)-1):null},onOverflow:c=>{const f=c.map(M=>M.option).filter(Boolean);Oe(f)},visibleItemRenderer:(c,f)=>N(c.option,f),style:{display:"flex",flexWrap:"nowrap",alignItems:"center",width:"100%",minWidth:0}})];if(w.value>0){const c=l.slice(l.length-w.value);u.push(Fe(w.value,c))}return e.h("div",{class:`${s}-content-wrapper-collapse`,style:{display:"flex",flexWrap:"nowrap",alignItems:"center",overflow:"hidden",width:"100%",minWidth:0}},u)}function Re(l){t.disabled||a==null||a.handleClick(l)}function z(l,n){const o=b.value.findIndex(r=>r.value===l.value);a==null||a.onSelect(l,o>=0?o:0,n)}function De(l){l.stopPropagation(),a==null||a.handleClearClick(l)}function Q(l){const o=l.target.value;a==null||a.handleInputChange(o,l)}function F(l){D.value&&D.value(l)}function qe(l){C.value=!0,a==null||a.handleTriggerFocus(l)}function He(l){C.value=!1,a==null||a.handleTriggerBlur(l)}function We(l){t.multiple&&t.filter&&(C.value=!0),l.stopPropagation()}function ie(l){a==null||a.handleInputBlur(l)}function Ae(l){a==null||a.handleMouseEnter(l)}function Ge(l){a==null||a.handleMouseLeave(l)}function H(l){B.value=!0,k.value=l}function Ke(l){a==null||a.handleListScroll(l)}function je(l){d.value=l,l?(t.virtualize&&(j.value=0),t.dropdownMatchSelectWidth&&T.value&&requestAnimationFrame(()=>{e.nextTick(()=>{var o;const n=((o=T.value)==null?void 0:o.getBoundingClientRect().width)||0;n>0&&(y.value=n)})}),t.searchPosition==="dropdown"&&t.filter&&e.nextTick(()=>{x.value&&typeof x.value.focus=="function"&&x.value.focus()}),t.virtualize&&g.value.size>0&&e.nextTick(()=>{Ue()})):(B.value=!1,P.value=!1,t.ellipsisTrigger||(w.value=0)),m("dropdownVisibleChange",l)}function Ue(){if(!t.virtualize||!K.value)return;let l=-1;if(g.value.forEach(n=>{const o=n._scrollIndex;typeof o=="number"&&o>=0&&(l=l!==-1&&l<o?l:o)}),l!==-1){const n=l*I.value-Y.value/2;K.value.scrollTop=Math.max(0,n)}}function Je(){a==null||a.handlePopoverClose()}function Ye(l){d.value&&!t.disabled&&(a==null||a.close())}function Xe(l){const n=l.target;j.value=n.scrollTop}return pe({clearInput:()=>{p.value=""},selectAll:()=>{a==null||a.selectAll()},deselectAll:()=>{a==null||a.handleClearClick({})},focus:()=>{a==null||a.focus()},close:()=>{a==null||a.close()},open:()=>{a==null||a.open()},search:(l,n)=>{a==null||a.handleInputChange(l,n||{})}}),(l,n)=>(e.openBlock(),e.createBlock(e.unref(ce.default),{visible:d.value,"onUpdate:visible":n[0]||(n[0]=o=>d.value=o),trigger:"custom",position:t.position||"bottomLeft","z-index":t.zIndex,"get-popup-container":t.getPopupContainer,motion:t.motion,"auto-adjust-overflow":t.autoAdjustOverflow,spacing:t.spacing,margin:t.dropdownMargin,"stop-propagation":t.stopPropagation,"mouse-enter-delay":t.mouseEnterDelay,"mouse-leave-delay":t.mouseLeaveDelay,"after-close":Je,"wrapper-class-name":`${e.unref(s)}-dropdown`,"disable-focus-listener":!0,onVisibleChange:je,onClickOutSide:Ye},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"optionsContainerRef",ref:me,class:e.normalizeClass(Te.value),style:e.normalizeStyle(Se.value),onKeydown:F},[e.unref(h).outerTopSlot?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s)}-option-list-outer-top-slot`)},[e.renderSlot(l.$slots,"outerTopSlot")],2)):e.createCommentVNode("",!0),t.filter&&t.searchPosition==="dropdown"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s)}-dropdown-search-wrapper`)},[e.createVNode(e.unref(ee.Input),{ref_key:"dropdownInputRef",ref:x,value:p.value,class:e.normalizeClass(ze.value),placeholder:t.searchPlaceholder||"搜索","show-clear":"",onInput:Q,onKeyDown:F},{prefix:e.withCtx(()=>[e.createVNode(e.unref(sl.default))]),_:1},8,["value","class","placeholder"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"optionsRef",ref:G,class:e.normalizeClass($e.value),style:e.normalizeStyle(xe.value),role:"listbox","aria-multiselectable":t.multiple,onScroll:Ke},[e.unref(h).innerTopSlot?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s)}-option-list-inner-top-slot`)},[e.renderSlot(l.$slots,"innerTopSlot")],2)):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(e.unref(tl.default),{key:1})):t.virtualize&&i.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"virtualContainerRef",ref:K,style:e.normalizeStyle({height:`${Y.value}px`,width:ke.value,overflow:"auto",position:"relative"}),onScroll:Xe},[e.createElementVNode("div",{style:e.normalizeStyle({height:`${Ce.value}px`,position:"relative"})},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`translateY(${_e.value}px)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(we.value,o=>{var r;return e.openBlock(),e.createElementBlock(e.Fragment,{key:((r=i.value[o])==null?void 0:r.value)||o},[i.value[o]&&i.value[o]._inputCreateOnly?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.renderCreateItem?(e.openBlock(),e.createElementBlock("div",{key:1,role:"button","aria-label":"Use the input box to create an optional item",style:e.normalizeStyle({height:`${I.value}px`}),onClick:u=>z(i.value[o],u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderCreateItem(i.value[o].value,B.value&&k.value===o,i.value[o].style))))],12,pl)):(e.openBlock(),e.createBlock(O.default,{key:0,value:i.value[o].value,label:i.value[o].label,disabled:i.value[o].disabled,selected:i.value[o]._selected,focused:B.value&&k.value===o,"show-tick":"","class-name":i.value[o].className,style:e.normalizeStyle({height:`${I.value}px`,...i.value[o].style}),onSelect:z,onMouseenter:()=>H(o)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(s)}-create-tips`)},"创建",2),e.createTextVNode(" "+e.toDisplayString(i.value[o].value),1)]),_:2},1032,["value","label","disabled","selected","focused","class-name","style","onMouseenter"]))],64)):i.value[o]?(e.openBlock(),e.createBlock(O.default,{key:1,value:i.value[o].value,label:i.value[o].label,disabled:i.value[o].disabled,children:i.value[o].children,selected:i.value[o]._selected,focused:B.value&&k.value===o,"show-tick":"","render-option-item":t.renderOptionItem,"input-value":p.value,"class-name":i.value[o].className,style:e.normalizeStyle({height:`${I.value}px`,...i.value[o].style}),onSelect:z,onMouseenter:()=>H(o)},null,8,["value","label","disabled","children","selected","focused","render-option-item","input-value","class-name","style","onMouseenter"])):e.createCommentVNode("",!0)],64)}),128))],4)],4)],36)):ne.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(ne.value,(o,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.option._keyInJsx||o.option.value},[o.showGroupLabel&&o.groupLabel?(e.openBlock(),e.createBlock(al.default,{key:ae(o.groupLabel),label:o.groupLabel.label,"class-name":o.groupLabel.className,style:e.normalizeStyle(o.groupLabel.style)},null,8,["label","class-name","style"])):e.createCommentVNode("",!0),o.option._inputCreateOnly?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.renderCreateItem?(e.openBlock(),e.createElementBlock("div",{key:1,role:"button","aria-label":"Use the input box to create an optional item",onClick:u=>z(o.option,u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderCreateItem(o.option.value,B.value&&k.value===r,o.option.style))))],8,dl)):(e.openBlock(),e.createBlock(O.default,{key:0,value:o.option.value,label:o.option.label,disabled:o.option.disabled,selected:o.option._selected,focused:B.value&&k.value===r,"show-tick":"","class-name":o.option.className,style:e.normalizeStyle(o.option.style),onSelect:z,onMouseenter:()=>H(r)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(s)}-create-tips`)},"创建",2),e.createTextVNode(" "+e.toDisplayString(o.option.value),1)]),_:2},1032,["value","label","disabled","selected","focused","class-name","style","onMouseenter"]))],64)):(e.openBlock(),e.createBlock(O.default,{key:2,value:o.option.value,label:o.option.label,disabled:o.option.disabled,children:o.option.children,selected:o.option._selected,focused:B.value&&k.value===r,"show-tick":"","render-option-item":t.renderOptionItem,"input-value":p.value,"class-name":o.option.className,style:e.normalizeStyle(o.option.style),onSelect:z,onMouseenter:()=>H(r)},null,8,["value","label","disabled","children","selected","focused","render-option-item","input-value","class-name","style","onMouseenter"]))],64))),128)):(e.openBlock(),e.createBlock(O.default,{key:4,empty:"","empty-content":t.emptyContent},null,8,["empty-content"])),e.unref(h).innerBottomSlot?(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(`${e.unref(s)}-option-list-inner-bottom-slot`)},[e.renderSlot(l.$slots,"innerBottomSlot")],2)):e.createCommentVNode("",!0)],46,cl),e.unref(h).outerBottomSlot?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(s)}-option-list-outer-bottom-slot`)},[e.renderSlot(l.$slots,"outerBottomSlot")],2)):e.createCommentVNode("",!0)],38)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:t.id,ref_key:"triggerRef",ref:T,name:t.name,class:e.normalizeClass(he.value),style:e.normalizeStyle(t.style),tabindex:"0","aria-label":l.$attrs["aria-label"]||void 0,"aria-labelledby":t["aria-labelledby"],"aria-describedby":t["aria-describedby"],onClick:Re,onKeydown:F,onFocus:qe,onBlur:He,onMouseenter:Ae,onMouseleave:Ge},[oe.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Ne.value),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(h).prefix||t.insetLabel?(e.openBlock(),e.createElementBlock("div",{key:0,id:t.insetLabelId,class:e.normalizeClass(ye.value)},[e.unref(h).prefix?e.renderSlot(l.$slots,"prefix",{key:0}):t.insetLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.insetLabel),1)],64)):e.createCommentVNode("",!0)],10,fl)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s)}-selection`)},[e.createElementVNode("div",{class:e.normalizeClass(Ve.value),style:e.normalizeStyle(t.ellipsisTrigger?{width:"100%",minWidth:0}:void 0)},[t.multiple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[v.value.length>0&&(!t.maxTagCount||t.expandRestTagsOnClick&&d.value)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(v.value,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o,r)),{key:o.value}))),128)):v.value.length>0&&t.ellipsisTrigger?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Pe(v.value,ue.value)),{key:1})):v.value.length>0&&t.maxTagCount&&!(t.expandRestTagsOnClick&&d.value)&&!t.ellipsisTrigger?(e.openBlock(),e.createBlock(e.unref(ll.default),{key:2,"max-tag-count":ue.value,"rest-count":Le.value,"show-popover":t.showRestTagsPopover,"popover-props":t.restTagsPopoverProps,size:"large"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ee.value,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o,r)),{key:o.value}))),128))]),_:1},8,["max-tag-count","rest-count","show-popover","popover-props"])):p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass([`${e.unref(s)}-selection-text`,`${e.unref(s)}-selection-placeholder`])},e.toDisplayString(t.placeholder),3)),re.value?(e.openBlock(),e.createBlock(e.unref(ee.Input),{key:4,ref_key:"inputRef",ref:E,value:p.value,class:e.normalizeClass(`${e.unref(s)}-input ${e.unref(s)}-input-multiple`),style:e.normalizeStyle(t.multiple&&p.value?{width:`${p.value.length*16}px`}:t.multiple&&t.allowCreate&&!p.value?{width:"100px"}:{width:"2px"}),size:t.size,disabled:t.disabled,borderless:"",onInput:Q,onKeyDown:F,onFocus:We,onBlur:ie},null,8,["value","class","style","size","disabled"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(Ie.value)},[v.value.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[typeof t.renderSelectedItem=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderSelectedItem(v.value[0])),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(v.value[0].label),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.placeholder),1)],64))],2),re.value?(e.openBlock(),e.createBlock(e.unref(ee.Input),{key:0,ref_key:"inputRef",ref:E,value:p.value,class:e.normalizeClass(`${e.unref(s)}-input ${e.unref(s)}-input-single`),size:t.size,disabled:t.disabled,borderless:"",onInput:Q,onKeyDown:F,onBlur:ie},null,8,["value","class","size","disabled"])):e.createCommentVNode("",!0)],64))],6)],2),e.unref(h).suffix||se.value||t.showArrow?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s)}-suffix`)},[e.unref(h).suffix?e.renderSlot(l.$slots,"suffix",{key:0}):e.createCommentVNode("",!0),se.value?(e.openBlock(),e.createBlock(e.unref(rl.default),{key:1,class:e.normalizeClass(`${e.unref(s)}-clear`),onClick:e.withModifiers(De,["stop"])},null,8,["class"])):t.showArrow?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([`${e.unref(s)}-arrow`,{[`${e.unref(s)}-arrow-open`]:d.value}])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.arrowIcon)))],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64))],46,vl),!t.optionList||t.optionList.length===0?(e.openBlock(),e.createBlock(e.unref(ve),{key:0,onCollect:fe},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3})):e.createCommentVNode("",!0)]),_:3},8,["visible","position","z-index","get-popup-container","motion","auto-adjust-overflow","spacing","margin","stop-propagation","mouse-enter-delay","mouse-leave-delay","wrapper-class-name"]))}});exports.default=ml;
-//# sourceMappingURL=Select.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("classnames"),le=require("@douyinfe/semi-foundation/select/constants"),lt=require("@douyinfe/semi-foundation/select/foundation"),ot=require("@douyinfe/semi-foundation/utils/Event"),fe=require("../popover/Popover.vue.cjs");require("../popover/popover.css");const oe=require("../input/index.cjs"),D=require("../tag/Tag.vue.cjs"),at=require("../tag/TagGroup.vue.cjs");require("../tag/tag.css");const nt=require("../spin/Spin.vue.cjs");require("../spin/spin.css");const rt=require("../overflowList/OverflowList.vue.cjs");require("../space/index.cjs");const q=require("./Option.vue.cjs"),st=require("./OptionGroup.vue.cjs"),ut=require("./utils.cjs"),it=require("../input/context.cjs"),ct=require("../icons/icons/IconClear.vue.cjs"),pt=require("../icons/icons/IconSearch.vue.cjs"),dt=require("../icons/icons/IconChevronDown.vue.cjs"),vt=require("../space/Space.vue.cjs"),ft=["aria-multiselectable"],mt=["onClick"],gt=["onClick"],ht=["id","name","aria-label","aria-labelledby","aria-describedby"],yt=["id"],kt=e.defineComponent({__name:"Select",props:e.mergeModels({"aria-describedby":{},"aria-errormessage":{},"aria-invalid":{type:Boolean},"aria-labelledby":{},"aria-required":{type:Boolean},id:{},name:{},autoFocus:{type:Boolean},autoClearSearchValue:{type:Boolean,default:!0},arrowIcon:{default:()=>dt.default},borderless:{type:Boolean,default:!1},clearIcon:{},defaultValue:{},value:{},placeholder:{default:""},multiple:{type:Boolean,default:!1},filter:{type:[Boolean,Function],default:!1},max:{},maxTagCount:{},maxHeight:{default:le.numbers.LIST_HEIGHT},style:{},className:{},size:{},disabled:{type:Boolean,default:!1},emptyContent:{},expandRestTagsOnClick:{type:Boolean,default:!1},zIndex:{default:1030},position:{},dropdownClassName:{},dropdownStyle:{},dropdownMargin:{},ellipsisTrigger:{type:Boolean,default:!1},optionList:{},dropdownMatchSelectWidth:{type:Boolean,default:!0},loading:{type:Boolean},defaultOpen:{type:Boolean,default:!1},validateStatus:{},defaultActiveFirstOption:{type:Boolean,default:!0},onChangeWithObject:{type:Boolean,default:!1},searchPosition:{default:"trigger"},searchPlaceholder:{},insetLabel:{},insetLabelId:{},inputProps:{},showClear:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},renderSelectedItem:{},renderCreateItem:{},renderOptionItem:{},clickToHide:{type:Boolean},remote:{type:Boolean,default:!1},allowCreate:{type:Boolean,default:!1},triggerRender:{},virtualize:{},preventScroll:{type:Boolean},showRestTagsPopover:{type:Boolean,default:!1},restTagsPopoverProps:{},spacing:{},getPopupContainer:{},motion:{type:Boolean,default:!0},autoAdjustOverflow:{type:Boolean,default:!0},mouseLeaveDelay:{},mouseEnterDelay:{},stopPropagation:{type:Boolean,default:!0},children:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update:value","change","dropdownVisibleChange","search","mouseEnter","mouseLeave","exceed","create","deselect","select","clear","focus","blur","listScroll"],["update:modelValue"]),setup(ae,{expose:me,emit:ge}){const s=le.cssClasses.PREFIX,U=e.useModel(ae,"modelValue"),l=ae,he=e.defineComponent({name:"SlotCollector",emits:["collect"],setup(t,{slots:n,emit:o}){return()=>{var u;const r=((u=n.default)==null?void 0:u.call(n))||[];return o("collect",r),null}}}),f=ge,g=e.useSlots(),ne=it.useInputGroup(),E=e.computed(()=>{var t;return(t=ne.inputGroup)!=null&&t.size?ne.inputGroup.size:l.size||"default"}),N=e.ref([]),ye=t=>{N.value=t},$=e.ref(),F=e.ref(),z=e.ref(),ke=e.ref(),J=e.ref(),Y=e.ref(),v=e.ref(l.defaultOpen||!1),B=e.ref(!1),_=e.ref([]),h=e.ref(new Map),C=e.ref(null),p=e.ref(""),b=e.ref(l.defaultActiveFirstOption?0:-1),w=e.ref(!1),M=e.ref(!1),V=e.ref(!1),H=e.ref(!1),I=e.ref(0),X=e.ref(0),A=new ot,W=e.ref(null),S=e.computed(()=>U.value!==void 0?U.value:l.value!==void 0?l.value:l.defaultValue),Ce={getState:t=>({isOpen:v.value,isFocus:B.value,options:_.value,selections:h.value,dropdownMinWidth:C.value,inputValue:p.value,focusIndex:b.value,isHovering:M.value,showInput:V.value,isFullTags:H.value,overflowItemCount:I.value})[t],getStates:()=>({isOpen:v.value,isFocus:B.value,options:_.value,selections:h.value,dropdownMinWidth:C.value,inputValue:p.value,focusIndex:b.value,isHovering:M.value,showInput:V.value,isFullTags:H.value,overflowItemCount:I.value}),getProp:t=>t==="value"?S.value:l[t],getProps:()=>l,setState:(t,n)=>{t.isOpen!==void 0&&(v.value=t.isOpen),t.isFocus!==void 0&&(B.value=t.isFocus),t.options!==void 0&&(_.value=t.options),t.selections!==void 0&&(h.value=t.selections),t.inputValue!==void 0&&(p.value=t.inputValue),t.focusIndex!==void 0&&(b.value=t.focusIndex),t.isHovering!==void 0&&(M.value=t.isHovering),t.showInput!==void 0&&(V.value=t.showInput),t.isFullTags!==void 0&&(H.value=t.isFullTags),t.overflowItemCount!==void 0&&(I.value=t.overflowItemCount),n&&e.nextTick(n)},getContext:t=>null,getContexts:()=>({}),getCache:t=>null,getCaches:()=>({}),setCache:(t,n)=>{},registerKeyDown:t=>{W.value=t},unregisterKeyDown:()=>{W.value=null},updateFocusIndex:t=>{w.value=!0,b.value=t},updateInputValue:t=>{p.value=t},toggleInputShow:(t,n)=>{V.value=t,e.nextTick(()=>n())},focusInput:()=>{e.nextTick(()=>{F.value&&typeof F.value.focus=="function"&&F.value.focus()})},focusDropdownInput:()=>{e.nextTick(()=>{z.value&&typeof z.value.focus=="function"&&z.value.focus()})},notifyMaxLimit:t=>{f("exceed",t)},getMaxLimit:()=>l.max,registerClickOutsideHandler:()=>{},unregisterClickOutsideHandler:()=>{},rePositionDropdown:()=>{},notifyDeselect:(t,n)=>{delete n._parentGroup,f("deselect",t,n)},getOptionsFromChildren:()=>{const t=N.value,{optionList:n}=l;return n&&n.length?n.map((o,r)=>({_show:!0,_selected:!1,_scrollIndex:r,...o})):ut.getOptionsFromGroup(t).options},updateOptions:t=>{if(_.value.length===t.length){let n=!0;for(let o=0;o<t.length;o++){const r=_.value[o],u=t[o];if(r!==u&&((r==null?void 0:r.value)!==(u==null?void 0:u.value)||(r==null?void 0:r.label)!==(u==null?void 0:u.label)||(r==null?void 0:r._show)!==(u==null?void 0:u._show)||(r==null?void 0:r._selected)!==(u==null?void 0:u._selected))){n=!1;break}}if(n)return}_.value=t},openMenu:t=>{v.value=!0,e.nextTick(()=>{requestAnimationFrame(()=>{t==null||t()})})},closeMenu:t=>{v.value=!1,t&&e.nextTick(()=>t())},getTriggerWidth:()=>{var t;return((t=$.value)==null?void 0:t.getBoundingClientRect().width)||0},setOptionWrapperWidth:t=>{if(typeof t=="number"&&t>0)C.value=t;else if(typeof t=="string"){const n=parseFloat(t);!isNaN(n)&&n>0?C.value=n:C.value=t}(typeof t=="number"&&t===0||!t)&&requestAnimationFrame(()=>{e.nextTick(()=>{if($.value&&l.dropdownMatchSelectWidth){const n=$.value.getBoundingClientRect().width||0;n>0&&(C.value=n)}})})},updateSelection:t=>{h.value=new Map(t)},getSelections:()=>new Map(h.value),updateFocusState:t=>{B.value=t},focusTrigger:()=>{var t;(t=$.value)==null||t.focus()},notifyChange:t=>{U.value=t,f("update:value",t),f("change",t)},notifySelect:(t,n)=>{delete n._parentGroup,f("select",t,n)},notifyDropdownVisibleChange:t=>{f("dropdownVisibleChange",t)},notifySearch:(t,n)=>{f("search",t,n)},notifyCreate:t=>{f("create",t)},notifyMouseEnter:t=>{f("mouseEnter",t)},notifyMouseLeave:t=>{f("mouseLeave",t)},notifyClear:()=>{f("clear")},notifyFocus:t=>{f("focus",t)},notifyBlur:t=>{f("blur",t)},notifyListScroll:t=>{f("listScroll",t)},updateHovering:t=>{M.value=t},updateScrollTop:t=>{let n;"renderOptionItem"in l?(n=`.${s}-option-custom-selected`,t!==void 0&&(n=`.${s}-option-custom:nth-child(${t+1})`)):(n=`.${s}-option-selected`,t!==void 0&&(n=`.${s}-option:nth-child(${t+1})`));const o=J.value;if(!o)return;const r=o.querySelector(n);if(r){const u=r.parentNode;u&&(u.scrollTop=r.offsetTop-u.offsetTop-u.clientHeight/2+r.clientHeight/2)}},updateOverflowItemCount:t=>{I.value=t},getContainer:()=>J.value,getFocusableElements:t=>{if(!t)return[];const n=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");return Array.from(t.querySelectorAll(n))},getActiveElement:()=>document.activeElement,setIsFocusInContainer:t=>{B.value=t},getIsFocusInContainer:()=>B.value,on:(t,n)=>{A.on(t,n)},off:t=>{A.off(t)},emit:t=>{A.emit(t)},once:(t,n)=>{A.once(t,n)},stopPropagation:()=>{},persistEvent:()=>{}},a=new lt(Ce),G=e.ref(!1);e.onMounted(()=>{l.optionList&&l.optionList.length>0&&(a.init(),G.value=!0,e.nextTick(()=>{S.value!==void 0&&(a==null||a.handleValueChange(S.value))}))}),e.watch(N,()=>{!G.value&&N.value.length>0&&e.nextTick(()=>{a.init(),G.value=!0,e.nextTick(()=>{S.value!==void 0&&(a==null||a.handleValueChange(S.value))})})},{immediate:!0}),e.onUnmounted(()=>{a==null||a.destroy()}),e.watch(()=>S.value,(t,n)=>{G.value&&t!==n&&(a==null||a.handleValueChange(t))},{deep:!0}),e.watch(()=>l.optionList,()=>{a==null||a.handleOptionListChange(),e.nextTick(()=>{"value"in l?a==null||a.handleValueChange(l.value):a==null||a.handleOptionListChangeHadDefaultValue()})},{deep:!0});let Q=[];const re=t=>{const n=[];return t.forEach(o=>{if(o)if(o.type===e.Fragment){const r=Array.isArray(o.children)?o.children:[];n.push(...re(r))}else o.type&&typeof o.type=="object"&&n.push(o)}),n};e.onUpdated(()=>{if(!l.optionList||l.optionList.length===0){const n=re(N.value).map(r=>{var u;return r.key||((u=r.props)==null?void 0:u.value)});let o=n.length!==Q.length;if(!o){for(let r=0;r<n.length;r++)if(n[r]!==Q[r]){o=!0;break}}o&&(Q=n,a==null||a.handleOptionListChange(),e.nextTick(()=>{S.value!==void 0?a==null||a.handleValueChange(S.value):a==null||a.handleOptionListChangeHadDefaultValue()}))}});const se=e.computed(()=>typeof l.triggerRender=="function"),be=e.computed(()=>se.value?x(l.className):x(s,l.className,{[`${s}-borderless`]:l.borderless,[`${s}-open`]:v.value,[`${s}-focus`]:B.value,[`${s}-disabled`]:l.disabled,[`${s}-single`]:!l.multiple,[`${s}-multiple`]:l.multiple,[`${s}-filterable`]:!!l.filter,[`${s}-small`]:E.value==="small",[`${s}-large`]:E.value==="large",[`${s}-error`]:l.validateStatus==="error",[`${s}-warning`]:l.validateStatus==="warning",[`${s}-no-arrow`]:!l.showArrow,[`${s}-with-prefix`]:g.prefix||l.insetLabel,[`${s}-with-suffix`]:g.suffix})),Be=e.computed(()=>{const t=g.prefix||l.insetLabel,n=typeof t=="string";return x({[`${s}-prefix`]:!0,[`${s}-inset-label`]:l.insetLabel,[`${s}-prefix-text`]:t&&n,[`${s}-prefix-icon`]:t&&!n})}),K=e.computed(()=>E.value==="small"?"small":"large"),d=e.computed(()=>Array.from(h.value.values())),i=e.computed(()=>_.value.filter(t=>t._show)),T=e.computed(()=>{var t;return((t=l.virtualize)==null?void 0:t.itemSize)||32}),Z=e.computed(()=>{var t;return((t=l.virtualize)==null?void 0:t.height)||le.numbers.LIST_HEIGHT}),_e=e.computed(()=>{var t;return((t=l.virtualize)==null?void 0:t.width)||"100%"}),we=e.computed(()=>i.value.length*T.value),Ie=e.computed(()=>Math.ceil(Z.value/T.value)+2),ee=e.computed(()=>{const t=Math.floor(X.value/T.value);return Math.max(0,t-1)}),Se=e.computed(()=>Math.min(i.value.length,ee.value+Ie.value)),Te=e.computed(()=>{const t=[];for(let n=ee.value;n<Se.value;n++)t.push(n);return t}),xe=e.computed(()=>ee.value*T.value);function ue(t){return typeof t.label=="string"||typeof t.label=="number"?String(t.label):`group-${JSON.stringify(t.label)}`}const ie=e.computed(()=>{const t=[],n=new Set;return i.value.forEach(o=>{let r=!1,u;if(o._parentGroup){const c=ue(o._parentGroup);if(!n.has(c)){r=!0;const{key:y,ref:k,...m}=o._parentGroup;u=m,n.add(c)}}t.push({option:o,showGroupLabel:r,groupLabel:u})}),t}),ce=e.computed(()=>l.allowCreate?!0:!l.filter||l.searchPosition!=="trigger"?!1:l.multiple?!0:V.value||v.value),pe=e.computed(()=>l.showClear&&(h.value.size>0||p.value)&&!l.disabled&&(M.value||v.value)),$e=e.computed(()=>{const t=l.searchPosition==="trigger",o=d.value.length>0?d.value[0].label:"";return x({[`${s}-selection-text`]:!0,[`${s}-selection-placeholder`]:!o&&o!==0,[`${s}-selection-text-hide`]:p.value&&V.value&&t,[`${s}-selection-text-inactive`]:!p.value&&V.value&&t})}),ze=e.computed(()=>{const t={...l.dropdownStyle};if(C.value){const n=typeof C.value=="number"?`${C.value}px`:C.value;t.minWidth=n}return t}),Ve=e.computed(()=>{const t=!_.value.length||!_.value.some(n=>n._show);return x({[`${s}-option-list-wrapper`]:!(t&&l.emptyContent===null)},l.dropdownClassName)}),Ee=e.computed(()=>{const t={};return l.maxHeight&&(t.maxHeight=typeof l.maxHeight=="number"?`${l.maxHeight}px`:l.maxHeight),t}),Le=e.computed(()=>x({[`${s}-option-list`]:!0,[`${s}-option-list-chosen`]:h.value.size>0})),Ne=e.computed(()=>x(`${s}-dropdown-input`,{[`${s}-dropdown-input-multiple`]:l.multiple,[`${s}-dropdown-input-single`]:!l.multiple})),Fe=e.computed(()=>x(`${s}-content-wrapper`,{[`${s}-content-wrapper-one-line`]:l.maxTagCount&&!v.value,[`${s}-content-wrapper-empty`]:!d.value.length})),Me=e.computed(()=>!l.maxTagCount||l.showRestTagsPopover?d.value:d.value.slice(0,l.maxTagCount)),de=e.computed(()=>{if(l.maxTagCount)return l.maxTagCount}),Oe=e.computed(()=>{if(l.maxTagCount&&!l.showRestTagsPopover)return d.value.length-l.maxTagCount}),Pe=e.computed(()=>{if(!l.triggerRender||typeof l.triggerRender!="function")return null;const t={value:d.value,inputValue:p.value,onSearch:o=>{a==null||a.handleInputChange(o,{})},onChange:o=>{a==null||a.handleInputChange(o,{})},onRemove:o=>{a==null||a.removeTag({label:o.label,value:o.value})},onClear:o=>{a==null||a.handleClearClick(o)},disabled:l.disabled,placeholder:l.placeholder,componentProps:{...l}};return l.triggerRender(t)});function O(t,n,o=!1){var c,y;const r=t.disabled||l.disabled,u=(k,m)=>{m&&typeof m.preventDefault=="function"&&m.preventDefault(),a==null||a.removeTag({label:t.label,value:t.value})};if(g.selectedItem){const k=g.selectedItem({option:t,index:n,disabled:r,onClose:u}),m=Array.isArray(k)?k[0]:k;if(m&&typeof m=="object"&&"type"in m){const R=((c=m.type)==null?void 0:c.__name)||((y=m.type)==null?void 0:y.name);if(R==="Tag"||R==="SemiTag")return m}return e.h(D.default,{closable:!r,disabled:r,color:"white",size:K.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>m})}if(typeof l.renderSelectedItem=="function"){const k=l.renderSelectedItem(t,{index:n,disabled:r,onClose:u});if(k&&typeof k=="object"&&"isRenderInTag"in k){const{isRenderInTag:m,content:R}=k;return m?e.h(D.default,{closable:!r,disabled:r,color:"white",size:K.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>R}):R}return e.h(D.default,{closable:!r,disabled:r,color:"white",size:K.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>k})}return e.h(D.default,{closable:!r,disabled:r,color:"white",size:K.value,onClose:u,class:o?`${s}-content-wrapper-collapse-tag`:void 0},{default:()=>t.label})}function Re(t,n){const o=e.h(D.default,{closable:!1,size:E.value||"large",color:"grey",class:`${s}-content-wrapper-collapse-tag`,key:`_+${t}`,style:{marginRight:0,flexShrink:0}},{default:()=>`+${t}`});return l.showRestTagsPopover?e.h(fe.default,{showArrow:!0,trigger:"hover",position:"top",autoAdjustOverflow:!0,...l.restTagsPopoverProps,key:`_+${t}_Popover`},{default:()=>o,content:()=>e.h(vt.default,{spacing:2,wrap:!0,style:{maxWidth:"400px"}},{default:()=>n.map((r,u)=>O(r,u))})}):o}function De(t,n){return t.length&&t[0]?O(t[0],n,!0):null}function qe(t){const{maxTagCount:n}=l,o=h.value.size-(n||0)>0?h.value.size-(n||0)+t.length-1:t.length-1;I.value!==o&&(a==null||a.updateOverflowItemCount(h.value.size,o))}function He(t,n){const o=t.map(c=>({label:c.label,option:c})),r=typeof n=="number"?o.slice(0,n):o,u=[e.h(rt.default,{items:r,key:String(t.length),itemKey:c=>{var y;return((y=c.option)==null?void 0:y.value)||c.label},renderMode:"collapse",collapseFrom:"end",overflowRenderer:c=>{var y;return c.length>0&&((y=c[0])!=null&&y.option)?De([c[0].option],(n||0)-1):null},onOverflow:c=>{const y=c.map(k=>k.option).filter(Boolean);qe(y)},visibleItemRenderer:(c,y)=>O(c.option,y),style:{display:"flex",flexWrap:"nowrap",alignItems:"center",width:"100%",minWidth:0}})];if(I.value>0){const c=t.slice(t.length-I.value);u.push(Re(I.value,c))}return e.h("div",{class:`${s}-content-wrapper-collapse`,style:{display:"flex",flexWrap:"nowrap",alignItems:"center",overflow:"hidden",width:"100%",minWidth:0}},u)}function Ae(t){l.disabled||a==null||a.handleClick(t)}function L(t,n){const o=_.value.findIndex(r=>r.value===t.value);a==null||a.onSelect(t,o>=0?o:0,n)}function We(t){t.stopPropagation(),a==null||a.handleClearClick(t)}function te(t){const o=t.target.value;a==null||a.handleInputChange(o,t)}function P(t){W.value&&W.value(t)}function Ge(t){B.value=!0,a==null||a.handleTriggerFocus(t)}function Ke(t){B.value=!1,a==null||a.handleTriggerBlur(t)}function je(t){l.multiple&&l.filter&&(B.value=!0),t.stopPropagation()}function ve(t){a==null||a.handleInputBlur(t)}function Ue(t){a==null||a.handleMouseEnter(t)}function Je(t){a==null||a.handleMouseLeave(t)}function j(t){w.value=!0,b.value=t}function Ye(t){a==null||a.handleListScroll(t)}function Xe(t){v.value=t,t?(l.virtualize&&(X.value=0),l.dropdownMatchSelectWidth&&$.value&&requestAnimationFrame(()=>{e.nextTick(()=>{var o;const n=((o=$.value)==null?void 0:o.getBoundingClientRect().width)||0;n>0&&(C.value=n)})}),l.searchPosition==="dropdown"&&l.filter&&e.nextTick(()=>{z.value&&typeof z.value.focus=="function"&&z.value.focus()}),l.virtualize&&h.value.size>0&&e.nextTick(()=>{Qe()})):(w.value=!1,H.value=!1,l.ellipsisTrigger||(I.value=0)),f("dropdownVisibleChange",t)}function Qe(){if(!l.virtualize||!Y.value)return;let t=-1;if(h.value.forEach(n=>{const o=n._scrollIndex;typeof o=="number"&&o>=0&&(t=t!==-1&&t<o?t:o)}),t!==-1){const n=t*T.value-Z.value/2;Y.value.scrollTop=Math.max(0,n)}}function Ze(){a==null||a.handlePopoverClose()}function et(t){v.value&&!l.disabled&&(a==null||a.close())}function tt(t){const n=t.target;X.value=n.scrollTop}return me({clearInput:()=>{p.value=""},selectAll:()=>{a==null||a.selectAll()},deselectAll:()=>{a==null||a.handleClearClick({})},focus:()=>{a==null||a.focus()},close:()=>{a==null||a.close()},open:()=>{a==null||a.open()},search:(t,n)=>{a==null||a.handleInputChange(t,n||{})}}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(fe.default),{visible:v.value,"onUpdate:visible":n[0]||(n[0]=o=>v.value=o),trigger:"custom",position:l.position||"bottomLeft","z-index":l.zIndex,"get-popup-container":l.getPopupContainer,motion:l.motion,"auto-adjust-overflow":l.autoAdjustOverflow,spacing:l.spacing,margin:l.dropdownMargin,"stop-propagation":l.stopPropagation,"mouse-enter-delay":l.mouseEnterDelay,"mouse-leave-delay":l.mouseLeaveDelay,"after-close":Ze,"wrapper-class-name":`${e.unref(s)}-dropdown`,"disable-focus-listener":!0,onVisibleChange:Xe,onClickOutSide:et},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"optionsContainerRef",ref:ke,class:e.normalizeClass(Ve.value),style:e.normalizeStyle(ze.value),onKeydown:P},[e.unref(g).outerTopSlot?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s)}-option-list-outer-top-slot`)},[e.renderSlot(t.$slots,"outerTopSlot")],2)):e.createCommentVNode("",!0),l.filter&&l.searchPosition==="dropdown"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s)}-dropdown-search-wrapper`)},[e.createVNode(e.unref(oe.Input),{ref_key:"dropdownInputRef",ref:z,value:p.value,class:e.normalizeClass(Ne.value),placeholder:l.searchPlaceholder||"搜索","show-clear":"",onInput:te,onKeyDown:P},{prefix:e.withCtx(()=>[e.createVNode(e.unref(pt.default))]),_:1},8,["value","class","placeholder"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"optionsRef",ref:J,class:e.normalizeClass(Le.value),style:e.normalizeStyle(Ee.value),role:"listbox","aria-multiselectable":l.multiple,onScroll:Ye},[e.unref(g).innerTopSlot?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s)}-option-list-inner-top-slot`)},[e.renderSlot(t.$slots,"innerTopSlot")],2)):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createBlock(e.unref(nt.default),{key:1})):l.virtualize&&i.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"virtualContainerRef",ref:Y,style:e.normalizeStyle({height:`${Z.value}px`,width:_e.value,overflow:"auto",position:"relative"}),onScroll:tt},[e.createElementVNode("div",{style:e.normalizeStyle({height:`${we.value}px`,position:"relative"})},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`translateY(${xe.value}px)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Te.value,o=>{var r;return e.openBlock(),e.createElementBlock(e.Fragment,{key:((r=i.value[o])==null?void 0:r.value)||o},[i.value[o]&&i.value[o]._inputCreateOnly?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.renderCreateItem?(e.openBlock(),e.createElementBlock("div",{key:1,role:"button","aria-label":"Use the input box to create an optional item",style:e.normalizeStyle({height:`${T.value}px`}),onClick:u=>L(i.value[o],u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderCreateItem(i.value[o].value,w.value&&b.value===o,i.value[o].style))))],12,mt)):(e.openBlock(),e.createBlock(q.default,{key:0,value:i.value[o].value,label:i.value[o].label,disabled:i.value[o].disabled,selected:i.value[o]._selected,focused:w.value&&b.value===o,"show-tick":"","class-name":i.value[o].className,style:e.normalizeStyle({height:`${T.value}px`,...i.value[o].style}),onSelect:L,onMouseenter:()=>j(o)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(s)}-create-tips`)},"创建",2),e.createTextVNode(" "+e.toDisplayString(i.value[o].value),1)]),_:2},1032,["value","label","disabled","selected","focused","class-name","style","onMouseenter"]))],64)):i.value[o]?(e.openBlock(),e.createBlock(q.default,{key:1,value:i.value[o].value,label:i.value[o].label,disabled:i.value[o].disabled,children:i.value[o].children,selected:i.value[o]._selected,focused:w.value&&b.value===o,"show-tick":"","render-option-item":l.renderOptionItem,"input-value":p.value,"class-name":i.value[o].className,style:e.normalizeStyle({height:`${T.value}px`,...i.value[o].style}),onSelect:L,onMouseenter:()=>j(o)},null,8,["value","label","disabled","children","selected","focused","render-option-item","input-value","class-name","style","onMouseenter"])):e.createCommentVNode("",!0)],64)}),128))],4)],4)],36)):ie.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(ie.value,(o,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.option._keyInJsx||o.option.value},[o.showGroupLabel&&o.groupLabel?(e.openBlock(),e.createBlock(st.default,{key:ue(o.groupLabel),label:o.groupLabel.label,"class-name":o.groupLabel.className,style:e.normalizeStyle(o.groupLabel.style)},null,8,["label","class-name","style"])):e.createCommentVNode("",!0),o.option._inputCreateOnly?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.renderCreateItem?(e.openBlock(),e.createElementBlock("div",{key:1,role:"button","aria-label":"Use the input box to create an optional item",onClick:u=>L(o.option,u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderCreateItem(o.option.value,w.value&&b.value===r,o.option.style))))],8,gt)):(e.openBlock(),e.createBlock(q.default,{key:0,value:o.option.value,label:o.option.label,disabled:o.option.disabled,selected:o.option._selected,focused:w.value&&b.value===r,"show-tick":"","class-name":o.option.className,style:e.normalizeStyle(o.option.style),onSelect:L,onMouseenter:()=>j(r)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(s)}-create-tips`)},"创建",2),e.createTextVNode(" "+e.toDisplayString(o.option.value),1)]),_:2},1032,["value","label","disabled","selected","focused","class-name","style","onMouseenter"]))],64)):(e.openBlock(),e.createBlock(q.default,{key:2,value:o.option.value,label:o.option.label,disabled:o.option.disabled,children:o.option.children,selected:o.option._selected,focused:w.value&&b.value===r,"show-tick":"","render-option-item":l.renderOptionItem,"input-value":p.value,"class-name":o.option.className,style:e.normalizeStyle(o.option.style),onSelect:L,onMouseenter:()=>j(r)},null,8,["value","label","disabled","children","selected","focused","render-option-item","input-value","class-name","style","onMouseenter"]))],64))),128)):(e.openBlock(),e.createBlock(q.default,{key:4,empty:"","empty-content":l.emptyContent},null,8,["empty-content"])),e.unref(g).innerBottomSlot?(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(`${e.unref(s)}-option-list-inner-bottom-slot`)},[e.renderSlot(t.$slots,"innerBottomSlot")],2)):e.createCommentVNode("",!0)],46,ft),e.unref(g).outerBottomSlot?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(s)}-option-list-outer-bottom-slot`)},[e.renderSlot(t.$slots,"outerBottomSlot")],2)):e.createCommentVNode("",!0)],38)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:l.id,ref_key:"triggerRef",ref:$,name:l.name,class:e.normalizeClass(be.value),style:e.normalizeStyle(l.style),tabindex:"0","aria-label":t.$attrs["aria-label"]||void 0,"aria-labelledby":l["aria-labelledby"],"aria-describedby":l["aria-describedby"],onClick:Ae,onKeydown:P,onFocus:Ge,onBlur:Ke,onMouseenter:Ue,onMouseleave:Je},[se.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Pe.value),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(g).prefix||l.insetLabel?(e.openBlock(),e.createElementBlock("div",{key:0,id:l.insetLabelId,class:e.normalizeClass(Be.value)},[e.unref(g).prefix?e.renderSlot(t.$slots,"prefix",{key:0}):l.insetLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.insetLabel),1)],64)):e.createCommentVNode("",!0)],10,yt)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s)}-selection`)},[e.createElementVNode("div",{class:e.normalizeClass(Fe.value),style:e.normalizeStyle(l.ellipsisTrigger?{width:"100%",minWidth:0}:void 0)},[l.multiple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[d.value.length>0&&(!l.maxTagCount||l.expandRestTagsOnClick&&v.value)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(d.value,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O(o,r)),{key:o.value}))),128)):d.value.length>0&&l.ellipsisTrigger?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(He(d.value,de.value)),{key:1})):d.value.length>0&&l.maxTagCount&&!(l.expandRestTagsOnClick&&v.value)&&!l.ellipsisTrigger?(e.openBlock(),e.createBlock(e.unref(at.default),{key:2,"max-tag-count":de.value,"rest-count":Oe.value,"show-popover":l.showRestTagsPopover,"popover-props":l.restTagsPopoverProps,size:"large"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Me.value,(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O(o,r)),{key:o.value}))),128))]),_:1},8,["max-tag-count","rest-count","show-popover","popover-props"])):p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass([`${e.unref(s)}-selection-text`,`${e.unref(s)}-selection-placeholder`])},e.toDisplayString(l.placeholder),3)),ce.value?(e.openBlock(),e.createBlock(e.unref(oe.Input),{key:4,ref_key:"inputRef",ref:F,value:p.value,class:e.normalizeClass(`${e.unref(s)}-input ${e.unref(s)}-input-multiple`),style:e.normalizeStyle(l.multiple&&p.value?{width:`${p.value.length*16}px`}:l.multiple&&l.allowCreate&&!p.value?{width:"100px"}:{width:"2px"}),size:E.value,disabled:l.disabled,borderless:"",onInput:te,onKeyDown:P,onFocus:je,onBlur:ve},null,8,["value","class","style","size","disabled"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass($e.value)},[d.value.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(g).selectedItem?e.renderSlot(t.$slots,"selectedItem",{key:0,option:d.value[0]}):typeof l.renderSelectedItem=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderSelectedItem(d.value[0])),{key:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(d.value[0].label),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.placeholder),1)],64))],2),ce.value?(e.openBlock(),e.createBlock(e.unref(oe.Input),{key:0,ref_key:"inputRef",ref:F,value:p.value,class:e.normalizeClass(`${e.unref(s)}-input ${e.unref(s)}-input-single`),size:E.value,disabled:l.disabled,borderless:"",onInput:te,onKeyDown:P,onBlur:ve},null,8,["value","class","size","disabled"])):e.createCommentVNode("",!0)],64))],6)],2),e.unref(g).suffix||pe.value||l.showArrow?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s)}-suffix`)},[e.unref(g).suffix?e.renderSlot(t.$slots,"suffix",{key:0}):e.createCommentVNode("",!0),pe.value?(e.openBlock(),e.createBlock(e.unref(ct.default),{key:1,class:e.normalizeClass(`${e.unref(s)}-clear`),onClick:e.withModifiers(We,["stop"])},null,8,["class"])):l.showArrow?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([`${e.unref(s)}-arrow`,{[`${e.unref(s)}-arrow-open`]:v.value}])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.arrowIcon)))],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],64))],46,ht),!l.optionList||l.optionList.length===0?(e.openBlock(),e.createBlock(e.unref(he),{key:0,onCollect:ye},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3})):e.createCommentVNode("",!0)]),_:3},8,["visible","position","z-index","get-popup-container","motion","auto-adjust-overflow","spacing","margin","stop-propagation","mouse-enter-delay","mouse-leave-delay","wrapper-class-name"]))}});exports.default=kt;

package/lib/cjs/components/select/Select.vue.d.ts

@@ -0,0 +1,102 @@
+import type { SelectProps, OptionProps, SelectValue } from './interface';
+import type { VNode } from 'vue';
+type __VLS_Props = SelectProps;
+type __VLS_ModelProps = {
+    modelValue?: SelectValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_12: {}, __VLS_31: {}, __VLS_92: {}, __VLS_94: {}, __VLS_101: {}, __VLS_103: {
+    option: any;
+}, __VLS_154: {}, __VLS_176: {};
+type __VLS_Slots = {} & {
+    outerTopSlot?: (props: typeof __VLS_12) => any;
+} & {
+    innerTopSlot?: (props: typeof __VLS_31) => any;
+} & {
+    innerBottomSlot?: (props: typeof __VLS_92) => any;
+} & {
+    outerBottomSlot?: (props: typeof __VLS_94) => any;
+} & {
+    prefix?: (props: typeof __VLS_101) => any;
+} & {
+    selectedItem?: (props: typeof __VLS_103) => any;
+} & {
+    suffix?: (props: typeof __VLS_154) => any;
+} & {
+    default?: (props: typeof __VLS_176) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    clearInput: () => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    focus: () => void;
+    close: () => void;
+    open: () => void;
+    search: (value: string, event?: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectValue) => any;
+} & {
+    search: (value: string, event: MouseEvent | KeyboardEvent) => any;
+    focus: (event: FocusEvent) => any;
+    change: (value: SelectValue) => any;
+    clear: () => any;
+    select: (value: SelectValue, option: Record<string, any>) => any;
+    blur: (event: FocusEvent) => any;
+    "update:value": (value: SelectValue) => any;
+    dropdownVisibleChange: (visible: boolean) => any;
+    listScroll: (event: Event) => any;
+    exceed: (option: OptionProps) => any;
+    deselect: (value: SelectValue, option: Record<string, any>) => any;
+    mouseEnter: (event: MouseEvent) => any;
+    mouseLeave: (event: MouseEvent) => any;
+    create: (option: OptionProps) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: (value: string, event: MouseEvent | KeyboardEvent) => any;
+    onFocus?: (event: FocusEvent) => any;
+    onChange?: (value: SelectValue) => any;
+    onClear?: () => any;
+    onSelect?: (value: SelectValue, option: Record<string, any>) => any;
+    onBlur?: (event: FocusEvent) => any;
+    "onUpdate:value"?: (value: SelectValue) => any;
+    "onUpdate:modelValue"?: (value: SelectValue) => any;
+    onDropdownVisibleChange?: (visible: boolean) => any;
+    onListScroll?: (event: Event) => any;
+    onExceed?: (option: OptionProps) => any;
+    onDeselect?: (value: SelectValue, option: Record<string, any>) => any;
+    onMouseEnter?: (event: MouseEvent) => any;
+    onMouseLeave?: (event: MouseEvent) => any;
+    onCreate?: (option: OptionProps) => any;
+}>, {
+    filter: boolean | ((inputValue: string, option: OptionProps) => boolean);
+    stopPropagation: boolean;
+    maxHeight: string | number;
+    multiple: boolean;
+    disabled: boolean;
+    zIndex: number;
+    motion: boolean;
+    showArrow: boolean;
+    autoAdjustOverflow: boolean;
+    defaultOpen: boolean;
+    dropdownMatchSelectWidth: boolean;
+    defaultActiveFirstOption: boolean;
+    showClear: boolean;
+    borderless: boolean;
+    placeholder: VNode | string;
+    onChangeWithObject: boolean;
+    showRestTagsPopover: boolean;
+    expandRestTagsOnClick: boolean;
+    arrowIcon: VNode;
+    searchPosition: string;
+    autoClearSearchValue: boolean;
+    allowCreate: boolean;
+    remote: boolean;
+    ellipsisTrigger: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/select/Select.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Select.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Select.vue2.cjs.map

package/lib/cjs/components/select/VirtualRow.vue.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'vue';
+import type { OptionProps } from './interface';
+export interface VirtualRowProps {
+    index: number;
+    data: {
+        visibleOptions: OptionProps[];
+        renderOption: (option: OptionProps, index: number, style?: CSSProperties) => any;
+    };
+    style?: CSSProperties;
+}
+declare const __VLS_export: import("vue").DefineComponent<VirtualRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/cjs/components/select/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./Select.vue.cjs"),a=require("./Option.vue.cjs"),r=require("./OptionGroup.vue.cjs"),t=require("vue"),f=require("../form/context.cjs"),_=require("../form/FieldWrapper.vue.cjs"),c=t.defineComponent({name:"SemiSelect",inheritAttrs:!1,setup(d,{attrs:e,slots:o}){return t.inject(f.FormUpdaterContextKey,null)&&"field"in e&&e.field?()=>{const u={field:e.field,label:e.label,rules:e.rules,validate:e.validate,trigger:e.trigger,initValue:e.initValue,required:e.required,labelPosition:e.labelPosition,labelWidth:e.labelWidth,labelAlign:e.labelAlign,labelCol:e.labelCol,wrapperCol:e.wrapperCol,noLabel:e.noLabel,noErrorMessage:e.noErrorMessage,helpText:e.helpText,extraText:e.extraText,extraTextPosition:e.extraTextPosition,fieldClassName:e.fieldClassName,fieldStyle:e.fieldStyle,transform:e.transform,convert:e.convert,allowEmpty:e.allowEmpty,allowEmptyString:e.allowEmptyString,emptyValue:e.emptyValue,keepState:e.keepState,validateStatus:e.validateStatus,name:e.name,id:e.id},l={...e};return delete l.field,delete l.label,delete l.rules,delete l.validate,delete l.trigger,delete l.initValue,delete l.required,delete l.labelPosition,delete l.labelWidth,delete l.labelAlign,delete l.labelCol,delete l.wrapperCol,delete l.noLabel,delete l.noErrorMessage,delete l.helpText,delete l.extraText,delete l.extraTextPosition,delete l.fieldClassName,delete l.fieldStyle,delete l.transform,delete l.convert,delete l.allowEmpty,delete l.allowEmptyString,delete l.emptyValue,delete l.keepState,delete l.validateStatus,delete l.name,delete l.id,t.h(_.default,u,{default:p=>t.h(n.default,{...d,...l,...p},o)})}:()=>t.h(n.default,{...d,...e},o)}}),i=c;i.Option=a.default;i.OptGroup=r.default;exports.Option=a.default;exports.OptionGroup=r.default;exports.default=i;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./Select.vue.cjs"),r=require("./Option.vue.cjs"),a=require("./OptionGroup.vue.cjs"),t=require("vue"),f=require("../form/context.cjs"),_=require("../form/FieldWrapper.vue.cjs");require("./select.css");const c=t.defineComponent({name:"SemiSelect",inheritAttrs:!1,setup(d,{attrs:e,slots:o}){return t.inject(f.FormUpdaterContextKey,null)&&"field"in e&&e.field?()=>{const u={field:e.field,label:e.label,rules:e.rules,validate:e.validate,trigger:e.trigger,initValue:e.initValue,required:e.required,labelPosition:e.labelPosition,labelWidth:e.labelWidth,labelAlign:e.labelAlign,labelCol:e.labelCol,wrapperCol:e.wrapperCol,noLabel:e.noLabel,noErrorMessage:e.noErrorMessage,helpText:e.helpText,extraText:e.extraText,extraTextPosition:e.extraTextPosition,fieldClassName:e.fieldClassName,fieldStyle:e.fieldStyle,transform:e.transform,convert:e.convert,allowEmpty:e.allowEmpty,allowEmptyString:e.allowEmptyString,emptyValue:e.emptyValue,keepState:e.keepState,validateStatus:e.validateStatus,name:e.name,id:e.id},l={...e};return delete l.field,delete l.label,delete l.rules,delete l.validate,delete l.trigger,delete l.initValue,delete l.required,delete l.labelPosition,delete l.labelWidth,delete l.labelAlign,delete l.labelCol,delete l.wrapperCol,delete l.noLabel,delete l.noErrorMessage,delete l.helpText,delete l.extraText,delete l.extraTextPosition,delete l.fieldClassName,delete l.fieldStyle,delete l.transform,delete l.convert,delete l.allowEmpty,delete l.allowEmptyString,delete l.emptyValue,delete l.keepState,delete l.validateStatus,delete l.name,delete l.id,t.h(_.default,u,{default:p=>t.h(n.default,{...d,...l,...p},o)})}:()=>t.h(n.default,{...d,...e},o)}}),i=c;i.Option=r.default;i.OptGroup=a.default;exports.Option=r.default;exports.OptionGroup=a.default;exports.default=i;

package/lib/cjs/components/select/index.d.ts

@@ -0,0 +1,13 @@
+import Option from './Option.vue';
+import OptionGroup from './OptionGroup.vue';
+import './select.scss';
+export type { SelectProps, OptionProps, OptionGroupProps, SelectMethods } from './interface';
+declare const Select: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const SelectNamespace: typeof Select & {
+    Option: typeof Option;
+    OptGroup: typeof OptionGroup;
+};
+export { Option, OptionGroup };
+export default SelectNamespace;

package/lib/cjs/components/select/interface.d.ts

@@ -0,0 +1,171 @@
+import type { VNode, CSSProperties } from 'vue';
+import type { PopoverProps } from '../popover/interface';
+import type { InputProps } from '../input/interface';
+export type SelectSize = 'small' | 'large' | 'default';
+export type Position = 'top' | 'topLeft' | 'topRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight';
+export interface OptionProps {
+    value?: string | number;
+    label?: string | number | VNode;
+    children?: VNode | string;
+    disabled?: boolean;
+    showTick?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    _show?: boolean;
+    _selected?: boolean;
+    _scrollIndex?: number;
+    _keyInJsx?: string | number;
+    _parentGroup?: OptionGroupProps;
+    _inputCreateOnly?: boolean;
+    _keyInOptionList?: string | number;
+}
+export interface OptionGroupProps {
+    children?: VNode | OptionProps[];
+    label?: VNode | string | number;
+    className?: string;
+    style?: CSSProperties;
+    _show?: boolean;
+}
+export interface SelectedItemProps {
+    value: OptionProps['value'];
+    label: OptionProps['label'];
+    _show?: boolean;
+    _selected: boolean;
+    _scrollIndex?: number;
+}
+export interface TriggerRenderProps {
+    value: SelectedItemProps[];
+    inputValue: string;
+    onSearch: (inputValue: string) => void;
+    onClear: () => void;
+    onRemove: (option: OptionProps) => void;
+    disabled: boolean;
+    placeholder: string;
+    componentProps: Record<string, any>;
+}
+export interface optionRenderProps {
+    key?: any;
+    label?: VNode | string;
+    value?: string | number;
+    style?: CSSProperties;
+    className?: string;
+    selected?: boolean;
+    focused?: boolean;
+    show?: boolean;
+    disabled?: boolean;
+    onMouseEnter?: (e: MouseEvent) => any;
+    onClick?: (e: MouseEvent) => any;
+    _inputCreateOnly?: boolean;
+    _keyInOptionList?: string | number;
+    [x: string]: any;
+}
+export interface virtualListProps {
+    itemSize?: number;
+    height?: number;
+    width?: string | number;
+}
+export type RenderSingleSelectedItemFn = (optionNode: Record<string, any>) => VNode;
+export type RenderMultipleSelectedItemFn = (optionNode: Record<string, any>, multipleProps: {
+    index: number;
+    disabled: boolean;
+    onClose: (tagContent: VNode | string, e: MouseEvent) => void;
+}) => {
+    isRenderInTag: boolean;
+    content: VNode;
+};
+export type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
+export type SelectValue = string | number | any[] | Record<string, any>;
+export interface SelectProps {
+    'aria-describedby'?: string;
+    'aria-errormessage'?: string;
+    'aria-invalid'?: boolean;
+    'aria-labelledby'?: string;
+    'aria-required'?: boolean;
+    id?: string;
+    name?: string;
+    autoFocus?: boolean;
+    autoClearSearchValue?: boolean;
+    arrowIcon?: VNode;
+    borderless?: boolean;
+    clearIcon?: VNode;
+    defaultValue?: SelectValue;
+    value?: SelectValue;
+    placeholder?: VNode | string;
+    multiple?: boolean;
+    filter?: boolean | ((inputValue: string, option: OptionProps) => boolean);
+    max?: number;
+    maxTagCount?: number;
+    maxHeight?: string | number;
+    style?: CSSProperties;
+    className?: string;
+    size?: SelectSize;
+    disabled?: boolean;
+    emptyContent?: VNode | string;
+    expandRestTagsOnClick?: boolean;
+    zIndex?: number;
+    position?: Position;
+    dropdownClassName?: string;
+    dropdownStyle?: CSSProperties;
+    dropdownMargin?: PopoverProps['margin'];
+    ellipsisTrigger?: boolean;
+    optionList?: OptionProps[];
+    dropdownMatchSelectWidth?: boolean;
+    loading?: boolean;
+    defaultOpen?: boolean;
+    validateStatus?: 'default' | 'error' | 'warning' | 'success';
+    defaultActiveFirstOption?: boolean;
+    onChangeWithObject?: boolean;
+    searchPosition?: string;
+    searchPlaceholder?: string;
+    insetLabel?: VNode | string;
+    insetLabelId?: string;
+    inputProps?: Omit<InputProps, 'value' | 'onFocus' | 'onChange'>;
+    showClear?: boolean;
+    showArrow?: boolean;
+    renderSelectedItem?: RenderSelectedItemFn;
+    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean, style?: CSSProperties) => VNode;
+    renderOptionItem?: (props: optionRenderProps) => VNode;
+    clickToHide?: boolean;
+    remote?: boolean;
+    allowCreate?: boolean;
+    triggerRender?: (props: TriggerRenderProps) => VNode;
+    virtualize?: virtualListProps;
+    preventScroll?: boolean;
+    showRestTagsPopover?: boolean;
+    restTagsPopoverProps?: PopoverProps;
+    spacing?: number | {
+        x: number;
+        y: number;
+    };
+    getPopupContainer?: () => HTMLElement;
+    motion?: boolean;
+    autoAdjustOverflow?: boolean;
+    mouseLeaveDelay?: number;
+    mouseEnterDelay?: number;
+    stopPropagation?: boolean;
+    children?: VNode;
+}
+export interface SelectEmits {
+    (e: 'update:value', value: SelectValue): void;
+    (e: 'change', value: SelectValue): void;
+    (e: 'dropdownVisibleChange', visible: boolean): void;
+    (e: 'search', value: string, event: KeyboardEvent | MouseEvent): void;
+    (e: 'mouseEnter', event: MouseEvent): void;
+    (e: 'mouseLeave', event: MouseEvent): void;
+    (e: 'exceed', option: OptionProps): void;
+    (e: 'create', option: OptionProps): void;
+    (e: 'deselect', value: SelectValue, option: Record<string, any>): void;
+    (e: 'select', value: SelectValue, option: Record<string, any>): void;
+    (e: 'clear'): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'listScroll', event: Event): void;
+}
+export interface SelectMethods {
+    clearInput: () => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    focus: () => void;
+    close: () => void;
+    open: () => void;
+}