@sdata/web-vue 3.18.0 → 3.20.0

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

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

@@ -132,7 +132,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
             abbreviation: boolean;
             shortcuts: ShortcutType[];
             showNowBtn: boolean;
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -245,7 +245,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
             abbreviation: boolean;
             shortcuts: ShortcutType[];
             showNowBtn: boolean;
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
         }>;
         __isFragment?: never;
@@ -366,7 +366,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         abbreviation: boolean;
         shortcuts: ShortcutType[];
         showNowBtn: boolean;
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -405,17 +405,19 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         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;
@@ -460,7 +462,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         dayStartOfWeek: WeekStart;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
 }, __VLS_46: {}, __VLS_49: {
@@ -582,7 +584,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
             abbreviation: boolean;
             shortcuts: ShortcutType[];
             showNowBtn: boolean;
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -695,7 +697,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
             abbreviation: boolean;
             shortcuts: ShortcutType[];
             showNowBtn: boolean;
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
         }>;
         __isFragment?: never;
@@ -816,7 +818,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         abbreviation: boolean;
         shortcuts: ShortcutType[];
         showNowBtn: boolean;
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -855,17 +857,19 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         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;
@@ -910,7 +914,7 @@ declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
         dayStartOfWeek: WeekStart;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
 }, __VLS_60: {}, __VLS_63: {
@@ -990,6 +994,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: StringConstructor;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputProps: {
         type: PropType<Record<string, any>>;
     };
@@ -1128,6 +1140,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: StringConstructor;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputProps: {
         type: PropType<Record<string, any>>;
     };
@@ -1212,13 +1232,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "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;
     error: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    disabled: boolean;
     unmountOnClose: boolean;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     mode: "month" | "year" | "date" | "week" | "quarter";
     disabledInput: boolean;
     showTime: boolean;
@@ -1228,7 +1250,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;
     previewShortcut: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import input_default from "../_components/picker/input.js";
-import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
+import { dayjs, getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";
@@ -132,6 +132,22 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		*/
 		placeholder: { type: String },
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 原生输入框属性
 		* @en Native input attributes
 		*/
@@ -392,6 +408,11 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			var _format$value;
 			return (_format$value = format.value) === null || _format$value === void 0 ? void 0 : _format$value.call(format, getDateValue(value));
 		} : computedFormat.value);
+		const fitWidthFallbackText = computed(() => {
+			const sample = dayjs(new Date(2e3, 0, 1, 0, 0, 0));
+			return typeof inputFormat.value === "function" ? inputFormat.value(sample) : sample.format(inputFormat.value);
+		});
+		const fitWidthFallback = computed(() => `${Array.from(fitWidthFallbackText.value).length}ch`);
 		const getReturnValue = useReturnValue(reactive({
 			format: returnValueFormat,
 			utcOffset,
@@ -668,6 +689,10 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					readonly: !inputEditable.value || __props.disabledInput,
 					"allow-clear": unref(mergedAllowClear) && !unref(readonly),
 					placeholder: computedPlaceholder.value,
+					"fit-width": __props.fitWidth,
+					"max-w-full": __props.maxWFull,
+					"fit-width-fallback": fitWidthFallback.value,
+					"fit-width-fallback-text": fitWidthFallbackText.value,
 					"input-props": __props.inputProps,
 					"input-value": unref(inputValue),
 					value: needConfirm.value ? panelValue.value : unref(selectedValue),
@@ -692,6 +717,10 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					"readonly",
 					"allow-clear",
 					"placeholder",
+					"fit-width",
+					"max-w-full",
+					"fit-width-fallback",
+					"fit-width-fallback-text",
 					"input-props",
 					"input-value",
 					"value",

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

@@ -34,6 +34,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<Date | string | number>;
@@ -67,8 +75,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     disabled: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     showTime: boolean;
     dayStartOfWeek: WeekStart;
     showNowBtn: boolean;

package/es/date-picker/pickers/date-picker.js

@@ -69,6 +69,22 @@ var date_picker_default = /* @__PURE__ */ defineComponent({
 		showNowBtn: {
 			type: Boolean,
 			default: true
+		},
+		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
 		}
 	},
 	setup(props, { attrs, slots }) {

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

@@ -275,7 +275,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     confirmBtnDisabled: boolean;
     abbreviation: boolean;
     shortcuts: ShortcutType[];
-    shortcutsPosition: "bottom" | "left" | "right";
+    shortcutsPosition: "left" | "right" | "bottom";
     hideTrigger: boolean;
     startHeaderProps: StartHeaderProps;
     endHeaderProps: StartHeaderProps;

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

@@ -146,7 +146,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
             confirmBtnDisabled: boolean;
             abbreviation: boolean;
             shortcuts: ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             startHeaderProps: import("./interface").StartHeaderProps;
             endHeaderProps: import("./interface").StartHeaderProps;
@@ -273,7 +273,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
             confirmBtnDisabled: boolean;
             abbreviation: boolean;
             shortcuts: ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             startHeaderProps: import("./interface").StartHeaderProps;
             endHeaderProps: import("./interface").StartHeaderProps;
@@ -409,7 +409,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         confirmBtnDisabled: boolean;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
         startHeaderProps: import("./interface").StartHeaderProps;
         endHeaderProps: import("./interface").StartHeaderProps;
@@ -479,17 +479,19 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         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;
@@ -647,7 +649,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         dayStartOfWeek: WeekStart;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
 }, __VLS_48: {}, __VLS_51: {
@@ -783,7 +785,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
             confirmBtnDisabled: boolean;
             abbreviation: boolean;
             shortcuts: ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             startHeaderProps: import("./interface").StartHeaderProps;
             endHeaderProps: import("./interface").StartHeaderProps;
@@ -910,7 +912,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
             confirmBtnDisabled: boolean;
             abbreviation: boolean;
             shortcuts: ShortcutType[];
-            shortcutsPosition: "bottom" | "left" | "right";
+            shortcutsPosition: "left" | "right" | "bottom";
             hideTrigger: boolean;
             startHeaderProps: import("./interface").StartHeaderProps;
             endHeaderProps: import("./interface").StartHeaderProps;
@@ -1046,7 +1048,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         confirmBtnDisabled: boolean;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
         startHeaderProps: import("./interface").StartHeaderProps;
         endHeaderProps: import("./interface").StartHeaderProps;
@@ -1116,17 +1118,19 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         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;
@@ -1284,7 +1288,7 @@ declare var __VLS_10: {}, __VLS_25: {}, __VLS_28: {}, __VLS_36: {}, __VLS_39: {
         dayStartOfWeek: WeekStart;
         abbreviation: boolean;
         shortcuts: ShortcutType[];
-        shortcutsPosition: "bottom" | "left" | "right";
+        shortcutsPosition: "left" | "right" | "bottom";
         hideTrigger: boolean;
     };
 }, __VLS_62: {}, __VLS_65: {
@@ -1356,6 +1360,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: PropType<string[]>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabledDate: {
         type: PropType<(current: Date, type: "start" | "end") => boolean>;
     };
@@ -1506,6 +1518,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: {
         type: PropType<string[]>;
     };
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabledDate: {
         type: PropType<(current: Date, type: "start" | "end") => boolean>;
     };
@@ -1613,13 +1633,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "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;
@@ -1628,7 +1650,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showConfirmBtn: boolean;
     abbreviation: boolean;
     shortcuts: ShortcutType[];
-    shortcutsPosition: "bottom" | "left" | "right";
+    shortcutsPosition: "left" | "right" | "bottom";
     hideTrigger: boolean;
     inputProps: Record<string, any>[];
     previewShortcut: boolean;

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
-import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
+import { dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";
@@ -113,6 +113,22 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		* */
 		placeholder: { type: Array },
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 不可选的日期
 		* @en Non-selectable date
 		* */
@@ -321,6 +337,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			showTime,
 			valueFormat
 		}));
+		const fitWidthFallbackText = computed(() => dayjs(new Date(2e3, 0, 1, 0, 0, 0)).format(computedFormat.value));
+		const fitWidthFallback = computed(() => `${Array.from(fitWidthFallbackText.value).length}ch`);
 		const disabledArray = computed(() => {
 			return [disabled.value === true || formDisabled.value || isArray(disabled.value) && disabled.value[0] === true, disabled.value === true || formDisabled.value || isArray(disabled.value) && disabled.value[1] === true];
 		});
@@ -701,6 +719,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					readonly: __props.readonly || __props.disabledInput,
 					"allow-clear": unref(mergedAllowClear) && !__props.readonly,
 					placeholder: computedPlaceholder.value,
+					"fit-width": __props.fitWidth,
+					"max-w-full": __props.maxWFull,
+					"fit-width-fallback": fitWidthFallback.value,
+					"fit-width-fallback-text": fitWidthFallbackText.value,
 					"input-props": __props.inputProps,
 					"input-value": unref(inputValue),
 					value: panelValue.value,
@@ -726,6 +748,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"readonly",
 					"allow-clear",
 					"placeholder",
+					"fit-width",
+					"max-w-full",
+					"fit-width-fallback",
+					"fit-width-fallback-text",
 					"input-props",
 					"input-value",
 					"value",

package/es/date-picker/style/index.css

@@ -32,6 +32,12 @@
   border-radius: var(--sd-border-radius-small);
   transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
+.sd-picker.sd-picker-fit-width {
+  width: fit-content;
+}
+.sd-picker.sd-picker-max-w-full {
+  max-width: 100%;
+}
 .sd-picker-input {
   display: inline-flex;
   flex: 1;

package/es/descriptions/descriptions.d.ts

@@ -79,12 +79,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
+    column: number | ResponsiveValue;
+    layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
     data: DescData[];
     bordered: boolean;
-    column: number | ResponsiveValue;
     tableLayout: "fixed" | "auto";
-    layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
-    align: "left" | "right" | "center" | {
+    align: "center" | "left" | "right" | {
         label?: TextAlign;
         value?: TextAlign;
     };

package/es/descriptions/index.d.ts

@@ -42,12 +42,12 @@ declare const Descriptions: {
             default: string;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        column: number | import("../index.ts").ResponsiveValue;
+        layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         data: import("./interface").DescData[];
         bordered: boolean;
-        column: number | import("../index.ts").ResponsiveValue;
         tableLayout: "fixed" | "auto";
-        layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
-        align: "left" | "right" | "center" | {
+        align: "center" | "left" | "right" | {
             label?: import("../_utils/constant.ts").TextAlign;
             value?: import("../_utils/constant.ts").TextAlign;
         };
@@ -97,12 +97,12 @@ declare const Descriptions: {
             default: string;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        column: number | import("../index.ts").ResponsiveValue;
+        layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         data: import("./interface").DescData[];
         bordered: boolean;
-        column: number | import("../index.ts").ResponsiveValue;
         tableLayout: "fixed" | "auto";
-        layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
-        align: "left" | "right" | "center" | {
+        align: "center" | "left" | "right" | {
             label?: import("../_utils/constant.ts").TextAlign;
             value?: import("../_utils/constant.ts").TextAlign;
         };
@@ -149,12 +149,12 @@ declare const Descriptions: {
         default: string;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    column: number | import("../index.ts").ResponsiveValue;
+    layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
     data: import("./interface").DescData[];
     bordered: boolean;
-    column: number | import("../index.ts").ResponsiveValue;
     tableLayout: "fixed" | "auto";
-    layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
-    align: "left" | "right" | "center" | {
+    align: "center" | "left" | "right" | {
         label?: import("../_utils/constant.ts").TextAlign;
         value?: import("../_utils/constant.ts").TextAlign;
     };

package/es/divider/divider.d.ts

@@ -38,6 +38,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     direction: "horizontal" | "vertical";
-    orientation: "left" | "right" | "center";
+    orientation: "center" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;