st-comp 0.0.147 → 0.0.149

package/es/el-select-b162dffc.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),F=require("./el-popper-746070ba.cjs"),_=require("./index-a387515d.cjs"),k=require("./use-form-common-props-1b84d8f4.cjs"),a=require("./base-ec05f348.cjs"),B=require("./castArray-a45823fe.cjs"),N=require("./el-scrollbar-d1c3e7f7.cjs"),be=require("./index-deb8de52.cjs"),I=require("./index-3bf8d597.cjs"),ft=require("./scroll-41224831.cjs"),M=require("./el-tag-c51a6490.cjs"),ye=require("./debounce-b2ff12bd.cjs");var ge=1/0,mt=17976931348623157e292;function vt(e){if(!e)return e===0?e:0;if(e=ye.toNumber(e),e===ge||e===-ge){var s=e<0?-1:1;return s*mt}return e===e?e:0}function ht(e){var s=vt(e),i=s%1;return s===s?i?s-i:s:0}function bt(e,s,i,p){for(var r=e.length,m=i+(p?1:-1);p?m--:++m<r;)if(s(e[m],m,e))return m;return-1}var gt=Math.max,Ct=Math.min;function yt(e,s,i){var p=e==null?0:e.length;if(!p)return-1;var r=p-1;return i!==void 0&&(r=ht(i),r=i<0?gt(p+r,0):Ct(r,p-1)),bt(e,M.baseIteratee(s),r,!0)}const St=(e="")=>e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d");function Et(){const e=t.shallowRef(),s=t.ref(0),i=11,p=t.computed(()=>({minWidth:`${Math.max(s.value,i)}px`})),r=()=>{var m,n;s.value=(n=(m=e.value)==null?void 0:m.getBoundingClientRect().width)!=null?n:0};return N.useResizeObserver(e,r),{calculatorRef:e,calculatorWidth:s,inputStyle:p}}const Se=Symbol("ElSelectGroup"),Y=Symbol("ElSelect");function wt(e,s){const i=t.inject(Y),p=t.inject(Se,{disabled:!1}),r=t.computed(()=>h(B.castArray(i.props.modelValue),e.value)),m=t.computed(()=>{var f;if(i.props.multiple){const b=B.castArray((f=i.props.modelValue)!=null?f:[]);return!r.value&&b.length>=i.props.multipleLimit&&i.props.multipleLimit>0}else return!1}),n=t.computed(()=>e.label||(a.isObject(e.value)?"":e.value)),g=t.computed(()=>e.value||e.label||""),c=t.computed(()=>e.disabled||s.groupDisabled||m.value),v=t.getCurrentInstance(),h=(f=[],b)=>{if(a.isObject(e.value)){const d=i.props.valueKey;return f&&f.some(w=>t.toRaw(a.get(w,d))===a.get(b,d))}else return f&&f.includes(b)},C=()=>{!e.disabled&&!p.disabled&&(i.states.hoveringIndex=i.optionsArray.indexOf(v.proxy))},E=f=>{const b=new RegExp(St(f),"i");s.visible=b.test(n.value)||e.created};return t.watch(()=>n.value,()=>{!e.created&&!i.props.remote&&i.setSelected()}),t.watch(()=>e.value,(f,b)=>{const{remote:d,valueKey:w}=i.props;if(f!==b&&(i.onOptionDestroy(b,v.proxy),i.onOptionCreate(v.proxy)),!e.created&&!d){if(w&&a.isObject(f)&&a.isObject(b)&&f[w]===b[w])return;i.setSelected()}}),t.watch(()=>p.disabled,()=>{s.groupDisabled=p.disabled},{immediate:!0}),{select:i,currentLabel:n,currentValue:g,itemSelected:r,isDisabled:c,hoverItem:C,updateOption:E}}const Vt=t.defineComponent({name:"ElOption",componentName:"ElOption",props:{value:{required:!0,type:[String,Number,Boolean,Object]},label:[String,Number],created:Boolean,disabled:Boolean},setup(e){const s=a.useNamespace("select"),i=a.useId(),p=t.computed(()=>[s.be("dropdown","item"),s.is("disabled",t.unref(g)),s.is("selected",t.unref(n)),s.is("hovering",t.unref(E))]),r=t.reactive({index:-1,groupDisabled:!1,visible:!0,hover:!1}),{currentLabel:m,itemSelected:n,isDisabled:g,select:c,hoverItem:v,updateOption:h}=wt(e,r),{visible:C,hover:E}=t.toRefs(r),f=t.getCurrentInstance().proxy;c.onOptionCreate(f),t.onBeforeUnmount(()=>{const d=f.value,{selected:w}=c.states,W=w.some(K=>K.value===f.value);t.nextTick(()=>{c.states.cachedOptions.get(d)===f&&!W&&c.states.cachedOptions.delete(d)}),c.onOptionDestroy(d,f)});function b(){g.value||c.handleOptionSelect(f)}return{ns:s,id:i,containerKls:p,currentLabel:m,itemSelected:n,isDisabled:g,select:c,hoverItem:v,updateOption:h,visible:C,hover:E,selectOptionClick:b,states:r}}});function Ot(e,s,i,p,r,m){return t.withDirectives((t.openBlock(),t.createElementBlock("li",{id:e.id,class:t.normalizeClass(e.containerKls),role:"option","aria-disabled":e.isDisabled||void 0,"aria-selected":e.itemSelected,onMousemove:e.hoverItem,onClick:t.withModifiers(e.selectOptionClick,["stop"])},[t.renderSlot(e.$slots,"default",{},()=>[t.createElementVNode("span",null,t.toDisplayString(e.currentLabel),1)])],42,["id","aria-disabled","aria-selected","onMousemove","onClick"])),[[t.vShow,e.visible]])}var x=a._export_sfc(Vt,[["render",Ot],["__file","option.vue"]]);const kt=t.defineComponent({name:"ElSelectDropdown",componentName:"ElSelectDropdown",setup(){const e=t.inject(Y),s=a.useNamespace("select"),i=t.computed(()=>e.props.popperClass),p=t.computed(()=>e.props.multiple),r=t.computed(()=>e.props.fitInputWidth),m=t.ref("");function n(){var g;m.value=`${(g=e.selectRef)==null?void 0:g.offsetWidth}px`}return t.onMounted(()=>{n(),N.useResizeObserver(e.selectRef,n)}),{ns:s,minWidth:m,popperClass:i,isMultiple:p,isFitInputWidth:r}}});function It(e,s,i,p,r,m){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([e.ns.b("dropdown"),e.ns.is("multiple",e.isMultiple),e.popperClass]),style:t.normalizeStyle({[e.isFitInputWidth?"width":"minWidth"]:e.minWidth})},[e.$slots.header?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(e.ns.be("dropdown","header"))},[t.renderSlot(e.$slots,"header")],2)):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default"),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(e.ns.be("dropdown","footer"))},[t.renderSlot(e.$slots,"footer")],2)):t.createCommentVNode("v-if",!0)],6)}var Tt=a._export_sfc(kt,[["render",It],["__file","select-dropdown.vue"]]);const Bt=(e,s)=>{const{t:i}=a.useLocale(),p=a.useId(),r=a.useNamespace("select"),m=a.useNamespace("input"),n=t.reactive({inputValue:"",options:new Map,cachedOptions:new Map,optionValues:[],selected:[],selectionWidth:0,collapseItemWidth:0,selectedLabel:"",hoveringIndex:-1,previousQuery:null,inputHovering:!1,menuVisibleOnFocus:!1,isBeforeHide:!1}),g=t.ref(null),c=t.ref(null),v=t.ref(null),h=t.ref(null),C=t.ref(null),E=t.ref(null),f=t.ref(null),b=t.ref(null),d=t.ref(null),w=t.ref(null),W=t.ref(null),{isComposing:K,handleCompositionStart:we,handleCompositionUpdate:Ve,handleCompositionEnd:Oe}=be.useComposition({afterComposition:l=>ce(l)}),{wrapperRef:ee,isFocused:te,handleBlur:ke}=be.useFocusController(C,{beforeFocus(){return R.value},afterFocus(){e.automaticDropdown&&!y.value&&(y.value=!0,n.menuVisibleOnFocus=!0)},beforeBlur(l){var o,u;return((o=v.value)==null?void 0:o.isFocusInsideContent(l))||((u=h.value)==null?void 0:u.isFocusInsideContent(l))},afterBlur(){y.value=!1,n.menuVisibleOnFocus=!1}}),y=t.ref(!1),z=t.ref(),{form:q,formItem:$}=k.useFormItem(),{inputId:Ie}=k.useFormItemInputId(e,{formItemContext:$}),{valueOnClear:Te,isEmptyValue:Be}=k.useEmptyValues(e),R=t.computed(()=>e.disabled||(q==null?void 0:q.disabled)),J=t.computed(()=>a.isArray(e.modelValue)?e.modelValue.length>0:!Be(e.modelValue)),Ne=t.computed(()=>{var l;return(l=q==null?void 0:q.statusIcon)!=null?l:!1}),De=t.computed(()=>e.clearable&&!R.value&&n.inputHovering&&J.value),le=t.computed(()=>e.remote&&e.filterable&&!e.remoteShowSuffix?"":e.suffixIcon),Me=t.computed(()=>r.is("reverse",le.value&&y.value)),ne=t.computed(()=>($==null?void 0:$.validateState)||""),ze=t.computed(()=>k.ValidateComponentsMap[ne.value]),$e=t.computed(()=>e.remote?300:0),Re=t.computed(()=>e.remote&&!n.inputValue&&n.options.size===0),Le=t.computed(()=>e.loading?e.loadingText||i("el.select.loading"):e.filterable&&n.inputValue&&n.options.size>0&&L.value===0?e.noMatchText||i("el.select.noMatch"):n.options.size===0?e.noDataText||i("el.select.noData"):null),L=t.computed(()=>V.value.filter(l=>l.visible).length),V=t.computed(()=>{const l=Array.from(n.options.values()),o=[];return n.optionValues.forEach(u=>{const S=l.findIndex(O=>O.value===u);S>-1&&o.push(l[S])}),o.length>=l.length?o:l}),Ae=t.computed(()=>Array.from(n.cachedOptions.values())),Pe=t.computed(()=>{const l=V.value.filter(o=>!o.created).some(o=>o.currentLabel===n.inputValue);return e.filterable&&e.allowCreate&&n.inputValue!==""&&!l}),oe=()=>{e.filterable&&a.isFunction(e.filterMethod)||e.filterable&&e.remote&&a.isFunction(e.remoteMethod)||V.value.forEach(l=>{var o;(o=l.updateOption)==null||o.call(l,n.inputValue)})},ae=k.useFormSize(),Fe=t.computed(()=>["small"].includes(ae.value)?"small":"default"),We=t.computed({get(){return y.value&&!Re.value},set(l){y.value=l}}),Ke=t.computed(()=>{if(e.multiple&&!a.isUndefined(e.modelValue))return B.castArray(e.modelValue).length===0&&!n.inputValue;const l=a.isArray(e.modelValue)?e.modelValue[0]:e.modelValue;return e.filterable||a.isUndefined(l)?!n.inputValue:!0}),qe=t.computed(()=>{var l;const o=(l=e.placeholder)!=null?l:i("el.select.placeholder");return e.multiple||!J.value?o:n.selectedLabel}),He=t.computed(()=>a.isIOS?null:"mouseenter");t.watch(()=>e.modelValue,(l,o)=>{e.multiple&&e.filterable&&!e.reserveKeyword&&(n.inputValue="",H("")),U(),!M.isEqual(l,o)&&e.validateEvent&&($==null||$.validate("change").catch(u=>a.debugWarn(u)))},{flush:"post",deep:!0}),t.watch(()=>y.value,l=>{l?H(n.inputValue):(n.inputValue="",n.previousQuery=null,n.isBeforeHide=!0),s("visible-change",l)}),t.watch(()=>n.options.entries(),()=>{a.isClient&&(U(),e.defaultFirstOption&&(e.filterable||e.remote)&&L.value&&se())},{flush:"post"}),t.watch(()=>n.hoveringIndex,l=>{a.isNumber(l)&&l>-1?z.value=V.value[l]||{}:z.value={},V.value.forEach(o=>{o.hover=z.value===o})}),t.watchEffect(()=>{n.isBeforeHide||oe()});const H=l=>{n.previousQuery===l||K.value||(n.previousQuery=l,e.filterable&&a.isFunction(e.filterMethod)?e.filterMethod(l):e.filterable&&e.remote&&a.isFunction(e.remoteMethod)&&e.remoteMethod(l),e.defaultFirstOption&&(e.filterable||e.remote)&&L.value?t.nextTick(se):t.nextTick(Ue))},se=()=>{const l=V.value.filter(O=>O.visible&&!O.disabled&&!O.states.groupDisabled),o=l.find(O=>O.created),u=l[0],S=V.value.map(O=>O.value);n.hoveringIndex=me(S,o||u)},U=()=>{if(e.multiple)n.selectedLabel="";else{const o=a.isArray(e.modelValue)?e.modelValue[0]:e.modelValue,u=ie(o);n.selectedLabel=u.currentLabel,n.selected=[u];return}const l=[];a.isUndefined(e.modelValue)||B.castArray(e.modelValue).forEach(o=>{l.push(ie(o))}),n.selected=l},ie=l=>{let o;const u=a.isPlainObject(l);for(let D=n.cachedOptions.size-1;D>=0;D--){const T=Ae.value[D];if(u?a.get(T.value,e.valueKey)===a.get(l,e.valueKey):T.value===l){o={value:l,currentLabel:T.currentLabel,get isDisabled(){return T.isDisabled}};break}}if(o)return o;const S=u?l.label:l??"";return{value:l,currentLabel:S}},Ue=()=>{n.hoveringIndex=V.value.findIndex(l=>n.selected.some(o=>Q(o)===Q(l)))},je=()=>{n.selectionWidth=c.value.getBoundingClientRect().width},Ge=()=>{n.collapseItemWidth=w.value.getBoundingClientRect().width},Z=()=>{var l,o;(o=(l=v.value)==null?void 0:l.updatePopper)==null||o.call(l)},re=()=>{var l,o;(o=(l=h.value)==null?void 0:l.updatePopper)==null||o.call(l)},ue=()=>{n.inputValue.length>0&&!y.value&&(y.value=!0),H(n.inputValue)},ce=l=>{if(n.inputValue=l.target.value,e.remote)de();else return ue()},de=ye.debounce(()=>{ue()},$e.value),A=l=>{M.isEqual(e.modelValue,l)||s(I.CHANGE_EVENT,l)},Qe=l=>yt(l,o=>{const u=n.cachedOptions.get(o);return u&&!u.disabled&&!u.states.groupDisabled}),Xe=l=>{if(e.multiple&&l.code!==I.EVENT_CODE.delete&&l.target.value.length<=0){const o=B.castArray(e.modelValue).slice(),u=Qe(o);if(u<0)return;const S=o[u];o.splice(u,1),s(I.UPDATE_MODEL_EVENT,o),A(o),s("remove-tag",S)}},Ye=(l,o)=>{const u=n.selected.indexOf(o);if(u>-1&&!R.value){const S=B.castArray(e.modelValue).slice();S.splice(u,1),s(I.UPDATE_MODEL_EVENT,S),A(S),s("remove-tag",o.value)}l.stopPropagation(),G()},pe=l=>{l.stopPropagation();const o=e.multiple?[]:Te.value;if(e.multiple)for(const u of n.selected)u.isDisabled&&o.push(u.value);s(I.UPDATE_MODEL_EVENT,o),A(o),n.hoveringIndex=-1,y.value=!1,s("clear"),G()},fe=l=>{var o;if(e.multiple){const u=B.castArray((o=e.modelValue)!=null?o:[]).slice(),S=me(u,l);S>-1?u.splice(S,1):(e.multipleLimit<=0||u.length<e.multipleLimit)&&u.push(l.value),s(I.UPDATE_MODEL_EVENT,u),A(u),l.created&&H(""),e.filterable&&!e.reserveKeyword&&(n.inputValue="")}else s(I.UPDATE_MODEL_EVENT,l.value),A(l.value),y.value=!1;G(),!y.value&&t.nextTick(()=>{j(l)})},me=(l=[],o)=>a.isUndefined(o)?-1:a.isObject(o.value)?l.findIndex(u=>M.isEqual(a.get(u,e.valueKey),Q(o))):l.indexOf(o.value),j=l=>{var o,u,S,O,D;const T=a.isArray(l)?l[0]:l;let X=null;if(T!=null&&T.value){const P=V.value.filter(pt=>pt.value===T.value);P.length>0&&(X=P[0].$el)}if(v.value&&X){const P=(O=(S=(u=(o=v.value)==null?void 0:o.popperRef)==null?void 0:u.contentRef)==null?void 0:S.querySelector)==null?void 0:O.call(S,`.${r.be("dropdown","wrap")}`);P&&ft.scrollIntoView(P,X)}(D=W.value)==null||D.handleScroll()},Je=l=>{n.options.set(l.value,l),n.cachedOptions.set(l.value,l)},Ze=(l,o)=>{n.options.get(l)===o&&n.options.delete(l)},_e=t.computed(()=>{var l,o;return(o=(l=v.value)==null?void 0:l.popperRef)==null?void 0:o.contentRef}),xe=()=>{n.isBeforeHide=!1,t.nextTick(()=>j(n.selected))},G=()=>{var l;(l=C.value)==null||l.focus()},et=()=>{var l;if(y.value){y.value=!1,t.nextTick(()=>{var o;return(o=C.value)==null?void 0:o.blur()});return}(l=C.value)==null||l.blur()},tt=l=>{pe(l)},lt=l=>{if(y.value=!1,te.value){const o=new FocusEvent("focus",l);t.nextTick(()=>ke(o))}},nt=()=>{n.inputValue.length>0?n.inputValue="":y.value=!1},ve=()=>{R.value||(a.isIOS&&(n.inputHovering=!0),n.menuVisibleOnFocus?n.menuVisibleOnFocus=!1:y.value=!y.value)},ot=()=>{if(!y.value)ve();else{const l=V.value[n.hoveringIndex];l&&!l.isDisabled&&fe(l)}},Q=l=>a.isObject(l.value)?a.get(l.value,e.valueKey):l.value,at=t.computed(()=>V.value.filter(l=>l.visible).every(l=>l.isDisabled)),st=t.computed(()=>e.multiple?e.collapseTags?n.selected.slice(0,e.maxCollapseTags):n.selected:[]),it=t.computed(()=>e.multiple?e.collapseTags?n.selected.slice(e.maxCollapseTags):[]:[]),he=l=>{if(!y.value){y.value=!0;return}if(!(n.options.size===0||L.value===0||K.value)&&!at.value){l==="next"?(n.hoveringIndex++,n.hoveringIndex===n.options.size&&(n.hoveringIndex=0)):l==="prev"&&(n.hoveringIndex--,n.hoveringIndex<0&&(n.hoveringIndex=n.options.size-1));const o=V.value[n.hoveringIndex];(o.isDisabled||!o.visible)&&he(l),t.nextTick(()=>j(z.value))}},rt=()=>{if(!c.value)return 0;const l=window.getComputedStyle(c.value);return Number.parseFloat(l.gap||"6px")},ut=t.computed(()=>{const l=rt();return{maxWidth:`${w.value&&e.maxCollapseTags===1?n.selectionWidth-n.collapseItemWidth-l:n.selectionWidth}px`}}),ct=t.computed(()=>({maxWidth:`${n.selectionWidth}px`})),dt=l=>{s("popup-scroll",l)};return N.useResizeObserver(c,je),N.useResizeObserver(b,Z),N.useResizeObserver(ee,Z),N.useResizeObserver(d,re),N.useResizeObserver(w,Ge),t.onMounted(()=>{U()}),{inputId:Ie,contentId:p,nsSelect:r,nsInput:m,states:n,isFocused:te,expanded:y,optionsArray:V,hoverOption:z,selectSize:ae,filteredOptionsCount:L,updateTooltip:Z,updateTagTooltip:re,debouncedOnInputChange:de,onInput:ce,deletePrevTag:Xe,deleteTag:Ye,deleteSelected:pe,handleOptionSelect:fe,scrollToOption:j,hasModelValue:J,shouldShowPlaceholder:Ke,currentPlaceholder:qe,mouseEnterEventName:He,needStatusIcon:Ne,showClose:De,iconComponent:le,iconReverse:Me,validateState:ne,validateIcon:ze,showNewOption:Pe,updateOptions:oe,collapseTagSize:Fe,setSelected:U,selectDisabled:R,emptyText:Le,handleCompositionStart:we,handleCompositionUpdate:Ve,handleCompositionEnd:Oe,onOptionCreate:Je,onOptionDestroy:Ze,handleMenuEnter:xe,focus:G,blur:et,handleClearClick:tt,handleClickOutside:lt,handleEsc:nt,toggleMenu:ve,selectOption:ot,getValueKey:Q,navigateOptions:he,dropdownMenuVisible:We,showTagList:st,collapseTagList:it,popupScroll:dt,tagStyle:ut,collapseTagStyle:ct,popperRef:_e,inputRef:C,tooltipRef:v,tagTooltipRef:h,prefixRef:E,suffixRef:f,selectRef:g,wrapperRef:ee,selectionRef:c,scrollbarRef:W,menuRef:b,tagMenuRef:d,collapseItemRef:w}};var Nt=t.defineComponent({name:"ElOptions",setup(e,{slots:s}){const i=t.inject(Y);let p=[];return()=>{var r,m;const n=(r=s.default)==null?void 0:r.call(s),g=[];function c(v){a.isArray(v)&&v.forEach(h=>{var C,E,f,b;const d=(C=(h==null?void 0:h.type)||{})==null?void 0:C.name;d==="ElOptionGroup"?c(!a.isString(h.children)&&!a.isArray(h.children)&&a.isFunction((E=h.children)==null?void 0:E.default)?(f=h.children)==null?void 0:f.default():h.children):d==="ElOption"?g.push((b=h.props)==null?void 0:b.value):a.isArray(h.children)&&c(h.children)})}return n.length&&c((m=n[0])==null?void 0:m.children),M.isEqual(g,p)||(p=g,i&&(i.states.optionValues=g)),n}}});const Dt=a.buildProps({name:String,id:String,modelValue:{type:[Array,String,Number,Boolean,Object],default:void 0},autocomplete:{type:String,default:"off"},automaticDropdown:Boolean,size:k.useSizeProp,effect:{type:a.definePropType(String),default:"light"},disabled:Boolean,clearable:Boolean,filterable:Boolean,allowCreate:Boolean,loading:Boolean,popperClass:{type:String,default:""},popperOptions:{type:a.definePropType(Object),default:()=>({})},remote:Boolean,loadingText:String,noMatchText:String,noDataText:String,remoteMethod:Function,filterMethod:Function,multiple:Boolean,multipleLimit:{type:Number,default:0},placeholder:{type:String},defaultFirstOption:Boolean,reserveKeyword:{type:Boolean,default:!0},valueKey:{type:String,default:"value"},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},teleported:F.useTooltipContentProps.teleported,persistent:{type:Boolean,default:!0},clearIcon:{type:k.iconPropType,default:k.circle_close_default},fitInputWidth:Boolean,suffixIcon:{type:k.iconPropType,default:k.arrow_down_default},tagType:{..._.tagProps.type,default:"info"},tagEffect:{..._.tagProps.effect,default:"light"},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:Boolean,showArrow:{type:Boolean,default:!0},offset:{type:Number,default:12},placement:{type:a.definePropType(String),values:F.Ee,default:"bottom-start"},fallbackPlacements:{type:a.definePropType(Array),default:["bottom-start","top-start","right","left"]},tabindex:{type:[String,Number],default:0},appendTo:String,...k.useEmptyValuesProps,...F.useAriaProps(["ariaLabel"])}),Ce="ElSelect",Mt=t.defineComponent({name:Ce,componentName:Ce,components:{ElSelectMenu:Tt,ElOption:x,ElOptions:Nt,ElTag:_.ElTag,ElScrollbar:F.ElScrollbar,ElTooltip:F.ElTooltip,ElIcon:k.ElIcon},directives:{ClickOutside:M.ClickOutside},props:Dt,emits:[I.UPDATE_MODEL_EVENT,I.CHANGE_EVENT,"remove-tag","clear","visible-change","focus","blur","popup-scroll"],setup(e,{emit:s}){const i=t.computed(()=>{const{modelValue:c,multiple:v}=e,h=v?[]:void 0;return a.isArray(c)?v?c:h:v?h:c}),p=t.reactive({...t.toRefs(e),modelValue:i}),r=Bt(p,s),{calculatorRef:m,inputStyle:n}=Et();t.provide(Y,t.reactive({props:p,states:r.states,optionsArray:r.optionsArray,handleOptionSelect:r.handleOptionSelect,onOptionCreate:r.onOptionCreate,onOptionDestroy:r.onOptionDestroy,selectRef:r.selectRef,setSelected:r.setSelected}));const g=t.computed(()=>e.multiple?r.states.selected.map(c=>c.currentLabel):r.states.selectedLabel);return{...r,modelValue:i,selectedLabel:g,calculatorRef:m,inputStyle:n}}});function zt(e,s,i,p,r,m){const n=t.resolveComponent("el-tag"),g=t.resolveComponent("el-tooltip"),c=t.resolveComponent("el-icon"),v=t.resolveComponent("el-option"),h=t.resolveComponent("el-options"),C=t.resolveComponent("el-scrollbar"),E=t.resolveComponent("el-select-menu"),f=t.resolveDirective("click-outside");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref:"selectRef",class:t.normalizeClass([e.nsSelect.b(),e.nsSelect.m(e.selectSize)]),[t.toHandlerKey(e.mouseEnterEventName)]:b=>e.states.inputHovering=!0,onMouseleave:b=>e.states.inputHovering=!1},[t.createVNode(g,{ref:"tooltipRef",visible:e.dropdownMenuVisible,placement:e.placement,teleported:e.teleported,"popper-class":[e.nsSelect.e("popper"),e.popperClass],"popper-options":e.popperOptions,"fallback-placements":e.fallbackPlacements,effect:e.effect,pure:"",trigger:"click",transition:`${e.nsSelect.namespace.value}-zoom-in-top`,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,persistent:e.persistent,"append-to":e.appendTo,"show-arrow":e.showArrow,offset:e.offset,onBeforeShow:e.handleMenuEnter,onHide:b=>e.states.isBeforeHide=!1},{default:t.withCtx(()=>{var b;return[t.createElementVNode("div",{ref:"wrapperRef",class:t.normalizeClass([e.nsSelect.e("wrapper"),e.nsSelect.is("focused",e.isFocused),e.nsSelect.is("hovering",e.states.inputHovering),e.nsSelect.is("filterable",e.filterable),e.nsSelect.is("disabled",e.selectDisabled)]),onClick:t.withModifiers(e.toggleMenu,["prevent"])},[e.$slots.prefix?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"prefixRef",class:t.normalizeClass(e.nsSelect.e("prefix"))},[t.renderSlot(e.$slots,"prefix")],2)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{ref:"selectionRef",class:t.normalizeClass([e.nsSelect.e("selection"),e.nsSelect.is("near",e.multiple&&!e.$slots.prefix&&!!e.states.selected.length)])},[e.multiple?t.renderSlot(e.$slots,"tag",{key:0},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.showTagList,d=>(t.openBlock(),t.createElementBlock("div",{key:e.getValueKey(d),class:t.normalizeClass(e.nsSelect.e("selected-item"))},[t.createVNode(n,{closable:!e.selectDisabled&&!d.isDisabled,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",style:t.normalizeStyle(e.tagStyle),onClose:w=>e.deleteTag(w,d)},{default:t.withCtx(()=>[t.createElementVNode("span",{class:t.normalizeClass(e.nsSelect.e("tags-text"))},[t.renderSlot(e.$slots,"label",{label:d.currentLabel,value:d.value},()=>[t.createTextVNode(t.toDisplayString(d.currentLabel),1)])],2)]),_:2},1032,["closable","size","type","effect","style","onClose"])],2))),128)),e.collapseTags&&e.states.selected.length>e.maxCollapseTags?(t.openBlock(),t.createBlock(g,{key:0,ref:"tagTooltipRef",disabled:e.dropdownMenuVisible||!e.collapseTagsTooltip,"fallback-placements":["bottom","top","right","left"],effect:e.effect,placement:"bottom",teleported:e.teleported},{default:t.withCtx(()=>[t.createElementVNode("div",{ref:"collapseItemRef",class:t.normalizeClass(e.nsSelect.e("selected-item"))},[t.createVNode(n,{closable:!1,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",style:t.normalizeStyle(e.collapseTagStyle)},{default:t.withCtx(()=>[t.createElementVNode("span",{class:t.normalizeClass(e.nsSelect.e("tags-text"))}," + "+t.toDisplayString(e.states.selected.length-e.maxCollapseTags),3)]),_:1},8,["size","type","effect","style"])],2)]),content:t.withCtx(()=>[t.createElementVNode("div",{ref:"tagMenuRef",class:t.normalizeClass(e.nsSelect.e("selection"))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.collapseTagList,d=>(t.openBlock(),t.createElementBlock("div",{key:e.getValueKey(d),class:t.normalizeClass(e.nsSelect.e("selected-item"))},[t.createVNode(n,{class:"in-tooltip",closable:!e.selectDisabled&&!d.isDisabled,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":"",onClose:w=>e.deleteTag(w,d)},{default:t.withCtx(()=>[t.createElementVNode("span",{class:t.normalizeClass(e.nsSelect.e("tags-text"))},[t.renderSlot(e.$slots,"label",{label:d.currentLabel,value:d.value},()=>[t.createTextVNode(t.toDisplayString(d.currentLabel),1)])],2)]),_:2},1032,["closable","size","type","effect","onClose"])],2))),128))],2)]),_:3},8,["disabled","effect","teleported"])):t.createCommentVNode("v-if",!0)]):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{class:t.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("input-wrapper"),e.nsSelect.is("hidden",!e.filterable)])},[t.withDirectives(t.createElementVNode("input",{id:e.inputId,ref:"inputRef","onUpdate:modelValue":d=>e.states.inputValue=d,type:"text",name:e.name,class:t.normalizeClass([e.nsSelect.e("input"),e.nsSelect.is(e.selectSize)]),disabled:e.selectDisabled,autocomplete:e.autocomplete,style:t.normalizeStyle(e.inputStyle),tabindex:e.tabindex,role:"combobox",readonly:!e.filterable,spellcheck:"false","aria-activedescendant":((b=e.hoverOption)==null?void 0:b.id)||"","aria-controls":e.contentId,"aria-expanded":e.dropdownMenuVisible,"aria-label":e.ariaLabel,"aria-autocomplete":"none","aria-haspopup":"listbox",onKeydown:[t.withKeys(t.withModifiers(d=>e.navigateOptions("next"),["stop","prevent"]),["down"]),t.withKeys(t.withModifiers(d=>e.navigateOptions("prev"),["stop","prevent"]),["up"]),t.withKeys(t.withModifiers(e.handleEsc,["stop","prevent"]),["esc"]),t.withKeys(t.withModifiers(e.selectOption,["stop","prevent"]),["enter"]),t.withKeys(t.withModifiers(e.deletePrevTag,["stop"]),["delete"])],onCompositionstart:e.handleCompositionStart,onCompositionupdate:e.handleCompositionUpdate,onCompositionend:e.handleCompositionEnd,onInput:e.onInput,onClick:t.withModifiers(e.toggleMenu,["stop"])},null,46,["id","onUpdate:modelValue","name","disabled","autocomplete","tabindex","readonly","aria-activedescendant","aria-controls","aria-expanded","aria-label","onKeydown","onCompositionstart","onCompositionupdate","onCompositionend","onInput","onClick"]),[[t.vModelText,e.states.inputValue]]),e.filterable?(t.openBlock(),t.createElementBlock("span",{key:0,ref:"calculatorRef","aria-hidden":"true",class:t.normalizeClass(e.nsSelect.e("input-calculator")),textContent:t.toDisplayString(e.states.inputValue)},null,10,["textContent"])):t.createCommentVNode("v-if",!0)],2),e.shouldShowPlaceholder?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass([e.nsSelect.e("selected-item"),e.nsSelect.e("placeholder"),e.nsSelect.is("transparent",!e.hasModelValue||e.expanded&&!e.states.inputValue)])},[e.hasModelValue?t.renderSlot(e.$slots,"label",{key:0,label:e.currentPlaceholder,value:e.modelValue},()=>[t.createElementVNode("span",null,t.toDisplayString(e.currentPlaceholder),1)]):(t.openBlock(),t.createElementBlock("span",{key:1},t.toDisplayString(e.currentPlaceholder),1))],2)):t.createCommentVNode("v-if",!0)],2),t.createElementVNode("div",{ref:"suffixRef",class:t.normalizeClass(e.nsSelect.e("suffix"))},[e.iconComponent&&!e.showClose?(t.openBlock(),t.createBlock(c,{key:0,class:t.normalizeClass([e.nsSelect.e("caret"),e.nsSelect.e("icon"),e.iconReverse])},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.iconComponent)))]),_:1},8,["class"])):t.createCommentVNode("v-if",!0),e.showClose&&e.clearIcon?(t.openBlock(),t.createBlock(c,{key:1,class:t.normalizeClass([e.nsSelect.e("caret"),e.nsSelect.e("icon"),e.nsSelect.e("clear")]),onClick:e.handleClearClick},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.clearIcon)))]),_:1},8,["class","onClick"])):t.createCommentVNode("v-if",!0),e.validateState&&e.validateIcon&&e.needStatusIcon?(t.openBlock(),t.createBlock(c,{key:2,class:t.normalizeClass([e.nsInput.e("icon"),e.nsInput.e("validateIcon"),e.nsInput.is("loading",e.validateState==="validating")])},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.validateIcon)))]),_:1},8,["class"])):t.createCommentVNode("v-if",!0)],2)],10,["onClick"])]}),content:t.withCtx(()=>[t.createVNode(E,{ref:"menuRef"},{default:t.withCtx(()=>[e.$slots.header?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(e.nsSelect.be("dropdown","header")),onClick:t.withModifiers(()=>{},["stop"])},[t.renderSlot(e.$slots,"header")],10,["onClick"])):t.createCommentVNode("v-if",!0),t.withDirectives(t.createVNode(C,{id:e.contentId,ref:"scrollbarRef",tag:"ul","wrap-class":e.nsSelect.be("dropdown","wrap"),"view-class":e.nsSelect.be("dropdown","list"),class:t.normalizeClass([e.nsSelect.is("empty",e.filteredOptionsCount===0)]),role:"listbox","aria-label":e.ariaLabel,"aria-orientation":"vertical",onScroll:e.popupScroll},{default:t.withCtx(()=>[e.showNewOption?(t.openBlock(),t.createBlock(v,{key:0,value:e.states.inputValue,created:!0},null,8,["value"])):t.createCommentVNode("v-if",!0),t.createVNode(h,null,{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3})]),_:3},8,["id","wrap-class","view-class","class","aria-label","onScroll"]),[[t.vShow,e.states.options.size>0&&!e.loading]]),e.$slots.loading&&e.loading?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(e.nsSelect.be("dropdown","loading"))},[t.renderSlot(e.$slots,"loading")],2)):e.loading||e.filteredOptionsCount===0?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(e.nsSelect.be("dropdown","empty"))},[t.renderSlot(e.$slots,"empty",{},()=>[t.createElementVNode("span",null,t.toDisplayString(e.emptyText),1)])],2)):t.createCommentVNode("v-if",!0),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",{key:3,class:t.normalizeClass(e.nsSelect.be("dropdown","footer")),onClick:t.withModifiers(()=>{},["stop"])},[t.renderSlot(e.$slots,"footer")],10,["onClick"])):t.createCommentVNode("v-if",!0)]),_:3},512)]),_:3},8,["visible","placement","teleported","popper-class","popper-options","fallback-placements","effect","transition","persistent","append-to","show-arrow","offset","onBeforeShow","onHide"])],16,["onMouseleave"])),[[f,e.handleClickOutside,e.popperRef]])}var $t=a._export_sfc(Mt,[["render",zt],["__file","select.vue"]]);const Rt=t.defineComponent({name:"ElOptionGroup",componentName:"ElOptionGroup",props:{label:String,disabled:Boolean},setup(e){const s=a.useNamespace("select"),i=t.ref(null),p=t.getCurrentInstance(),r=t.ref([]);t.provide(Se,t.reactive({...t.toRefs(e)}));const m=t.computed(()=>r.value.some(v=>v.visible===!0)),n=v=>{var h,C;return((h=v.type)==null?void 0:h.name)==="ElOption"&&!!((C=v.component)!=null&&C.proxy)},g=v=>{const h=B.castArray(v),C=[];return h.forEach(E=>{var f,b;n(E)?C.push(E.component.proxy):(f=E.children)!=null&&f.length?C.push(...g(E.children)):(b=E.component)!=null&&b.subTree&&C.push(...g(E.component.subTree))}),C},c=()=>{r.value=g(p.subTree)};return t.onMounted(()=>{c()}),N.useMutationObserver(i,c,{attributes:!0,subtree:!0,childList:!0}),{groupRef:i,visible:m,ns:s}}});function Lt(e,s,i,p,r,m){return t.withDirectives((t.openBlock(),t.createElementBlock("ul",{ref:"groupRef",class:t.normalizeClass(e.ns.be("group","wrap"))},[t.createElementVNode("li",{class:t.normalizeClass(e.ns.be("group","title"))},t.toDisplayString(e.label),3),t.createElementVNode("li",null,[t.createElementVNode("ul",{class:t.normalizeClass(e.ns.b("group"))},[t.renderSlot(e.$slots,"default")],2)])],2)),[[t.vShow,e.visible]])}var Ee=a._export_sfc(Rt,[["render",Lt],["__file","option-group.vue"]]);const At=a.withInstall($t,{Option:x,OptionGroup:Ee}),Pt=a.withNoopInstall(x);a.withNoopInstall(Ee);exports.ElOption=Pt;exports.ElSelect=At;