x-next 1.0.1 → 1.1.0

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>;

package/dist/components/form-slider/Slider.vue.d.ts

@@ -151,6 +151,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleEndChange: (value?: number) => void;
     handleStartKeyDown: (ev: KeyboardEvent) => void;
     handleEndKeyDown: (ev: KeyboardEvent) => void;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (value: number | [number, number]) => true;
     /**
@@ -164,6 +166,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @en Triggered after dragging, clicking or input is committed
      */
     changeEnd: (value: number | [number, number]) => true;
+    /**
+     * @zh 滑块获得焦点时触发
+     * @en Triggered when the slider handle gets focus
+     */
+    focus: (ev: FocusEvent) => true;
+    /**
+     * @zh 滑块失去焦点时触发
+     * @en Triggered when the slider handle loses focus
+     */
+    blur: (ev: FocusEvent) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * @zh 绑定值
@@ -283,16 +295,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (value: string) => boolean;
     };
 }>> & Readonly<{
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onChange?: ((value: number | [number, number]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
     onChangeEnd?: ((value: number | [number, number]) => any) | undefined;
 }>, {
     disabled: boolean;
+    defaultValue: number | [number, number];
     direction: "horizontal" | "vertical";
     range: boolean;
     modelValue: number | number[] | [number, number];
     max: number;
-    defaultValue: number | [number, number];
     step: number;
     min: number;
     showTooltip: boolean;
@@ -340,7 +354,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         popupVisible: import('vue').ComputedRef<boolean | undefined>;
         handleMouseDown: (e: MouseEvent | TouchEvent) => void;
         handleKeyDown: (e: KeyboardEvent) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "movestart" | "moving" | "moveend")[], "keydown" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        handleFocus: (ev: FocusEvent) => void;
+        handleBlur: (ev: FocusEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend")[], "focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         direction: {
             type: PropType<(typeof DIRECTIONS)[number]>;
             default: string;
@@ -369,6 +385,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         onMovestart?: ((...args: any[]) => any) | undefined;
         onMoving?: ((...args: any[]) => any) | undefined;
@@ -1224,11 +1242,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                 onClear?: ((ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -1321,11 +1339,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                 onClear?: ((ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -1407,11 +1425,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
         }>, {
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;

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

@@ -59,6 +59,8 @@ export declare const Slider: {
             validator: (value: string) => boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((value: number | [number, number]) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
         onChangeEnd?: ((value: number | [number, number]) => any) | undefined;
@@ -95,17 +97,21 @@ export declare const Slider: {
         handleEndChange: (value?: number) => void;
         handleStartKeyDown: (ev: KeyboardEvent) => void;
         handleEndKeyDown: (ev: KeyboardEvent) => void;
+        handleFocus: (ev: FocusEvent) => void;
+        handleBlur: (ev: FocusEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         'update:modelValue': (value: number | [number, number]) => true;
         change: (value: number | [number, number]) => true;
         changeEnd: (value: number | [number, number]) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
     }, import('vue').PublicProps, {
         disabled: boolean;
+        defaultValue: number | [number, number];
         direction: "horizontal" | "vertical";
         range: boolean;
         modelValue: number | number[] | [number, number];
         max: number;
-        defaultValue: number | [number, number];
         step: number;
         min: number;
         showTooltip: boolean;
@@ -153,7 +159,9 @@ export declare const Slider: {
             popupVisible: import('vue').ComputedRef<boolean | undefined>;
             handleMouseDown: (e: MouseEvent | TouchEvent) => void;
             handleKeyDown: (e: KeyboardEvent) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "movestart" | "moving" | "moveend")[], "keydown" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            handleFocus: (ev: FocusEvent) => void;
+            handleBlur: (ev: FocusEvent) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend")[], "focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             direction: {
                 type: import('vue').PropType<typeof import('../../_utils/constant.ts').DIRECTIONS[number]>;
                 default: string;
@@ -182,6 +190,8 @@ export declare const Slider: {
                 default: boolean;
             };
         }>> & Readonly<{
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onMovestart?: ((...args: any[]) => any) | undefined;
             onMoving?: ((...args: any[]) => any) | undefined;
@@ -1037,11 +1047,11 @@ export declare const Slider: {
                     };
                 }>> & Readonly<{
                     onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                     onClear?: ((ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
                     onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
                 }>, {
                     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -1134,11 +1144,11 @@ export declare const Slider: {
                     };
                 }>> & Readonly<{
                     onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                     onClear?: ((ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
                     onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
                 }>, {
                     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -1220,11 +1230,11 @@ export declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                 onClear?: ((ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -1322,6 +1332,8 @@ export declare const Slider: {
             validator: (value: string) => boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((value: number | [number, number]) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
         onChangeEnd?: ((value: number | [number, number]) => any) | undefined;
@@ -1358,13 +1370,15 @@ export declare const Slider: {
         handleEndChange: (value?: number) => void;
         handleStartKeyDown: (ev: KeyboardEvent) => void;
         handleEndKeyDown: (ev: KeyboardEvent) => void;
+        handleFocus: (ev: FocusEvent) => void;
+        handleBlur: (ev: FocusEvent) => void;
     }, {}, {}, {}, {
         disabled: boolean;
+        defaultValue: number | [number, number];
         direction: "horizontal" | "vertical";
         range: boolean;
         modelValue: number | number[] | [number, number];
         max: number;
-        defaultValue: number | [number, number];
         step: number;
         min: number;
         showTooltip: boolean;
@@ -1434,6 +1448,8 @@ export declare const Slider: {
         validator: (value: string) => boolean;
     };
 }>> & Readonly<{
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onChange?: ((value: number | [number, number]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
     onChangeEnd?: ((value: number | [number, number]) => any) | undefined;
@@ -1470,17 +1486,21 @@ export declare const Slider: {
     handleEndChange: (value?: number) => void;
     handleStartKeyDown: (ev: KeyboardEvent) => void;
     handleEndKeyDown: (ev: KeyboardEvent) => void;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (value: number | [number, number]) => true;
     change: (value: number | [number, number]) => true;
     changeEnd: (value: number | [number, number]) => true;
+    focus: (ev: FocusEvent) => true;
+    blur: (ev: FocusEvent) => true;
 }, string, {
     disabled: boolean;
+    defaultValue: number | [number, number];
     direction: "horizontal" | "vertical";
     range: boolean;
     modelValue: number | number[] | [number, number];
     max: number;
-    defaultValue: number | [number, number];
     step: number;
     min: number;
     showTooltip: boolean;
@@ -1528,7 +1548,9 @@ export declare const Slider: {
         popupVisible: import('vue').ComputedRef<boolean | undefined>;
         handleMouseDown: (e: MouseEvent | TouchEvent) => void;
         handleKeyDown: (e: KeyboardEvent) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "movestart" | "moving" | "moveend")[], "keydown" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        handleFocus: (ev: FocusEvent) => void;
+        handleBlur: (ev: FocusEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend")[], "focus" | "keydown" | "blur" | "movestart" | "moving" | "moveend", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         direction: {
             type: import('vue').PropType<typeof import('../../_utils/constant.ts').DIRECTIONS[number]>;
             default: string;
@@ -1557,6 +1579,8 @@ export declare const Slider: {
             default: boolean;
         };
     }>> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         onMovestart?: ((...args: any[]) => any) | undefined;
         onMoving?: ((...args: any[]) => any) | undefined;
@@ -2412,11 +2436,11 @@ export declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                 onClear?: ((ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -2509,11 +2533,11 @@ export declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
                 onClear?: ((ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
@@ -2595,11 +2619,11 @@ export declare const Slider: {
             };
         }>> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
             onClear?: ((ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
             onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
-            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
         }>, {
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;