x-next 1.0.1 → 1.1.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;
         };
@@ -915,11 +916,16 @@ 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;
             };
         }>, {
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             feedback: import('vue').Ref<string | undefined, string | undefined>;
             className: {
                 block: string;
@@ -969,6 +975,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 +995,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 +1022,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 +1046,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>;
@@ -1106,10 +1129,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -1202,10 +1225,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1287,10 +1310,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1372,10 +1395,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1457,10 +1480,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1501,11 +1524,16 @@ 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;
             };
         }>, {
+            t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
             className: {
                 block: string;
                 element: (className: string) => string;
@@ -1571,6 +1599,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 +1623,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 +1650,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 +1674,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>;
@@ -1712,10 +1757,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -1808,10 +1853,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1893,10 +1938,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -1978,10 +2023,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -2063,10 +2108,10 @@ export declare const DatePicker: {
                 }>> & Readonly<{}>, {
                     name: string;
                     size: string | number;
-                    title: string;
                     rotate: number;
                     spin: boolean;
                     color: string;
+                    title: string;
                     ariaLabel: string;
                     strokeWidth: string | number;
                     fillColor: unknown[];
@@ -2128,6 +2173,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;
@@ -2136,7 +2182,7 @@ export declare const DatePicker: {
             };
             cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
             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 +2303,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 +2311,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;
@@ -2693,7 +2740,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 +2748,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 +2764,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 +2778,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 +2822,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 +2830,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 +2846,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 +2860,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 +2894,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 +2902,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 +2918,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 +2932,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;
@@ -2972,10 +3034,10 @@ export declare const DatePicker: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -3106,8 +3168,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 +3179,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;
         };
@@ -3412,8 +3475,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 +3486,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;
     };
@@ -4207,11 +4271,16 @@ 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;
         };
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         feedback: import('vue').Ref<string | undefined, string | undefined>;
         className: {
             block: string;
@@ -4261,6 +4330,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 +4350,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 +4377,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 +4401,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>;
@@ -4398,10 +4484,10 @@ export declare const DatePicker: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -4494,10 +4580,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4579,10 +4665,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4664,10 +4750,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4749,10 +4835,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -4793,11 +4879,16 @@ 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;
         };
     }>, {
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -4863,6 +4954,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 +4978,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 +5005,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 +5029,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>;
@@ -5004,10 +5112,10 @@ export declare const DatePicker: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -5100,10 +5208,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5185,10 +5293,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5270,10 +5378,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5355,10 +5463,10 @@ export declare const DatePicker: {
             }>> & Readonly<{}>, {
                 name: string;
                 size: string | number;
-                title: string;
                 rotate: number;
                 spin: boolean;
                 color: string;
+                title: string;
                 ariaLabel: string;
                 strokeWidth: string | number;
                 fillColor: unknown[];
@@ -5420,6 +5528,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;
@@ -5428,7 +5537,7 @@ export declare const DatePicker: {
         };
         cells: import('vue').ComputedRef<import('./interface').DatePickerCell[]>;
         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 +5658,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 +5666,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;
@@ -5985,7 +6095,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 +6103,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 +6119,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 +6133,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 +6177,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 +6185,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 +6201,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 +6215,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 +6249,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 +6257,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 +6273,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 +6287,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;
@@ -6264,10 +6389,10 @@ export declare const DatePicker: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];