x-next 1.0.1 → 1.2.0

package/dist/components/time-picker/index.d.ts

@@ -93,6 +93,7 @@ export declare const TimePicker: {
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         attrs: {
             [x: string]: unknown;
         };
@@ -178,8 +179,8 @@ export declare const TimePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -307,7 +308,11 @@ export declare const TimePicker: {
         handleBlur: (ev: FocusEvent) => void;
         handleEsc: () => void;
         handleFocusedIndexChange: (index: number) => void;
-        openPanel: () => void;
+        openPanel: (event?: KeyboardEvent) => void;
+        popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        panelId: string;
+        handlePanelKeydown: (event: KeyboardEvent) => void;
+        handlePopupFocusout: (event: FocusEvent) => void;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -491,8 +496,8 @@ export declare const TimePicker: {
                 resize: () => true;
             }, import('vue').PublicProps, {
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -679,8 +684,8 @@ export declare const TimePicker: {
                 onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             }>, () => any, {}, {}, {}, {
                 disabled: boolean;
-                animationName: string;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -867,8 +872,8 @@ export declare const TimePicker: {
             resize: () => true;
         }, string, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -928,11 +933,20 @@ export declare const TimePicker: {
             value: {
                 type: import('vue').PropType<import('dayjs').Dayjs>;
             };
+            clearTargetKey: {
+                type: StringConstructor;
+                default: string;
+            };
             format: {
                 type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
                 required: true;
             };
         }>, {
+            wrapperAttrs: import('vue').ComputedRef<Omit<{
+                [x: string]: unknown;
+            }, string>>;
+            formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
             className: {
                 block: string;
@@ -982,6 +996,10 @@ export declare const TimePicker: {
             value: {
                 type: import('vue').PropType<import('dayjs').Dayjs>;
             };
+            clearTargetKey: {
+                type: StringConstructor;
+                default: string;
+            };
             format: {
                 type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
                 required: true;
@@ -998,8 +1016,13 @@ export declare const TimePicker: {
             disabled: boolean;
             focused: boolean;
             allowClear: boolean;
+            clearTargetKey: string;
         }, {}, {
             IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: import('vue').PropType<"span" | "button">;
+                    default: string;
+                };
                 prefix: {
                     type: StringConstructor;
                 };
@@ -1020,10 +1043,16 @@ export declare const TimePicker: {
                 };
                 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;
                 };
@@ -1038,7 +1067,9 @@ export declare const TimePicker: {
             }>> & 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>;
@@ -1118,8 +1149,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -1214,8 +1245,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1299,8 +1330,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1384,8 +1415,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1469,8 +1500,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1514,11 +1545,21 @@ export declare const TimePicker: {
                 type: import('vue').PropType<(import('dayjs').Dayjs | undefined)[]>;
                 default: () => never[];
             };
+            clearTargetKey: {
+                type: StringConstructor;
+                default: string;
+            };
             format: {
                 type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
                 required: true;
             };
         }>, {
+            wrapperAttrs: import('vue').ComputedRef<Omit<{
+                [x: string]: unknown;
+            }, string>>;
+            formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
+            formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
                 element: (className: string) => string;
@@ -1544,7 +1585,6 @@ export declare const TimePicker: {
             onFocus: (e: Event) => void;
             onBlur: (e: Event) => void;
             onPressEnter: () => void;
-            onPressTab: (e: Event) => void;
             onClear: (e: Event) => void;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
         }, {}, {}, {
@@ -1584,6 +1624,10 @@ export declare const TimePicker: {
                 type: import('vue').PropType<(import('dayjs').Dayjs | undefined)[]>;
                 default: () => never[];
             };
+            clearTargetKey: {
+                type: StringConstructor;
+                default: string;
+            };
             format: {
                 type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
                 required: true;
@@ -1604,8 +1648,13 @@ export declare const TimePicker: {
             value: (import('dayjs').Dayjs | undefined)[];
             focused: boolean;
             allowClear: boolean;
+            clearTargetKey: string;
         }, {}, {
             IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: import('vue').PropType<"span" | "button">;
+                    default: string;
+                };
                 prefix: {
                     type: StringConstructor;
                 };
@@ -1626,10 +1675,16 @@ export declare const TimePicker: {
                 };
                 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;
                 };
@@ -1644,7 +1699,9 @@ export declare const TimePicker: {
             }>> & 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>;
@@ -1724,8 +1781,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -1820,8 +1877,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1905,8 +1962,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1990,8 +2047,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -2075,8 +2132,8 @@ export declare const TimePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -2162,8 +2219,8 @@ export declare const TimePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -2201,6 +2258,7 @@ export declare const TimePicker: {
                 type: BooleanConstructor;
             };
         }>, {
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
                 element: (className: string) => string;
@@ -2208,7 +2266,7 @@ export declare const TimePicker: {
                 is: (className: string) => string;
             };
             columns: import('vue').ComputedRef<import('./interface').TimePickerColumnType[]>;
-            columnLabels: Record<import('./interface').TimePickerColumnType, string>;
+            columnLabels: import('vue').ComputedRef<Record<import('./interface').TimePickerColumnType, string>>;
             lists: import('vue').ComputedRef<Record<import('./interface').TimePickerColumnType, import('./interface').TimePickerColumnItem[]>>;
             handleColumnSelect: (type: import('./interface').TimePickerColumnType, selectedValue: number | import('./interface').TimePickerMeridiem) => void;
             handleConfirm: () => void;
@@ -2277,6 +2335,9 @@ export declare const TimePicker: {
                 handleSelect: (item: import('./interface').TimePickerColumnItem) => void;
                 moveActive: (offset: number) => void;
                 selectActive: () => void;
+                activeItem: import('vue').ComputedRef<import('./interface').TimePickerColumnItem | undefined>;
+                getItemId: (item: import('./interface').TimePickerColumnItem) => string;
+                moveBoundary: (end: boolean) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 select: (_type: import('./interface').TimePickerColumnType, _value: import('./interface').TimePickerColumnItem["value"]) => true;
             }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2637,7 +2698,7 @@ export declare const TimePicker: {
                         default: number;
                     };
                     shape: {
-                        type: import('vue').PropType<import('../button/props').ButtonShape>;
+                        type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
                     link: {
@@ -2645,11 +2706,15 @@ export declare const TimePicker: {
                         default: boolean;
                     };
                     type: {
-                        type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                        type: import('vue').PropType<import('..').ButtonTypes>;
+                        default: string;
+                    };
+                    htmlType: {
+                        type: import('vue').PropType<import('..').ButtonHtmlType>;
                         default: string;
                     };
                     status: {
-                        type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                        type: import('vue').PropType<import('..').ButtonStatus>;
                         default: string;
                     };
                     plain: {
@@ -2657,8 +2722,8 @@ export declare const TimePicker: {
                         default: boolean;
                     };
                     size: {
-                        type: import('vue').PropType<import('../button/props').ButtonSize>;
-                        default: string;
+                        type: import('vue').PropType<import('..').ButtonSize>;
+                        default: undefined;
                     };
                     border: {
                         type: import('vue').PropType<boolean>;
@@ -2671,16 +2736,17 @@ export declare const TimePicker: {
                 }>> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
-                    type: import('../button/props').ButtonTypes;
-                    size: import('../button/props').ButtonSize;
+                    type: import('..').ButtonTypes;
+                    size: import('..').ButtonSize;
                     disabled: boolean;
                     link: boolean;
                     loading: boolean;
                     block: boolean;
                     loadingFill: boolean;
                     debounce: number;
-                    shape: import('../button/props').ButtonShape;
-                    status: import('../button/props').ButtonStatus;
+                    shape: import('..').ButtonShape;
+                    htmlType: import('..').ButtonHtmlType;
+                    status: import('..').ButtonStatus;
                     plain: boolean;
                     border: boolean;
                     narrow: boolean;
@@ -2714,7 +2780,7 @@ export declare const TimePicker: {
                         default: number;
                     };
                     shape: {
-                        type: import('vue').PropType<import('../button/props').ButtonShape>;
+                        type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
                     link: {
@@ -2722,11 +2788,15 @@ export declare const TimePicker: {
                         default: boolean;
                     };
                     type: {
-                        type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                        type: import('vue').PropType<import('..').ButtonTypes>;
+                        default: string;
+                    };
+                    htmlType: {
+                        type: import('vue').PropType<import('..').ButtonHtmlType>;
                         default: string;
                     };
                     status: {
-                        type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                        type: import('vue').PropType<import('..').ButtonStatus>;
                         default: string;
                     };
                     plain: {
@@ -2734,8 +2804,8 @@ export declare const TimePicker: {
                         default: boolean;
                     };
                     size: {
-                        type: import('vue').PropType<import('../button/props').ButtonSize>;
-                        default: string;
+                        type: import('vue').PropType<import('..').ButtonSize>;
+                        default: undefined;
                     };
                     border: {
                         type: import('vue').PropType<boolean>;
@@ -2748,16 +2818,17 @@ export declare const TimePicker: {
                 }>> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, () => VNode, {}, {}, {}, {
-                    type: import('../button/props').ButtonTypes;
-                    size: import('../button/props').ButtonSize;
+                    type: import('..').ButtonTypes;
+                    size: import('..').ButtonSize;
                     disabled: boolean;
                     link: boolean;
                     loading: boolean;
                     block: boolean;
                     loadingFill: boolean;
                     debounce: number;
-                    shape: import('../button/props').ButtonShape;
-                    status: import('../button/props').ButtonStatus;
+                    shape: import('..').ButtonShape;
+                    htmlType: import('..').ButtonHtmlType;
+                    status: import('..').ButtonStatus;
                     plain: boolean;
                     border: boolean;
                     narrow: boolean;
@@ -2781,7 +2852,7 @@ export declare const TimePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -2789,11 +2860,15 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                    type: import('vue').PropType<import('..').ButtonTypes>;
+                    default: string;
+                };
+                htmlType: {
+                    type: import('vue').PropType<import('..').ButtonHtmlType>;
                     default: string;
                 };
                 status: {
-                    type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                    type: import('vue').PropType<import('..').ButtonStatus>;
                     default: string;
                 };
                 plain: {
@@ -2801,8 +2876,8 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 size: {
-                    type: import('vue').PropType<import('../button/props').ButtonSize>;
-                    default: string;
+                    type: import('vue').PropType<import('..').ButtonSize>;
+                    default: undefined;
                 };
                 border: {
                     type: import('vue').PropType<boolean>;
@@ -2815,16 +2890,17 @@ export declare const TimePicker: {
             }>> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
-                type: import('../button/props').ButtonTypes;
-                size: import('../button/props').ButtonSize;
+                type: import('..').ButtonTypes;
+                size: import('..').ButtonSize;
                 disabled: boolean;
                 link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
                 debounce: number;
-                shape: import('../button/props').ButtonShape;
-                status: import('../button/props').ButtonStatus;
+                shape: import('..').ButtonShape;
+                htmlType: import('..').ButtonHtmlType;
+                status: import('..').ButtonStatus;
                 plain: boolean;
                 border: boolean;
                 narrow: boolean;
@@ -3022,6 +3098,7 @@ export declare const TimePicker: {
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         attrs: {
             [x: string]: unknown;
         };
@@ -3107,8 +3184,8 @@ export declare const TimePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -3236,7 +3313,11 @@ export declare const TimePicker: {
         handleBlur: (ev: FocusEvent) => void;
         handleEsc: () => void;
         handleFocusedIndexChange: (index: number) => void;
-        openPanel: () => void;
+        openPanel: (event?: KeyboardEvent) => void;
+        popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        panelId: string;
+        handlePanelKeydown: (event: KeyboardEvent) => void;
+        handlePopupFocusout: (event: FocusEvent) => void;
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
@@ -3349,6 +3430,7 @@ export declare const TimePicker: {
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
 }>, {
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     attrs: {
         [x: string]: unknown;
     };
@@ -3434,8 +3516,8 @@ export declare const TimePicker: {
         };
     }>> & Readonly<{}>, {
         name: string;
-        size: string | number;
         title: string;
+        size: string | number;
         rotate: number;
         spin: boolean;
         color: string;
@@ -3563,7 +3645,11 @@ export declare const TimePicker: {
     handleBlur: (ev: FocusEvent) => void;
     handleEsc: () => void;
     handleFocusedIndexChange: (index: number) => void;
-    openPanel: () => void;
+    openPanel: (event?: KeyboardEvent) => void;
+    popupRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    panelId: string;
+    handlePanelKeydown: (event: KeyboardEvent) => void;
+    handlePopupFocusout: (event: FocusEvent) => void;
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -3747,8 +3833,8 @@ export declare const TimePicker: {
             resize: () => true;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -3935,8 +4021,8 @@ export declare const TimePicker: {
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         }>, () => any, {}, {}, {}, {
             disabled: boolean;
-            animationName: string;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -4123,8 +4209,8 @@ export declare const TimePicker: {
         resize: () => true;
     }, string, {
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -4184,11 +4270,20 @@ export declare const TimePicker: {
         value: {
             type: import('vue').PropType<import('dayjs').Dayjs>;
         };
+        clearTargetKey: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
             required: true;
         };
     }>, {
+        wrapperAttrs: import('vue').ComputedRef<Omit<{
+            [x: string]: unknown;
+        }, string>>;
+        formControlAttrs: import('vue').ComputedRef<Record<string, unknown>>;
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
         className: {
             block: string;
@@ -4238,6 +4333,10 @@ export declare const TimePicker: {
         value: {
             type: import('vue').PropType<import('dayjs').Dayjs>;
         };
+        clearTargetKey: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
             required: true;
@@ -4254,8 +4353,13 @@ export declare const TimePicker: {
         disabled: boolean;
         focused: boolean;
         allowClear: boolean;
+        clearTargetKey: string;
     }, {}, {
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -4276,10 +4380,16 @@ export declare const TimePicker: {
             };
             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;
             };
@@ -4294,7 +4404,9 @@ export declare const TimePicker: {
         }>> & 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>;
@@ -4374,8 +4486,8 @@ export declare const TimePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -4470,8 +4582,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4555,8 +4667,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4640,8 +4752,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4725,8 +4837,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4770,11 +4882,21 @@ export declare const TimePicker: {
             type: import('vue').PropType<(import('dayjs').Dayjs | undefined)[]>;
             default: () => never[];
         };
+        clearTargetKey: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
             required: true;
         };
     }>, {
+        wrapperAttrs: import('vue').ComputedRef<Omit<{
+            [x: string]: unknown;
+        }, string>>;
+        formControlAttrs0: import('vue').ComputedRef<Record<string, unknown>>;
+        formControlAttrs1: import('vue').ComputedRef<Record<string, unknown>>;
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -4800,7 +4922,6 @@ export declare const TimePicker: {
         onFocus: (e: Event) => void;
         onBlur: (e: Event) => void;
         onPressEnter: () => void;
-        onPressTab: (e: Event) => void;
         onClear: (e: Event) => void;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
     }, {}, {}, {
@@ -4840,6 +4961,10 @@ export declare const TimePicker: {
             type: import('vue').PropType<(import('dayjs').Dayjs | undefined)[]>;
             default: () => never[];
         };
+        clearTargetKey: {
+            type: StringConstructor;
+            default: string;
+        };
         format: {
             type: import('vue').PropType<string | ((value: import('dayjs').Dayjs) => string)>;
             required: true;
@@ -4860,8 +4985,13 @@ export declare const TimePicker: {
         value: (import('dayjs').Dayjs | undefined)[];
         focused: boolean;
         allowClear: boolean;
+        clearTargetKey: string;
     }, {}, {
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -4882,10 +5012,16 @@ export declare const TimePicker: {
             };
             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;
             };
@@ -4900,7 +5036,9 @@ export declare const TimePicker: {
         }>> & 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>;
@@ -4980,8 +5118,8 @@ export declare const TimePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -5076,8 +5214,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5161,8 +5299,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5246,8 +5384,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5331,8 +5469,8 @@ export declare const TimePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5418,8 +5556,8 @@ export declare const TimePicker: {
         };
     }>> & Readonly<{}>, {
         name: string;
-        size: string | number;
         title: string;
+        size: string | number;
         rotate: number;
         spin: boolean;
         color: string;
@@ -5457,6 +5595,7 @@ export declare const TimePicker: {
             type: BooleanConstructor;
         };
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -5464,7 +5603,7 @@ export declare const TimePicker: {
             is: (className: string) => string;
         };
         columns: import('vue').ComputedRef<import('./interface').TimePickerColumnType[]>;
-        columnLabels: Record<import('./interface').TimePickerColumnType, string>;
+        columnLabels: import('vue').ComputedRef<Record<import('./interface').TimePickerColumnType, string>>;
         lists: import('vue').ComputedRef<Record<import('./interface').TimePickerColumnType, import('./interface').TimePickerColumnItem[]>>;
         handleColumnSelect: (type: import('./interface').TimePickerColumnType, selectedValue: number | import('./interface').TimePickerMeridiem) => void;
         handleConfirm: () => void;
@@ -5533,6 +5672,9 @@ export declare const TimePicker: {
             handleSelect: (item: import('./interface').TimePickerColumnItem) => void;
             moveActive: (offset: number) => void;
             selectActive: () => void;
+            activeItem: import('vue').ComputedRef<import('./interface').TimePickerColumnItem | undefined>;
+            getItemId: (item: import('./interface').TimePickerColumnItem) => string;
+            moveBoundary: (end: boolean) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             select: (_type: import('./interface').TimePickerColumnType, _value: import('./interface').TimePickerColumnItem["value"]) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5893,7 +6035,7 @@ export declare const TimePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -5901,11 +6043,15 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                    type: import('vue').PropType<import('..').ButtonTypes>;
+                    default: string;
+                };
+                htmlType: {
+                    type: import('vue').PropType<import('..').ButtonHtmlType>;
                     default: string;
                 };
                 status: {
-                    type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                    type: import('vue').PropType<import('..').ButtonStatus>;
                     default: string;
                 };
                 plain: {
@@ -5913,8 +6059,8 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 size: {
-                    type: import('vue').PropType<import('../button/props').ButtonSize>;
-                    default: string;
+                    type: import('vue').PropType<import('..').ButtonSize>;
+                    default: undefined;
                 };
                 border: {
                     type: import('vue').PropType<boolean>;
@@ -5927,16 +6073,17 @@ export declare const TimePicker: {
             }>> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
-                type: import('../button/props').ButtonTypes;
-                size: import('../button/props').ButtonSize;
+                type: import('..').ButtonTypes;
+                size: import('..').ButtonSize;
                 disabled: boolean;
                 link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
                 debounce: number;
-                shape: import('../button/props').ButtonShape;
-                status: import('../button/props').ButtonStatus;
+                shape: import('..').ButtonShape;
+                htmlType: import('..').ButtonHtmlType;
+                status: import('..').ButtonStatus;
                 plain: boolean;
                 border: boolean;
                 narrow: boolean;
@@ -5970,7 +6117,7 @@ export declare const TimePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -5978,11 +6125,15 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                    type: import('vue').PropType<import('..').ButtonTypes>;
+                    default: string;
+                };
+                htmlType: {
+                    type: import('vue').PropType<import('..').ButtonHtmlType>;
                     default: string;
                 };
                 status: {
-                    type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                    type: import('vue').PropType<import('..').ButtonStatus>;
                     default: string;
                 };
                 plain: {
@@ -5990,8 +6141,8 @@ export declare const TimePicker: {
                     default: boolean;
                 };
                 size: {
-                    type: import('vue').PropType<import('../button/props').ButtonSize>;
-                    default: string;
+                    type: import('vue').PropType<import('..').ButtonSize>;
+                    default: undefined;
                 };
                 border: {
                     type: import('vue').PropType<boolean>;
@@ -6004,16 +6155,17 @@ export declare const TimePicker: {
             }>> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, () => VNode, {}, {}, {}, {
-                type: import('../button/props').ButtonTypes;
-                size: import('../button/props').ButtonSize;
+                type: import('..').ButtonTypes;
+                size: import('..').ButtonSize;
                 disabled: boolean;
                 link: boolean;
                 loading: boolean;
                 block: boolean;
                 loadingFill: boolean;
                 debounce: number;
-                shape: import('../button/props').ButtonShape;
-                status: import('../button/props').ButtonStatus;
+                shape: import('..').ButtonShape;
+                htmlType: import('..').ButtonHtmlType;
+                status: import('..').ButtonStatus;
                 plain: boolean;
                 border: boolean;
                 narrow: boolean;
@@ -6037,7 +6189,7 @@ export declare const TimePicker: {
                 default: number;
             };
             shape: {
-                type: import('vue').PropType<import('../button/props').ButtonShape>;
+                type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
             link: {
@@ -6045,11 +6197,15 @@ export declare const TimePicker: {
                 default: boolean;
             };
             type: {
-                type: import('vue').PropType<import('../button/props').ButtonTypes>;
+                type: import('vue').PropType<import('..').ButtonTypes>;
+                default: string;
+            };
+            htmlType: {
+                type: import('vue').PropType<import('..').ButtonHtmlType>;
                 default: string;
             };
             status: {
-                type: import('vue').PropType<import('../button/props').ButtonStatus>;
+                type: import('vue').PropType<import('..').ButtonStatus>;
                 default: string;
             };
             plain: {
@@ -6057,8 +6213,8 @@ export declare const TimePicker: {
                 default: boolean;
             };
             size: {
-                type: import('vue').PropType<import('../button/props').ButtonSize>;
-                default: string;
+                type: import('vue').PropType<import('..').ButtonSize>;
+                default: undefined;
             };
             border: {
                 type: import('vue').PropType<boolean>;
@@ -6071,16 +6227,17 @@ export declare const TimePicker: {
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
         }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
-            type: import('../button/props').ButtonTypes;
-            size: import('../button/props').ButtonSize;
+            type: import('..').ButtonTypes;
+            size: import('..').ButtonSize;
             disabled: boolean;
             link: boolean;
             loading: boolean;
             block: boolean;
             loadingFill: boolean;
             debounce: number;
-            shape: import('../button/props').ButtonShape;
-            status: import('../button/props').ButtonStatus;
+            shape: import('..').ButtonShape;
+            htmlType: import('..').ButtonHtmlType;
+            status: import('..').ButtonStatus;
             plain: boolean;
             border: boolean;
             narrow: boolean;