vft 0.0.249 → 0.0.252

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@vft/directives"),a=require("@vft/utils"),d=require("../icon/index.cjs"),p=require("../tag/index.cjs"),f=require("../tooltip/index.cjs"),l=require("../../constants/event.cjs"),e=require("vue"),v=require("./defaults.cjs"),V=require("./select-dropdown.cjs"),m=require("./token.cjs"),q=require("./useSelect.cjs"),g=e.defineComponent({name:"VftSelect",components:{SelectMenu:V.default,VftTag:p.VftTag,VftTooltip:f.VftTooltip,VftIcon:d.VftIcon},directives:{ClickOutside:u.ClickOutside,ModelText:e.vModelText},props:v.SelectProps,emits:[l.UPDATE_MODEL_EVENT,l.CHANGE_EVENT,"remove-tag","clear","visible-change","focus","blur"],setup(o,{emit:s}){const r=e.computed(()=>{const{modelValue:n,multiple:i}=o,c=i?[]:void 0;return a.isArray(n)?i?n:c:i?c:n}),t=q.default(e.reactive({...e.toRefs(o),modelValue:r}),s);return e.provide(m.selectInjectionKey,{props:e.reactive({...e.toRefs(o),height:t.popupHeight,modelValue:r}),popper:t.popper,onSelect:t.onSelect,onHover:t.onHover,onKeyboardNavigate:t.onKeyboardNavigate,onKeyboardSelect:t.onKeyboardSelect}),{...t,modelValue:r}}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../icon/index.cjs"),f=require("../tag/index.cjs"),q=require("../tooltip/index.cjs");require("@vueuse/core");const m=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const t=require("vue");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=require("../../hooks/use-calc-input-width/index.cjs"),b=require("@vft/directives"),u=require("./defaults.cjs"),S=require("./select-dropdown.cjs"),V=require("./token.cjs"),g=require("./useSelect.cjs"),y=t.defineComponent({name:"VftSelect",components:{SelectMenu:S.default,Tag:f.VftTag,Tooltip:q.VftTooltip,Icon:p.VftIcon},directives:{ClickOutside:b.ClickOutside},props:u.selectV2Props,emits:u.selectV2Emits,setup(r,{emit:l}){const i=t.computed(()=>{const{modelValue:o,multiple:n}=r,c=n?[]:void 0;return m.isArray(o)?n?o:c:n?c:o}),e=g.default(t.reactive({...t.toRefs(r),modelValue:i}),l),{calculatorRef:s,inputStyle:a}=v.useCalcInputWidth();t.provide(V.selectV2InjectionKey,{props:t.reactive({...t.toRefs(r),height:e.popupHeight,modelValue:i}),expanded:e.expanded,tooltipRef:e.tooltipRef,onSelect:e.onSelect,onHover:e.onHover,onKeyboardNavigate:e.onKeyboardNavigate,onKeyboardSelect:e.onKeyboardSelect});const d=t.computed(()=>r.multiple?e.states.cachedOptions.map(o=>o.label):e.states.selectedLabel);return{...e,modelValue:i,selectedLabel:d,calculatorRef:s,inputStyle:a}}});exports.default=y;

package/lib/components/select/token.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("ElSelectInjection");exports.selectInjectionKey=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("ElSelectV2Injection");exports.selectV2InjectionKey=e;

package/lib/components/select/token.d.ts

@@ -1,16 +1,14 @@
-import type { TooltipInstance } from 'vft/es/components/tooltip';
-import type { ExtractPropTypes, InjectionKey, Ref } from 'vue';
-import type { OptionProps, SelectProps } from './defaults';
+import type { InjectionKey, Ref } from 'vue';
+import type { OptionV2Props, SelectV2Instance, SelectV2Props } from './defaults';
 import type { Option } from './select.types';
-export interface SelectContext {
-    props: ExtractPropTypes<typeof SelectProps>;
-    expanded: boolean;
-    popper: Ref<TooltipInstance>;
-    onSelect: (option: Option<any>, index: number, byClick?: boolean) => void;
-    onHover: (idx: number) => void;
+export interface SelectV2Context {
+    props: SelectV2Props;
+    expanded: Ref<boolean>;
+    tooltipRef: any;
+    onSelect: (option: Option) => void;
+    onHover: (idx?: number) => void;
     onKeyboardNavigate: (direction: 'forward' | 'backward') => void;
     onKeyboardSelect: () => void;
 }
-export declare const selectInjectionKey: InjectionKey<SelectContext>;
-export type IOptionProps = ExtractPropTypes<typeof OptionProps>;
-export type ISelectProps = ExtractPropTypes<typeof SelectProps>;
+export declare const selectV2InjectionKey: InjectionKey<SelectV2Context>;
+export type { OptionV2Props, SelectV2Instance, SelectV2Props };

package/lib/components/select/useAllowCreate.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");function s(n,t){const i=u.ref(0),o=u.ref(null),a=u.computed(()=>n.allowCreate&&n.filterable);function r(e){const l=c=>c.value===e;return n.options&&n.options.some(l)||t.createdOptions.some(l)}function d(e){a.value&&(n.multiple&&e.created?i.value++:o.value=e)}function f(e){if(a.value)if(e&&e.length>0&&!r(e)){const l={value:e,label:e,created:!0,disabled:!1};t.createdOptions.length>=i.value?t.createdOptions[i.value]=l:t.createdOptions.push(l)}else if(n.multiple)t.createdOptions.length=i.value;else{const l=o.value;t.createdOptions.length=0,l&&l.created&&t.createdOptions.push(l)}}function v(e){if(!a.value||!e||!e.created||e.created&&n.reserveKeyword&&t.inputValue===e.label)return;const l=t.createdOptions.findIndex(c=>c.value===e.value);~l&&(t.createdOptions.splice(l,1),i.value--)}function O(){a.value&&(t.createdOptions.length=0,i.value=0)}return{createNewOption:f,removeNewOption:v,selectNewOption:d,clearAllNewOption:O}}exports.useAllowCreate=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),h=require("./useProps.cjs");function w(l,n){const{aliasProps:u,getLabel:o,getValue:d}=h.useProps(l),i=r.ref(0),f=r.ref(),a=r.computed(()=>l.allowCreate&&l.filterable);function s(e){const t=c=>o(c)===e;return l.options&&l.options.some(t)||n.createdOptions.some(t)}function O(e){a.value&&(l.multiple&&e.created?i.value++:f.value=e)}function v(e){if(a.value)if(e&&e.length>0){if(s(e))return;const t={[u.value.value]:e,[u.value.label]:e,created:!0,[u.value.disabled]:!1};n.createdOptions.length>=i.value?n.createdOptions[i.value]=t:n.createdOptions.push(t)}else if(l.multiple)n.createdOptions.length=i.value;else{const t=f.value;n.createdOptions.length=0,t&&t.created&&n.createdOptions.push(t)}}function p(e){if(!a.value||!e||!e.created||e.created&&l.reserveKeyword&&n.inputValue===o(e))return;const t=n.createdOptions.findIndex(c=>d(c)===d(e));~t&&(n.createdOptions.splice(t,1),i.value--)}function g(){a.value&&(n.createdOptions.length=0,i.value=0)}return{createNewOption:v,removeNewOption:p,selectNewOption:O,clearAllNewOption:g}}exports.useAllowCreate=w;

package/lib/components/select/useAllowCreate.d.ts

@@ -1,6 +1,6 @@
-import type { Option } from './select.types';
-import type { ISelectProps } from './token';
-export declare function useAllowCreate(props: ISelectProps, states: any): {
+import type { SelectV2Props } from './token';
+import type { Option, SelectStates } from './select.types';
+export declare function useAllowCreate(props: SelectV2Props, states: SelectStates): {
     createNewOption: (query: string) => void;
     removeNewOption: (option: Option) => void;
     selectNewOption: (option: Option) => void;

package/lib/components/select/useOption.d.ts

@@ -1,6 +1,6 @@
-import type { IOptionProps } from './token';
-export declare function useOption(props: IOptionProps, { emit }: {
-    emit: any;
+import type { OptionV2EmitFn, OptionV2Props } from './defaults';
+export declare function useOption(props: OptionV2Props, { emit }: {
+    emit: OptionV2EmitFn;
 }): {
     hoverItem: () => void;
     selectOptionClick: () => void;

package/lib/components/select/useProps.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("lodash-es"),l={label:"label",value:"value",disabled:"disabled",options:"options"};function u(o){const t=a.computed(()=>({...l,...o.props}));return{aliasProps:t,getLabel:e=>s.get(e,t.value.label),getValue:e=>s.get(e,t.value.value),getDisabled:e=>s.get(e,t.value.disabled),getOptions:e=>s.get(e,t.value.options)}}exports.defaultProps=l;exports.useProps=u;

package/lib/components/select/useProps.d.ts

@@ -0,0 +1,21 @@
+import type { SelectV2Props } from './token';
+import type { Option } from './select.types';
+export interface Props {
+    label?: string;
+    value?: string;
+    disabled?: string;
+    options?: string;
+}
+export declare const defaultProps: Required<Props>;
+export declare function useProps(props: Pick<SelectV2Props, 'props'>): {
+    aliasProps: import("vue").ComputedRef<{
+        label: string;
+        value: string;
+        disabled: string;
+        options: string;
+    }>;
+    getLabel: (option: Option) => any;
+    getValue: (option: Option) => any;
+    getDisabled: (option: Option) => any;
+    getOptions: (option: Option) => any;
+};

package/lib/components/select/useSelect.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@vft/utils");require("../form/index.cjs");const ee=require("../../constants/event.cjs"),We=require("@vueuse/core"),Be=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const _e=require("../../utils/vue/data-helper.cjs"),r=require("lodash-es"),u=require("vue"),te=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const De=require("./useAllowCreate.cjs"),ke=require("./useInput.cjs"),ze=require("./util.cjs"),Ke=require("../form/hooks/use-form-item.cjs"),Ue=require("../form/hooks/use-form-common-props.cjs"),le="",ne=11,Qe={larget:51,default:42,small:33},je=(l,h)=>{const M=te.useNamespace("select"),ue=te.useNamespace("input"),{form:ae,formItem:F}=Ke.useFormItem(),t=u.reactive({inputValue:le,displayInputValue:le,calculatedWidth:0,cachedPlaceholder:"",cachedOptions:[],createdOptions:[],createdLabel:"",createdSelected:!1,currentPlaceholder:"",hoveringIndex:-1,comboBoxHovering:!1,isOnComposition:!1,isSilentBlur:!1,isComposing:!1,inputLength:20,selectWidth:200,initialInputHeight:0,previousQuery:null,previousValue:void 0,query:"",selectedLabel:"",softFocus:!1,tagInMultiLine:!1}),ie=u.ref(-1),N=u.ref(-1),oe=u.ref(null),d=u.ref(null),O=u.ref(null),g=u.ref(null),b=u.ref(null),x=u.ref(null),V=u.ref(null),o=u.ref(!1),p=u.computed(()=>l.disabled||ae?.disabled),ce=u.computed(()=>{const e=c.value.length*34;return e>l.height?l.height:e}),S=u.computed(()=>!r.isNil(l.modelValue)),se=u.computed(()=>{const e=l.multiple?Array.isArray(l.modelValue)&&l.modelValue.length>0:S.value;return l.clearable&&!p.value&&t.comboBoxHovering&&e}),A=u.computed(()=>l.remote&&l.filterable?"":"icon-arrow-up"),re=u.computed(()=>A.value&&M.is("reverse",o.value)),de=u.computed(()=>F?.validateState||""),fe="validateIcon",H=u.computed(()=>l.remote?300:0),C=u.computed(()=>{const e=c.value;return l.loading?l.loadingText||"加载中":l.remote&&t.inputValue===""&&e.length===0?!1:l.filterable&&t.inputValue&&e.length>0?l.noMatchText||"无匹配数据":e.length===0?l.noDataText||"暂无数据":null}),c=u.computed(()=>{const e=n=>{const i=t.inputValue,a=new RegExp(_e.escapeStringRegexp(i),"i");return i?a.test(n.label||""):!0};return l.loading?[]:ze.flattenOptions(l.options.concat(t.createdOptions).map(n=>{if(f.isArray(n.options)){const i=n.options.filter(e);if(i.length>0)return{...n,options:i}}else if(l.remote||e(n))return n;return null}).filter(n=>n!==null))}),he=u.computed(()=>c.value.every(e=>e.disabled)),P=Ue.useFormSize(),W=u.computed(()=>P.value==="small"?"small":"default"),me=u.computed(()=>{const e=x.value,n=W.value||"default",i=e?Number.parseInt(getComputedStyle(e).paddingLeft):0,a=e?Number.parseInt(getComputedStyle(e).paddingRight):0;return t.selectWidth-a-i-Qe[n]}),B=()=>{N.value=b.value?.offsetWidth||200},ve=u.computed(()=>({width:`${t.calculatedWidth===0?ne:Math.ceil(t.calculatedWidth)+ne}px`})),ge=u.computed(()=>f.isArray(l.modelValue)?l.modelValue.length===0&&!t.displayInputValue:l.filterable?t.displayInputValue.length===0:!0),Ve=u.computed(()=>{const e=l.placeholder||"请选择";return l.multiple||r.isNil(l.modelValue)?e:t.selectedLabel}),pe=u.computed(()=>g.value?.popperRef?.contentRef),_=u.computed(()=>{if(l.multiple){const e=l.modelValue.length;if(l.modelValue.length>0)return c.value.findIndex(n=>n.value===l.modelValue[e-1])}else if(l.modelValue)return c.value.findIndex(e=>e.value===l.modelValue);return-1}),D=u.computed({get(){return o.value&&C.value!==!1},set(e){o.value=e}}),Ie=u.computed(()=>t.cachedOptions.slice(0,l.maxCollapseTags)),be=u.computed(()=>t.cachedOptions.slice(l.maxCollapseTags)),{createNewOption:k,removeNewOption:T,selectNewOption:z,clearAllNewOption:w}=De.useAllowCreate(l,t),{handleCompositionStart:xe,handleCompositionUpdate:ye,handleCompositionEnd:Oe}=ke.useInput(e=>Z(e)),K=()=>{d.value?.focus?.(),g.value?.updatePopper()},q=()=>{if(!l.automaticDropdown&&!p.value)return t.isComposing&&(t.softFocus=!0),u.nextTick(()=>{o.value=!o.value,d.value?.focus?.()})},U=()=>(l.filterable&&t.inputValue!==t.selectedLabel&&(t.query=t.selectedLabel),j(t.inputValue),u.nextTick(()=>{k(t.inputValue)})),Q=r.debounce(U,H.value),j=e=>{t.previousQuery!==e&&(t.previousQuery=e,l.filterable&&f.isFunction(l.filterMethod)?l.filterMethod(e):l.filterable&&l.remote&&f.isFunction(l.remoteMethod)&&l.remoteMethod(e))},Se=e=>{r.isEqual(l.modelValue,e)||h(ee.CHANGE_EVENT,e)},I=e=>{h(ee.UPDATE_MODEL_EVENT,e),Se(e),t.previousValue=e?.toString()},Ce=(e=[],n)=>{if(!f.isObject(n))return e.indexOf(n);const i=l.valueKey;let a=-1;return e.some((s,Pe)=>r.get(s,i)===r.get(n,i)?(a=Pe,!0):!1),a},m=e=>f.isObject(e)?r.get(e,l.valueKey):e,Te=e=>f.isObject(e)?e.label:e,L=()=>u.nextTick(()=>{if(!d.value)return;const e=x.value;b.value.height=e.offsetHeight,o.value&&C.value!==!1&&g.value?.updatePopper?.()}),G=()=>{if(we(),B(),g.value?.updatePopper?.(),l.multiple)return L()},we=()=>{const e=x.value;e&&(t.selectWidth=e.getBoundingClientRect().width)},$=(e,n,i=!0)=>{if(l.multiple){let a=l.modelValue.slice();const s=Ce(a,m(e));s>-1?(a=[...a.slice(0,s),...a.slice(s+1)],t.cachedOptions.splice(s,1),T(e)):(l.multipleLimit<=0||a.length<l.multipleLimit)&&(a=[...a,m(e)],t.cachedOptions.push(e),z(e),v(n)),I(a),e.created&&(t.query="",j(""),t.inputLength=20),l.filterable&&!l.reserveKeyword&&(d.value.focus?.(),y("")),l.filterable&&(t.calculatedWidth=V.value.getBoundingClientRect().width),L(),Ne()}else ie.value=n,t.selectedLabel=e.label,I(m(e)),o.value=!1,t.isComposing=!1,t.isSilentBlur=i,z(e),e.created||w(),v(n)},qe=(e,n)=>{const{valueKey:i}=l,a=l.modelValue.indexOf(r.get(n,i));if(a>-1&&!p.value){const s=[...l.modelValue.slice(0,a),...l.modelValue.slice(a+1)];return t.cachedOptions.splice(a,1),I(s),h("remove-tag",r.get(n,i)),t.softFocus=!0,T(n),u.nextTick(K)}e.stopPropagation()},Le=e=>{const n=t.isComposing;t.isComposing=!0,t.softFocus?t.softFocus=!1:n||h("focus",e)},J=e=>(t.softFocus=!1,u.nextTick(()=>{d.value?.blur?.(),V.value&&(t.calculatedWidth=V.value.getBoundingClientRect().width),t.isSilentBlur?t.isSilentBlur=!1:t.isComposing&&h("blur",e),t.isComposing=!1})),Re=()=>{t.displayInputValue.length>0?y(""):o.value=!1},Ee=e=>{if(t.displayInputValue.length===0){e.preventDefault();const n=l.modelValue.slice();n.pop(),T(t.cachedOptions.pop()),I(n)}},Me=()=>{let e;return f.isArray(l.modelValue)?e=[]:e=void 0,t.softFocus=!0,l.multiple?t.cachedOptions=[]:t.selectedLabel="",o.value=!1,I(e),h("clear"),w(),u.nextTick(K)},y=e=>{t.displayInputValue=e,t.inputValue=e},X=(e,n=void 0)=>{const i=c.value;if(!["forward","backward"].includes(e)||p.value||i.length<=0||he.value)return;if(!o.value)return q();n===void 0&&(n=t.hoveringIndex);let a=-1;e==="forward"?(a=n+1,a>=i.length&&(a=0)):e==="backward"&&(a=n-1,(a<0||a>=i.length)&&(a=i.length-1));const s=i[a];if(s.disabled||s.type==="Group")return X(e,a);v(a),R(a)},Fe=()=>{if(o.value)~t.hoveringIndex&&c.value[t.hoveringIndex]&&$(c.value[t.hoveringIndex],t.hoveringIndex,!1);else return q()},v=e=>{t.hoveringIndex=e},Y=()=>{t.hoveringIndex=-1},Ne=()=>{const e=d.value;e&&e.focus?.()},Z=e=>{const n=e.target.value;if(y(n),t.displayInputValue.length>0&&!o.value&&(o.value=!0),t.calculatedWidth=V.value.getBoundingClientRect().width,l.multiple&&L(),l.remote)Q();else return U()},Ae=()=>(o.value=!1,J()),He=()=>(t.inputValue=t.displayInputValue,u.nextTick(()=>{~_.value&&(v(_.value),R(t.hoveringIndex))})),R=e=>{O.value.scrollToItem(e)},E=()=>{if(Y(),l.multiple)if(l.modelValue.length>0){let e=!1;t.cachedOptions.length=0,t.previousValue=l.modelValue.toString(),l.modelValue.forEach(n=>{const i=c.value.findIndex(a=>m(a)===n);~i&&(t.cachedOptions.push(c.value[i]),e||v(i),e=!0)})}else t.cachedOptions=[],t.previousValue=void 0;else if(S.value){t.previousValue=l.modelValue;const e=c.value,n=e.findIndex(i=>m(i)===m(l.modelValue));~n?(t.selectedLabel=e[n].label,v(n)):t.selectedLabel=`${l.modelValue}`}else t.selectedLabel="",t.previousValue=void 0;w(),B()};return u.watch(o,e=>{h("visible-change",e),e?g.value.update?.():(t.displayInputValue="",t.previousQuery=null,k(""))}),u.watch(()=>l.modelValue,(e,n)=>{(!e||e.toString()!==t.previousValue)&&E(),!r.isEqual(e,n)&&l.validateEvent&&F?.validate?.("change").catch(i=>Be.debugWarn(i))},{deep:!0}),u.watch(()=>l.options,()=>{const e=d.value;(!e||e&&document.activeElement!==e)&&E()},{deep:!0}),u.watch(c,()=>u.nextTick(O.value?.resetScrollTop)),u.watch(()=>D.value,e=>{e||Y()}),u.onMounted(()=>{E()}),We.useResizeObserver(b,G),{collapseTagSize:W,currentPlaceholder:Ve,expanded:o,emptyText:C,popupHeight:ce,debounce:H,filteredOptions:c,iconComponent:A,iconReverse:re,inputWrapperStyle:ve,popperSize:N,dropdownMenuVisible:D,hasModelValue:S,shouldShowPlaceholder:ge,selectDisabled:p,selectSize:P,showClearBtn:se,states:t,tagMaxWidth:me,nsSelect:M,nsInput:ue,calculatorRef:V,controlRef:oe,inputRef:d,menuRef:O,popper:g,selectRef:b,selectionRef:x,popperRef:pe,validateState:de,validateIcon:fe,showTagList:Ie,collapseTagList:be,debouncedOnInputChange:Q,deleteTag:qe,getLabel:Te,getValueKey:m,handleBlur:J,handleClear:Me,handleClickOutside:Ae,handleDel:Ee,handleEsc:Re,handleFocus:Le,handleMenuEnter:He,handleResize:G,toggleMenu:q,scrollTo:R,onInput:Z,onKeyboardNavigate:X,onKeyboardSelect:Fe,onSelect:$,onHover:v,onUpdateInputValue:y,handleCompositionStart:xe,handleCompositionEnd:Oe,handleCompositionUpdate:ye}};exports.default=je;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../form/index.cjs");const vt=require("../../constants/aria.cjs"),Ie=require("../../constants/event.cjs"),I=require("@vueuse/core"),r=require("@vft/utils"),U=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const ht=require("../../utils/vue/data-helper.cjs"),v=require("lodash-es"),u=require("vue"),we=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const gt=require("../../hooks/use-composition/index.cjs"),Vt=require("../../hooks/use-focus-controller/index.cjs"),bt=require("../../hooks/use-empty-values/index.cjs"),xt=require("./useAllowCreate.cjs"),Ot=require("./useProps.cjs"),ye=require("../form/hooks/use-form-item.cjs"),pt=require("../form/hooks/use-form-common-props.cjs"),It=(t,h)=>{const z=we.useNamespace("select"),Te=we.useNamespace("input"),{form:J,formItem:E}=ye.useFormItem(),{inputId:Ee}=ye.useFormItemInputId(t,{formItemContext:E}),{aliasProps:X,getLabel:g,getValue:d,getDisabled:C,getOptions:Ce}=Ot.useProps(t),{valueOnClear:Re,isEmptyValue:Y}=bt.useEmptyValues(t),l=u.reactive({inputValue:"",cachedOptions:[],createdOptions:[],hoveringIndex:-1,inputHovering:!1,selectionWidth:0,collapseItemWidth:0,previousQuery:null,previousValue:void 0,selectedLabel:"",menuVisibleOnFocus:!1,isBeforeHide:!1}),R=u.ref(-1),A=u.ref(),w=u.ref(),S=u.ref(),P=u.ref(),V=u.ref(),Se=u.ref(),Fe=u.ref(),b=u.ref(),Z=u.ref(),F=u.ref(),{isComposing:ee,handleCompositionStart:Me,handleCompositionEnd:We,handleCompositionUpdate:qe}=gt.useComposition({afterComposition:e=>Oe(e)}),x=u.computed(()=>t.disabled||!!J?.disabled),{wrapperRef:te,isFocused:le,handleBlur:Le}=Vt.useFocusController(V,{disabled:x,afterFocus(){t.automaticDropdown&&!o.value&&(o.value=!0,l.menuVisibleOnFocus=!0)},beforeBlur(e){return S.value?.isFocusInsideContent(e)||P.value?.isFocusInsideContent(e)},afterBlur(){o.value=!1,l.menuVisibleOnFocus=!1,t.validateEvent&&E?.validate?.("blur").catch(e=>U.debugWarn(e))}}),ne=u.computed(()=>oe("")),M=u.computed(()=>t.loading?!1:t.options.length>0||l.createdOptions.length>0),s=u.ref([]),o=u.ref(!1),Ne=u.computed(()=>J?.statusIcon??!1),ke=u.computed(()=>{const e=s.value.length*t.itemHeight;return e>t.height?t.height:e}),W=u.computed(()=>t.multiple?r.isArray(t.modelValue)&&t.modelValue.length>0:!Y(t.modelValue)),De=u.computed(()=>t.clearable&&!x.value&&l.inputHovering&&W.value),ue=u.computed(()=>t.remote&&t.filterable?"":"ico-ep:arrow-down"),He=u.computed(()=>ue.value&&z.is("reverse",o.value)),ze=u.computed(()=>E?.validateState||""),Ae="validateIcon",ie=u.computed(()=>t.remote?300:0),ae=u.computed(()=>t.loading?t.loadingText||"加载中":t.remote&&!l.inputValue&&!M.value?!1:t.filterable&&l.inputValue&&M.value&&s.value.length===0?t.noMatchText||"无匹配数据":M.value?null:t.noDataText||"暂无数据"),oe=e=>{const n=new RegExp(ht.escapeStringRegexp(e),"i"),{filterMethod:i,remoteMethod:a}=u.toRaw(t),c=t.filterable&&r.isFunction(i),m=t.filterable&&t.remote&&r.isFunction(a),k=O=>c||m?!0:e?n.test(g(O)||""):!0;return t.loading?[]:[...l.createdOptions,...t.options].reduce((O,p)=>{const D=Ce(p);if(r.isArray(D)){const H=D.filter(k);H.length>0&&O.push({label:g(p),type:"Group"},...H)}else(t.remote||k(p))&&O.push(p);return O},[])},se=()=>{s.value=oe(l.inputValue)},ce=u.computed(()=>{const e=new Map;return ne.value.forEach((n,i)=>{e.set(f(d(n)),{option:n,index:i})}),e}),q=u.computed(()=>{const e=new Map;return s.value.forEach((n,i)=>{e.set(f(d(n)),{option:n,index:i})}),e}),Pe=u.computed(()=>s.value.every(e=>C(e))),re=pt.useFormSize(),Be=u.computed(()=>re.value==="small"?"small":"default"),y=()=>{if(r.isNumber(t.fitInputWidth)){R.value=t.fitInputWidth;return}const e=A.value?.offsetWidth||200;!t.fitInputWidth&&M.value?u.nextTick(()=>{R.value=Math.max(e,Ke())}):R.value=e},Ke=()=>{const n=document.createElement("canvas").getContext("2d"),i=z.be("dropdown","item"),c=(b.value?.listRef?.innerRef||document).querySelector(`.${i}`);if(c===null||n===null)return 0;const m=getComputedStyle(c),k=Number.parseFloat(m.paddingLeft)+Number.parseFloat(m.paddingRight);return n.font=`bold ${m.font.replace(new RegExp(`\\b${m.fontWeight}\\b`),"")}`,s.value.reduce((p,D)=>{const H=n.measureText(g(D));return Math.max(H.width,p)},0)+k},_e=()=>{if(!w.value)return 0;const e=window.getComputedStyle(w.value);return Number.parseFloat(e.gap||"6px")},$e=u.computed(()=>{const e=_e();return{maxWidth:`${F.value&&t.maxCollapseTags===1?l.selectionWidth-l.collapseItemWidth-e:l.selectionWidth}px`}}),Ge=u.computed(()=>({maxWidth:`${l.selectionWidth}px`})),Qe=u.computed(()=>r.isArray(t.modelValue)?t.modelValue.length===0&&!l.inputValue:t.filterable?!l.inputValue:!0),je=u.computed(()=>{const e=t.placeholder||"请选择";return t.multiple||!W.value?e:l.selectedLabel}),Ue=u.computed(()=>S.value?.popperRef?.contentRef),Je=u.computed(()=>{if(t.multiple){const e=t.modelValue.length;if(t.modelValue.length>0&&q.value.has(t.modelValue[e-1])){const{index:n}=q.value.get(t.modelValue[e-1]);return n}}else if(!Y(t.modelValue)&&q.value.has(t.modelValue)){const{index:e}=q.value.get(t.modelValue);return e}return-1}),Xe=u.computed({get(){return o.value&&ae.value!==!1},set(e){o.value=e}}),Ye=u.computed(()=>t.multiple?t.collapseTags?l.cachedOptions.slice(0,t.maxCollapseTags):l.cachedOptions:[]),Ze=u.computed(()=>t.multiple?t.collapseTags?l.cachedOptions.slice(t.maxCollapseTags):[]:[]),{createNewOption:de,removeNewOption:B,selectNewOption:fe,clearAllNewOption:K}=xt.useAllowCreate(t,l),_=()=>{x.value||(l.menuVisibleOnFocus?l.menuVisibleOnFocus=!1:o.value=!o.value)},me=()=>{l.inputValue.length>0&&!o.value&&(o.value=!0),de(l.inputValue),u.nextTick(()=>{$(l.inputValue)})},ve=v.debounce(me,ie.value),$=e=>{l.previousQuery===e||ee.value||(l.previousQuery=e,t.filterable&&r.isFunction(t.filterMethod)?t.filterMethod(e):t.filterable&&t.remote&&r.isFunction(t.remoteMethod)&&t.remoteMethod(e),t.defaultFirstOption&&(t.filterable||t.remote)&&s.value.length?u.nextTick(et):u.nextTick(dt))},et=()=>{const e=s.value.filter(a=>!a.disabled&&a.type!=="Group"),n=e.find(a=>a.created),i=e[0];l.hoveringIndex=G(s.value,n||i)},tt=e=>{v.isEqual(t.modelValue,e)||h(Ie.CHANGE_EVENT,e)},T=e=>{h(Ie.UPDATE_MODEL_EVENT,e),tt(e),l.previousValue=t.multiple?String(e):e,u.nextTick(()=>{if(t.multiple&&r.isArray(t.modelValue)){const n=l.cachedOptions.slice(),i=t.modelValue.map(a=>pe(a,n));v.isEqual(l.cachedOptions,i)||(l.cachedOptions=i)}else N(!0)})},G=(e=[],n)=>{if(!r.isObject(n))return e.indexOf(n);const i=t.valueKey;let a=-1;return e.some((c,m)=>v.get(c,i)===v.get(n,i)?(a=m,!0):!1),a},f=e=>r.isObject(e)?v.get(e,t.valueKey):e,he=()=>{y()},ge=()=>{l.selectionWidth=Number.parseFloat(window.getComputedStyle(w.value).width)},lt=()=>{l.collapseItemWidth=F.value.getBoundingClientRect().width},Q=()=>{S.value?.updatePopper?.()},Ve=()=>{P.value?.updatePopper?.()},be=e=>{if(t.multiple){let n=t.modelValue.slice();const i=G(n,d(e));i>-1?(n=[...n.slice(0,i),...n.slice(i+1)],l.cachedOptions.splice(i,1),B(e)):(t.multipleLimit<=0||n.length<t.multipleLimit)&&(n=[...n,d(e)],l.cachedOptions.push(e),fe(e)),T(n),e.created&&$(""),t.filterable&&!t.reserveKeyword&&(l.inputValue="")}else l.selectedLabel=g(e),T(d(e)),o.value=!1,fe(e),e.created||K();L()},nt=(e,n)=>{let i=t.modelValue.slice();const a=G(i,d(n));a>-1&&!x.value&&(i=[...t.modelValue.slice(0,a),...t.modelValue.slice(a+1)],l.cachedOptions.splice(a,1),T(i),h("remove-tag",d(n)),B(n)),e.stopPropagation(),L()},L=()=>{V.value?.focus()},ut=()=>{if(o.value){o.value=!1,u.nextTick(()=>V.value?.blur());return}V.value?.blur()},it=()=>{l.inputValue.length>0?l.inputValue="":o.value=!1},at=e=>v.findLastIndex(e,n=>!l.cachedOptions.some(i=>d(i)===n&&C(i))),ot=e=>{if(t.multiple&&e.code!==vt.EVENT_CODE.delete&&l.inputValue.length===0){e.preventDefault();const n=t.modelValue.slice(),i=at(n);if(i<0)return;const a=n[i];n.splice(i,1);const c=l.cachedOptions[i];l.cachedOptions.splice(i,1),B(c),T(n),h("remove-tag",a)}},st=()=>{let e;r.isArray(t.modelValue)?e=[]:e=Re.value,l.selectedLabel="",o.value=!1,T(e),h("clear"),K(),L()},xe=(e,n=void 0)=>{const i=s.value;if(!["forward","backward"].includes(e)||x.value||i.length<=0||Pe.value||ee.value)return;if(!o.value)return _();r.isUndefined(n)&&(n=l.hoveringIndex);let a=-1;e==="forward"?(a=n+1,a>=i.length&&(a=0)):e==="backward"&&(a=n-1,(a<0||a>=i.length)&&(a=i.length-1));const c=i[a];if(C(c)||c.type==="Group")return xe(e,a);l.hoveringIndex=a,j(a)},ct=()=>{if(o.value)~l.hoveringIndex&&s.value[l.hoveringIndex]&&be(s.value[l.hoveringIndex]);else return _()},rt=e=>{l.hoveringIndex=e??-1},dt=()=>{t.multiple?l.hoveringIndex=s.value.findIndex(e=>t.modelValue.some(n=>f(n)===f(d(e)))):l.hoveringIndex=s.value.findIndex(e=>f(d(e))===f(t.modelValue))},Oe=e=>{if(l.inputValue=e.target.value,t.remote)ve();else return me()},ft=e=>{if(o.value=!1,le.value){const n=new FocusEvent("focus",e);Le(n)}},mt=()=>(l.isBeforeHide=!1,u.nextTick(()=>{~Je.value&&j(l.hoveringIndex)})),j=e=>{b.value.scrollToItem(e)},pe=(e,n)=>{const i=f(e);if(ce.value.has(i)){const{option:a}=ce.value.get(i);return a}if(n&&n.length){const a=n.find(c=>f(d(c))===i);if(a)return a}return{[X.value.value]:e,[X.value.label]:e}},N=(e=!1)=>{if(t.multiple)if(t.modelValue.length>0){const n=l.cachedOptions.slice();l.cachedOptions.length=0,l.previousValue=t.modelValue.toString();for(const i of t.modelValue){const a=pe(i,n);l.cachedOptions.push(a)}}else l.cachedOptions=[],l.previousValue=void 0;else if(W.value){l.previousValue=t.modelValue;const n=s.value,i=n.findIndex(a=>f(d(a))===f(t.modelValue));~i?l.selectedLabel=g(n[i]):(!l.selectedLabel||e)&&(l.selectedLabel=f(t.modelValue))}else l.selectedLabel="",l.previousValue=void 0;K(),y()};return u.watch(()=>t.fitInputWidth,()=>{y()}),u.watch(o,e=>{e?(t.persistent||y(),$("")):(l.inputValue="",l.previousQuery=null,l.isBeforeHide=!0,de("")),h("visible-change",e)}),u.watch(()=>t.modelValue,(e,n)=>{(!e||r.isArray(e)&&e.length===0||t.multiple&&!v.isEqual(e.toString(),l.previousValue)||!t.multiple&&f(e)!==f(l.previousValue))&&N(!0),!v.isEqual(e,n)&&t.validateEvent&&E?.validate?.("change").catch(a=>U.debugWarn(a))},{deep:!0}),u.watch(()=>t.options,()=>{const e=V.value;(!e||e&&document.activeElement!==e)&&N()},{deep:!0,flush:"post"}),u.watch(()=>s.value,()=>(y(),b.value&&u.nextTick(b.value.resetScrollTop))),u.watchEffect(()=>{l.isBeforeHide||se()}),u.watchEffect(()=>{const{valueKey:e,options:n}=t,i=new Map;for(const a of n){const c=d(a);let m=c;if(r.isObject(m)&&(m=v.get(c,e)),i.get(m)){U.debugWarn("ElSelectV2","The option values you provided seem to be duplicated, which may cause some problems, please check.");break}else i.set(m,!0)}}),u.onMounted(()=>{N()}),I.useResizeObserver(A,he),I.useResizeObserver(w,ge),I.useResizeObserver(b,Q),I.useResizeObserver(te,Q),I.useResizeObserver(Z,Ve),I.useResizeObserver(F,lt),{inputId:Ee,collapseTagSize:Be,currentPlaceholder:je,expanded:o,emptyText:ae,popupHeight:ke,debounce:ie,allOptions:ne,filteredOptions:s,iconComponent:ue,iconReverse:He,tagStyle:$e,collapseTagStyle:Ge,popperSize:R,dropdownMenuVisible:Xe,hasModelValue:W,shouldShowPlaceholder:Qe,selectDisabled:x,selectSize:re,needStatusIcon:Ne,showClearBtn:De,states:l,isFocused:le,nsSelect:z,nsInput:Te,inputRef:V,menuRef:b,tagMenuRef:Z,tooltipRef:S,tagTooltipRef:P,selectRef:A,wrapperRef:te,selectionRef:w,prefixRef:Se,suffixRef:Fe,collapseItemRef:F,popperRef:Ue,validateState:ze,validateIcon:Ae,showTagList:Ye,collapseTagList:Ze,debouncedOnInputChange:ve,deleteTag:nt,getLabel:g,getValue:d,getDisabled:C,getValueKey:f,handleClear:st,handleClickOutside:ft,handleDel:ot,handleEsc:it,focus:L,blur:ut,handleMenuEnter:mt,handleResize:he,resetSelectionWidth:ge,updateTooltip:Q,updateTagTooltip:Ve,updateOptions:se,toggleMenu:_,scrollTo:j,onInput:Oe,onKeyboardNavigate:xe,onKeyboardSelect:ct,onSelect:be,onHover:rt,handleCompositionStart:Me,handleCompositionEnd:We,handleCompositionUpdate:qe}};exports.default=It;