@sdata/web-vue 3.18.0 → 3.19.0

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -107,6 +107,14 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		tagNowrap: {
 			type: Boolean,
 			default: false
+		},
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		maxWFull: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: [
@@ -551,6 +559,8 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							size: unref(size),
 							opened: unref(computedPopupVisible),
 							placeholder: unref(placeholder),
+							"fit-width": __props.fitWidth,
+							"max-w-full": __props.maxWFull,
 							loading: unref(loading),
 							"max-tag-count": unref(maxTagCount),
 							"tag-nowrap": unref(tagNowrap),
@@ -599,6 +609,8 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							"size",
 							"opened",
 							"placeholder",
+							"fit-width",
+							"max-w-full",
 							"loading",
 							"max-tag-count",
 							"tag-nowrap",

package/es/cascader/types.d.ts

@@ -1,10 +1,11 @@
 import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { FitWidthProps } from '../_hooks/use-fit-width';
 import type { Size } from '../_utils/constant';
 import type { FloatingOptions } from '../_utils/floating';
 import type { TriggerProps } from '../trigger';
 import type { CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption } from './interface';
 export type CascaderExpandTrigger = 'click' | 'hover';
-export interface CascaderProps {
+export interface CascaderProps extends FitWidthProps {
     pathMode?: boolean;
     multiple?: boolean;
     modelValue?: CascaderModelValue;

package/es/checkbox/checkbox.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -135,7 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/checkbox/index.d.ts

@@ -64,7 +64,7 @@ declare const Checkbox: {
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -88,7 +88,7 @@ declare const Checkbox: {
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -111,7 +111,7 @@ declare const Checkbox: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
@@ -228,7 +228,7 @@ declare const Checkbox: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -252,7 +252,7 @@ declare const Checkbox: {
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -275,7 +275,7 @@ declare const Checkbox: {
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/collapse/collapse-item.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/collapse/index.d.ts

@@ -196,7 +196,7 @@ declare const Collapse: {
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -220,7 +220,7 @@ declare const Collapse: {
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -243,7 +243,7 @@ declare const Collapse: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {

package/es/color-picker/color-picker.d.ts

@@ -150,9 +150,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => any) | undefined;
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, {
-    readonly: string | boolean;
-    size: "small" | "mini" | "medium" | "large";
+    size: "small" | "medium" | "large" | "mini";
     disabled: boolean;
+    readonly: string | boolean;
     defaultValue: string;
     clearable: boolean;
     format: ColorFormat | LegacyFormat;

package/es/color-picker/index.d.ts

@@ -90,9 +90,9 @@ declare const ColorPicker: {
         }) => true;
         'recent-colors-change': (_value: string[]) => true;
     }, import("vue").PublicProps, {
-        readonly: string | boolean;
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
+        readonly: string | boolean;
         defaultValue: string;
         clearable: boolean;
         format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
@@ -186,9 +186,9 @@ declare const ColorPicker: {
         }) => any) | undefined;
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        readonly: string | boolean;
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
+        readonly: string | boolean;
         defaultValue: string;
         clearable: boolean;
         format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
@@ -293,9 +293,9 @@ declare const ColorPicker: {
     }) => true;
     'recent-colors-change': (_value: string[]) => true;
 }, string, {
-    readonly: string | boolean;
-    size: "small" | "mini" | "medium" | "large";
+    size: "small" | "medium" | "large" | "mini";
     disabled: boolean;
+    readonly: string | boolean;
     defaultValue: string;
     clearable: boolean;
     format: import("./interface").ColorFormat | import("./interface").LegacyFormat;

package/es/components.d.ts

@@ -100,7 +100,11 @@ declare module 'vue' {
         SdRate: SDVue['Rate'];
         SdResizeBox: SDVue['ResizeBox'];
         SdResult: SDVue['Result'];
+        SdRichTextEditor: SDVue['RichTextEditor'];
         SdSelect: SDVue['Select'];
+        SdSender: SDVue['Sender'];
+        SdSenderHeader: SDVue['SenderHeader'];
+        SdSenderSwitch: SDVue['SenderSwitch'];
         SdSecret: SDVue['Secret'];
         SdSkeleton: SDVue['Skeleton'];
         SdSkeletonLine: SDVue['SkeletonLine'];

package/es/config-provider/config-provider.vue.d.ts

@@ -149,12 +149,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<SdThemeMode>;
     };
 }>> & Readonly<{}>, {
+    rtl: boolean;
     updateAtScroll: boolean;
     scrollToClose: boolean;
     prefixCls: string;
     allowClear: boolean;
     allowSearch: boolean;
-    rtl: boolean;
     exchangeTime: boolean;
     global: boolean;
     autoInsertSpaceInButton: boolean;

package/es/config-provider/index.d.ts

@@ -73,12 +73,12 @@ declare const ConfigProvider: {
             type: import("vue").PropType<import("./theme").SdThemeMode>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        rtl: boolean;
         updateAtScroll: boolean;
         scrollToClose: boolean;
         prefixCls: string;
         allowClear: boolean;
         allowSearch: boolean;
-        rtl: boolean;
         exchangeTime: boolean;
         global: boolean;
         autoInsertSpaceInButton: boolean;
@@ -160,12 +160,12 @@ declare const ConfigProvider: {
             type: import("vue").PropType<import("./theme").SdThemeMode>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        rtl: boolean;
         updateAtScroll: boolean;
         scrollToClose: boolean;
         prefixCls: string;
         allowClear: boolean;
         allowSearch: boolean;
-        rtl: boolean;
         exchangeTime: boolean;
         global: boolean;
         autoInsertSpaceInButton: boolean;
@@ -244,12 +244,12 @@ declare const ConfigProvider: {
         type: import("vue").PropType<import("./theme").SdThemeMode>;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    rtl: boolean;
     updateAtScroll: boolean;
     scrollToClose: boolean;
     prefixCls: string;
     allowClear: boolean;
     allowSearch: boolean;
-    rtl: boolean;
     exchangeTime: boolean;
     global: boolean;
     autoInsertSpaceInButton: boolean;

package/es/date-picker/index.d.ts

@@ -48,8 +48,18 @@ declare const DatePicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         disabled: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         showTime: boolean;
         dayStartOfWeek: import("./interface").WeekStart;
         showNowBtn: boolean;
@@ -93,8 +103,18 @@ declare const DatePicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         disabled: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         showTime: boolean;
         dayStartOfWeek: import("./interface").WeekStart;
         showNowBtn: boolean;
@@ -135,8 +155,18 @@ declare const DatePicker: {
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     disabled: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     showTime: boolean;
     dayStartOfWeek: import("./interface").WeekStart;
     showNowBtn: boolean;
@@ -313,6 +343,14 @@ declare const DatePicker: {
             placeholder: {
                 type: import("vue").PropType<string[]>;
             };
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             disabledDate: {
                 type: import("vue").PropType<(current: Date, type: "start" | "end") => boolean>;
             };
@@ -431,13 +469,15 @@ declare const DatePicker: {
             "picker-value-change": (value: CalendarValue[], date: Date[], dateString: string[]) => any;
             "update:pickerValue": (value: CalendarValue[]) => any;
         }, import("vue").PublicProps, {
+            position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+            disabled: boolean | boolean[];
             error: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-            disabled: boolean | boolean[];
             unmountOnClose: boolean;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             mode: "month" | "year" | "date" | "week" | "quarter";
             disabledInput: boolean;
             showTime: boolean;
@@ -446,7 +486,7 @@ declare const DatePicker: {
             showConfirmBtn: boolean;
             abbreviation: boolean;
             shortcuts: import("./interface").ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             inputProps: Record<string, any>[];
             previewShortcut: boolean;
@@ -504,6 +544,14 @@ declare const DatePicker: {
             placeholder: {
                 type: import("vue").PropType<string[]>;
             };
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             disabledDate: {
                 type: import("vue").PropType<(current: Date, type: "start" | "end") => boolean>;
             };
@@ -611,13 +659,15 @@ declare const DatePicker: {
             "onPicker-value-change"?: ((value: CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
             "onUpdate:pickerValue"?: ((value: CalendarValue[]) => any) | undefined;
         }>, {}, {}, {}, {}, {
+            position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+            disabled: boolean | boolean[];
             error: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-            disabled: boolean | boolean[];
             unmountOnClose: boolean;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             mode: "month" | "year" | "date" | "week" | "quarter";
             disabledInput: boolean;
             showTime: boolean;
@@ -626,7 +676,7 @@ declare const DatePicker: {
             showConfirmBtn: boolean;
             abbreviation: boolean;
             shortcuts: import("./interface").ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             inputProps: Record<string, any>[];
             previewShortcut: boolean;
@@ -681,6 +731,14 @@ declare const DatePicker: {
         placeholder: {
             type: import("vue").PropType<string[]>;
         };
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabledDate: {
             type: import("vue").PropType<(current: Date, type: "start" | "end") => boolean>;
         };
@@ -799,13 +857,15 @@ declare const DatePicker: {
         "picker-value-change": (value: CalendarValue[], date: Date[], dateString: string[]) => any;
         "update:pickerValue": (value: CalendarValue[]) => any;
     }, string, {
+        position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+        disabled: boolean | boolean[];
         error: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-        disabled: boolean | boolean[];
         unmountOnClose: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         mode: "month" | "year" | "date" | "week" | "quarter";
         disabledInput: boolean;
         showTime: boolean;
@@ -814,7 +874,7 @@ declare const DatePicker: {
         showConfirmBtn: boolean;
         abbreviation: boolean;
         shortcuts: import("./interface").ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
         inputProps: Record<string, any>[];
         previewShortcut: boolean;
@@ -961,7 +1021,7 @@ declare const DatePicker: {
                         confirmBtnDisabled: boolean;
                         abbreviation: boolean;
                         shortcuts: import("./interface").ShortcutType[];
-                        shortcutsPosition: "bottom" | "left" | "right";
+                        shortcutsPosition: "left" | "right" | "bottom";
                         hideTrigger: boolean;
                         startHeaderProps: import("./interface").StartHeaderProps;
                         endHeaderProps: import("./interface").StartHeaderProps;
@@ -1088,7 +1148,7 @@ declare const DatePicker: {
                         confirmBtnDisabled: boolean;
                         abbreviation: boolean;
                         shortcuts: import("./interface").ShortcutType[];
-                        shortcutsPosition: "bottom" | "left" | "right";
+                        shortcutsPosition: "left" | "right" | "bottom";
                         hideTrigger: boolean;
                         startHeaderProps: import("./interface").StartHeaderProps;
                         endHeaderProps: import("./interface").StartHeaderProps;
@@ -1224,7 +1284,7 @@ declare const DatePicker: {
                     confirmBtnDisabled: boolean;
                     abbreviation: boolean;
                     shortcuts: import("./interface").ShortcutType[];
-                    shortcutsPosition: "bottom" | "left" | "right";
+                    shortcutsPosition: "left" | "right" | "bottom";
                     hideTrigger: boolean;
                     startHeaderProps: import("./interface").StartHeaderProps;
                     endHeaderProps: import("./interface").StartHeaderProps;
@@ -1294,17 +1354,19 @@ declare const DatePicker: {
                     timePickerProps: {
                         visible: boolean;
                         type?: "time" | "time-range" | undefined;
+                        size?: "small" | "medium" | "large" | "mini" | undefined;
+                        position?: "bottom" | "top" | "tl" | "tr" | "bl" | "br" | undefined;
+                        disabled?: boolean | undefined;
                         error?: boolean | undefined;
                         readonly?: boolean | undefined;
-                        size?: "small" | "mini" | "medium" | "large" | undefined;
                         popupVisible?: boolean | undefined;
                         defaultPopupVisible?: boolean | undefined;
-                        position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
-                        disabled?: boolean | undefined;
                         unmountOnClose?: boolean | undefined;
                         modelValue?: (import("../index.ts").TimeValue | import("../index.ts").TimeValue[]) | undefined;
                         placeholder?: string | string[] | undefined;
                         allowClear?: boolean | undefined;
+                        fitWidth?: boolean | undefined;
+                        maxWFull?: boolean | undefined;
                         triggerProps?: Record<string, unknown> | undefined;
                         format: string;
                         disabledHours?: (() => number[]) | undefined;
@@ -1462,7 +1524,7 @@ declare const DatePicker: {
                     dayStartOfWeek: import("./interface").WeekStart;
                     abbreviation: boolean;
                     shortcuts: import("./interface").ShortcutType[];
-                    shortcutsPosition: "bottom" | "left" | "right";
+                    shortcutsPosition: "left" | "right" | "bottom";
                     hideTrigger: boolean;
                 };
             }) => any;
@@ -1604,7 +1666,7 @@ declare const DatePicker: {
                         confirmBtnDisabled: boolean;
                         abbreviation: boolean;
                         shortcuts: import("./interface").ShortcutType[];
-                        shortcutsPosition: "bottom" | "left" | "right";
+                        shortcutsPosition: "left" | "right" | "bottom";
                         hideTrigger: boolean;
                         startHeaderProps: import("./interface").StartHeaderProps;
                         endHeaderProps: import("./interface").StartHeaderProps;
@@ -1731,7 +1793,7 @@ declare const DatePicker: {
                         confirmBtnDisabled: boolean;
                         abbreviation: boolean;
                         shortcuts: import("./interface").ShortcutType[];
-                        shortcutsPosition: "bottom" | "left" | "right";
+                        shortcutsPosition: "left" | "right" | "bottom";
                         hideTrigger: boolean;
                         startHeaderProps: import("./interface").StartHeaderProps;
                         endHeaderProps: import("./interface").StartHeaderProps;
@@ -1867,7 +1929,7 @@ declare const DatePicker: {
                     confirmBtnDisabled: boolean;
                     abbreviation: boolean;
                     shortcuts: import("./interface").ShortcutType[];
-                    shortcutsPosition: "bottom" | "left" | "right";
+                    shortcutsPosition: "left" | "right" | "bottom";
                     hideTrigger: boolean;
                     startHeaderProps: import("./interface").StartHeaderProps;
                     endHeaderProps: import("./interface").StartHeaderProps;
@@ -1937,17 +1999,19 @@ declare const DatePicker: {
                     timePickerProps: {
                         visible: boolean;
                         type?: "time" | "time-range" | undefined;
+                        size?: "small" | "medium" | "large" | "mini" | undefined;
+                        position?: "bottom" | "top" | "tl" | "tr" | "bl" | "br" | undefined;
+                        disabled?: boolean | undefined;
                         error?: boolean | undefined;
                         readonly?: boolean | undefined;
-                        size?: "small" | "mini" | "medium" | "large" | undefined;
                         popupVisible?: boolean | undefined;
                         defaultPopupVisible?: boolean | undefined;
-                        position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
-                        disabled?: boolean | undefined;
                         unmountOnClose?: boolean | undefined;
                         modelValue?: (import("../index.ts").TimeValue | import("../index.ts").TimeValue[]) | undefined;
                         placeholder?: string | string[] | undefined;
                         allowClear?: boolean | undefined;
+                        fitWidth?: boolean | undefined;
+                        maxWFull?: boolean | undefined;
                         triggerProps?: Record<string, unknown> | undefined;
                         format: string;
                         disabledHours?: (() => number[]) | undefined;
@@ -2105,7 +2169,7 @@ declare const DatePicker: {
                     dayStartOfWeek: import("./interface").WeekStart;
                     abbreviation: boolean;
                     shortcuts: import("./interface").ShortcutType[];
-                    shortcutsPosition: "bottom" | "left" | "right";
+                    shortcutsPosition: "left" | "right" | "bottom";
                     hideTrigger: boolean;
                 };
             }) => any;

package/es/date-picker/interface.d.ts

@@ -1,5 +1,6 @@
 import { Slot, VNode } from 'vue';
 import { Dayjs } from 'dayjs';
+import type { FitWidthProps } from '../_hooks/use-fit-width';
 import { TimePickerProps } from '../time-picker/interface';
 export type CalendarValue = Date | string | number;
 export type ValueFormat = 'timestamp' | 'Date' | string;
@@ -53,7 +54,7 @@ export interface QuarterPickerProps {
     modelValue?: CalendarValue;
     defaultValue?: CalendarValue;
 }
-export interface BasePickerProps {
+export interface BasePickerProps extends FitWidthProps {
     locale?: Record<string, any>;
     hideTrigger: boolean;
     allowClear: boolean;

package/es/date-picker/picker-panel.vue.d.ts

@@ -224,7 +224,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     abbreviation: boolean;
     shortcuts: ShortcutType[];
     showNowBtn: boolean;
-    shortcutsPosition: "bottom" | "left" | "right";
+    shortcutsPosition: "left" | "right" | "bottom";
     hideTrigger: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;