@sdata/web-vue 2.2.1 → 2.6.0

package/es/cascader/cascader.vue.d.ts

@@ -1,20 +1,20 @@
 import type { CascaderModelValue, CascaderOption } from './interface';
 import type { CascaderProps } from './types';
-declare var __VLS_24: any, __VLS_27: {}, __VLS_30: {}, __VLS_33: {}, __VLS_36: {}, __VLS_46: {}, __VLS_55: {};
+declare var __VLS_19: any, __VLS_22: {}, __VLS_25: {}, __VLS_28: {}, __VLS_31: {}, __VLS_41: {}, __VLS_50: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_24) => any;
+    label?: (props: typeof __VLS_19) => any;
 } & {
-    prefix?: (props: typeof __VLS_27) => any;
+    prefix?: (props: typeof __VLS_22) => any;
 } & {
-    'arrow-icon'?: (props: typeof __VLS_30) => any;
+    'arrow-icon'?: (props: typeof __VLS_25) => any;
 } & {
-    'loading-icon'?: (props: typeof __VLS_33) => any;
+    'loading-icon'?: (props: typeof __VLS_28) => any;
 } & {
-    'search-icon'?: (props: typeof __VLS_36) => any;
+    'search-icon'?: (props: typeof __VLS_31) => any;
 } & {
-    empty?: (props: typeof __VLS_46) => any;
+    empty?: (props: typeof __VLS_41) => any;
 } & {
-    empty?: (props: typeof __VLS_55) => any;
+    empty?: (props: typeof __VLS_50) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (value: string) => any;

package/es/checkbox/checkbox.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<import("../index.js").Size>;
+                type: PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<import("../index.js").Size>;
+                type: PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
         };
         size: {
-            type: PropType<import("../index.js").Size>;
+            type: PropType<import("../index.ts").Size>;
             default: string;
         };
         disabled: {

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../index.js").Size>;
+                type: import("vue").PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../index.js").Size>;
+                type: import("vue").PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<import("../index.js").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
             default: string;
         };
         disabled: {
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_ev: MouseEvent) => any;
     }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types.js").SDIconOptions) => void;
+        install: (app: import("vue").App, options?: import("../_utils/types.ts").SDIconOptions) => void;
     };
     IconCaretLeft: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../icon/icon-caret-left/icon-caret-left.vue").Props> & Readonly<{
@@ -151,7 +151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_ev: MouseEvent) => any;
     }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types.js").SDIconOptions) => void;
+        install: (app: import("vue").App, options?: import("../_utils/types.ts").SDIconOptions) => void;
     };
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/collapse/index.d.ts

@@ -184,7 +184,7 @@ declare const Collapse: {
                     type: StringConstructor;
                 };
                 size: {
-                    type: import("vue").PropType<import("..").Size>;
+                    type: import("vue").PropType<import("../index.ts").Size>;
                     default: string;
                 };
                 disabled: {
@@ -210,7 +210,7 @@ declare const Collapse: {
                     type: StringConstructor;
                 };
                 size: {
-                    type: import("vue").PropType<import("..").Size>;
+                    type: import("vue").PropType<import("../index.ts").Size>;
                     default: string;
                 };
                 disabled: {
@@ -231,7 +231,7 @@ declare const Collapse: {
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("..").Size>;
+                type: import("vue").PropType<import("../index.ts").Size>;
                 default: string;
             };
             disabled: {

package/es/components.d.ts

@@ -13,6 +13,7 @@ declare module 'vue' {
         SdAvatar: SDVue['Avatar'];
         SdAvatarGroup: SDVue['AvatarGroup'];
         SdBackTop: SDVue['BackTop'];
+        SdBorderBeam: SDVue['BorderBeam'];
         SdBadge: SDVue['Badge'];
         SdBreadcrumb: SDVue['Breadcrumb'];
         SdBreadcrumbItem: SDVue['BreadcrumbItem'];

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

@@ -23,6 +23,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    autoInsertSpaceInButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowSearch: {
         type: BooleanConstructor;
         default: boolean;
@@ -83,6 +87,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    autoInsertSpaceInButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowSearch: {
         type: BooleanConstructor;
         default: boolean;
@@ -137,6 +145,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     allowSearch: boolean;
     exchangeTime: boolean;
     global: boolean;
+    autoInsertSpaceInButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,14 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			default: false
 		},
 		/**
+		* @zh 当按钮中是两个汉字时，自动在两个汉字中添加一个空格。
+		* @en When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.
+		*/
+		autoInsertSpaceInButton: {
+			type: Boolean,
+			default: false
+		},
+		/**
 		* @zh 是否默认开启搜索
 		* @en Whether to enable search by default
 		*/
@@ -138,13 +146,14 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		* @version 2.28.0
 		*/
 		const slots = useSlots();
-		const { prefixCls, locale, size, allowClear, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
 			locale,
 			size,
 			allowClear,
+			autoInsertSpaceInButton,
 			allowSearch,
 			virtualListProps,
 			updateAtScroll,

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

@@ -61,6 +61,7 @@ export interface ConfigProvider {
     allowClear?: boolean;
     allowSearch?: boolean;
     virtualListProps?: VirtualListProps;
+    autoInsertSpaceInButton?: boolean;
     updateAtScroll?: boolean;
     scrollToClose?: boolean;
     exchangeTime?: boolean;

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

@@ -8,21 +8,25 @@ declare const ConfigProvider: {
             default: string;
         };
         locale: {
-            type: import("vue").PropType<import("../locale/interface").SDLang>;
+            type: import("vue").PropType<import("../locale/interface.ts").SDLang>;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
         };
+        autoInsertSpaceInButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface.ts").VirtualListProps>;
         };
         global: {
             type: BooleanConstructor;
@@ -45,16 +49,16 @@ declare const ConfigProvider: {
             default: boolean;
         };
         datePicker: {
-            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
         };
         modal: {
-            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
         };
         drawer: {
-            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
         };
         jsonForm: {
-            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+            type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
         };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
@@ -71,6 +75,7 @@ declare const ConfigProvider: {
         allowSearch: boolean;
         exchangeTime: boolean;
         global: boolean;
+        autoInsertSpaceInButton: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -84,21 +89,25 @@ declare const ConfigProvider: {
             default: string;
         };
         locale: {
-            type: import("vue").PropType<import("../locale/interface").SDLang>;
+            type: import("vue").PropType<import("../locale/interface.ts").SDLang>;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
         };
+        autoInsertSpaceInButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface.ts").VirtualListProps>;
         };
         global: {
             type: BooleanConstructor;
@@ -121,16 +130,16 @@ declare const ConfigProvider: {
             default: boolean;
         };
         datePicker: {
-            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
         };
         modal: {
-            type: import("vue").PropType<import("./context").ConfigProviderModal>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
         };
         drawer: {
-            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+            type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
         };
         jsonForm: {
-            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+            type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
         };
         theme: {
             type: import("vue").PropType<import("./theme").SDThemeConfig>;
@@ -147,6 +156,7 @@ declare const ConfigProvider: {
         allowSearch: boolean;
         exchangeTime: boolean;
         global: boolean;
+        autoInsertSpaceInButton: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -157,21 +167,25 @@ declare const ConfigProvider: {
         default: string;
     };
     locale: {
-        type: import("vue").PropType<import("../locale/interface").SDLang>;
+        type: import("vue").PropType<import("../locale/interface.ts").SDLang>;
     };
     size: {
-        type: import("vue").PropType<import("..").Size>;
+        type: import("vue").PropType<import("../index.ts").Size>;
     };
     allowClear: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoInsertSpaceInButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowSearch: {
         type: BooleanConstructor;
         default: boolean;
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
+        type: import("vue").PropType<import("../_components/virtual-list/interface.ts").VirtualListProps>;
     };
     global: {
         type: BooleanConstructor;
@@ -194,16 +208,16 @@ declare const ConfigProvider: {
         default: boolean;
     };
     datePicker: {
-        type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
+        type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
     };
     modal: {
-        type: import("vue").PropType<import("./context").ConfigProviderModal>;
+        type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
     };
     drawer: {
-        type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
+        type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
     };
     jsonForm: {
-        type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
+        type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
     };
     theme: {
         type: import("vue").PropType<import("./theme").SDThemeConfig>;
@@ -220,6 +234,7 @@ declare const ConfigProvider: {
     allowSearch: boolean;
     exchangeTime: boolean;
     global: boolean;
+    autoInsertSpaceInButton: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -40,6 +40,7 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		shape: {},
 		size: {},
 		long: { type: Boolean },
+		loadingFixedWidth: { type: Boolean },
 		htmlType: {},
 		autofocus: { type: Boolean }
 	},

package/es/date-picker/hooks/use-cell-class-name.d.ts

@@ -6,6 +6,7 @@ interface CellClassNameProps {
     rangeValues?: Array<Dayjs | undefined>;
     isSameTime: IsSameTime;
     mode?: Mode;
+    now?: Dayjs;
 }
 export default function useCellClassName(props: CellClassNameProps): {
     getCellClassName: (cellData: Cell, disabled: boolean) => (string | {

package/es/date-picker/hooks/use-cell-class-name.js

@@ -17,8 +17,9 @@ function useCellClassName(props) {
 		const { value, isSameTime, mode, prefixCls } = props;
 		const isInView = !cellData.isPrev && !cellData.isNext;
 		const isSelected = value && isSameTime(cellData.value, value);
-		let isToday = isSameTime(cellData.value, getNow());
-		if (mode === "week") isToday = getNow().isSame(cellData.value, "date");
+		const currentNow = props.now || getNow();
+		let isToday = isSameTime(cellData.value, currentNow);
+		if (mode === "week") isToday = currentNow.isSame(cellData.value, "date");
 		const isRangeStart = isInView && rangeStart.value && isSameTime(cellData.value, rangeStart.value);
 		const isRangeEnd = isInView && rangeEnd.value && isSameTime(cellData.value, rangeEnd.value);
 		const isInRange = isInView && rangeStart.value && rangeEnd.value && (isRangeStart || isRangeEnd || cellData.value.isBetween(rangeStart.value, rangeEnd.value, null, "[]"));

package/es/date-picker/hooks/use-header-value.d.ts

@@ -7,6 +7,8 @@ interface HeaderValueProps {
     defaultValue?: CalendarValue;
     selectedValue?: Dayjs;
     format: string;
+    utcOffset?: number;
+    timezone?: string;
     onChange?: (newVal: Dayjs) => void;
 }
 export default function useHeaderValue(props: HeaderValueProps): {

package/es/date-picker/hooks/use-header-value.js

@@ -3,16 +3,17 @@ import usePanelSpan from "./use-panel-span.js";
 import { computed, reactive, ref, toRefs, watch } from "vue";
 //#region components/date-picker/hooks/use-header-value.ts
 function useHeaderValue(props) {
-	const { mode, value, defaultValue, selectedValue, format, onChange } = toRefs(props);
+	const { mode, value, defaultValue, selectedValue, format, utcOffset, timezone, onChange } = toRefs(props);
 	const computedMode = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) || "date");
+	const MIN_YEAR = 0;
 	const { span, superSpan } = usePanelSpan(reactive({ mode: computedMode }));
 	const isSame = (current, target) => {
 		const unit = computedMode.value === "date" || computedMode.value === "week" ? "M" : "y";
 		return current.isSame(target, unit);
 	};
-	const computedValue = computed(() => getDayjsValue(value === null || value === void 0 ? void 0 : value.value, format.value));
-	const computedDefaultValue = computed(() => getDayjsValue(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value, format.value));
-	const localValue = ref(computedDefaultValue.value || getNow());
+	const computedValue = computed(() => getDayjsValue(value === null || value === void 0 ? void 0 : value.value, format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
+	const computedDefaultValue = computed(() => getDayjsValue(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value, format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
+	const localValue = ref(computedDefaultValue.value || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value));
 	const headerValue = computed(() => computedValue.value || localValue.value);
 	const setLocalValue = (newVal) => {
 		if (!newVal) return;
@@ -31,7 +32,7 @@ function useHeaderValue(props) {
 		setHeaderValue(newVal);
 	});
 	function getDefaultLocalValue() {
-		return (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) || computedDefaultValue.value || getNow();
+		return (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) || computedDefaultValue.value || getNow(utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 	}
 	function resetHeaderValue(emitChange = true) {
 		const defaultLocalValue = getDefaultLocalValue();
@@ -39,23 +40,26 @@ function useHeaderValue(props) {
 		else setLocalValue(defaultLocalValue);
 	}
 	const showSingleBtn = computed(() => span.value !== superSpan.value);
+	const canMovePrev = (months) => methods.subtract(headerValue.value, months, "M").year() >= MIN_YEAR;
 	return {
 		headerValue,
 		setHeaderValue,
-		headerOperations: computed(() => ({
-			onSuperPrev: () => {
-				setHeaderValue(methods.subtract(headerValue.value, superSpan.value, "M"));
-			},
-			onPrev: showSingleBtn.value ? () => {
-				setHeaderValue(methods.subtract(headerValue.value, span.value, "M"));
-			} : void 0,
-			onNext: showSingleBtn.value ? () => {
-				setHeaderValue(methods.add(headerValue.value, span.value, "M"));
-			} : void 0,
-			onSuperNext: () => {
-				setHeaderValue(methods.add(headerValue.value, superSpan.value, "M"));
-			}
-		})),
+		headerOperations: computed(() => {
+			return {
+				onSuperPrev: canMovePrev(superSpan.value) ? () => {
+					setHeaderValue(methods.subtract(headerValue.value, superSpan.value, "M"));
+				} : void 0,
+				onPrev: showSingleBtn.value && canMovePrev(span.value) ? () => {
+					setHeaderValue(methods.subtract(headerValue.value, span.value, "M"));
+				} : void 0,
+				onNext: showSingleBtn.value ? () => {
+					setHeaderValue(methods.add(headerValue.value, span.value, "M"));
+				} : void 0,
+				onSuperNext: () => {
+					setHeaderValue(methods.add(headerValue.value, superSpan.value, "M"));
+				}
+			};
+		}),
 		resetHeaderValue,
 		getDefaultLocalValue
 	};

package/es/date-picker/hooks/use-picker-state.d.ts

@@ -4,6 +4,8 @@ interface PickerStateProps {
     modelValue: CalendarValue | undefined;
     defaultValue: CalendarValue | undefined;
     format: string;
+    utcOffset?: number;
+    timezone?: string;
 }
 export default function usePickerState(props: PickerStateProps): {
     value: import("vue").ComputedRef<Dayjs | undefined>;

package/es/date-picker/hooks/use-picker-state.js

@@ -4,12 +4,12 @@ import { getDayjsValue } from "../../_utils/date.js";
 import { computed, toRefs, watch } from "vue";
 //#region components/date-picker/hooks/use-picker-state.ts
 function usePickerState(props) {
-	const { modelValue, defaultValue, format } = toRefs(props);
+	const { modelValue, defaultValue, format, utcOffset, timezone } = toRefs(props);
 	const computedModelValue = computed(() => {
-		return getDayjsValue(modelValue.value, format.value);
+		return getDayjsValue(modelValue.value, format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 	});
 	const computedDefaultValue = computed(() => {
-		return getDayjsValue(defaultValue.value, format.value);
+		return getDayjsValue(defaultValue.value, format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 	});
 	const [localValue, setLocalValue] = useState(!isUndefined(computedModelValue.value) ? computedModelValue.value : !isUndefined(computedDefaultValue.value) ? computedDefaultValue.value : void 0);
 	watch(computedModelValue, () => {

package/es/date-picker/hooks/use-range-header-value.d.ts

@@ -8,6 +8,8 @@ interface RangeHeaderValueProps {
     defaultValue: CalendarValue[] | undefined;
     selectedValue: (Dayjs | undefined)[];
     format: string;
+    utcOffset?: number;
+    timezone?: string;
     onChange?: (newVal: Dayjs[]) => void;
 }
 export default function useRangeHeaderValue(props: RangeHeaderValueProps): {

package/es/date-picker/hooks/use-range-header-value.js

@@ -5,7 +5,7 @@ import useHeaderValue from "./use-header-value.js";
 import { computed, nextTick, reactive, toRefs } from "vue";
 //#region components/date-picker/hooks/use-range-header-value.ts
 function useRangeHeaderValue(props) {
-	const { startHeaderMode, endHeaderMode, mode, value, defaultValue, selectedValue, format, onChange } = toRefs(props);
+	const { startHeaderMode, endHeaderMode, mode, value, defaultValue, selectedValue, format, utcOffset, timezone, onChange } = toRefs(props);
 	const isDateOrWeek = computed(() => ["date", "week"].includes(mode.value));
 	const unit = computed(() => isDateOrWeek.value ? "M" : "y");
 	const isSame = (current, target) => current.isSame(target, unit.value);
@@ -37,6 +37,8 @@ function useRangeHeaderValue(props) {
 		defaultValue: startDefaultValue,
 		selectedValue: void 0,
 		format,
+		utcOffset,
+		timezone,
 		onChange: (newVal) => {
 			emitChange([newVal, endHeaderValue.value]);
 		}
@@ -47,6 +49,8 @@ function useRangeHeaderValue(props) {
 		defaultValue: endDefaultValue,
 		selectedValue: void 0,
 		format,
+		utcOffset,
+		timezone,
 		onChange: (newVal) => {
 			emitChange([startHeaderValue.value, newVal]);
 		}

package/es/date-picker/hooks/use-range-picker-state.d.ts

@@ -4,6 +4,8 @@ interface PickerStateProps {
     modelValue: (CalendarValue | undefined)[] | undefined;
     defaultValue: (CalendarValue | undefined)[] | undefined;
     format: string;
+    utcOffset?: number;
+    timezone?: string;
 }
 export default function useRangePickerState(props: PickerStateProps): {
     value: import("vue").ComputedRef<(Dayjs | undefined)[]>;

package/es/date-picker/hooks/use-range-picker-state.js

@@ -5,12 +5,12 @@ import { normalizeRangeValue } from "../utils/index.js";
 import { computed, toRefs, watch } from "vue";
 //#region components/date-picker/hooks/use-range-picker-state.ts
 function useRangePickerState(props) {
-	const { modelValue, defaultValue, format } = toRefs(props);
+	const { modelValue, defaultValue, format, utcOffset, timezone } = toRefs(props);
 	const computedModelValue = computed(() => {
-		return getDayjsValue(normalizeRangeValue(modelValue.value), format.value);
+		return getDayjsValue(normalizeRangeValue(modelValue.value), format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 	});
 	const computedDefaultValue = computed(() => {
-		return getDayjsValue(normalizeRangeValue(defaultValue.value), format.value);
+		return getDayjsValue(normalizeRangeValue(defaultValue.value), format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 	});
 	const [localValue, setLocalValue] = useState(!isUndefined(computedModelValue.value) ? computedModelValue.value : !isUndefined(computedDefaultValue.value) ? computedDefaultValue.value : []);
 	watch(computedModelValue, () => {

package/es/date-picker/hooks/use-value-format.d.ts

@@ -1,8 +1,10 @@
 import { Dayjs } from 'dayjs';
 import { CalendarValue, ValueFormat } from '../interface';
-export declare function getReturnValue(date: Dayjs, format: ValueFormat): string | number | Date;
+export declare function getReturnValue(date: Dayjs, format: ValueFormat, utcOffset?: number, timezone?: string): string | number | Date;
 export declare function useReturnValue(props: {
     format: ValueFormat;
+    utcOffset?: number;
+    timezone?: string;
 }): (date: Dayjs) => string | number | Date;
-export declare function getReturnRangeValue(dates: Dayjs[], format: ValueFormat): CalendarValue[];
-export declare function getReturnRangeValue(dates: (Dayjs | undefined)[], format: ValueFormat): (CalendarValue | undefined)[];
+export declare function getReturnRangeValue(dates: Dayjs[], format: ValueFormat, utcOffset?: number, timezone?: string): CalendarValue[];
+export declare function getReturnRangeValue(dates: (Dayjs | undefined)[], format: ValueFormat, utcOffset?: number, timezone?: string): (CalendarValue | undefined)[];

package/es/date-picker/hooks/use-value-format.js

@@ -1,16 +1,18 @@
+import { toLocal } from "../../_utils/date.js";
 import { toRefs } from "vue";
 //#region components/date-picker/hooks/use-value-format.ts
-function getReturnValue(date, format) {
-	if (format === "timestamp") return date.toDate().getTime();
-	if (format === "Date") return date.toDate();
-	return date.format(format);
+function getReturnValue(date, format, utcOffset, timezone) {
+	const localDate = toLocal(date, utcOffset, timezone);
+	if (format === "timestamp") return localDate.toDate().getTime();
+	if (format === "Date") return localDate.toDate();
+	return localDate.format(format);
 }
 function useReturnValue(props) {
-	const { format } = toRefs(props);
-	return (date) => getReturnValue(date, format.value);
+	const { format, utcOffset, timezone } = toRefs(props);
+	return (date) => getReturnValue(date, format.value, utcOffset === null || utcOffset === void 0 ? void 0 : utcOffset.value, timezone === null || timezone === void 0 ? void 0 : timezone.value);
 }
-function getReturnRangeValue(dates, format) {
-	return dates.map((date) => date ? getReturnValue(date, format) : void 0);
+function getReturnRangeValue(dates, format, utcOffset, timezone) {
+	return dates.map((date) => date ? getReturnValue(date, format, utcOffset, timezone) : void 0);
 }
 //#endregion
 export { getReturnRangeValue, useReturnValue };