x-next 1.0.0 → 1.1.0

package/dist/components/form-radio/Radio.d.ts

@@ -161,6 +161,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     uninjectGroupContext: boolean;
 }, {}, {
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -181,10 +185,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -199,7 +209,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/form-radio/RadioGroup.d.ts

@@ -164,8 +164,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: "button" | "radio";
     disabled: boolean;
+    defaultValue: RadioValue;
     direction: "horizontal" | "vertical";
     modelValue: RadioValue;
-    defaultValue: RadioValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/form-radio/index.d.ts

@@ -48,6 +48,10 @@ export declare const Radio: {
         uninjectGroupContext: boolean;
     }, true, {}, {}, {
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -68,10 +72,16 @@ export declare const Radio: {
             };
             handleClick: (ev: MouseEvent) => void;
             handleMousedown: (ev: MouseEvent) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
             mousedown: (ev: MouseEvent) => true;
+            keydown: (ev: KeyboardEvent) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -86,7 +96,9 @@ export declare const Radio: {
         }>> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
             onMousedown?: ((ev: MouseEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
+            as: "span" | "button";
             size: "mini" | "small" | "medium" | "large" | "huge";
             disabled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -194,6 +206,10 @@ export declare const Radio: {
     uninjectGroupContext: boolean;
 }, {}, string, {}, {
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -214,10 +230,16 @@ export declare const Radio: {
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -232,7 +254,9 @@ export declare const Radio: {
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -282,9 +306,9 @@ export declare const RadioGroup: {
     }, import('vue').PublicProps, {
         type: "button" | "radio";
         disabled: boolean;
+        defaultValue: import('./interface.ts').RadioValue;
         direction: "horizontal" | "vertical";
         modelValue: import('./interface.ts').RadioValue;
-        defaultValue: import('./interface.ts').RadioValue;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -331,9 +355,9 @@ export declare const RadioGroup: {
     }>, () => VNode, {}, {}, {}, {
         type: "button" | "radio";
         disabled: boolean;
+        defaultValue: import('./interface.ts').RadioValue;
         direction: "horizontal" | "vertical";
         modelValue: import('./interface.ts').RadioValue;
-        defaultValue: import('./interface.ts').RadioValue;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -380,9 +404,9 @@ export declare const RadioGroup: {
 }, string, {
     type: "button" | "radio";
     disabled: boolean;
+    defaultValue: import('./interface.ts').RadioValue;
     direction: "horizontal" | "vertical";
     modelValue: import('./interface.ts').RadioValue;
-    defaultValue: import('./interface.ts').RadioValue;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };

package/dist/components/form-select/Select.d.ts

@@ -660,13 +660,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     error: boolean;
     disabled: boolean;
     loading: boolean;
+    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
     scrollbar: boolean | ScrollbarProps;
     multiple: boolean;
     modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     unmountOnClose: boolean;
-    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
     allowClear: boolean;
     options: (string | number | boolean | SelectOptionData | SelectOptionGroup)[];
     bordered: boolean;
@@ -1312,6 +1312,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: PropType<Record<string, unknown>>;
     }>, {
         inputRef: import('vue').ComputedRef<HTMLInputElement>;
         handleFocus: (ev: FocusEvent) => void;
@@ -1385,12 +1386,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: PropType<Record<string, unknown>>;
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onRemove?: ((tag: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     }>, {
         error: boolean;

package/dist/components/form-select/SelectDropdown.vue.d.ts

@@ -2,6 +2,8 @@ import { PropType } from 'vue';
 import { EmitType } from '../../_hooks/_types.ts';
 import { ScrollbarProps } from '../scrollbar-v2';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    multiple: BooleanConstructor;
     loading: BooleanConstructor;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
@@ -43,6 +45,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     displayScrollbar: import('vue').ComputedRef<boolean>;
     scrollbarProps: import('vue').ComputedRef<ScrollbarProps | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    multiple: BooleanConstructor;
     loading: BooleanConstructor;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
@@ -73,8 +77,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onReachBottom?: ((...args: any[]) => any) | undefined;
 }>, {
     loading: boolean;
-    scrollbar: boolean | ScrollbarProps;
     empty: boolean;
+    scrollbar: boolean | ScrollbarProps;
+    multiple: boolean;
     bottomOffset: number;
     virtualList: boolean;
     showHeaderOnEmpty: boolean;
@@ -409,7 +414,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             imgSrc: StringConstructor;
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            component: string;
             description: string | null;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -424,7 +434,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             imgSrc: StringConstructor;
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+            component: string;
             description: string | null;
         }>;
         __isFragment?: never;
@@ -436,7 +451,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: undefined;
         };
         imgSrc: StringConstructor;
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        component: string;
         description: string | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
         install(app: import('vue').App): void;

package/dist/components/form-select/SelectOption.vue.d.ts

@@ -57,6 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectCtx: import('./context').SelectContext | undefined;
     itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
     component: import('vue').ComputedRef<string>;
+    optionId: import('vue').ComputedRef<string | undefined>;
     isSelected: import('vue').ComputedRef<boolean>;
     isValid: import('vue').Ref<boolean, boolean>;
     handleClick: (ev: MouseEvent) => void;
@@ -180,6 +181,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {
         IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -200,10 +205,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             handleClick: (ev: MouseEvent) => void;
             handleMousedown: (ev: MouseEvent) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
             mousedown: (ev: MouseEvent) => true;
+            keydown: (ev: KeyboardEvent) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -218,7 +229,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
             onMousedown?: ((ev: MouseEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
+            as: "span" | "button";
             size: "mini" | "small" | "medium" | "large" | "huge";
             disabled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/form-select/context.d.ts

@@ -8,6 +8,7 @@ export interface SelectContext {
     component?: string;
     valueKeys: string[];
     activeKey?: string;
+    getOptionId: (key: string) => string;
     onSelect: (key: string, ev: Event) => void;
     setActiveKey: (key?: string) => void;
     getNextSlotOptionIndex: () => number;

package/dist/components/form-select/hooks/use-select.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPublicInstance, Ref } from 'vue';
 import { FilterOption, SelectOption, SelectFieldNames } from '../interface';
 import { VirtualListRef } from '../../virtual-list-v2/interface';
-export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, enterToOpen, defaultActiveFirstOption, }: {
+export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, getOptionId, enterToOpen, defaultActiveFirstOption, }: {
     multiple?: Ref<boolean>;
     options?: Ref<SelectOption[]>;
     extraOptions?: Ref<SelectOption[]>;
@@ -19,6 +19,7 @@ export declare const useSelect: ({ multiple, options, extraOptions, inputValue,
     virtualListRef?: Ref<VirtualListRef>;
     onSelect: (key: string, ev: Event) => void;
     onPopupVisibleChange: (visible: boolean) => void;
+    getOptionId: (key: string) => string;
     enterToOpen?: boolean;
     defaultActiveFirstOption?: Ref<boolean>;
 }) => {

package/dist/components/form-select/index.d.ts

@@ -163,13 +163,13 @@ export declare const Select: {
         error: boolean;
         disabled: boolean;
         loading: boolean;
+        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
         scrollbar: boolean | import('../index.ts').ScrollbarProps;
         multiple: boolean;
         modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         unmountOnClose: boolean;
-        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
         allowClear: boolean;
         options: (string | number | boolean | import('./interface').SelectOptionData | import('./interface').SelectOptionGroup)[];
         bordered: boolean;
@@ -815,6 +815,7 @@ export declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            inputAttrs: import('vue').PropType<Record<string, unknown>>;
         }>, {
             inputRef: import('vue').ComputedRef<HTMLInputElement>;
             handleFocus: (ev: FocusEvent) => void;
@@ -888,12 +889,13 @@ export declare const Select: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            inputAttrs: import('vue').PropType<Record<string, unknown>>;
         }>> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
             onRemove?: ((tag: string) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
-            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
         }>, {
             error: boolean;
@@ -1066,13 +1068,13 @@ export declare const Select: {
         error: boolean;
         disabled: boolean;
         loading: boolean;
+        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
         scrollbar: boolean | import('../index.ts').ScrollbarProps;
         multiple: boolean;
         modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         unmountOnClose: boolean;
-        defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
         allowClear: boolean;
         options: (string | number | boolean | import('./interface').SelectOptionData | import('./interface').SelectOptionGroup)[];
         bordered: boolean;
@@ -1259,13 +1261,13 @@ export declare const Select: {
     error: boolean;
     disabled: boolean;
     loading: boolean;
+    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
     scrollbar: boolean | import('../index.ts').ScrollbarProps;
     multiple: boolean;
     modelValue: string | number | boolean | Record<string, any> | (string | number | boolean | Record<string, any>)[];
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     unmountOnClose: boolean;
-    defaultValue: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
     allowClear: boolean;
     options: (string | number | boolean | import('./interface').SelectOptionData | import('./interface').SelectOptionGroup)[];
     bordered: boolean;
@@ -1911,6 +1913,7 @@ export declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: import('vue').PropType<Record<string, unknown>>;
     }>, {
         inputRef: import('vue').ComputedRef<HTMLInputElement>;
         handleFocus: (ev: FocusEvent) => void;
@@ -1984,12 +1987,13 @@ export declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
+        inputAttrs: import('vue').PropType<Record<string, unknown>>;
     }>> & Readonly<{
         onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onRemove?: ((tag: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         onInputValueChange?: ((inputValue: string, ev: Event) => any) | undefined;
     }>, {
         error: boolean;
@@ -2010,6 +2014,8 @@ export declare const Select: {
 };
 export declare const SelectDropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        id: StringConstructor;
+        multiple: BooleanConstructor;
         loading: BooleanConstructor;
         empty: BooleanConstructor;
         virtualList: BooleanConstructor;
@@ -2055,8 +2061,9 @@ export declare const SelectDropdown: {
         scrollbarProps: import('vue').ComputedRef<import('../index.ts').ScrollbarProps | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], import('vue').PublicProps, {
         loading: boolean;
-        scrollbar: boolean | import('../index.ts').ScrollbarProps;
         empty: boolean;
+        scrollbar: boolean | import('../index.ts').ScrollbarProps;
+        multiple: boolean;
         bottomOffset: number;
         virtualList: boolean;
         showHeaderOnEmpty: boolean;
@@ -2391,7 +2398,12 @@ export declare const SelectDropdown: {
                     default: undefined;
                 };
                 imgSrc: StringConstructor;
+                component: {
+                    type: StringConstructor;
+                    default: string;
+                };
             }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                component: string;
                 description: string | null;
             }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
@@ -2406,7 +2418,12 @@ export declare const SelectDropdown: {
                     default: undefined;
                 };
                 imgSrc: StringConstructor;
+                component: {
+                    type: StringConstructor;
+                    default: string;
+                };
             }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+                component: string;
                 description: string | null;
             }>;
             __isFragment?: never;
@@ -2418,7 +2435,12 @@ export declare const SelectDropdown: {
                 default: undefined;
             };
             imgSrc: StringConstructor;
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            component: string;
             description: string | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
             install(app: import('vue').App): void;
@@ -2509,6 +2531,8 @@ export declare const SelectDropdown: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        id: StringConstructor;
+        multiple: BooleanConstructor;
         loading: BooleanConstructor;
         empty: BooleanConstructor;
         virtualList: BooleanConstructor;
@@ -2554,8 +2578,9 @@ export declare const SelectDropdown: {
         scrollbarProps: import('vue').ComputedRef<import('../index.ts').ScrollbarProps | undefined>;
     }, {}, {}, {}, {
         loading: boolean;
-        scrollbar: boolean | import('../index.ts').ScrollbarProps;
         empty: boolean;
+        scrollbar: boolean | import('../index.ts').ScrollbarProps;
+        multiple: boolean;
         bottomOffset: number;
         virtualList: boolean;
         showHeaderOnEmpty: boolean;
@@ -2565,6 +2590,8 @@ export declare const SelectDropdown: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    id: StringConstructor;
+    multiple: BooleanConstructor;
     loading: BooleanConstructor;
     empty: BooleanConstructor;
     virtualList: BooleanConstructor;
@@ -2610,8 +2637,9 @@ export declare const SelectDropdown: {
     scrollbarProps: import('vue').ComputedRef<import('../index.ts').ScrollbarProps | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", {
     loading: boolean;
-    scrollbar: boolean | import('../index.ts').ScrollbarProps;
     empty: boolean;
+    scrollbar: boolean | import('../index.ts').ScrollbarProps;
+    multiple: boolean;
     bottomOffset: number;
     virtualList: boolean;
     showHeaderOnEmpty: boolean;
@@ -2946,7 +2974,12 @@ export declare const SelectDropdown: {
                 default: undefined;
             };
             imgSrc: StringConstructor;
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            component: string;
             description: string | null;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -2961,7 +2994,12 @@ export declare const SelectDropdown: {
                 default: undefined;
             };
             imgSrc: StringConstructor;
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
+            component: string;
             description: string | null;
         }>;
         __isFragment?: never;
@@ -2973,7 +3011,12 @@ export declare const SelectDropdown: {
             default: undefined;
         };
         imgSrc: StringConstructor;
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        component: string;
         description: string | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
         install(app: import('vue').App): void;
@@ -3090,6 +3133,7 @@ export declare const SelectOption: {
         selectCtx: import('./context.ts').SelectContext | undefined;
         itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         component: import('vue').ComputedRef<string>;
+        optionId: import('vue').ComputedRef<string | undefined>;
         isSelected: import('vue').ComputedRef<boolean>;
         isValid: import('vue').Ref<boolean, boolean>;
         handleClick: (ev: MouseEvent) => void;
@@ -3169,6 +3213,10 @@ export declare const SelectOption: {
         }, {}, {
             IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: import('vue').PropType<"span" | "button">;
+                    default: string;
+                };
                 prefix: {
                     type: StringConstructor;
                 };
@@ -3189,10 +3237,16 @@ export declare const SelectOption: {
                 };
                 handleClick: (ev: MouseEvent) => void;
                 handleMousedown: (ev: MouseEvent) => void;
+                handleKeydown: (ev: KeyboardEvent) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
                 mousedown: (ev: MouseEvent) => true;
+                keydown: (ev: KeyboardEvent) => true;
             }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                as: {
+                    type: import('vue').PropType<"span" | "button">;
+                    default: string;
+                };
                 prefix: {
                     type: StringConstructor;
                 };
@@ -3207,7 +3261,9 @@ export declare const SelectOption: {
             }>> & Readonly<{
                 onClick?: ((ev: MouseEvent) => any) | undefined;
                 onMousedown?: ((ev: MouseEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             }>, {
+                as: "span" | "button";
                 size: "mini" | "small" | "medium" | "large" | "huge";
                 disabled: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3249,6 +3305,7 @@ export declare const SelectOption: {
         selectCtx: import('./context.ts').SelectContext | undefined;
         itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         component: import('vue').ComputedRef<string>;
+        optionId: import('vue').ComputedRef<string | undefined>;
         isSelected: import('vue').ComputedRef<boolean>;
         isValid: import('vue').Ref<boolean, boolean>;
         handleClick: (ev: MouseEvent) => void;
@@ -3292,6 +3349,7 @@ export declare const SelectOption: {
     selectCtx: import('./context.ts').SelectContext | undefined;
     itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
     component: import('vue').ComputedRef<string>;
+    optionId: import('vue').ComputedRef<string | undefined>;
     isSelected: import('vue').ComputedRef<boolean>;
     isValid: import('vue').Ref<boolean, boolean>;
     handleClick: (ev: MouseEvent) => void;
@@ -3371,6 +3429,10 @@ export declare const SelectOption: {
     }, {}, {
         IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -3391,10 +3453,16 @@ export declare const SelectOption: {
             };
             handleClick: (ev: MouseEvent) => void;
             handleMousedown: (ev: MouseEvent) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
             mousedown: (ev: MouseEvent) => true;
+            keydown: (ev: KeyboardEvent) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -3409,7 +3477,9 @@ export declare const SelectOption: {
         }>> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
             onMousedown?: ((ev: MouseEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
+            as: "span" | "button";
             size: "mini" | "small" | "medium" | "large" | "huge";
             disabled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;