@sdata/web-vue 2.2.1 → 2.3.1

package/es/button/index.d.ts

@@ -24,6 +24,10 @@ declare const Button: {
             type: BooleanConstructor;
             default: boolean;
         };
+        loadingFixedWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
         };
@@ -45,6 +49,7 @@ declare const Button: {
         disabled: boolean;
         loading: boolean;
         long: boolean;
+        loadingFixedWidth: boolean;
         htmlType: "reset" | "submit" | "button";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -74,6 +79,10 @@ declare const Button: {
             type: BooleanConstructor;
             default: boolean;
         };
+        loadingFixedWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
         };
@@ -93,6 +102,7 @@ declare const Button: {
         disabled: boolean;
         loading: boolean;
         long: boolean;
+        loadingFixedWidth: boolean;
         htmlType: "reset" | "submit" | "button";
     }>;
     __isFragment?: never;
@@ -119,6 +129,10 @@ declare const Button: {
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingFixedWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
     };
@@ -140,16 +154,21 @@ declare const Button: {
     disabled: boolean;
     loading: boolean;
     long: boolean;
+    loadingFixedWidth: boolean;
     htmlType: "reset" | "submit" | "button";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         icon?: (props: {}) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     } & {
         icon?: (props: {}) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
 }) & {
     Group: {

package/es/button/interface.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps {
     size?: Size;
     long?: boolean;
     loading?: boolean;
+    loadingFixedWidth?: boolean;
     disabled?: boolean;
     htmlType?: 'button' | 'submit' | 'reset';
     autofocus?: boolean;

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

@@ -17,6 +17,10 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        autoInsertSpaceInButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: boolean;
@@ -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: {};
@@ -93,6 +98,10 @@ declare const ConfigProvider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        autoInsertSpaceInButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: boolean;
@@ -147,6 +156,7 @@ declare const ConfigProvider: {
         allowSearch: boolean;
         exchangeTime: boolean;
         global: boolean;
+        autoInsertSpaceInButton: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -166,6 +176,10 @@ declare const ConfigProvider: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoInsertSpaceInButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowSearch: {
         type: BooleanConstructor;
         default: boolean;
@@ -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 };