@sdata/web-vue 3.17.0 → 3.19.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/panels/body.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getDateValue } from "../../_utils/date.js";
 import { isDisabledDate } from "../utils/index.js";
 import useCellClassName from "../hooks/use-cell-class-name.js";
@@ -52,7 +52,8 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const isWeek = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week");
 		const isHiddenNotInViewCell = (cellData) => props.hideNotInViewDates && (cellData.isPrev || cellData.isNext);
 		const getCellClassNameFn = (cellData) => {
-			return getCellClassName(cellData, isCellDisabled(cellData));
+			const disabled = isCellDisabled(cellData);
+			return getCellClassName(cellData, disabled);
 		};
 		const onCellClick = (cellData) => {
 			if (isCellDisabled(cellData) || isHiddenNotInViewCell(cellData)) return;
@@ -96,10 +97,7 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						onClick: () => {
 							onCellClick(cell);
 						}
-					}, [!isHiddenNotInViewCell(cell) ? renderSlot(_ctx.$slots, "cell", {
-						key: 0,
-						date: unref(getDateValue)(cell.value)
-					}, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2)]) : (openBlock(), createElementBlock("div", {
+					}, [!isHiddenNotInViewCell(cell) ? renderSlot(_ctx.$slots, "cell", { date: unref(getDateValue)(cell.value) }, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2)], void 0, 0) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(`${unref(prefixCls)}-date`)
 					}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, null, 2)], 2))], 42, _hoisted_1))], 64);

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../../_utils/global-config.js";
 import useMergeState from "../../../_hooks/use-merge-state.js";
 import { getDateValue, getNow, methods } from "../../../_utils/date.js";

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import Button from "../../button/index.js";
 import Link from "../../link/index.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../../_utils/is.js";
 import IconLeft from "../../icon/icon-left/index.js";
 import IconRight from "../../icon/icon-right/index.js";

package/es/date-picker/panels/month/index.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../../_utils/global-config.js";
 import { dayjs } from "../../../_utils/date.js";
 import useDatePickerTransform from "../../hooks/use-inject-datepicker-transform.js";

package/es/date-picker/panels/quarter/index.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../../_utils/global-config.js";
 import { dayjs } from "../../../_utils/date.js";
 import { padStart } from "../../../_utils/pad.js";

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

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../../_utils/is.js";
 import Button from "../../button/index.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";

package/es/date-picker/panels/week/index.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { useI18n } from "../../../locale/index.js";
 import { methods } from "../../../_utils/date.js";
 import date_default from "../date/index.js";
@@ -33,10 +33,12 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return methods.isSameWeek(current, target, props.dayStartOfWeek);
 		};
 		const onSelect = (value) => {
-			emit("select", methods.startOfWeek(value, props.dayStartOfWeek));
+			const startDateOfWeek = methods.startOfWeek(value, props.dayStartOfWeek);
+			emit("select", startDateOfWeek);
 		};
 		const onCellMouseEnter = (value) => {
-			emit("cell-mouse-enter", methods.startOfWeek(value, props.dayStartOfWeek));
+			const startDateOfWeek = methods.startOfWeek(value, props.dayStartOfWeek);
+			emit("cell-mouse-enter", startDateOfWeek);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(date_default, mergeProps(_ctx.$attrs, {

package/es/date-picker/panels/week-list.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
 import { Fragment, computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
 //#region components/date-picker/panels/week-list.vue?vue&type=script&setup=true&lang.ts

package/es/date-picker/panels/year/index.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../../_utils/global-config.js";
 import { dayjs } from "../../../_utils/date.js";
 import { newArray } from "../../utils/index.js";

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-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../_utils/is.js";
 import { getDayjsValue, getNow } from "../_utils/date.js";
 import useHeaderValue from "./hooks/use-header-value.js";

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { Dayjs } from 'dayjs';
+import type { FloatingOptions } from '../_utils/floating';
 import { Size } from '../_utils/constant';
 import { TimePickerProps } from '../time-picker/interface';
 import { TriggerProps } from '../trigger';
@@ -131,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: {};
@@ -244,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;
@@ -365,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: {
@@ -404,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;
@@ -459,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: {
@@ -581,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: {};
@@ -694,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;
@@ -815,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: {
@@ -854,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;
@@ -909,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: {
@@ -977,6 +982,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     triggerProps: {
         type: PropType<TriggerProps>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     unmountOnClose: {
         type: BooleanConstructor;
     };
@@ -986,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>>;
     };
@@ -1112,6 +1128,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     triggerProps: {
         type: PropType<TriggerProps>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     unmountOnClose: {
         type: BooleanConstructor;
     };
@@ -1121,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>>;
     };
@@ -1205,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;
@@ -1221,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

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction } from "../_utils/is.js";
 import { useI18n } from "../locale/index.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";
@@ -115,6 +115,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		* @en You can pass in the parameters of the `Trigger` component
 		*/
 		triggerProps: { type: Object },
+		floatingOptions: { type: Object },
 		/**
 		* @zh 是否在隐藏的时候销毁DOM结构
 		* @en Whether to destroy the DOM structure when hiding
@@ -131,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
 		*/
@@ -391,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,
@@ -443,7 +465,8 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				const returnValue = getReturnValue(newVal);
 				const localValue = toLocal(newVal, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 				const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
-				emit("picker-value-change", returnValue, getDateValue(localValue), formattedValue);
+				const dateValue = getDateValue(localValue);
+				emit("picker-value-change", returnValue, dateValue, formattedValue);
 				emit("update:pickerValue", returnValue);
 			}
 		}));
@@ -495,7 +518,8 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				const returnValue = value ? getReturnValue(value) : void 0;
 				const localValue = value ? toLocal(value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0;
 				const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
-				emit("select", returnValue, getDateValue(localValue), formattedValue);
+				const dateValue = getDateValue(localValue);
+				emit("select", returnValue, dateValue, formattedValue);
 			}
 		}
 		function getMergedOpValue(date, time) {
@@ -623,6 +647,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			onMonthHeaderClick
 		}));
 		return (_ctx, _cache) => {
+			var _props$floatingOption, _props$triggerProps;
 			return !__props.hideTrigger ? (openBlock(), createBlock(unref(Trigger), mergeProps({
 				key: 0,
 				trigger: "click",
@@ -631,6 +656,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				"click-to-close": false,
 				"popup-offset": 4
 			}, __props.triggerProps, {
+				"floating-options": (_props$floatingOption = __props.floatingOptions) !== null && _props$floatingOption !== void 0 ? _props$floatingOption : (_props$triggerProps = __props.triggerProps) === null || _props$triggerProps === void 0 ? void 0 : _props$triggerProps.floatingOptions,
 				position: __props.position,
 				disabled: unref(mergedDisabled) || !!unref(readonly),
 				"prevent-focus": true,
@@ -663,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),
@@ -687,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",
@@ -694,13 +728,13 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				])])]),
 				_: 3
 			}, 16, [
+				"floating-options",
 				"position",
 				"disabled",
 				"popup-visible",
 				"unmount-on-close",
 				"popup-container"
 			])) : renderSlot(_ctx.$slots, "panelRender", {
-				key: 1,
 				component: picker_panel_default,
 				props: panelProps.value
 			}, () => [(openBlock(), createBlock(resolveDynamicComponent(picker_panel_default), normalizeProps(guardReactiveProps(_objectSpread2(_objectSpread2({}, panelProps.value), _ctx.$attrs))), createSlots({ _: 2 }, [_ctx.$slots.extra ? {
@@ -711,7 +745,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				name: "cell",
 				fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
 				key: "1"
-			} : void 0]), 1040))]);
+			} : void 0]), 1040))], void 0, 1);
 		};
 	}
 }));

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-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { isArray, isFunction } from "../_utils/is.js";
 import { getDayjsValue } from "../_utils/date.js";
 import { normalizeRangeValue } from "./utils/index.js";