x-next 1.0.1 → 1.2.0

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

@@ -120,8 +120,8 @@ export declare const DatePicker: {
         onClear?: ((_ev: MouseEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
         onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
         "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
@@ -131,6 +131,7 @@ export declare const DatePicker: {
         "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
         "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         attrs: {
             [x: string]: unknown;
         };
@@ -281,7 +282,11 @@ export declare const DatePicker: {
         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, {
@@ -478,8 +483,8 @@ export declare const DatePicker: {
                 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;
@@ -666,8 +671,8 @@ export declare const DatePicker: {
                 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;
@@ -854,8 +859,8 @@ export declare const DatePicker: {
             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;
@@ -915,11 +920,20 @@ export declare const DatePicker: {
             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;
@@ -969,6 +983,10 @@ export declare const DatePicker: {
             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;
@@ -985,8 +1003,13 @@ export declare const DatePicker: {
             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;
                 };
@@ -1007,10 +1030,16 @@ export declare const DatePicker: {
                 };
                 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;
                 };
@@ -1025,7 +1054,9 @@ export declare const DatePicker: {
             }>> & 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>;
@@ -1105,8 +1136,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -1201,8 +1232,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1286,8 +1317,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1371,8 +1402,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1456,8 +1487,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1501,11 +1532,21 @@ export declare const DatePicker: {
                 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;
@@ -1531,7 +1572,6 @@ export declare const DatePicker: {
             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>;
         }, {}, {}, {
@@ -1571,6 +1611,10 @@ export declare const DatePicker: {
                 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;
@@ -1591,8 +1635,13 @@ export declare const DatePicker: {
             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;
                 };
@@ -1613,10 +1662,16 @@ export declare const DatePicker: {
                 };
                 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;
                 };
@@ -1631,7 +1686,9 @@ export declare const DatePicker: {
             }>> & 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>;
@@ -1711,8 +1768,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -1807,8 +1864,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1892,8 +1949,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -1977,8 +2034,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -2062,8 +2119,8 @@ export declare const DatePicker: {
                     };
                 }>> & Readonly<{}>, {
                     name: string;
-                    size: string | number;
                     title: string;
+                    size: string | number;
                     rotate: number;
                     spin: boolean;
                     color: string;
@@ -2128,6 +2185,7 @@ export declare const DatePicker: {
                 default: boolean;
             };
         }>, {
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
                 element: (className: string) => string;
@@ -2135,8 +2193,13 @@ export declare const DatePicker: {
                 is: (className: string) => string;
             };
             cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
+            cellRows: import('vue').ComputedRef<import('./interface').DatePickerCell[][]>;
+            panelRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            activeTitle: import('vue').Ref<string, string>;
+            activeCell: import('vue').ComputedRef<import('./interface').DatePickerCell>;
+            handleCellKeydown: (event: KeyboardEvent, cell: import('./interface').DatePickerCell) => void;
             headerLabel: import('vue').ComputedRef<string>;
-            todayLabel: import('vue').ComputedRef<"本月" | "今年" | "本季度" | "本周" | "今天">;
+            todayLabel: import('vue').ComputedRef<string>;
             weekdayLabels: import('vue').ComputedRef<string[]>;
             movePanel: (step: number, superMove?: boolean) => void;
             zoomHeader: () => void;
@@ -2257,6 +2320,7 @@ export declare const DatePicker: {
                 type: BooleanConstructor;
             };
         }>, {
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
                 element: (className: string) => string;
@@ -2264,7 +2328,7 @@ export declare const DatePicker: {
                 is: (className: string) => string;
             };
             columns: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnType[]>;
-            columnLabels: Record<import('../time-picker/interface').TimePickerColumnType, string>;
+            columnLabels: import('vue').ComputedRef<Record<import('../time-picker/interface').TimePickerColumnType, string>>;
             lists: import('vue').ComputedRef<Record<import('../time-picker/interface').TimePickerColumnType, import('../time-picker/interface').TimePickerColumnItem[]>>;
             handleColumnSelect: (type: import('../time-picker/interface').TimePickerColumnType, selectedValue: number | import('../time-picker/interface').TimePickerMeridiem) => void;
             handleConfirm: () => void;
@@ -2333,6 +2397,9 @@ export declare const DatePicker: {
                 handleSelect: (item: import('../time-picker/interface').TimePickerColumnItem) => void;
                 moveActive: (offset: number) => void;
                 selectActive: () => void;
+                activeItem: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnItem | undefined>;
+                getItemId: (item: import('../time-picker/interface').TimePickerColumnItem) => string;
+                moveBoundary: (end: boolean) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 select: (_type: import('../time-picker/interface').TimePickerColumnType, _value: import('../time-picker/interface').TimePickerColumnItem["value"]) => true;
             }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2693,7 +2760,7 @@ export declare const DatePicker: {
                         default: number;
                     };
                     shape: {
-                        type: import('vue').PropType<import('../button/props').ButtonShape>;
+                        type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
                     link: {
@@ -2701,11 +2768,15 @@ export declare const DatePicker: {
                         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: {
@@ -2713,8 +2784,8 @@ export declare const DatePicker: {
                         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>;
@@ -2727,16 +2798,17 @@ export declare const DatePicker: {
                 }>> & 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;
@@ -2770,7 +2842,7 @@ export declare const DatePicker: {
                         default: number;
                     };
                     shape: {
-                        type: import('vue').PropType<import('../button/props').ButtonShape>;
+                        type: import('vue').PropType<import('..').ButtonShape>;
                         default: undefined;
                     };
                     link: {
@@ -2778,11 +2850,15 @@ export declare const DatePicker: {
                         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: {
@@ -2790,8 +2866,8 @@ export declare const DatePicker: {
                         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>;
@@ -2804,16 +2880,17 @@ export declare const DatePicker: {
                 }>> & 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;
@@ -2837,7 +2914,7 @@ export declare const DatePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -2845,11 +2922,15 @@ export declare const DatePicker: {
                     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: {
@@ -2857,8 +2938,8 @@ export declare const DatePicker: {
                     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>;
@@ -2871,16 +2952,17 @@ export declare const DatePicker: {
             }>> & 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;
@@ -2971,8 +3053,8 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -3106,8 +3188,8 @@ export declare const DatePicker: {
         onClear?: ((_ev: MouseEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
         onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
         "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
@@ -3117,6 +3199,7 @@ export declare const DatePicker: {
         "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
         "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         attrs: {
             [x: string]: unknown;
         };
@@ -3267,7 +3350,11 @@ export declare const DatePicker: {
         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;
     }, {}, {}, {}, {
@@ -3412,8 +3499,8 @@ export declare const DatePicker: {
     onClear?: ((_ev: MouseEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
     onOk?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:pickerValue"?: ((_value: import('./interface').DatePickerModelValue) => any) | undefined;
@@ -3423,6 +3510,7 @@ export declare const DatePicker: {
     "onPicker-value-change"?: ((_value: import('./interface').DatePickerModelValue, _date: unknown, _dateString: unknown) => any) | undefined;
     "onSelect-shortcut"?: ((_shortcut: import('./interface').DatePickerShortcut) => any) | undefined;
 }>, {
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     attrs: {
         [x: string]: unknown;
     };
@@ -3573,7 +3661,11 @@ export declare const DatePicker: {
     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, {
@@ -3770,8 +3862,8 @@ export declare const DatePicker: {
             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;
@@ -3958,8 +4050,8 @@ export declare const DatePicker: {
             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;
@@ -4146,8 +4238,8 @@ export declare const DatePicker: {
         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;
@@ -4207,11 +4299,20 @@ export declare const DatePicker: {
         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;
@@ -4261,6 +4362,10 @@ export declare const DatePicker: {
         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;
@@ -4277,8 +4382,13 @@ export declare const DatePicker: {
         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;
             };
@@ -4299,10 +4409,16 @@ export declare const DatePicker: {
             };
             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;
             };
@@ -4317,7 +4433,9 @@ export declare const DatePicker: {
         }>> & 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>;
@@ -4397,8 +4515,8 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -4493,8 +4611,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4578,8 +4696,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4663,8 +4781,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4748,8 +4866,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -4793,11 +4911,21 @@ export declare const DatePicker: {
             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;
@@ -4823,7 +4951,6 @@ export declare const DatePicker: {
         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>;
     }, {}, {}, {
@@ -4863,6 +4990,10 @@ export declare const DatePicker: {
             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;
@@ -4883,8 +5014,13 @@ export declare const DatePicker: {
         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;
             };
@@ -4905,10 +5041,16 @@ export declare const DatePicker: {
             };
             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;
             };
@@ -4923,7 +5065,9 @@ export declare const DatePicker: {
         }>> & 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>;
@@ -5003,8 +5147,8 @@ export declare const DatePicker: {
             };
         }>> & Readonly<{}>, {
             name: string;
-            size: string | number;
             title: string;
+            size: string | number;
             rotate: number;
             spin: boolean;
             color: string;
@@ -5099,8 +5243,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5184,8 +5328,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5269,8 +5413,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5354,8 +5498,8 @@ export declare const DatePicker: {
                 };
             }>> & Readonly<{}>, {
                 name: string;
-                size: string | number;
                 title: string;
+                size: string | number;
                 rotate: number;
                 spin: boolean;
                 color: string;
@@ -5420,6 +5564,7 @@ export declare const DatePicker: {
             default: boolean;
         };
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -5427,8 +5572,13 @@ export declare const DatePicker: {
             is: (className: string) => string;
         };
         cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
+        cellRows: import('vue').ComputedRef<import('./interface').DatePickerCell[][]>;
+        panelRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        activeTitle: import('vue').Ref<string, string>;
+        activeCell: import('vue').ComputedRef<import('./interface').DatePickerCell>;
+        handleCellKeydown: (event: KeyboardEvent, cell: import('./interface').DatePickerCell) => void;
         headerLabel: import('vue').ComputedRef<string>;
-        todayLabel: import('vue').ComputedRef<"本月" | "今年" | "本季度" | "本周" | "今天">;
+        todayLabel: import('vue').ComputedRef<string>;
         weekdayLabels: import('vue').ComputedRef<string[]>;
         movePanel: (step: number, superMove?: boolean) => void;
         zoomHeader: () => void;
@@ -5549,6 +5699,7 @@ export declare const DatePicker: {
             type: BooleanConstructor;
         };
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -5556,7 +5707,7 @@ export declare const DatePicker: {
             is: (className: string) => string;
         };
         columns: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnType[]>;
-        columnLabels: Record<import('../time-picker/interface').TimePickerColumnType, string>;
+        columnLabels: import('vue').ComputedRef<Record<import('../time-picker/interface').TimePickerColumnType, string>>;
         lists: import('vue').ComputedRef<Record<import('../time-picker/interface').TimePickerColumnType, import('../time-picker/interface').TimePickerColumnItem[]>>;
         handleColumnSelect: (type: import('../time-picker/interface').TimePickerColumnType, selectedValue: number | import('../time-picker/interface').TimePickerMeridiem) => void;
         handleConfirm: () => void;
@@ -5625,6 +5776,9 @@ export declare const DatePicker: {
             handleSelect: (item: import('../time-picker/interface').TimePickerColumnItem) => void;
             moveActive: (offset: number) => void;
             selectActive: () => void;
+            activeItem: import('vue').ComputedRef<import('../time-picker/interface').TimePickerColumnItem | undefined>;
+            getItemId: (item: import('../time-picker/interface').TimePickerColumnItem) => string;
+            moveBoundary: (end: boolean) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             select: (_type: import('../time-picker/interface').TimePickerColumnType, _value: import('../time-picker/interface').TimePickerColumnItem["value"]) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5985,7 +6139,7 @@ export declare const DatePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -5993,11 +6147,15 @@ export declare const DatePicker: {
                     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: {
@@ -6005,8 +6163,8 @@ export declare const DatePicker: {
                     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>;
@@ -6019,16 +6177,17 @@ export declare const DatePicker: {
             }>> & 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;
@@ -6062,7 +6221,7 @@ export declare const DatePicker: {
                     default: number;
                 };
                 shape: {
-                    type: import('vue').PropType<import('../button/props').ButtonShape>;
+                    type: import('vue').PropType<import('..').ButtonShape>;
                     default: undefined;
                 };
                 link: {
@@ -6070,11 +6229,15 @@ export declare const DatePicker: {
                     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: {
@@ -6082,8 +6245,8 @@ export declare const DatePicker: {
                     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>;
@@ -6096,16 +6259,17 @@ export declare const DatePicker: {
             }>> & 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;
@@ -6129,7 +6293,7 @@ export declare const DatePicker: {
                 default: number;
             };
             shape: {
-                type: import('vue').PropType<import('../button/props').ButtonShape>;
+                type: import('vue').PropType<import('..').ButtonShape>;
                 default: undefined;
             };
             link: {
@@ -6137,11 +6301,15 @@ export declare const DatePicker: {
                 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: {
@@ -6149,8 +6317,8 @@ export declare const DatePicker: {
                 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>;
@@ -6163,16 +6331,17 @@ export declare const DatePicker: {
         }>> & 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;
@@ -6263,8 +6432,8 @@ export declare const DatePicker: {
         };
     }>> & Readonly<{}>, {
         name: string;
-        size: string | number;
         title: string;
+        size: string | number;
         rotate: number;
         spin: boolean;
         color: string;