element-plus 2.4.1 → 2.4.3

package/es/components/select-v2/src/select.vue.d.ts

@@ -1,104 +1,70 @@
 declare const _default: import("vue").DefineComponent<{
-    allowCreate: BooleanConstructor;
-    autocomplete: {
-        type: import("vue").PropType<"none" | "inline" | "both" | "list">;
-        default: string;
+    readonly allowCreate: BooleanConstructor;
+    readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list") | ((new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list"))[], unknown, unknown, "none", boolean>;
+    readonly automaticDropdown: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly clearIcon: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    automaticDropdown: BooleanConstructor;
-    clearable: BooleanConstructor;
-    clearIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "light", boolean>;
+    readonly collapseTags: BooleanConstructor;
+    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly maxCollapseTags: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly defaultFirstOption: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly estimatedOptionHeight: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    readonly filterable: BooleanConstructor;
+    readonly filterMethod: FunctionConstructor;
+    readonly height: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 170, boolean>;
+    readonly itemHeight: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 34, boolean>;
+    readonly id: StringConstructor;
+    readonly loading: BooleanConstructor;
+    readonly loadingText: StringConstructor;
+    readonly label: StringConstructor;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    effect: {
-        type: import("vue").PropType<string>;
-        default: string;
+    readonly multiple: BooleanConstructor;
+    readonly multipleLimit: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly name: StringConstructor;
+    readonly noDataText: StringConstructor;
+    readonly noMatchText: StringConstructor;
+    readonly remoteMethod: FunctionConstructor;
+    readonly reserveKeyword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly options: {
+        readonly type: import("vue").PropType<import("./select.types").OptionType[]>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly placeholder: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    maxCollapseTags: {
-        type: NumberConstructor;
-        default: number;
-    };
-    defaultFirstOption: BooleanConstructor;
-    disabled: BooleanConstructor;
-    estimatedOptionHeight: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    filterable: BooleanConstructor;
-    filterMethod: FunctionConstructor;
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    itemHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    id: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    label: StringConstructor;
-    modelValue: import("vue").PropType<any>;
-    multiple: BooleanConstructor;
-    multipleLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    name: StringConstructor;
-    noDataText: StringConstructor;
-    noMatchText: StringConstructor;
-    remoteMethod: FunctionConstructor;
-    reserveKeyword: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: import("vue").PropType<import("./select.types").OptionType<any>[]>;
-        required: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-    };
-    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
-        default: () => Partial<import("@popperjs/core").Options>;
-    };
-    remote: BooleanConstructor;
-    size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    scrollbarAlwaysOn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement>;
-        values: import("@popperjs/core").Placement[];
-        default: string;
+    readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => Partial<import("@popperjs/core").Options>, boolean>;
+    readonly remote: BooleanConstructor;
+    readonly size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
+    readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props) | ((new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props))[], unknown, unknown, () => Required<import("./useProps").Props>, boolean>;
+    readonly valueKey: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
+    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
 }, {
     modelValue: import("vue").ComputedRef<any>;
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
@@ -107,9 +73,9 @@ declare const _default: import("vue").DefineComponent<{
     emptyText: import("vue").ComputedRef<string | false | null>;
     popupHeight: import("vue").ComputedRef<number>;
     debounce: import("vue").ComputedRef<0 | 300>;
-    filteredOptions: import("vue").ComputedRef<never[]>;
-    iconComponent: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
-    iconReverse: import("vue").ComputedRef<string>;
+    filteredOptions: import("vue").ComputedRef<import("./select.types").OptionType[]>;
+    iconComponent: import("vue").ComputedRef<any>;
+    iconReverse: import("vue").ComputedRef<any>;
     inputWrapperStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     popperSize: import("vue").Ref<number>;
     dropdownMenuVisible: import("vue").WritableComputedRef<boolean>;
@@ -125,15 +91,11 @@ declare const _default: import("vue").DefineComponent<{
         cachedPlaceholder: string;
         cachedOptions: {
             [x: string]: any;
-            label: string;
             created?: boolean | undefined;
-            value: any;
         }[];
         createdOptions: {
             [x: string]: any;
-            label: string;
             created?: boolean | undefined;
-            value: any;
         }[];
         createdLabel: string;
         createdSelected: boolean;
@@ -2562,7 +2524,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                     readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }, {
-                    emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
+                    emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
                     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly id: StringConstructor;
                         readonly style: {
@@ -2812,10 +2774,10 @@ declare const _default: import("vue").DefineComponent<{
                         readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                     }>> & {
                         onClose?: (() => any) | undefined;
-                        onFocus?: (() => any) | undefined;
                         onBlur?: (() => any) | undefined;
-                        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                        onFocus?: (() => any) | undefined;
                         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     }>>;
                     focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                     trapped: import("vue").Ref<boolean>;
@@ -2884,7 +2846,7 @@ declare const _default: import("vue").DefineComponent<{
                         };
                     }, {
                         onKeydown: (e: KeyboardEvent) => void;
-                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
                         focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -3159,10 +3121,10 @@ declare const _default: import("vue").DefineComponent<{
                     readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onFocus?: (() => any) | undefined;
                     onBlur?: (() => any) | undefined;
-                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onFocus?: (() => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 }, {
                     readonly offset: number;
                     readonly effect: string;
@@ -5515,7 +5477,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
                 readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }, {
-                emit: ((event: "close") => void) & ((event: "focus") => void) & ((event: "blur") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void);
+                emit: ((event: "blur") => void) & ((event: "close") => void) & ((event: "focus") => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly id: StringConstructor;
                     readonly style: {
@@ -5765,10 +5727,10 @@ declare const _default: import("vue").DefineComponent<{
                     readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
                 }>> & {
                     onClose?: (() => any) | undefined;
-                    onFocus?: (() => any) | undefined;
                     onBlur?: (() => any) | undefined;
-                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                    onFocus?: (() => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
                 focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
                 trapped: import("vue").Ref<boolean>;
@@ -5837,7 +5799,7 @@ declare const _default: import("vue").DefineComponent<{
                     };
                 }, {
                     onKeydown: (e: KeyboardEvent) => void;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
                     focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -6112,10 +6074,10 @@ declare const _default: import("vue").DefineComponent<{
                 readonly strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
             }>> & {
                 onClose?: (() => any) | undefined;
-                onFocus?: (() => any) | undefined;
                 onBlur?: (() => any) | undefined;
-                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+                onFocus?: (() => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             }, {
                 readonly offset: number;
                 readonly effect: string;
@@ -6425,23 +6387,21 @@ declare const _default: import("vue").DefineComponent<{
     selectRef: import("vue").Ref<null>;
     selectionRef: import("vue").Ref<null>;
     popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
-    validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
     validateIcon: import("vue").ComputedRef<any>;
     showTagList: import("vue").ComputedRef<{
         [x: string]: any;
-        label: string;
         created?: boolean | undefined;
-        value: any;
     }[]>;
     collapseTagList: import("vue").ComputedRef<{
         [x: string]: any;
-        label: string;
         created?: boolean | undefined;
-        value: any;
     }[]>;
     debouncedOnInputChange: import("lodash").DebouncedFunc<() => Promise<void>>;
-    deleteTag: (event: MouseEvent, option: import("./select.types").Option<any>) => Promise<void> | undefined;
-    getLabel: (item: unknown) => any;
+    deleteTag: (event: MouseEvent, option: import("./select.types").Option) => Promise<void> | undefined;
+    getLabel: (option: import("./select.types").Option) => any;
+    getValue: (option: import("./select.types").Option) => any;
+    getDisabled: (option: import("./select.types").Option) => any;
     getValueKey: (item: unknown) => any;
     handleBlur: (event: FocusEvent) => Promise<void>;
     handleClear: () => Promise<void>;
@@ -6456,149 +6416,115 @@ declare const _default: import("vue").DefineComponent<{
     onInput: (event: any) => Promise<void> | undefined;
     onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number) => any;
     onKeyboardSelect: () => Promise<void> | undefined;
-    onSelect: (option: import("./select.types").Option<any>, idx: number, byClick?: boolean) => void;
+    onSelect: (option: import("./select.types").Option, idx: number, byClick?: boolean) => void;
     onHover: (idx: number) => void;
     onUpdateInputValue: (val: string) => void;
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus" | "clear" | "visible-change" | "remove-tag" | "blur")[], "update:modelValue" | "change" | "focus" | "blur" | "clear" | "visible-change" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    allowCreate: BooleanConstructor;
-    autocomplete: {
-        type: import("vue").PropType<"none" | "inline" | "both" | "list">;
-        default: string;
-    };
-    automaticDropdown: BooleanConstructor;
-    clearable: BooleanConstructor;
-    clearIcon: {
-        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    };
-    effect: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxCollapseTags: {
-        type: NumberConstructor;
-        default: number;
-    };
-    defaultFirstOption: BooleanConstructor;
-    disabled: BooleanConstructor;
-    estimatedOptionHeight: {
-        type: NumberConstructor;
-        default: undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "blur" | "focus" | "clear" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "blur" | "focus" | "clear" | "visible-change" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly allowCreate: BooleanConstructor;
+    readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list") | ((new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list"))[], unknown, unknown, "none", boolean>;
+    readonly automaticDropdown: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly clearIcon: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    filterable: BooleanConstructor;
-    filterMethod: FunctionConstructor;
-    height: {
-        type: NumberConstructor;
-        default: number;
+    readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "light", boolean>;
+    readonly collapseTags: BooleanConstructor;
+    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly maxCollapseTags: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly defaultFirstOption: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly estimatedOptionHeight: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    readonly filterable: BooleanConstructor;
+    readonly filterMethod: FunctionConstructor;
+    readonly height: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 170, boolean>;
+    readonly itemHeight: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 34, boolean>;
+    readonly id: StringConstructor;
+    readonly loading: BooleanConstructor;
+    readonly loadingText: StringConstructor;
+    readonly label: StringConstructor;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    itemHeight: {
-        type: NumberConstructor;
-        default: number;
+    readonly multiple: BooleanConstructor;
+    readonly multipleLimit: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly name: StringConstructor;
+    readonly noDataText: StringConstructor;
+    readonly noMatchText: StringConstructor;
+    readonly remoteMethod: FunctionConstructor;
+    readonly reserveKeyword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly options: {
+        readonly type: import("vue").PropType<import("./select.types").OptionType[]>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    id: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    label: StringConstructor;
-    modelValue: import("vue").PropType<any>;
-    multiple: BooleanConstructor;
-    multipleLimit: {
-        type: NumberConstructor;
-        default: number;
+    readonly placeholder: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    name: StringConstructor;
-    noDataText: StringConstructor;
-    noMatchText: StringConstructor;
-    remoteMethod: FunctionConstructor;
-    reserveKeyword: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: import("vue").PropType<import("./select.types").OptionType<any>[]>;
-        required: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-    };
-    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: {
-        type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
-        default: () => Partial<import("@popperjs/core").Options>;
-    };
-    remote: BooleanConstructor;
-    size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    scrollbarAlwaysOn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placement: {
-        type: import("vue").PropType<import("@popperjs/core").Placement>;
-        values: import("@popperjs/core").Placement[];
-        default: string;
+    readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => Partial<import("@popperjs/core").Options>, boolean>;
+    readonly remote: BooleanConstructor;
+    readonly size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
+    readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props) | ((new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props))[], unknown, unknown, () => Required<import("./useProps").Props>, boolean>;
+    readonly valueKey: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
+    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
-    effect: string;
-    valueKey: string;
-    placement: import("@popperjs/core").Placement;
-    popperClass: string;
-    popperOptions: Partial<import("@popperjs/core").Options>;
-    teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    persistent: boolean;
-    disabled: boolean;
-    clearable: boolean;
-    autocomplete: "none" | "inline" | "both" | "list";
-    validateEvent: boolean;
-    multiple: boolean;
-    loading: boolean;
-    filterable: boolean;
-    collapseTags: boolean;
-    maxCollapseTags: number;
-    collapseTagsTooltip: boolean;
-    clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    automaticDropdown: boolean;
-    allowCreate: boolean;
-    remote: boolean;
-    multipleLimit: number;
-    defaultFirstOption: boolean;
-    reserveKeyword: boolean;
-    estimatedOptionHeight: number;
-    itemHeight: number;
-    scrollbarAlwaysOn: boolean;
+    readonly props: import("./useProps").Props;
+    readonly height: number;
+    readonly effect: string;
+    readonly valueKey: string;
+    readonly placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown>;
+    readonly popperClass: string;
+    readonly popperOptions: Partial<import("@popperjs/core").Options>;
+    readonly teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly persistent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: boolean;
+    readonly clearable: boolean;
+    readonly autocomplete: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list") | ((new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list"))[], unknown, unknown>;
+    readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly multiple: boolean;
+    readonly loading: boolean;
+    readonly filterable: boolean;
+    readonly collapseTags: boolean;
+    readonly maxCollapseTags: number;
+    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly automaticDropdown: boolean;
+    readonly allowCreate: boolean;
+    readonly remote: boolean;
+    readonly multipleLimit: number;
+    readonly defaultFirstOption: boolean;
+    readonly reserveKeyword: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly estimatedOptionHeight: number;
+    readonly itemHeight: number;
+    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

package/es/components/select-v2/src/token.d.ts

@@ -6,7 +6,7 @@ export interface SelectV2Context {
     props: ExtractPropTypes<typeof SelectProps>;
     expanded: boolean;
     popper: Ref<TooltipInstance>;
-    onSelect: (option: Option<any>, index: number, byClick?: boolean) => void;
+    onSelect: (option: Option, index: number, byClick?: boolean) => void;
     onHover: (idx: number) => void;
     onKeyboardNavigate: (direction: 'forward' | 'backward') => void;
     onKeyboardSelect: () => void;

package/es/components/select-v2/src/token.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"token.mjs","sources":["../../../../../../packages/components/select-v2/src/token.ts"],"sourcesContent":["import type { OptionProps, SelectProps } from './defaults'\nimport type { ExtractPropTypes, InjectionKey, Ref } from 'vue'\nimport type { Option } from './select.types'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\nexport interface SelectV2Context {\n  props: ExtractPropTypes<typeof SelectProps>\n  expanded: boolean\n  popper: Ref<TooltipInstance>\n  onSelect: (option: Option<any>, index: number, byClick?: boolean) => void\n  onHover: (idx: number) => void\n  onKeyboardNavigate: (direction: 'forward' | 'backward') => void\n  onKeyboardSelect: () => void\n}\n\nexport const selectV2InjectionKey: InjectionKey<SelectV2Context> = Symbol(\n  'ElSelectV2Injection'\n)\nexport type IOptionProps = ExtractPropTypes<typeof OptionProps>\nexport type ISelectProps = ExtractPropTypes<typeof SelectProps>\n"],"names":[],"mappings":"AAAY,MAAC,oBAAoB,GAAG,MAAM,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"token.mjs","sources":["../../../../../../packages/components/select-v2/src/token.ts"],"sourcesContent":["import type { OptionProps, SelectProps } from './defaults'\nimport type { ExtractPropTypes, InjectionKey, Ref } from 'vue'\nimport type { Option } from './select.types'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\nexport interface SelectV2Context {\n  props: ExtractPropTypes<typeof SelectProps>\n  expanded: boolean\n  popper: Ref<TooltipInstance>\n  onSelect: (option: Option, index: number, byClick?: boolean) => void\n  onHover: (idx: number) => void\n  onKeyboardNavigate: (direction: 'forward' | 'backward') => void\n  onKeyboardSelect: () => void\n}\n\nexport const selectV2InjectionKey: InjectionKey<SelectV2Context> = Symbol(\n  'ElSelectV2Injection'\n)\nexport type IOptionProps = ExtractPropTypes<typeof OptionProps>\nexport type ISelectProps = ExtractPropTypes<typeof SelectProps>\n"],"names":[],"mappings":"AAAY,MAAC,oBAAoB,GAAG,MAAM,CAAC,qBAAqB;;;;"}

package/es/components/select-v2/src/useAllowCreate.mjs

@@ -1,13 +1,15 @@
 import { ref, computed } from 'vue';
+import { useProps } from './useProps.mjs';
 
 function useAllowCreate(props, states) {
+  const { aliasProps, getLabel, getValue } = useProps(props);
   const createOptionCount = ref(0);
   const cachedSelectedOption = ref(null);
   const enableAllowCreateMode = computed(() => {
     return props.allowCreate && props.filterable;
   });
   function hasExistingOption(query) {
-    const hasValue = (option) => option.value === query;
+    const hasValue = (option) => getValue(option) === query;
     return props.options && props.options.some(hasValue) || states.createdOptions.some(hasValue);
   }
   function selectNewOption(option) {
@@ -24,10 +26,10 @@ function useAllowCreate(props, states) {
     if (enableAllowCreateMode.value) {
       if (query && query.length > 0 && !hasExistingOption(query)) {
         const newOption = {
-          value: query,
-          label: query,
+          [aliasProps.value.value]: query,
+          [aliasProps.value.label]: query,
           created: true,
-          disabled: false
+          [aliasProps.value.disabled]: false
         };
         if (states.createdOptions.length >= createOptionCount.value) {
           states.createdOptions[createOptionCount.value] = newOption;
@@ -48,10 +50,10 @@ function useAllowCreate(props, states) {
     }
   }
   function removeNewOption(option) {
-    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === option.label) {
+    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === getLabel(option)) {
       return;
     }
-    const idx = states.createdOptions.findIndex((it) => it.value === option.value);
+    const idx = states.createdOptions.findIndex((it) => getValue(it) === getValue(option));
     if (~idx) {
       states.createdOptions.splice(idx, 1);
       createOptionCount.value--;