@element-plus/nightly 0.0.20231023 → 0.0.20231025

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

@@ -1,16 +1,16 @@
 import { nextTick } from 'vue';
-import type { SelectProps } from './defaults';
-import type { CSSProperties, ExtractPropTypes } from 'vue';
-import type { Option } from './select.types';
-declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
+import type { CSSProperties } from 'vue';
+import type { Option, OptionType } from './select.types';
+import type { ISelectProps } from './token';
+declare const useSelect: (props: ISelectProps, emit: any) => {
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
     currentPlaceholder: import("vue").ComputedRef<string>;
     expanded: import("vue").Ref<boolean>;
     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<ExtractPropTypes<{}>>, {}>>;
+    filteredOptions: import("vue").ComputedRef<OptionType[]>;
+    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>;
     inputWrapperStyle: import("vue").ComputedRef<CSSProperties>;
     popperSize: import("vue").Ref<number>;
@@ -27,15 +27,11 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         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;
@@ -129,7 +125,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             triggerKeys: string[];
             arrowOffset: number;
             showArrow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        }> & Omit<Readonly<ExtractPropTypes<{
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -467,7 +463,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -792,7 +788,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
                 arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 disabled: BooleanConstructor;
@@ -1124,7 +1120,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 $data: {};
                 $props: Partial<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>;
-                }> & Omit<Readonly<ExtractPropTypes<{
+                }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "role">;
                 $attrs: {
@@ -1140,10 +1136,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }>>, {
-                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                     }>> & {
                         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -1176,10 +1172,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-            } & Readonly<ExtractPropTypes<{
+            } & Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>> & import("vue").ShallowUnwrapRef<{
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -1205,7 +1201,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             ElPopper: import("@element-plus/nightly/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -1216,7 +1212,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 referenceRef: import("vue").Ref<HTMLElement | undefined>;
                 role: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>>;
                 popperProvides: import("../..").ElPopperInjectionContext;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>>, {
                 readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>;
@@ -1224,7 +1220,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             ElPopperArrow: import("vue").DefineComponent<{
                 readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -1250,7 +1246,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
                 arrowStyle: import("vue").ComputedRef<CSSProperties>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
                 readonly arrowOffset: number;
@@ -1311,7 +1307,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly id: StringConstructor;
                 readonly open: BooleanConstructor;
             }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly disabled: BooleanConstructor;
                     readonly trigger: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
                     readonly triggerKeys: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
@@ -1458,7 +1454,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     readonly id: StringConstructor;
                     readonly open: BooleanConstructor;
                 }, {
-                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly virtualRef: {
                             readonly type: import("vue").PropType<import("../..").Measurable>;
                             readonly required: false;
@@ -1522,8 +1518,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     virtualTriggerAriaStopWatch: undefined;
                     ElOnlyChild: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                         [key: string]: any;
-                    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
-                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+                    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                     readonly virtualRef: {
                         readonly type: import("vue").PropType<import("../..").Measurable>;
                         readonly required: false;
@@ -1579,7 +1575,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     readonly virtualTriggering: boolean;
                     readonly open: boolean;
                 }>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly disabled: BooleanConstructor;
                 readonly trigger: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
                 readonly triggerKeys: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
@@ -1904,7 +1900,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly hideAfter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly appendTo: {
                         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
                         readonly required: false;
@@ -2465,7 +2461,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     readonly strategy: import("@element-plus/nightly/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);
-                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                         readonly id: StringConstructor;
                         readonly style: {
                             readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -2786,7 +2782,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                         };
                     }, {
                         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<ExtractPropTypes<{
+                    }, 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<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
                         focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -2812,7 +2808,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     focus: () => boolean;
                     blur: () => boolean;
                     close: () => boolean;
-                }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+                }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                     readonly id: StringConstructor;
                     readonly style: {
                         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -3083,7 +3079,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     readonly pure: boolean;
                     readonly virtualTriggering: boolean;
                 }>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly appendTo: {
                     readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
                     readonly required: false;
@@ -3420,7 +3416,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<ExtractPropTypes<{
+    } & Readonly<import("vue").ExtractPropTypes<{
         showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -3745,7 +3741,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -4077,7 +4073,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             $data: {};
             $props: Partial<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>;
-            }> & Omit<Readonly<ExtractPropTypes<{
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "role">;
             $attrs: {
@@ -4093,10 +4089,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>>, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -4129,10 +4125,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<ExtractPropTypes<{
+        } & Readonly<import("vue").ExtractPropTypes<{
             readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & import("vue").ShallowUnwrapRef<{
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -4158,7 +4154,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         ElPopper: import("@element-plus/nightly/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -4169,7 +4165,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             referenceRef: import("vue").Ref<HTMLElement | undefined>;
             role: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>>;
             popperProvides: import("../..").ElPopperInjectionContext;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly role: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>>, {
             readonly role: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown>;
@@ -4177,7 +4173,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         ElPopperArrow: import("vue").DefineComponent<{
             readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -4203,7 +4199,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
             arrowStyle: import("vue").ComputedRef<CSSProperties>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
             readonly arrowOffset: number;
@@ -4264,7 +4260,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly id: StringConstructor;
             readonly open: BooleanConstructor;
         }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly disabled: BooleanConstructor;
                 readonly trigger: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
                 readonly triggerKeys: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
@@ -4411,7 +4407,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly id: StringConstructor;
                 readonly open: BooleanConstructor;
             }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly virtualRef: {
                         readonly type: import("vue").PropType<import("../..").Measurable>;
                         readonly required: false;
@@ -4475,8 +4471,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 virtualTriggerAriaStopWatch: undefined;
                 ElOnlyChild: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
-                }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+                }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly virtualRef: {
                     readonly type: import("vue").PropType<import("../..").Measurable>;
                     readonly required: false;
@@ -4532,7 +4528,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly virtualTriggering: boolean;
                 readonly open: boolean;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly disabled: BooleanConstructor;
             readonly trigger: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("@element-plus/nightly/es/utils").Arrayable<import("@element-plus/nightly/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
             readonly triggerKeys: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
@@ -4857,7 +4853,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly hideAfter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly appendTo: {
                     readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
                     readonly required: false;
@@ -5418,7 +5414,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly strategy: import("@element-plus/nightly/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);
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<ExtractPropTypes<{
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     readonly id: StringConstructor;
                     readonly style: {
                         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -5739,7 +5735,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     };
                 }, {
                     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<ExtractPropTypes<{
+                }, 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<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
                     focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -5765,7 +5761,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 focus: () => boolean;
                 blur: () => boolean;
                 close: () => boolean;
-            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly id: StringConstructor;
                 readonly style: {
                     readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -6036,7 +6032,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly pure: boolean;
                 readonly virtualTriggering: boolean;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly appendTo: {
                 readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
                 readonly required: false;
@@ -6331,19 +6327,17 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     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: Option) => Promise<void> | undefined;
-    getLabel: (item: unknown) => any;
+    getLabel: (option: Option) => any;
+    getValue: (option: Option) => any;
+    getDisabled: (option: Option) => any;
     getValueKey: (item: unknown) => any;
     handleBlur: (event: FocusEvent) => Promise<void>;
     handleClear: () => Promise<void>;

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

@@ -8,8 +8,8 @@ import '../../../utils/index.mjs';
 import '../../form/index.mjs';
 import { ArrowUp } from '@element-plus/icons-vue';
 import { useAllowCreate } from './useAllowCreate.mjs';
-import { flattenOptions } from './util.mjs';
 import { useInput } from './useInput.mjs';
+import { useProps } from './useProps.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useFormItem } from '../../form/src/hooks/use-form-item.mjs';
@@ -31,6 +31,7 @@ const useSelect = (props, emit) => {
   const nsSelectV2 = useNamespace("select-v2");
   const nsInput = useNamespace("input");
   const { form: elForm, formItem: elFormItem } = useFormItem();
+  const { getLabel, getValue, getDisabled, getOptions } = useProps(props);
   const states = reactive({
     inputValue: DEFAULT_INPUT_PLACEHOLDER,
     displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -104,37 +105,37 @@ const useSelect = (props, emit) => {
     const isValidOption = (o) => {
       const query = states.inputValue;
       const regexp = new RegExp(escapeStringRegexp(query), "i");
-      const containsQueryString = query ? regexp.test(o.label || "") : true;
+      const containsQueryString = query ? regexp.test(getLabel(o) || "") : true;
       return containsQueryString;
     };
     if (props.loading) {
       return [];
     }
-    return flattenOptions(props.options.concat(states.createdOptions).map((v) => {
-      if (isArray(v.options)) {
-        const filtered = v.options.filter(isValidOption);
+    return [...props.options, ...states.createdOptions].reduce((all, item) => {
+      const options = getOptions(item);
+      if (isArray(options)) {
+        const filtered = options.filter(isValidOption);
         if (filtered.length > 0) {
-          return {
-            ...v,
-            options: filtered
-          };
-        }
-      } else {
-        if (props.remote || isValidOption(v)) {
-          return v;
+          all.push({
+            label: getLabel(item),
+            isTitle: true,
+            type: "Group"
+          }, ...filtered, { type: "Group" });
         }
+      } else if (props.remote || isValidOption(item)) {
+        all.push(item);
       }
-      return null;
-    }).filter((v) => v !== null));
+      return all;
+    }, []);
   });
   const filteredOptionsValueMap = computed(() => {
     const valueMap = /* @__PURE__ */ new Map();
     filteredOptions.value.forEach((option, index) => {
-      valueMap.set(getValueKey(option.value), { option, index });
+      valueMap.set(getValueKey(getValue(option)), { option, index });
     });
     return valueMap;
   });
-  const optionsAllDisabled = computed(() => filteredOptions.value.every((option) => option.disabled));
+  const optionsAllDisabled = computed(() => filteredOptions.value.every((option) => getDisabled(option)));
   const selectSize = useFormSize();
   const collapseTagSize = computed(() => selectSize.value === "small" ? "small" : "default");
   const tagMaxWidth = computed(() => {
@@ -250,7 +251,7 @@ const useSelect = (props, emit) => {
   const update = (val) => {
     emit(UPDATE_MODEL_EVENT, val);
     emitChange(val);
-    states.previousValue = val == null ? void 0 : val.toString();
+    states.previousValue = String(val);
   };
   const getValueIndex = (arr = [], value) => {
     if (!isObject(value)) {
@@ -270,9 +271,6 @@ const useSelect = (props, emit) => {
   const getValueKey = (item) => {
     return isObject(item) ? get(item, props.valueKey) : item;
   };
-  const getLabel = (item) => {
-    return isObject(item) ? item.label : item;
-  };
   const resetInputHeight = () => {
     return nextTick(() => {
       var _a, _b;
@@ -304,7 +302,7 @@ const useSelect = (props, emit) => {
     var _a, _b;
     if (props.multiple) {
       let selectedOptions = props.modelValue.slice();
-      const index = getValueIndex(selectedOptions, option.value);
+      const index = getValueIndex(selectedOptions, getValue(option));
       if (index > -1) {
         selectedOptions = [
           ...selectedOptions.slice(0, index),
@@ -313,7 +311,7 @@ const useSelect = (props, emit) => {
         states.cachedOptions.splice(index, 1);
         removeNewOption(option);
       } else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
-        selectedOptions = [...selectedOptions, option.value];
+        selectedOptions = [...selectedOptions, getValue(option)];
         states.cachedOptions.push(option);
         selectNewOption(option);
         updateHoveringIndex(idx);
@@ -335,8 +333,8 @@ const useSelect = (props, emit) => {
       setSoftFocus();
     } else {
       selectedIndex.value = idx;
-      states.selectedLabel = option.label;
-      update(option.value);
+      states.selectedLabel = getLabel(option);
+      update(getValue(option));
       expanded.value = false;
       states.isComposing = false;
       states.isSilentBlur = byClick;
@@ -349,7 +347,7 @@ const useSelect = (props, emit) => {
   };
   const deleteTag = (event, option) => {
     let selectedOptions = props.modelValue.slice();
-    const index = getValueIndex(selectedOptions, option.value);
+    const index = getValueIndex(selectedOptions, getValue(option));
     if (index > -1 && !selectDisabled.value) {
       selectedOptions = [
         ...props.modelValue.slice(0, index),
@@ -357,7 +355,7 @@ const useSelect = (props, emit) => {
       ];
       states.cachedOptions.splice(index, 1);
       update(selectedOptions);
-      emit("remove-tag", option.value);
+      emit("remove-tag", getValue(option));
       states.softFocus = true;
       removeNewOption(option);
       return nextTick(focusAndUpdatePopup);
@@ -455,7 +453,7 @@ const useSelect = (props, emit) => {
       }
     }
     const option = options[newIndex];
-    if (option.disabled || option.type === "Group") {
+    if (getDisabled(option) || option.type === "Group") {
       return onKeyboardNavigate(direction, newIndex);
     } else {
       updateHoveringIndex(newIndex);
@@ -540,9 +538,9 @@ const useSelect = (props, emit) => {
       if (hasModelValue.value) {
         states.previousValue = props.modelValue;
         const options = filteredOptions.value;
-        const selectedItemIndex = options.findIndex((option) => getValueKey(option.value) === getValueKey(props.modelValue));
+        const selectedItemIndex = options.findIndex((option) => getValueKey(getValue(option)) === getValueKey(props.modelValue));
         if (~selectedItemIndex) {
-          states.selectedLabel = options[selectedItemIndex].label;
+          states.selectedLabel = getLabel(options[selectedItemIndex]);
           updateHoveringIndex(selectedItemIndex);
         } else {
           states.selectedLabel = `${props.modelValue}`;
@@ -634,6 +632,8 @@ const useSelect = (props, emit) => {
     debouncedOnInputChange,
     deleteTag,
     getLabel,
+    getValue,
+    getDisabled,
     getValueKey,
     handleBlur,
     handleClear,