@sdata/web-vue 2.2.1 → 2.6.0

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

@@ -10,7 +10,7 @@ import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Trigger from "../trigger/index.js";
 import { useI18n } from "../locale/index.js";
-import { dayjs, getDateValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange } from "../_utils/date.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,9 +24,12 @@ 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, createBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeProps, onUnmounted, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, useSlots, watch, watchEffect, withCtx } from "vue";
+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" }), {}, {
+var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "RangePicker",
+	inheritAttrs: false
+}), {}, {
 	__name: "range-picker",
 	props: {
 		/**
@@ -97,6 +100,14 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		* */
 		timePickerProps: { type: Object },
 		/**
+		* @zh 原生输入框属性
+		* @en Native input attributes
+		*/
+		inputProps: {
+			type: Array,
+			default: () => []
+		},
+		/**
 		* @zh 提示文案
 		* @en Prompt copy
 		* */
@@ -125,6 +136,22 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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 },
@@ -154,12 +181,27 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		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
@@ -192,8 +234,15 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		/**
+		* @zh 自定义渲染面板
+		* @en Customize panel rendering
+		* @slot panelRender
+		* @binding {Component} component
+		* @binding {object} 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, previewShortcut, showConfirmBtn, allowClear, abbreviation } = toRefs(props);
+		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) => {
@@ -289,7 +338,9 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const { value: selectedValue, setValue: setSelectedValue } = useRangePickerState(reactive({
 			modelValue,
 			defaultValue,
-			format: parseValueFormat
+			format: parseValueFormat,
+			utcOffset,
+			timezone
 		}));
 		const [processValue, setProcessValue] = useState();
 		const [previewValue, setPreviewValue] = useState();
@@ -302,10 +353,6 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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 }));
@@ -324,10 +371,13 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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);
 			}
 		}));
@@ -351,7 +401,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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];
@@ -392,9 +442,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		});
 		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);
@@ -406,8 +457,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		}
 		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) {
@@ -424,9 +475,10 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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) {
@@ -452,7 +504,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		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);
@@ -467,7 +519,8 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		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) {
@@ -534,7 +587,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			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;
@@ -563,24 +616,26 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const rangePanelProps = computed(() => _objectSpread2(_objectSpread2({}, pick(props, [
 			"mode",
+			"showTime",
+			"shortcuts",
+			"shortcutsPosition",
+			"dayStartOfWeek",
 			"disabledDate",
 			"disabledTime",
 			"hideTrigger",
-			"showTime"
+			"abbreviation",
+			"hideNotInViewDates",
+			"utcOffset",
+			"timezone"
 		])), {}, {
-			shortcuts: mergedShortcuts.value,
-			shortcutsPosition: mergedShortcutsPosition.value,
-			dayStartOfWeek: mergedDayStartOfWeek.value,
-			abbreviation: mergedAbbreviation.value,
 			prefixCls,
+			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,
-			extra: slots.extra,
-			dateRender: slots.cell,
 			startHeaderProps,
 			endHeaderProps,
 			footerValue: footerValue.value,
@@ -616,7 +671,18 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"popup-container": __props.popupContainer,
 				onPopupVisibleChange: onPanelVisibleChange
 			}), {
-				content: withCtx(() => [createVNode(range_picker_panel_default, normalizeProps(guardReactiveProps(rangePanelProps.value)), null, 16)]),
+				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
@@ -631,7 +697,8 @@ 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,
-					"input-value": displayInputValue.value,
+					"input-props": __props.inputProps,
+					"input-value": unref(inputValue),
 					value: panelValue.value,
 					format: unref(computedFormat),
 					onClear: onInputClear,
@@ -655,6 +722,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					"readonly",
 					"allow-clear",
 					"placeholder",
+					"input-props",
 					"input-value",
 					"value",
 					"format"
@@ -666,7 +734,19 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				"disabled",
 				"popup-visible",
 				"popup-container"
-			])) : (openBlock(), createBlock(range_picker_panel_default, normalizeProps(mergeProps({ key: 1 }, _objectSpread2(_objectSpread2({}, _ctx.$attrs), rangePanelProps.value))), null, 16));
+			])) : 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))]);
 		};
 	}
 }));

package/es/descriptions/index.d.ts

@@ -9,7 +9,7 @@ declare const Descriptions: {
             default: () => never[];
         };
         column: {
-            type: import("vue").PropType<number | import("..").ResponsiveValue>;
+            type: import("vue").PropType<number | import("../index.ts").ResponsiveValue>;
             default: number;
         };
         title: StringConstructor;
@@ -18,14 +18,14 @@ declare const Descriptions: {
             default: string;
         };
         align: {
-            type: import("vue").PropType<import("../_utils/constant").TextAlign | {
-                label?: import("../_utils/constant").TextAlign;
-                value?: import("../_utils/constant").TextAlign;
+            type: import("vue").PropType<import("../_utils/constant.ts").TextAlign | {
+                label?: import("../_utils/constant.ts").TextAlign;
+                value?: import("../_utils/constant.ts").TextAlign;
             }>;
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         bordered: {
             type: BooleanConstructor;
@@ -43,13 +43,13 @@ declare const Descriptions: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         data: import("./interface").DescData[];
-        column: number | import("..").ResponsiveValue;
+        column: number | import("../index.ts").ResponsiveValue;
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         bordered: boolean;
         tableLayout: "fixed" | "auto";
         align: "left" | "right" | "center" | {
-            label?: import("../_utils/constant").TextAlign;
-            value?: import("../_utils/constant").TextAlign;
+            label?: import("../_utils/constant.ts").TextAlign;
+            value?: import("../_utils/constant.ts").TextAlign;
         };
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -64,7 +64,7 @@ declare const Descriptions: {
             default: () => never[];
         };
         column: {
-            type: import("vue").PropType<number | import("..").ResponsiveValue>;
+            type: import("vue").PropType<number | import("../index.ts").ResponsiveValue>;
             default: number;
         };
         title: StringConstructor;
@@ -73,14 +73,14 @@ declare const Descriptions: {
             default: string;
         };
         align: {
-            type: import("vue").PropType<import("../_utils/constant").TextAlign | {
-                label?: import("../_utils/constant").TextAlign;
-                value?: import("../_utils/constant").TextAlign;
+            type: import("vue").PropType<import("../_utils/constant.ts").TextAlign | {
+                label?: import("../_utils/constant.ts").TextAlign;
+                value?: import("../_utils/constant.ts").TextAlign;
             }>;
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         bordered: {
             type: BooleanConstructor;
@@ -98,13 +98,13 @@ declare const Descriptions: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         data: import("./interface").DescData[];
-        column: number | import("..").ResponsiveValue;
+        column: number | import("../index.ts").ResponsiveValue;
         layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
         bordered: boolean;
         tableLayout: "fixed" | "auto";
         align: "left" | "right" | "center" | {
-            label?: import("../_utils/constant").TextAlign;
-            value?: import("../_utils/constant").TextAlign;
+            label?: import("../_utils/constant.ts").TextAlign;
+            value?: import("../_utils/constant.ts").TextAlign;
         };
     }>;
     __isFragment?: never;
@@ -116,7 +116,7 @@ declare const Descriptions: {
         default: () => never[];
     };
     column: {
-        type: import("vue").PropType<number | import("..").ResponsiveValue>;
+        type: import("vue").PropType<number | import("../index.ts").ResponsiveValue>;
         default: number;
     };
     title: StringConstructor;
@@ -125,14 +125,14 @@ declare const Descriptions: {
         default: string;
     };
     align: {
-        type: import("vue").PropType<import("../_utils/constant").TextAlign | {
-            label?: import("../_utils/constant").TextAlign;
-            value?: import("../_utils/constant").TextAlign;
+        type: import("vue").PropType<import("../_utils/constant.ts").TextAlign | {
+            label?: import("../_utils/constant.ts").TextAlign;
+            value?: import("../_utils/constant.ts").TextAlign;
         }>;
         default: string;
     };
     size: {
-        type: import("vue").PropType<import("..").Size>;
+        type: import("vue").PropType<import("../index.ts").Size>;
     };
     bordered: {
         type: BooleanConstructor;
@@ -150,13 +150,13 @@ declare const Descriptions: {
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     data: import("./interface").DescData[];
-    column: number | import("..").ResponsiveValue;
+    column: number | import("../index.ts").ResponsiveValue;
     layout: "horizontal" | "vertical" | "inline-horizontal" | "inline-vertical";
     bordered: boolean;
     tableLayout: "fixed" | "auto";
     align: "left" | "right" | "center" | {
-        label?: import("../_utils/constant").TextAlign;
-        value?: import("../_utils/constant").TextAlign;
+        label?: import("../_utils/constant.ts").TextAlign;
+        value?: import("../_utils/constant.ts").TextAlign;
     };
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     DescriptionsItem: {

package/es/drawer/drawer.vue.d.ts

@@ -2,15 +2,15 @@ import type { CSSProperties, PropType, StyleValue } from 'vue';
 import type { EllipsisTooltipProps } from '../ellipsis';
 import { ButtonProps } from '../button';
 import { type DrawerPlacements } from './utils';
-declare var __VLS_29: {}, __VLS_37: {}, __VLS_50: {}, __VLS_52: {};
+declare var __VLS_28: {}, __VLS_36: {}, __VLS_49: {}, __VLS_51: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_29) => any;
+    header?: (props: typeof __VLS_28) => any;
 } & {
-    title?: (props: typeof __VLS_37) => any;
+    title?: (props: typeof __VLS_36) => any;
 } & {
-    default?: (props: typeof __VLS_50) => any;
+    default?: (props: typeof __VLS_49) => any;
 } & {
-    footer?: (props: typeof __VLS_52) => any;
+    footer?: (props: typeof __VLS_51) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     visible: {

package/es/drawer/index.d.ts

@@ -13,13 +13,13 @@ declare const Drawer: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<import("./utils").DrawerPlacements>;
+            type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
             default: string;
             validator: (value: any) => boolean;
         };
         title: StringConstructor;
         titleEllipsisTooltip: {
-            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
             default: boolean;
         };
         mask: {
@@ -41,10 +41,10 @@ declare const Drawer: {
             default: boolean;
         };
         okButtonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
         cancelButtonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
         unmountOnClose: BooleanConstructor;
         width: {
@@ -123,7 +123,7 @@ declare const Drawer: {
         closable: boolean;
         width: string | number;
         placement: "top" | "bottom" | "left" | "right";
-        titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+        titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
         maskClosable: boolean;
         okLoading: boolean;
         escToClose: boolean;
@@ -145,13 +145,13 @@ declare const Drawer: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<import("./utils").DrawerPlacements>;
+            type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
             default: string;
             validator: (value: any) => boolean;
         };
         title: StringConstructor;
         titleEllipsisTooltip: {
-            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
             default: boolean;
         };
         mask: {
@@ -173,10 +173,10 @@ declare const Drawer: {
             default: boolean;
         };
         okButtonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
         cancelButtonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
         unmountOnClose: BooleanConstructor;
         width: {
@@ -247,7 +247,7 @@ declare const Drawer: {
         closable: boolean;
         width: string | number;
         placement: "top" | "bottom" | "left" | "right";
-        titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+        titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
         maskClosable: boolean;
         okLoading: boolean;
         escToClose: boolean;
@@ -266,13 +266,13 @@ declare const Drawer: {
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<import("./utils").DrawerPlacements>;
+        type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
         default: string;
         validator: (value: any) => boolean;
     };
     title: StringConstructor;
     titleEllipsisTooltip: {
-        type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
+        type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
         default: boolean;
     };
     mask: {
@@ -294,10 +294,10 @@ declare const Drawer: {
         default: boolean;
     };
     okButtonProps: {
-        type: import("vue").PropType<import("..").ButtonProps>;
+        type: import("vue").PropType<import("../index.ts").ButtonProps>;
     };
     cancelButtonProps: {
-        type: import("vue").PropType<import("..").ButtonProps>;
+        type: import("vue").PropType<import("../index.ts").ButtonProps>;
     };
     unmountOnClose: BooleanConstructor;
     width: {
@@ -376,7 +376,7 @@ declare const Drawer: {
     closable: boolean;
     width: string | number;
     placement: "top" | "bottom" | "left" | "right";
-    titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+    titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
     maskClosable: boolean;
     okLoading: boolean;
     escToClose: boolean;

package/es/dropdown/dropdown-button.vue.d.ts

@@ -2,15 +2,15 @@ import { PropType } from 'vue';
 import { TriggerEvent } from '../_utils/constant';
 import { ButtonProps } from '../button';
 type DropdownPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
-declare var __VLS_16: {}, __VLS_34: {
+declare var __VLS_16: {}, __VLS_33: {
     popupVisible: boolean;
-}, __VLS_42: {};
+}, __VLS_41: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_16) => any;
 } & {
-    icon?: (props: typeof __VLS_34) => any;
+    icon?: (props: typeof __VLS_33) => any;
 } & {
-    content?: (props: typeof __VLS_42) => any;
+    content?: (props: typeof __VLS_41) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     popupVisible: {