@sdata/web-vue 2.2.1 → 2.3.1

package/es/_components/picker/input-range.vue.d.ts

@@ -38,7 +38,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     inputValue: {
-        type: PropType<string[]>;
+        type: PropType<(string | undefined)[]>;
     };
     value: {
         type: PropType<(Dayjs | undefined)[]>;
@@ -85,7 +85,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     inputValue: {
-        type: PropType<string[]>;
+        type: PropType<(string | undefined)[]>;
     };
     value: {
         type: PropType<(Dayjs | undefined)[]>;

package/es/_utils/date.d.ts

@@ -9,17 +9,18 @@ export declare const methods: {
     set(time: Dayjs, unit: UnitType, value: number): originDayjs.Dayjs;
     isSameWeek(date1: Dayjs, date2: Dayjs, weekStart: number): boolean;
 };
-export declare function getNow(): originDayjs.Dayjs;
-export declare function getSortedDayjsArray(values: Dayjs[]): originDayjs.Dayjs[];
+export declare function getNow(utcOffset?: number, timezone?: string): originDayjs.Dayjs;
+export declare function toLocal(date: Dayjs, utcOffset?: number, timezone?: string): Dayjs;
+export declare function getSortedDayjsArray(values: Dayjs[], _fixedTime?: boolean): originDayjs.Dayjs[];
 export declare function isValueChange(prevValue: Dayjs | (Dayjs | undefined)[] | undefined, currentValue: Dayjs | (Dayjs | undefined)[] | undefined): boolean;
 type DateValue = Date | string | number;
-export declare function getDayjsValue(time: DateValue, format: string): Dayjs;
-export declare function getDayjsValue(time: DateValue | undefined, format: string): Dayjs | undefined;
-export declare function getDayjsValue(time: DateValue[], format: string): Dayjs[];
-export declare function getDayjsValue(time: DateValue[] | undefined, format: string): Dayjs[] | undefined;
-export declare function getDayjsValue(time: (DateValue | undefined)[], format: string): (Dayjs | undefined)[];
-export declare function getDayjsValue(time: (DateValue | undefined)[] | undefined, format: string): (Dayjs | undefined)[] | undefined;
-export declare function getDayjsValue(time: DateValue | (DateValue | undefined)[] | undefined, format: string): Dayjs | (Dayjs | undefined)[] | undefined;
+export declare function getDayjsValue(time: DateValue, format: string, utcOffset?: number, timezone?: string): Dayjs;
+export declare function getDayjsValue(time: DateValue | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs | undefined;
+export declare function getDayjsValue(time: DateValue[], format: string, utcOffset?: number, timezone?: string): Dayjs[];
+export declare function getDayjsValue(time: DateValue[] | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs[] | undefined;
+export declare function getDayjsValue(time: (DateValue | undefined)[], format: string, utcOffset?: number, timezone?: string): (Dayjs | undefined)[];
+export declare function getDayjsValue(time: (DateValue | undefined)[] | undefined, format: string, utcOffset?: number, timezone?: string): (Dayjs | undefined)[] | undefined;
+export declare function getDayjsValue(time: DateValue | (DateValue | undefined)[] | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs | (Dayjs | undefined)[] | undefined;
 export declare function getDateValue(value: Dayjs): Date;
 export declare function getDateValue(value: Dayjs | undefined): Date | undefined;
 export declare function getDateValue(value: Dayjs[]): Date[];

package/es/_utils/date.js

@@ -6,6 +6,8 @@ import AdvancedFormat from "dayjs/plugin/advancedFormat";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import isBetween from "dayjs/plugin/isBetween";
 import QuarterOfYear from "dayjs/plugin/quarterOfYear";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
 import weekOfYear from "dayjs/plugin/weekOfYear";
 import weekYear from "dayjs/plugin/weekYear";
 //#region components/_utils/date.ts
@@ -53,6 +55,8 @@ dayjs.extend(weekOfYear);
 dayjs.extend(AdvancedFormat);
 dayjs.extend(weekYear);
 dayjs.extend(QuarterOfYear);
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var dayjs$1 = dayjs;
 var DAYJS_LOCALE_MAP = {
 	"ar-eg": "ar",
@@ -111,10 +115,18 @@ var methods = {
 		return getWeek(date1) === getWeek(date2);
 	}
 };
-function getNow() {
-	return dayjs$1();
+function getNow(utcOffset, timezone) {
+	const now = dayjs$1();
+	if (utcOffset !== void 0) return now.utcOffset(utcOffset);
+	if (timezone) return now.tz(timezone);
+	return now;
 }
-function getSortedDayjsArray(values) {
+function toLocal(date, utcOffset, timezone) {
+	if (utcOffset !== void 0) return date.utcOffset(utcOffset);
+	if (timezone) return date.tz(timezone);
+	return date;
+}
+function getSortedDayjsArray(values, _fixedTime) {
 	return [...values].sort((a, b) => a.valueOf() - b.valueOf());
 }
 function isValueChange(prevValue, currentValue) {
@@ -128,7 +140,7 @@ function isValueChange(prevValue, currentValue) {
 	if (!isArray(currentValue) && !isArray(prevValue)) return isDifference(currentValue, prevValue);
 	return true;
 }
-function getDayjsValue(time, format) {
+function getDayjsValue(time, format, utcOffset, timezone) {
 	const parseQuarterToMonth = (value) => {
 		const reg = /(Q1)|(Q2)|(Q3)|(Q4)/;
 		const quarter = {
@@ -148,8 +160,12 @@ function getDayjsValue(time, format) {
 		}
 		return dayjs$1(value);
 	};
-	if (isArray(time)) return time.map(formatValue);
-	return formatValue(time);
+	if (isArray(time)) return time.map((t) => {
+		const parsed = formatValue(t);
+		return parsed ? toLocal(parsed, utcOffset, timezone) : parsed;
+	});
+	const parsed = formatValue(time);
+	return parsed ? toLocal(parsed, utcOffset, timezone) : parsed;
 }
 function getDateValue(value) {
 	const formatValue = (t) => t ? t.toDate() : void 0;
@@ -178,4 +194,4 @@ function _initializeDateLocale() {
 	return _initializeDateLocale.apply(this, arguments);
 }
 //#endregion
-export { dayjs$1 as dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, methods };
+export { dayjs$1 as dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, methods, toLocal };

package/es/anchor/anchor.vue.d.ts

@@ -1,8 +1,11 @@
+import type { CSSProperties } from 'vue';
 import { PropType } from 'vue';
 import { type BoundaryPosition } from './utils';
-declare var __VLS_1: {};
+declare const DIRECTIONS: readonly ["vertical", "horizontal"];
+type Direction = (typeof DIRECTIONS)[number];
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     boundary: {
@@ -14,6 +17,28 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: PropType<CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: PropType<string | HTMLElement | Window>;
     };
@@ -38,6 +63,28 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: PropType<CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: PropType<string | HTMLElement | Window>;
     };
@@ -53,9 +100,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onChange?: ((_hash: string) => any) | undefined;
     onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
 }>, {
+    direction: "horizontal" | "vertical";
     smooth: boolean;
+    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;
+    affix: boolean;
     changeHash: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { getElement, off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { anchorInjectionKey } from "./context.js";
 import { BOUNDARY_POSITIONS, slide } from "./utils.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, unref, watch } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, nextTick, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, resolveDynamicComponent, unref, watch, withCtx } from "vue";
 import { compute } from "compute-scroll-into-view";
 //#region components/anchor/anchor.vue?vue&type=script&setup=true&lang.ts
 var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Anchor" }), {}, {
@@ -32,6 +32,47 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			default: false
 		},
 		/**
+		* @zh 是否固定
+		* @en Whether to wrap anchor within Affix
+		*/
+		affix: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 设置 Affix 组件的样式
+		* @en The style to be applied to Affix
+		*/
+		affixStyle: { type: Object },
+		/**
+		* @zh 距离窗口顶部的偏移量
+		* @en Offset from the top of the viewport
+		*/
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		/**
+		* @zh 距离窗口底部的偏移量
+		* @en Offset from the bottom of the viewport
+		*/
+		offsetBottom: { type: Number },
+		/**
+		* @zh 锚点方向
+		* @en Direction
+		* @values 'vertical', 'horizontal'
+		*/
+		direction: {
+			type: String,
+			default: "vertical",
+			validator: (value) => ["vertical", "horizontal"].includes(value)
+		},
+		/**
+		* @zh 锚点区域边界相对于滚动容器顶部的偏移量。未设置时，默认值为滚动容器高度的一半
+		* @en The offset of the baseline relative to the top of the container. The value is half of the height of the scrolling container if not specified
+		*/
+		targetOffset: { type: Number },
+		/**
 		* @zh 滚动容器
 		* @en Scroll container
 		*/
@@ -82,7 +123,8 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const scrollIntoView = (hash) => {
 			try {
-				const element = getElement(hash);
+				var _getElement;
+				const element = (_getElement = getElement(hash, containerEle.value)) !== null && _getElement !== void 0 ? _getElement : getElement(hash);
 				if (!element) return;
 				let block;
 				let diff = 0;
@@ -123,12 +165,14 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			if (!scrollContainerEle.value || !containerEle.value) return;
 			const boundary = isNumber(props.boundary) ? props.boundary : 0;
 			const containerRect = containerEle.value.getBoundingClientRect();
+			const targetOffset = isNumber(props.targetOffset) ? props.targetOffset : containerRect.height / 2;
 			for (const hash of Object.keys(links)) {
-				const element = getElement(hash);
+				var _getElement2;
+				const element = (_getElement2 = getElement(hash, containerEle.value)) !== null && _getElement2 !== void 0 ? _getElement2 : getElement(hash);
 				if (element) {
 					const { top } = element.getBoundingClientRect();
 					const offsetTop = isWindow(scrollContainerEle.value) ? top - boundary : top - containerRect.top - boundary;
-					if (offsetTop >= 0 && offsetTop <= containerRect.height / 2) return element;
+					if (offsetTop >= 0 && offsetTop <= targetOffset) return element;
 				}
 			}
 		};
@@ -169,18 +213,34 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			removeLink,
 			handleClick
 		}));
-		const cls = computed(() => [prefixCls, { [`${prefixCls}-line-less`]: props.lineLess }]);
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-line-less`]: props.lineLess,
+			[`${prefixCls}-horizontal`]: props.direction === "horizontal"
+		}]);
+		const wrapperComponent = computed(() => props.affix ? "Affix" : "div");
+		const wrapperProps = computed(() => {
+			if (!props.affix) return {};
+			return {
+				offsetTop: props.offsetTop,
+				offsetBottom: props.offsetBottom,
+				target: props.scrollContainer,
+				style: props.affixStyle
+			};
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "anchorRef",
-				ref: anchorRef,
-				class: normalizeClass(cls.value)
-			}, [!__props.lineLess ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				ref_key: "lineSliderRef",
-				ref: lineSliderRef,
-				class: normalizeClass(`${unref(prefixCls)}-line-slider`)
-			}, null, 2)) : createCommentVNode("", true), createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+			return openBlock(), createBlock(resolveDynamicComponent(wrapperComponent.value), normalizeProps(guardReactiveProps(wrapperProps.value)), {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "anchorRef",
+					ref: anchorRef,
+					class: normalizeClass(cls.value)
+				}, [!__props.lineLess ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "lineSliderRef",
+					ref: lineSliderRef,
+					class: normalizeClass(`${unref(prefixCls)}-line-slider`)
+				}, null, 2)) : createCommentVNode("", true), createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)], 2)]),
+				_: 3
+			}, 16);
 		};
 	}
 }));

package/es/anchor/index.d.ts

@@ -13,6 +13,28 @@ declare const Anchor: {
             type: BooleanConstructor;
             default: boolean;
         };
+        affix: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        affixStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+        };
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        direction: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (value: any) => boolean;
+        };
+        targetOffset: {
+            type: NumberConstructor;
+        };
         scrollContainer: {
             type: import("vue").PropType<string | HTMLElement | Window>;
         };
@@ -31,9 +53,12 @@ declare const Anchor: {
         change: (_hash: string) => any;
         select: (_hash: string | undefined, _preHash: string) => any;
     }, import("vue").PublicProps, {
+        direction: "horizontal" | "vertical";
         smooth: boolean;
+        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
+        affix: boolean;
         changeHash: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -52,6 +77,28 @@ declare const Anchor: {
             type: BooleanConstructor;
             default: boolean;
         };
+        affix: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        affixStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+        };
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        direction: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (value: any) => boolean;
+        };
+        targetOffset: {
+            type: NumberConstructor;
+        };
         scrollContainer: {
             type: import("vue").PropType<string | HTMLElement | Window>;
         };
@@ -67,9 +114,12 @@ declare const Anchor: {
         onChange?: ((_hash: string) => any) | undefined;
         onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        direction: "horizontal" | "vertical";
         smooth: boolean;
+        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
+        affix: boolean;
         changeHash: boolean;
     }>;
     __isFragment?: never;
@@ -85,6 +135,28 @@ declare const Anchor: {
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | Window>;
     };
@@ -103,9 +175,12 @@ declare const Anchor: {
     change: (_hash: string) => any;
     select: (_hash: string | undefined, _preHash: string) => any;
 }, string, {
+    direction: "horizontal" | "vertical";
     smooth: boolean;
+    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;
+    affix: boolean;
     changeHash: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1,15 +1,19 @@
 import type { PropType } from 'vue';
 import { Status, Size, BorderShape } from '../_utils/constant';
 import { ButtonTypes } from './constants';
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_15: {}, __VLS_17: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_6) => any;
 } & {
     default?: (props: typeof __VLS_8) => any;
 } & {
-    icon?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    icon?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
@@ -32,6 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingFixedWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
     };
@@ -67,6 +75,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingFixedWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
     };
@@ -86,6 +98,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     loading: boolean;
     long: boolean;
+    loadingFixedWidth: boolean;
     htmlType: "reset" | "submit" | "button";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +1,21 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
+import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import { buttonGroupInjectionKey } from "./context.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, toRefs, unref } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, onMounted, onUpdated, openBlock, ref, renderSlot, toRefs, unref } from "vue";
 //#region components/button/button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
-var _hoisted_2 = [
+var _hoisted_2 = { key: 2 };
+var _hoisted_3 = [
 	"type",
 	"disabled",
 	"autofocus"
 ];
+var _hoisted_4 = { key: 2 };
 var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Button" }), {}, {
 	__name: "button",
 	props: {
@@ -58,6 +61,14 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			default: false
 		},
 		/**
+		* @zh 当 loading 的时候，不改变按钮的宽度。
+		* @en The width of the button remains unchanged on loading.
+		*/
+		loadingFixedWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
 		* @zh 按钮是否禁用
 		* @en Whether the button is disabled
 		* @defaultValue false
@@ -87,10 +98,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
-		/**
-		* @todo 添加loadingFixedWidth
-		* @todo 添加twoChineseChars
-		*/
+		const regexTwoCNChar = /^[一-龥]{2}$/;
 		const props = __props;
 		const emit = __emit;
 		/**
@@ -100,7 +108,9 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		*/
 		const { size, disabled } = toRefs(props);
 		const prefixCls = getPrefixCls("btn");
+		const configContext = inject(configProviderInjectionKey, void 0);
 		const groupContext = inject(buttonGroupInjectionKey, void 0);
+		const autoInsertSpaceInButton = computed(() => Boolean(configContext === null || configContext === void 0 ? void 0 : configContext.autoInsertSpaceInButton));
 		const { mergedSize: _mergedSize, mergedDisabled } = useFormItem({
 			size: computed(() => {
 				var _size$value;
@@ -109,6 +119,20 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			disabled: computed(() => Boolean(disabled.value || (groupContext === null || groupContext === void 0 ? void 0 : groupContext.disabled)))
 		});
 		const { mergedSize } = useSize(_mergedSize);
+		const buttonRef = ref();
+		const isTwoCNChar = ref(false);
+		const updateIsTwoCNChar = () => {
+			var _buttonRef$value$text, _buttonRef$value;
+			if (!autoInsertSpaceInButton.value) {
+				if (isTwoCNChar.value) isTwoCNChar.value = false;
+				return;
+			}
+			const textContent = (_buttonRef$value$text = (_buttonRef$value = buttonRef.value) === null || _buttonRef$value === void 0 || (_buttonRef$value = _buttonRef$value.textContent) === null || _buttonRef$value === void 0 ? void 0 : _buttonRef$value.replace(/\s/g, "")) !== null && _buttonRef$value$text !== void 0 ? _buttonRef$value$text : "";
+			const value = regexTwoCNChar.test(textContent);
+			if (value !== isTwoCNChar.value) isTwoCNChar.value = value;
+		};
+		onMounted(updateIsTwoCNChar);
+		onUpdated(updateIsTwoCNChar);
 		const cls = computed(() => {
 			var _ref, _props$type, _ref2, _props$shape, _ref3, _props$status;
 			return [
@@ -120,8 +144,10 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				{
 					[`${prefixCls}-long`]: props.long,
 					[`${prefixCls}-loading`]: props.loading,
+					[`${prefixCls}-loading-fixed-width`]: props.loadingFixedWidth,
 					[`${prefixCls}-disabled`]: mergedDisabled.value,
-					[`${prefixCls}-link`]: isString(props.href)
+					[`${prefixCls}-link`]: isString(props.href),
+					[`${prefixCls}-two-chinese-chars`]: autoInsertSpaceInButton.value && isTwoCNChar.value
 				}
 			];
 		});
@@ -135,6 +161,8 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		return (_ctx, _cache) => {
 			return __props.href ? (openBlock(), createElementBlock("a", {
 				key: 0,
+				ref_key: "buttonRef",
+				ref: buttonRef,
 				class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
 				href: unref(mergedDisabled) || __props.loading ? void 0 : __props.href,
 				onClick: handleClick
@@ -144,8 +172,10 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}, [__props.loading ? (openBlock(), createBlock(unref(IconLoading), {
 				key: 0,
 				spin: ""
-			})) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)) : (openBlock(), createElementBlock("button", {
+			})) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("", true), !isTwoCNChar.value ? renderSlot(_ctx.$slots, "default", { key: 1 }) : (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")]))], 10, _hoisted_1)) : (openBlock(), createElementBlock("button", {
 				key: 1,
+				ref_key: "buttonRef",
+				ref: buttonRef,
 				class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
 				type: __props.htmlType,
 				disabled: unref(mergedDisabled),
@@ -157,7 +187,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}, [__props.loading ? (openBlock(), createBlock(unref(IconLoading), {
 				key: 0,
 				spin: true
-			})) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_2));
+			})) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("", true), !isTwoCNChar.value ? renderSlot(_ctx.$slots, "default", { key: 1 }) : (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "default")]))], 10, _hoisted_3));
 		};
 	}
 }));