@element-plus/nightly 0.0.20250317 → 0.0.20250319

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
     readonly collapseTags: BooleanConstructor;
     readonly collapseTagsTooltip: BooleanConstructor;
     readonly maxCollapseTags: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly persistent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly popperClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("@element-plus/nightly/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 popperOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => Partial<import("element-plus").Options>, boolean>;
     readonly remote: BooleanConstructor;
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
     readonly showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
-    readonly fallbackPlacements: import("@element-plus/nightly/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[]))[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown, "bottom-start", boolean>;
+    readonly fallbackPlacements: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
     readonly tagType: {
         readonly default: "info";
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
@@ -102,7 +102,12 @@ declare const _default: import("vue").DefineComponent<{
     popupHeight: import("vue").ComputedRef<number>;
     debounce: import("vue").ComputedRef<0 | 300>;
     allOptions: import("vue").ComputedRef<import("./select.types").OptionType[]>;
-    filteredOptions: import("vue").Ref<import("./select.types").OptionType[]>;
+    filteredOptions: import("vue").Ref<({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[]>;
     iconComponent: import("vue").ComputedRef<any>;
     iconReverse: import("vue").ComputedRef<any>;
     tagStyle: import("vue").ComputedRef<{
@@ -116,34 +121,68 @@ declare const _default: import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<string>;
+    selectSize: import("vue").ComputedRef<"" | "small" | "default" | "large">;
     needStatusIcon: import("vue").ComputedRef<boolean>;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: import("./select.types").SelectStates;
     isFocused: import("vue").Ref<boolean>;
-    nsSelect: ReturnType<typeof import("@element-plus/nightly/es/hooks").useNamespace>;
-    nsInput: ReturnType<typeof import("@element-plus/nightly/es/hooks").useNamespace>;
+    nsSelect: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
     inputRef: import("vue").Ref<HTMLElement | undefined>;
     menuRef: import("vue").Ref<import("./select-dropdown").SelectDropdownInstance | undefined>;
     tagMenuRef: import("vue").Ref<HTMLElement | undefined>;
     tooltipRef: import("vue").Ref<import("@element-plus/nightly/es/components/tooltip").TooltipInstance | undefined>;
     tagTooltipRef: import("vue").Ref<import("@element-plus/nightly/es/components/tooltip").TooltipInstance | undefined>;
     selectRef: import("vue").Ref<HTMLElement | undefined>;
-    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
     selectionRef: import("vue").Ref<HTMLElement | undefined>;
     prefixRef: import("vue").Ref<HTMLElement | undefined>;
     suffixRef: import("vue").Ref<HTMLElement | undefined>;
     collapseItemRef: import("vue").Ref<HTMLElement | undefined>;
     popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
-    validateState: import("vue").ComputedRef<string>;
-    validateIcon: import("vue").ComputedRef<import("vue").Component | undefined>;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+    validateIcon: import("vue").ComputedRef<any>;
     showTagList: import("vue").ComputedRef<import("./select.types").Option[]>;
     collapseTagList: import("vue").ComputedRef<import("./select.types").Option[]>;
-    debouncedOnInputChange: () => void;
+    debouncedOnInputChange: import("lodash").DebouncedFunc<() => void>;
     deleteTag: (event: MouseEvent, option: import("./select.types").Option) => void;
-    getLabel: (option: import("./select.types").Option) => string;
-    getValue: (option: import("./select.types").Option) => unknown;
-    getDisabled: (option: import("./select.types").Option) => boolean;
+    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;
     handleClear: () => void;
     handleClickOutside: (event: Event) => void;
@@ -151,7 +190,7 @@ declare const _default: import("vue").DefineComponent<{
     handleEsc: () => void;
     focus: () => void;
     blur: () => void;
-    handleMenuEnter: () => void;
+    handleMenuEnter: () => Promise<void>;
     handleResize: () => void;
     resetSelectionWidth: () => void;
     updateTooltip: () => void;
@@ -160,7 +199,7 @@ declare const _default: import("vue").DefineComponent<{
     toggleMenu: () => void;
     scrollTo: (index: number) => void;
     onInput: (event: Event) => void;
-    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number) => void;
+    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number | undefined) => void;
     onKeyboardSelect: () => void;
     onSelect: (option: import("./select.types").Option) => void;
     onHover: (idx?: number) => void;
@@ -189,7 +228,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect))[], unknown, unknown, "light", boolean>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect))[], unknown, unknown, "light", boolean>;
     readonly collapseTags: BooleanConstructor;
     readonly collapseTagsTooltip: BooleanConstructor;
     readonly maxCollapseTags: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -231,7 +270,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly persistent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly popperClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("@element-plus/nightly/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 popperOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => Partial<import("element-plus").Options>, boolean>;
     readonly remote: BooleanConstructor;
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
@@ -245,8 +284,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
     readonly showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
-    readonly fallbackPlacements: import("@element-plus/nightly/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[]))[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown, "bottom-start", boolean>;
+    readonly fallbackPlacements: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
     readonly tagType: {
         readonly default: "info";
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>>;
@@ -279,15 +318,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly multiple: boolean;
     readonly props: import("./useProps").Props;
     readonly loading: boolean;
-    readonly placement: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown>;
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/element-plus").PopperEffect))[], unknown, unknown>;
+    readonly placement: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], import("element-plus").Placement, unknown>;
+    readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect) | ((new (...args: any[]) => string) | (() => import("@element-plus/nightly/es/components/popper").PopperEffect))[], unknown, unknown>;
     readonly tabindex: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly valueOnClear: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
     readonly autocomplete: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | ((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list"))[], unknown, unknown>;
     readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: boolean;
-    readonly fallbackPlacements: import("@popperjs/core").Placement[];
-    readonly popperOptions: Partial<import("@popperjs/core").Options>;
+    readonly fallbackPlacements: import("element-plus").Placement[];
+    readonly popperOptions: Partial<import("element-plus").Options>;
     readonly popperClass: string;
     readonly teleported: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly persistent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -1,61 +1,98 @@
-import { useNamespace } from '@element-plus/nightly/es/hooks';
 import type { Option, OptionType, SelectStates } from './select.types';
 import type { ISelectV2Props } from './token';
 import type { SelectEmitFn } from './defaults';
 import type { TooltipInstance } from '@element-plus/nightly/es/components/tooltip';
 import type { SelectDropdownInstance } from './select-dropdown';
-import type { Component, ComputedRef, Ref, WritableComputedRef } from 'vue';
-type useSelectReturnType = (props: ISelectV2Props, emit: SelectEmitFn) => {
-    inputId: Ref<string | undefined>;
-    collapseTagSize: ComputedRef<'default' | 'small'>;
-    currentPlaceholder: ComputedRef<string>;
-    expanded: Ref<boolean>;
-    emptyText: ComputedRef<string | false | null>;
-    popupHeight: ComputedRef<number>;
-    debounce: ComputedRef<0 | 300>;
-    allOptions: ComputedRef<OptionType[]>;
-    filteredOptions: Ref<OptionType[]>;
-    iconComponent: ComputedRef<any>;
-    iconReverse: ComputedRef<any>;
-    tagStyle: ComputedRef<{
+declare const useSelect: (props: ISelectV2Props, emit: SelectEmitFn) => {
+    inputId: import("vue").Ref<string | undefined>;
+    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>;
+    allOptions: import("vue").ComputedRef<OptionType[]>;
+    filteredOptions: import("vue").Ref<({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[]>;
+    iconComponent: import("vue").ComputedRef<any>;
+    iconReverse: import("vue").ComputedRef<any>;
+    tagStyle: import("vue").ComputedRef<{
         maxWidth: string;
     }>;
-    collapseTagStyle: ComputedRef<{
+    collapseTagStyle: import("vue").ComputedRef<{
         maxWidth: string;
     }>;
-    popperSize: Ref<number>;
-    dropdownMenuVisible: WritableComputedRef<boolean>;
-    hasModelValue: ComputedRef<boolean>;
-    shouldShowPlaceholder: ComputedRef<boolean>;
-    selectDisabled: ComputedRef<boolean | undefined>;
-    selectSize: ComputedRef<string>;
-    needStatusIcon: ComputedRef<boolean>;
-    showClearBtn: ComputedRef<boolean>;
+    popperSize: import("vue").Ref<number>;
+    dropdownMenuVisible: import("vue").WritableComputedRef<boolean>;
+    hasModelValue: import("vue").ComputedRef<boolean>;
+    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
+    selectDisabled: import("vue").ComputedRef<boolean | undefined>;
+    selectSize: import("vue").ComputedRef<"" | "small" | "default" | "large">;
+    needStatusIcon: import("vue").ComputedRef<boolean>;
+    showClearBtn: import("vue").ComputedRef<boolean>;
     states: SelectStates;
-    isFocused: Ref<boolean>;
-    nsSelect: ReturnType<typeof useNamespace>;
-    nsInput: ReturnType<typeof useNamespace>;
-    inputRef: Ref<HTMLElement | undefined>;
-    menuRef: Ref<SelectDropdownInstance | undefined>;
-    tagMenuRef: Ref<HTMLElement | undefined>;
-    tooltipRef: Ref<TooltipInstance | undefined>;
-    tagTooltipRef: Ref<TooltipInstance | undefined>;
-    selectRef: Ref<HTMLElement | undefined>;
-    wrapperRef: Ref<HTMLElement | undefined>;
-    selectionRef: Ref<HTMLElement | undefined>;
-    prefixRef: Ref<HTMLElement | undefined>;
-    suffixRef: Ref<HTMLElement | undefined>;
-    collapseItemRef: Ref<HTMLElement | undefined>;
-    popperRef: ComputedRef<HTMLElement | undefined>;
-    validateState: ComputedRef<string>;
-    validateIcon: ComputedRef<Component | undefined>;
-    showTagList: ComputedRef<Option[]>;
-    collapseTagList: ComputedRef<Option[]>;
-    debouncedOnInputChange: () => void;
+    isFocused: import("vue").Ref<boolean>;
+    nsSelect: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    inputRef: import("vue").Ref<HTMLElement | undefined>;
+    menuRef: import("vue").Ref<SelectDropdownInstance | undefined>;
+    tagMenuRef: import("vue").Ref<HTMLElement | undefined>;
+    tooltipRef: import("vue").Ref<TooltipInstance | undefined>;
+    tagTooltipRef: import("vue").Ref<TooltipInstance | undefined>;
+    selectRef: import("vue").Ref<HTMLElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+    selectionRef: import("vue").Ref<HTMLElement | undefined>;
+    prefixRef: import("vue").Ref<HTMLElement | undefined>;
+    suffixRef: import("vue").Ref<HTMLElement | undefined>;
+    collapseItemRef: import("vue").Ref<HTMLElement | undefined>;
+    popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+    validateIcon: import("vue").ComputedRef<any>;
+    showTagList: import("vue").ComputedRef<Option[]>;
+    collapseTagList: import("vue").ComputedRef<Option[]>;
+    debouncedOnInputChange: import("lodash").DebouncedFunc<() => void>;
     deleteTag: (event: MouseEvent, option: Option) => void;
-    getLabel: (option: Option) => string;
-    getValue: (option: Option) => unknown;
-    getDisabled: (option: Option) => boolean;
+    getLabel: (option: Option) => any;
+    getValue: (option: Option) => any;
+    getDisabled: (option: Option) => any;
     getValueKey: (item: unknown) => any;
     handleClear: () => void;
     handleClickOutside: (event: Event) => void;
@@ -63,7 +100,7 @@ type useSelectReturnType = (props: ISelectV2Props, emit: SelectEmitFn) => {
     handleEsc: () => void;
     focus: () => void;
     blur: () => void;
-    handleMenuEnter: () => void;
+    handleMenuEnter: () => Promise<void>;
     handleResize: () => void;
     resetSelectionWidth: () => void;
     updateTooltip: () => void;
@@ -72,7 +109,7 @@ type useSelectReturnType = (props: ISelectV2Props, emit: SelectEmitFn) => {
     toggleMenu: () => void;
     scrollTo: (index: number) => void;
     onInput: (event: Event) => void;
-    onKeyboardNavigate: (direction: 'forward' | 'backward', hoveringIndex?: number) => void;
+    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number | undefined) => void;
     onKeyboardSelect: () => void;
     onSelect: (option: Option) => void;
     onHover: (idx?: number) => void;
@@ -80,5 +117,4 @@ type useSelectReturnType = (props: ISelectV2Props, emit: SelectEmitFn) => {
     handleCompositionEnd: (event: CompositionEvent) => void;
     handleCompositionUpdate: (event: CompositionEvent) => void;
 };
-declare const useSelect: useSelectReturnType;
 export default useSelect;

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

@@ -1,5 +1,5 @@
 import { reactive, ref, computed, nextTick, watch, watchEffect, onMounted } from 'vue';
-import { debounce, get, findLastIndex, isEqual } from 'lodash-unified';
+import { debounce, get, isEqual, findLastIndex } from 'lodash-unified';
 import { useResizeObserver } from '@vueuse/core';
 import { ArrowDown } from '@element-plus/icons-vue';
 import { useAllowCreate } from './useAllowCreate.mjs';
@@ -378,6 +378,12 @@ const useSelect = (props, emit) => {
         selectedOptions = [...selectedOptions, getValue(option)];
         states.cachedOptions.push(option);
         selectNewOption(option);
+        nextTick(() => {
+          const isModelChanged = isEqual(selectedOptions, props.modelValue);
+          if (!isModelChanged) {
+            states.cachedOptions.pop();
+          }
+        });
       }
       update(selectedOptions);
       if (option.created) {