@sdata/web-vue 2.1.1 → 2.3.1

package/es/date-picker/{range-picker.vue_vue_type_script_lang.js → range-picker.vue_vue_type_script_setup_true_lang.js}

@@ -8,9 +8,9 @@ import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
-import { dayjs, getDateValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange } from "../_utils/date.js";
+import { useI18n } from "../locale/index.js";
+import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
@@ -24,17 +24,13 @@ import useRangeHeaderValue from "./hooks/use-range-header-value.js";
 import useRangePickerState from "./hooks/use-range-picker-state.js";
 import useRangeTimePickerValue from "./hooks/use-range-time-picker-value.js";
 import range_picker_panel_default from "./range-picker-panel.js";
-import { computed, defineComponent, inject, nextTick, onUnmounted, reactive, ref, toRefs, watch, watchEffect } from "vue";
-//#region components/date-picker/range-picker.vue?vue&type=script&lang.ts
-var range_picker_vue_vue_type_script_lang_default = defineComponent({
+import { computed, createBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeProps, onUnmounted, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, watch, watchEffect, withCtx } from "vue";
+//#region components/date-picker/range-picker.vue?vue&type=script&setup=true&lang.ts
+var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "RangePicker",
-	components: {
-		RangePickerPanel: range_picker_panel_default,
-		DateRangeInput: input_range_default,
-		Trigger,
-		IconCalendar
-	},
-	inheritAttrs: false,
+	inheritAttrs: false
+}), {}, {
+	__name: "range-picker",
 	props: {
 		/**
 		* @zh 范围选择器的类型
@@ -104,6 +100,14 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 		* */
 		timePickerProps: { type: Object },
 		/**
+		* @zh 原生输入框属性
+		* @en Native input attributes
+		*/
+		inputProps: {
+			type: Array,
+			default: () => []
+		},
+		/**
 		* @zh 提示文案
 		* @en Prompt copy
 		* */
@@ -132,6 +136,22 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否固定时间
+		* @en Is it a fixed time?
+		*/
+		fixedTime: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 当重新选择范围的时候，会清空之前的范围重新进行选择
+		* @en When reselecting the range, the previous range will be cleared for next selection
+		*/
+		clearRangeOnReselect: {
+			type: Boolean,
+			default: false
+		},
 		popupContainer: { type: [String, Object] },
 		locale: { type: Object },
 		hideTrigger: { type: Boolean },
@@ -161,12 +181,27 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 		defaultPopupVisible: { type: Boolean },
 		triggerProps: { type: Object },
 		unmountOnClose: { type: Boolean },
+		/**
+		* @zh 面板隐藏不在当前时间范围的灰色日期
+		* @en Hide gray dates that are not in the current time range in the panel
+		*/
+		hideNotInViewDates: { type: Boolean },
 		previewShortcut: {
 			type: Boolean,
 			default: true
 		},
 		showConfirmBtn: { type: Boolean },
 		/**
+		* @zh 设置时区偏移，如果需要 utc 时间则设置为 0。
+		* @en Set the timezone offset. Set to 0 for UTC time.
+		*/
+		utcOffset: { type: Number },
+		/**
+		* @zh 设置时区，如果设置了 `utcOffset`，则以 `utcOffset` 为准。
+		* @en Set timezone. If `utcOffset` is set, `utcOffset` takes precedence.
+		*/
+		timezone: { type: String },
+		/**
 		* @zh 是否禁止键盘输入日期
 		* @en Whether input is disabled with the keyboard.
 		* @version 2.43.0
@@ -184,82 +219,30 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			default: true
 		}
 	},
-	emits: {
-		/**
-		* @zh 组件值发生改变
-		* @en The component value changes
-		* @param {(Date | string | number | undefined)[] | undefined} value
-		* @param {(Date | undefined)[] | undefined} date
-		* @param {(string | undefined)[] | undefined} dateString
-		*/
-		"change": (value, date, dateString) => {
-			return true;
-		},
-		"update:modelValue": (value) => {
-			return true;
-		},
-		/**
-		* @zh 选中日期发生改变但组件值未改变
-		* @en The selected date has changed but the component value has not changed
-		* @param {(Date | string | number | undefined)[]} value
-		* @param {(Date | undefined)[]} date
-		* @param {(string | undefined)[]} dateString
-		*/
-		"select": (value, date, dateString) => {
-			return true;
-		},
-		/**
-		* @zh 打开或关闭弹出框
-		* @en Open or close the pop-up box
-		* @param {boolean} visible
-		*/
-		"popup-visible-change": (visible) => {
-			return true;
-		},
-		"update:popupVisible": (visible) => {
-			return true;
-		},
-		/**
-		* @zh 点击确认按钮
-		* @en Click the confirm button
-		* @param {Date | string | number[]} value
-		* @param {Date[]} date
-		* @param {string[]} dateString
-		*/
-		"ok": (value, date, dateString) => {
-			return true;
-		},
+	emits: [
+		"change",
+		"update:modelValue",
+		"select",
+		"popup-visible-change",
+		"update:popupVisible",
+		"ok",
+		"clear",
+		"select-shortcut",
+		"picker-value-change",
+		"update:pickerValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
 		/**
-		* @zh 点击清除按钮
-		* @en Click the clear button
+		* @zh 自定义渲染面板
+		* @en Customize panel rendering
+		* @slot panelRender
+		* @binding {Component} component
+		* @binding {object} props
 		*/
-		"clear": () => {
-			return true;
-		},
-		/**
-		* @zh 点击快捷选项
-		* @en Click on the shortcut option
-		* @param {ShortcutType} shortcut
-		*/
-		"select-shortcut": (shortcut) => {
-			return true;
-		},
-		/**
-		* @zh 面板日期改变
-		* @en Panel date change
-		* @param {Date | string | number[]} value
-		* @param {Date[]} date
-		* @param {string[]} dateString
-		*/
-		"picker-value-change": (value, date, dateString) => {
-			return true;
-		},
-		"update:pickerValue": (value) => {
-			return true;
-		}
-	},
-	setup(props, { emit, slots }) {
-		const { mode, showTime, format, modelValue, defaultValue, popupVisible, defaultPopupVisible, placeholder, timePickerProps, disabled, disabledDate, disabledTime, locale, pickerValue, defaultPickerValue, valueFormat, size, error, dayStartOfWeek, shortcuts, shortcutsPosition, exchangeTime, previewShortcut, showConfirmBtn, allowClear, abbreviation } = toRefs(props);
+		const slots = useSlots();
+		const { mode, showTime, format, modelValue, defaultValue, popupVisible, defaultPopupVisible, placeholder, timePickerProps, disabled, disabledDate, disabledTime, locale, pickerValue, defaultPickerValue, valueFormat, size, error, dayStartOfWeek, shortcuts, shortcutsPosition, exchangeTime, fixedTime, previewShortcut, showConfirmBtn, allowClear, abbreviation, utcOffset, timezone, clearRangeOnReselect } = toRefs(props);
 		const { mergedValue: mergedDayStartOfWeek } = useConfigProviderProp(dayStartOfWeek, {
 			propNames: ["dayStartOfWeek", "day-start-of-week"],
 			getGlobalValue: (configProviderCtx) => {
@@ -355,7 +338,9 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 		const { value: selectedValue, setValue: setSelectedValue } = useRangePickerState(reactive({
 			modelValue,
 			defaultValue,
-			format: parseValueFormat
+			format: parseValueFormat,
+			utcOffset,
+			timezone
 		}));
 		const [processValue, setProcessValue] = useState();
 		const [previewValue, setPreviewValue] = useState();
@@ -368,10 +353,6 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			return (_ref = (_previewValue$value = previewValue.value) !== null && _previewValue$value !== void 0 ? _previewValue$value : processValue.value) !== null && _ref !== void 0 ? _ref : selectedValue.value;
 		});
 		const [inputValue, setInputValue] = useState();
-		const displayInputValue = computed(() => {
-			var _inputValue$value;
-			return (_inputValue$value = inputValue.value) === null || _inputValue$value === void 0 ? void 0 : _inputValue$value.map((item) => item !== null && item !== void 0 ? item : "");
-		});
 		const startHeaderMode = ref();
 		const endHeaderMode = ref();
 		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
@@ -390,10 +371,13 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			defaultValue: defaultPickerValue,
 			selectedValue: panelValue,
 			format: parseValueFormat,
+			utcOffset,
+			timezone,
 			onChange: (newVal) => {
-				const returnValue = getReturnRangeValue(newVal, returnValueFormat.value);
-				const formattedValue = getFormattedValue(newVal, parseValueFormat.value);
-				emit("picker-value-change", returnValue, getDateValue(newVal), formattedValue);
+				const returnValue = getReturnRangeValue(newVal, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
+				const localValue = newVal.map((item) => toLocal(item, 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);
 				emit("update:pickerValue", returnValue);
 			}
 		}));
@@ -417,7 +401,7 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			setHeaderValue([startHeaderValue.value, newEndValue]);
 			endHeaderMode.value = void 0;
 		}
-		const footerValue = ref([panelValue.value[0] || getNow(), panelValue.value[1] || getNow()]);
+		const footerValue = ref([panelValue.value[0] || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value), panelValue.value[1] || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value)]);
 		watch(panelValue, () => {
 			const [value0, value1] = panelValue.value;
 			footerValue.value[0] = value0 || footerValue.value[0];
@@ -428,7 +412,7 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			selectedValue: panelValue
 		}));
 		const isDateTime = computed(() => mode.value === "date" && showTime.value);
-		const hasTime = computed(() => isDateTime.value || timePickerProps.value);
+		const hasTime = computed(() => isDateTime.value || (timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.value));
 		const isDisabledDate = useIsDisabledDate(reactive({
 			mode,
 			isRange: true,
@@ -458,9 +442,10 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			}
 		});
 		function emitChange(value, emitOk) {
-			const returnValue = value ? getReturnRangeValue(value, returnValueFormat.value) : void 0;
-			const formattedValue = getFormattedValue(value, parseValueFormat.value);
-			const dateValue = getDateValue(value);
+			const localValue = value === null || value === void 0 ? void 0 : value.map((item) => item ? toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+			const returnValue = value ? getReturnRangeValue(value, returnValueFormat.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);
+			const dateValue = getDateValue(localValue);
 			if (isValueChange(value, selectedValue.value)) {
 				var _eventHandlers$value, _eventHandlers$value$;
 				emit("update:modelValue", returnValue);
@@ -472,8 +457,8 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			}
 		}
 		function getSortedDayjsArrayByExchangeTimeOrNot(newValue) {
-			let sortedValue = getSortedDayjsArray(newValue);
-			if (hasTime.value && !mergedExchangeTime.value) sortedValue = [getMergedOpValue(sortedValue[0], newValue[0]), getMergedOpValue(sortedValue[1], newValue[1])];
+			let sortedValue = getSortedDayjsArray(newValue, fixedTime.value);
+			if (hasTime.value && !mergedExchangeTime.value && !fixedTime.value) sortedValue = [getMergedOpValue(sortedValue[0], newValue[0]), getMergedOpValue(sortedValue[1], newValue[1])];
 			return sortedValue;
 		}
 		function confirm(value, showPanel, emitOk) {
@@ -490,9 +475,10 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			if (isBoolean(showPanel)) setPanelVisible(showPanel);
 		}
 		function emitSelectEvent(value) {
-			const returnValue = getReturnRangeValue(value, returnValueFormat.value);
-			const formattedValue = getFormattedValue(value, parseValueFormat.value);
-			const dateValue = getDateValue(value);
+			const localValue = value.map((item) => item ? toLocal(item, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value) : void 0);
+			const returnValue = getReturnRangeValue(value, returnValueFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
+			const formattedValue = getFormattedValue(localValue, parseValueFormat.value);
+			const dateValue = getDateValue(localValue);
 			emitRangeEvent("select", returnValue !== null && returnValue !== void 0 ? returnValue : [], dateValue !== null && dateValue !== void 0 ? dateValue : [], formattedValue !== null && formattedValue !== void 0 ? formattedValue : []);
 		}
 		function select(value, options) {
@@ -518,7 +504,7 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 		}
 		function getMergedOpValue(date, time) {
 			if (!hasTime.value) return date;
-			return mergeValueWithTime(getNow(), date, time);
+			return mergeValueWithTime(getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value), date, time);
 		}
 		function onPanelVisibleChange(visible) {
 			setPanelVisible(visible);
@@ -533,7 +519,8 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 		}
 		function getValueToModify(isTime = false) {
 			if (isNextDisabled.value) return [...selectedValue.value];
-			if (processValue.value) return isTime || !isCompleteRangeValue(processValue.value) ? [...processValue.value] : [];
+			if (processValue.value) return isTime || !isCompleteRangeValue(processValue.value) || !clearRangeOnReselect.value ? [...processValue.value] : [];
+			if (!isTime && !clearRangeOnReselect.value) return [...selectedValue.value];
 			return isTime ? [...selectedValue.value] : [];
 		}
 		function onPanelCellClick(date) {
@@ -600,7 +587,7 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			newInputValue[focusedIndex.value] = targetValue;
 			setInputValue(newInputValue);
 			if (!isValidInputValue(targetValue, computedFormat.value)) return;
-			const targetValueDayjs = dayjs(targetValue, computedFormat.value);
+			const targetValueDayjs = getDayjsValue(targetValue, computedFormat.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 			if (isDisabledDate(targetValueDayjs, focusedIndex.value === 0 ? "start" : "end")) return;
 			const newValue = isArray(panelValue.value) ? [...panelValue.value] : [];
 			newValue[focusedIndex.value] = targetValueDayjs;
@@ -627,65 +614,141 @@ var range_picker_vue_vue_type_script_lang_default = defineComponent({
 			headerOperations: endHeaderOperations,
 			headerIcons
 		});
-		return {
+		const rangePanelProps = computed(() => _objectSpread2(_objectSpread2({}, pick(props, [
+			"mode",
+			"showTime",
+			"shortcuts",
+			"shortcutsPosition",
+			"dayStartOfWeek",
+			"disabledDate",
+			"disabledTime",
+			"hideTrigger",
+			"abbreviation",
+			"hideNotInViewDates",
+			"utcOffset",
+			"timezone"
+		])), {}, {
 			prefixCls,
-			refInput,
-			computedFormat,
-			computedPlaceholder,
-			panelVisible,
-			panelValue,
-			displayInputValue,
-			inputValue,
-			focusedIndex,
-			mergedAllowClear,
-			triggerDisabled,
-			mergedSize,
-			mergedError,
-			onPanelVisibleChange,
-			onInputClear,
-			onInputChange,
-			onInputPressEnter,
-			rangePanelProps: computed(() => _objectSpread2(_objectSpread2({}, pick(props, [
-				"mode",
-				"disabledDate",
-				"disabledTime",
-				"hideTrigger",
-				"showTime"
-			])), {}, {
-				shortcuts: mergedShortcuts.value,
-				shortcutsPosition: mergedShortcutsPosition.value,
-				dayStartOfWeek: mergedDayStartOfWeek.value,
-				abbreviation: mergedAbbreviation.value,
-				prefixCls,
-				format: parseValueFormat.value,
-				value: panelValue.value,
-				showConfirmBtn: needConfirm.value,
-				confirmBtnDisabled: confirmBtnDisabled.value,
-				timePickerValue: timePickerValue.value,
-				timePickerProps: computedTimePickerProps.value,
-				extra: slots.extra,
-				dateRender: slots.cell,
-				startHeaderProps,
-				endHeaderProps,
-				footerValue: footerValue.value,
-				disabled: disabledArray.value,
-				visible: panelVisible.value,
-				onCellClick: onPanelCellClick,
-				onCellMouseEnter: onPanelCellMouseEnter,
-				onShortcutClick: onPanelShortcutClick,
-				onShortcutMouseEnter: mergedPreviewShortcut.value ? onPanelShortcutMouseEnter : void 0,
-				onShortcutMouseLeave: mergedPreviewShortcut.value ? onPanelShortcutMouseLeave : void 0,
-				onConfirm: onPanelConfirm,
-				onTimePickerSelect,
-				startHeaderMode: startHeaderMode.value,
-				endHeaderMode: endHeaderMode.value,
-				onStartHeaderLabelClick: onStartPanelHeaderLabelClick,
-				onEndHeaderLabelClick: onEndPanelHeaderLabelClick,
-				onStartHeaderSelect: onStartPanelHeaderSelect,
-				onEndHeaderSelect: onEndPanelHeaderSelect
-			}))
+			now: getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value),
+			format: parseValueFormat.value,
+			value: panelValue.value,
+			showConfirmBtn: needConfirm.value,
+			confirmBtnDisabled: confirmBtnDisabled.value,
+			timePickerValue: timePickerValue.value,
+			timePickerProps: computedTimePickerProps.value,
+			startHeaderProps,
+			endHeaderProps,
+			footerValue: footerValue.value,
+			disabled: disabledArray.value,
+			visible: panelVisible.value,
+			onCellClick: onPanelCellClick,
+			onCellMouseEnter: onPanelCellMouseEnter,
+			onShortcutClick: onPanelShortcutClick,
+			onShortcutMouseEnter: mergedPreviewShortcut.value ? onPanelShortcutMouseEnter : void 0,
+			onShortcutMouseLeave: mergedPreviewShortcut.value ? onPanelShortcutMouseLeave : void 0,
+			onConfirm: onPanelConfirm,
+			onTimePickerSelect,
+			startHeaderMode: startHeaderMode.value,
+			endHeaderMode: endHeaderMode.value,
+			onStartHeaderLabelClick: onStartPanelHeaderLabelClick,
+			onEndHeaderLabelClick: onEndPanelHeaderLabelClick,
+			onStartHeaderSelect: onStartPanelHeaderSelect,
+			onEndHeaderSelect: onEndPanelHeaderSelect
+		}));
+		return (_ctx, _cache) => {
+			return !__props.hideTrigger ? (openBlock(), createBlock(unref(Trigger), mergeProps({
+				key: 0,
+				trigger: "click",
+				"animation-name": "slide-dynamic-origin",
+				"auto-fit-transform-origin": "",
+				"click-to-close": false,
+				"popup-offset": 4
+			}, __props.triggerProps, {
+				"unmount-on-close": __props.unmountOnClose,
+				position: __props.position,
+				disabled: triggerDisabled.value || __props.readonly,
+				"popup-visible": unref(panelVisible),
+				"popup-container": __props.popupContainer,
+				onPopupVisibleChange: onPanelVisibleChange
+			}), {
+				content: withCtx(() => [renderSlot(_ctx.$slots, "panelRender", {
+					component: range_picker_panel_default,
+					props: rangePanelProps.value
+				}, () => [(openBlock(), createBlock(resolveDynamicComponent(range_picker_panel_default), normalizeProps(guardReactiveProps(rangePanelProps.value)), createSlots({ _: 2 }, [_ctx.$slots.extra ? {
+					name: "extra",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "extra")]),
+					key: "0"
+				} : void 0, _ctx.$slots.cell ? {
+					name: "cell",
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+					key: "1"
+				} : void 0]), 1040))])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(input_range_default, mergeProps({
+					ref_key: "refInput",
+					ref: refInput
+				}, _ctx.$attrs, {
+					focusedIndex: focusedIndex.value,
+					"onUpdate:focusedIndex": _cache[0] || (_cache[0] = ($event) => focusedIndex.value = $event),
+					size: unref(size),
+					focused: unref(panelVisible),
+					visible: unref(panelVisible),
+					error: unref(error),
+					disabled: unref(disabled),
+					readonly: __props.readonly || __props.disabledInput,
+					"allow-clear": unref(mergedAllowClear) && !__props.readonly,
+					placeholder: computedPlaceholder.value,
+					"input-props": __props.inputProps,
+					"input-value": unref(inputValue),
+					value: panelValue.value,
+					format: unref(computedFormat),
+					onClear: onInputClear,
+					onChange: onInputChange,
+					onPressEnter: onInputPressEnter
+				}), createSlots({
+					"suffix-icon": withCtx(() => [renderSlot(_ctx.$slots, "suffix-icon", {}, () => [createVNode(unref(IconCalendar))])]),
+					separator: withCtx(() => [renderSlot(_ctx.$slots, "separator", {}, () => [createTextVNode(toDisplayString(__props.separator || "-"), 1)])]),
+					_: 2
+				}, [_ctx.$slots.prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "0"
+				} : void 0]), 1040, [
+					"focusedIndex",
+					"size",
+					"focused",
+					"visible",
+					"error",
+					"disabled",
+					"readonly",
+					"allow-clear",
+					"placeholder",
+					"input-props",
+					"input-value",
+					"value",
+					"format"
+				])])]),
+				_: 3
+			}, 16, [
+				"unmount-on-close",
+				"position",
+				"disabled",
+				"popup-visible",
+				"popup-container"
+			])) : renderSlot(_ctx.$slots, "panelRender", {
+				key: 1,
+				component: range_picker_panel_default,
+				props: rangePanelProps.value
+			}, () => [(openBlock(), createBlock(resolveDynamicComponent(range_picker_panel_default), normalizeProps(guardReactiveProps(_objectSpread2(_objectSpread2({}, rangePanelProps.value), _ctx.$attrs))), createSlots({ _: 2 }, [_ctx.$slots.extra ? {
+				name: "extra",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "extra")]),
+				key: "0"
+			} : void 0, _ctx.$slots.cell ? {
+				name: "cell",
+				fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell", normalizeProps(guardReactiveProps(scope)))]),
+				key: "1"
+			} : void 0]), 1040))]);
 		};
 	}
-});
+}));
 //#endregion
-export { range_picker_vue_vue_type_script_lang_default as default };
+export { range_picker_vue_vue_type_script_setup_true_lang_default as default };

package/es/descriptions/descriptions-item.js

@@ -1,10 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import descriptions_item_vue_vue_type_script_lang_default from "./descriptions-item.vue_vue_type_script_lang.js";
-import { renderSlot } from "vue";
+import descriptions_item_vue_vue_type_script_setup_true_lang_default from "./descriptions-item.vue_vue_type_script_setup_true_lang.js";
 //#region components/descriptions/descriptions-item.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return renderSlot(_ctx.$slots, "default");
-}
-var descriptions_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(descriptions_item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var descriptions_item_default = descriptions_item_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { descriptions_item_default as default };

package/es/descriptions/descriptions-item.vue.d.ts

@@ -1,14 +1,14 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     span: {
         type: NumberConstructor;
         default: number;
     };
     label: StringConstructor;
-}>, {
-    prefixCls: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     span: {
         type: NumberConstructor;
         default: number;
@@ -17,3 +17,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{}>, {
     span: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/descriptions/descriptions-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { defineComponent, renderSlot } from "vue";
+//#region components/descriptions/descriptions-item.vue?vue&type=script&setup=true&lang.ts
+var descriptions_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DescriptionsItem" }), {}, {
+	__name: "descriptions-item",
+	props: {
+		/**
+		* @zh 所占列数
+		* @en number of columns
+		* @version 2.18.0
+		*/
+		span: {
+			type: Number,
+			default: 1
+		},
+		/**
+		* @zh 标签
+		* @en Label
+		* @version 2.18.0
+		*/
+		label: String
+	},
+	setup(__props) {
+		getPrefixCls("descriptions");
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+}));
+//#endregion
+export { descriptions_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/descriptions/descriptions.d.ts

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