savor-ui 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 
 
+# [0.14.0](https://gitee.com/mach552/savor-ui/compare/v0.13.1...v0.14.0) (2026-07-26)
+
+
+### Bug Fixes
+
+* **collapse:** 修复border属性无效问题 ([244f173](https://gitee.com/mach552/savor-ui/commits/244f173944ee92dc1ce69efc4e0455f170f1d07a))
+* **form:** 修复tooltip不居中问题 ([379a74e](https://gitee.com/mach552/savor-ui/commits/379a74e894ac04f5802e118c5dae74a701aca462))
+* **tabs:** 修复单子组件时报错问题 ([14542d7](https://gitee.com/mach552/savor-ui/commits/14542d738b55dd79c148661e33fcc02e92937cac))
+* **text:** 修复动态改变内容时tooltip显示时机问题 ([7a6779d](https://gitee.com/mach552/savor-ui/commits/7a6779d11762cee0c5b10069f728807d1a91b17e))
+
+
+### Features
+
+* **form:** 新增`requiredAlign`属性 ([4ff93e8](https://gitee.com/mach552/savor-ui/commits/4ff93e80e3572e5a24ca6f96a9d18c982c6b0a86))
+* **radio-group:** 新增`block`属性 ([3e6f902](https://gitee.com/mach552/savor-ui/commits/3e6f902269459be76aa8220ff38d1f8f5eb4fbe1))
+* **tabs:** 新增`block`属性 ([37577cc](https://gitee.com/mach552/savor-ui/commits/37577cc9ded99124907615168f53f30084de9f45))
+
+## [0.13.1](https://gitee.com/mach552/savor-ui/compare/v0.13.0...v0.13.1) (2026-07-22)
+
+
+### Bug Fixes
+
+* **text:** 修复没有省略号时tooltip依然显示的问题 ([114f945](https://gitee.com/mach552/savor-ui/commits/114f9454df35f978ba720fe050bfaf823fffcba3))
+
 # [0.13.0](https://gitee.com/mach552/savor-ui/compare/v0.12.2...v0.13.0) (2026-07-22)
 
 

package/dist/es/components/src/collapse/collapse-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,11 +4,11 @@ import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import { STransition as n } from "../transition/index.mjs";
 import { collapseContextKey as r } from "./types.mjs";
-import { applyVShow as i, child as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, renderEffect as m, setClass as h, setInsertionState as g, setStyle as _, setText as v, template as y, toDisplayString as b, unref as x } from "vue";
+import { applyVShow as i, child as a, computed as o, createComponent as s, createIf as c, createInvoker as l, createSlot as u, defineVaporComponent as d, delegateEvents as f, inject as p, next as m, renderEffect as h, setClass as g, setInsertionState as _, setStyle as v, setText as y, template as b, toDisplayString as x, unref as S } from "vue";
 //#region ../components/src/collapse/collapse-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var S = y(" "), C = y("<div>"), w = y("<div><div><span></span><span></span><span>", 1);
-d("click");
-var T = /*@__PURE__*/ u({
+var C = b(" "), w = b("<span>"), T = b("<div>"), E = b("<div><div><span></span><span></span>", 1);
+f("click");
+var D = /*@__PURE__*/ d({
 	name: "SCollapseItem",
 	__name: "collapse-item",
 	props: {
@@ -16,21 +16,24 @@ var T = /*@__PURE__*/ u({
 		name: {},
 		disabled: { type: Boolean }
 	},
-	setup(u) {
-		let d = u, y = e("collapse"), T = f(r), E = o(() => !!T?.modelValue?.value?.includes(d.name)), D = () => {
-			d.disabled || T?.handleItemClick?.(d.name);
-		}, O = w(), k = a(O), A = a(k), j = p(A, 1), M = p(j, 2);
-		return m(() => {
-			let e = x(y), t = E.value;
-			h(O, [e.e("item"), e.is("disabled", u.disabled)]), h(k, [e.e("header"), e.is("active", t)]), h(A, e.e("header-arrow")), _(A, { transform: t ? "rotate(90deg)" : "" });
-		}), g(A, null, 0), s(x(t)), m(() => h(j, x(y).e("header-title"))), g(j, null, 0), l("title", null, () => {
-			let e = S();
-			return m(() => v(e, b(u.title))), e;
-		}), m(() => h(M, x(y).e("extra"))), g(M, null, 0), l("extra"), k.$evtclick = c(D), g(O, null, 1), s(x(n), { type: "height" }, () => {
+	setup(d, { slots: f }) {
+		let b = d, D = e("collapse"), O = p(r), k = o(() => !!O?.modelValue?.value?.includes(b.name)), A = () => {
+			b.disabled || O?.handleItemClick?.(b.name);
+		}, j = E(), M = a(j), N = a(M), P = m(N, 1);
+		return h(() => {
+			let e = S(D), t = k.value;
+			g(j, [e.e("item"), e.is("disabled", d.disabled)]), g(M, [e.e("header"), e.is("active", t)]), g(N, e.e("header-arrow")), v(N, { transform: t ? "rotate(90deg)" : "" });
+		}), _(N, null, 0), s(S(t)), h(() => g(P, S(D).e("header-title"))), _(P, null, 0), u("title", null, () => {
 			let e = C();
-			return m(() => h(e, x(y).e("content"))), g(e, null, 0), l(), i(e, () => E.value), e;
-		}), O;
+			return h(() => y(e, x(d.title))), e;
+		}), _(M, null, 2), c(() => f.extra, () => {
+			let e = w();
+			return h(() => g(e, S(D).e("extra"))), _(e, null, 0), u("extra"), e;
+		}), M.$evtclick = l(A), _(j, null, 1), s(S(n), { type: "height" }, () => {
+			let e = T();
+			return h(() => g(e, S(D).e("content"))), _(e, null, 0), u(), i(e, () => k.value), e;
+		}), j;
 	}
 });
 //#endregion
-export { T as default };
+export { D as default };

package/dist/es/components/src/collapse/collapse.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -31,7 +31,10 @@ var p = l("<div>", 1), m = /*@__PURE__*/ r({
 			}
 		});
 		let _ = p();
-		return o(() => s(_, u(h).b())), c(_, null, 0), n(), _;
+		return o(() => {
+			let e = u(h);
+			s(_, [e.b(), e.is("border", r.border)]);
+		}), c(_, null, 0), n(), _;
 	}
 });
 //#endregion

package/dist/es/components/src/form/form-item.d.ts

@@ -10,6 +10,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         label?: (props: {
             label: string | undefined;
         }) => any;
+    } & {
+        label?: (props: {
+            label: string | undefined;
+        }) => any;
     } & {
         default?: (props: {
             validate: (trigger?: string) => Promise<true | void>;

package/dist/es/components/src/form/form-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -23,7 +23,8 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 		showRequired: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		requiredAlign: {}
 	},
 	setup(p, { expose: w }) {
 		let P = p, F = t("form-item"), I = m(i), L = l(() => I?.labelPosition?.value === "top" ? "" : P.labelWidth || I?.labelWidth?.value), R = l(() => P.labelAlign ? P.labelAlign : I?.labelAlign?.value ? I?.labelAlign?.value : I?.labelPosition?.value === "top" ? "left" : "right"), z = null, B = l(() => {
@@ -36,7 +37,7 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 			state: "init",
 			errorMsg: "",
 			loading: !1
-		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = l(() => V.value.some((e) => e.required) && P.showRequired), G = async (e) => {
+		}), U = (e) => V.value ? V.value.filter((t) => !t.trigger || !e ? !0 : t.trigger && t.trigger === e) : [], W = l(() => V.value.some((e) => e.required) && (P.showRequired || I?.showRequired?.value)), G = l(() => P.requiredAlign ? P.requiredAlign : I?.requiredAlign?.value ? I?.requiredAlign?.value : "left"), K = async (e) => {
 			let t = P.field, n = U(e);
 			if (n.length === 0) return !0;
 			if (t) {
@@ -53,35 +54,35 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 					H.value.loading = !1;
 				});
 			}
-		}, K = () => {
-			H.value.state = "init", H.value.errorMsg = "", H.value.loading = !1;
 		}, q = () => {
-			K();
+			H.value.state = "init", H.value.errorMsg = "", H.value.loading = !1;
+		}, J = () => {
+			q();
 			let e = I?.model?.value;
 			e && P.field && (e[P.field] = z);
-		}, J = l(() => H.value.state === "error"), Y = {
-			validate: G,
+		}, Y = l(() => H.value.state === "error"), X = {
+			validate: K,
 			field: P.field,
-			resetField: q,
-			clearValidate: K
+			resetField: J,
+			clearValidate: q
 		};
-		_(a, Y), _(o, {
+		_(a, X), _(o, {
 			size: I?.size,
-			error: J
+			error: Y
 		}), h(() => {
-			P.field && (I?.addField(Y), z = I?.model?.value?.[P.field]);
+			P.field && (I?.addField(X), z = I?.model?.value?.[P.field]);
 		}), g(() => {
-			P.field && I?.removeField(Y);
+			P.field && I?.removeField(X);
 		}), w({
-			validate: G,
-			resetField: q,
-			clearValidate: K,
+			validate: K,
+			resetField: J,
+			clearValidate: q,
 			validateStatus: H
 		});
-		let X = N(), Z = c(X, 1), Q = c(Z);
+		let Z = N(), Q = c(Z, 1), $ = c(Q);
 		return y(() => {
 			let e = D(F), t = H.value, n = D(I), r = t.state;
-			b(X, [
+			b(Z, [
 				e.b(),
 				e.is("error", r === "error"),
 				e.is("success", r === "success"),
@@ -89,18 +90,24 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 				e.is("top", n?.labelPosition?.value === "top"),
 				e.m(n?.size?.value)
 			]);
-		}), x(X, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
+		}), x(Z, 0, 0), d(() => W.value || p.label || p.tooltip, () => {
 			let t = j(), i = c(t);
 			return y(() => {
 				let n = D(F);
 				b(t, [n.e("label-wrapper")]), b(i, [n.e("label"), n.m("align-" + R.value)]), S(i, { width: D(e)(L.value) });
-			}), x(i, null, 0), d(() => W.value, () => {
+			}), x(i, null, 0), d(() => G.value === "left", () => [d(() => W.value, () => {
 				let e = k();
 				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
-			}), x(i, null, 1), f("label", { label: () => p.label }, () => {
+			}), f("label", { label: () => p.label }, () => {
+				let e = A();
+				return y(() => C(e, T(p.label))), e;
+			})], () => d(() => G.value === "right", () => [f("label", { label: () => p.label }, () => {
 				let e = A();
 				return y(() => C(e, T(p.label))), e;
-			}), x(i, null, 2), d(() => p.tooltip, () => u(D(s), {
+			}), d(() => W.value, () => {
+				let e = k();
+				return y(() => b(e, [D(F).e("required")])), x(e, null, 0), u(D(n)), e;
+			})], null, 2), 518), x(i, null, 1), d(() => p.tooltip, () => u(D(s), {
 				content: () => p.tooltip,
 				mini: ""
 			}, () => {
@@ -109,13 +116,13 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 			})), t;
 		}), y(() => {
 			let e = D(F);
-			b(Z, [e.e("content-wrapper")]), b(Q, [e.e("content")]);
-		}), x(Q, null, 0), f("default", { validate: () => G }), x(Z, null, 1), d(() => H.value.state === "error", () => {
+			b(Q, [e.e("content-wrapper")]), b($, [e.e("content")]);
+		}), x($, null, 0), f("default", { validate: () => K }), x(Q, null, 1), d(() => H.value.state === "error", () => {
 			let e = M(), t = E(e);
 			return y(() => {
 				b(e, [D(F).e("error-msg")]), C(t, T(H.value.errorMsg));
 			}), e;
-		}), X;
+		}), Z;
 	}
 });
 //#endregion

package/dist/es/components/src/form/form.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -12,13 +12,15 @@ var g = f("<form>", 1), _ = /*@__PURE__*/ r({
 		size: {},
 		labelWidth: { default: "100px" },
 		labelPosition: { default: "left" },
-		labelAlign: {}
+		labelAlign: {},
+		showRequired: { type: Boolean },
+		requiredAlign: {}
 	},
 	emits: ["submit"],
 	setup(r, { expose: f, emit: _ }) {
-		let v = r, y = _, b = e("form"), { size: x, labelWidth: S, labelPosition: C, labelAlign: w, model: T, rules: E } = p(v), D = h("formRef"), O = (e) => {
+		let v = r, y = _, b = e("form"), { size: x, labelWidth: S, labelPosition: C, labelAlign: w, model: T, rules: E, showRequired: D, requiredAlign: O } = p(v), k = h("formRef"), A = (e) => {
 			e.preventDefault(), y("submit", e);
-		}, k = s([]);
+		}, j = s([]);
 		o(t, {
 			model: T,
 			rules: E,
@@ -27,18 +29,20 @@ var g = f("<form>", 1), _ = /*@__PURE__*/ r({
 			labelPosition: C,
 			labelAlign: w,
 			addField: (e) => {
-				k.value.push(e);
+				j.value.push(e);
 			},
 			removeField: (e) => {
-				e.field && k.value.splice(k.value.indexOf(e), 1);
-			}
+				e.field && j.value.splice(j.value.indexOf(e), 1);
+			},
+			showRequired: D,
+			requiredAlign: O
 		}), i(() => {
-			D.value?.addEventListener("submit", O);
+			k.value?.addEventListener("submit", A);
 		}), a(() => {
-			D.value?.removeEventListener("submit", O);
+			k.value?.removeEventListener("submit", A);
 		}), f({
 			validate: async (e) => {
-				let t = e && e.length > 0 ? k.value.filter((t) => e.includes(t.field || "")) : k.value, n = {};
+				let t = e && e.length > 0 ? j.value.filter((t) => e.includes(t.field || "")) : j.value, n = {};
 				for (let e of t) try {
 					await e.validate("");
 				} catch (e) {
@@ -51,16 +55,16 @@ var g = f("<form>", 1), _ = /*@__PURE__*/ r({
 				return Object.keys(n).length === 0 ? !0 : Promise.reject(n);
 			},
 			resetFields: (e) => {
-				let t = e && e.length > 0 ? k.value.filter((t) => e.includes(t.field || "")) : k.value;
+				let t = e && e.length > 0 ? j.value.filter((t) => e.includes(t.field || "")) : j.value;
 				for (let e of t) e.resetField();
 			},
 			clearValidate: (e) => {
-				let t = e && e.length > 0 ? k.value.filter((t) => e.includes(t.field || "")) : k.value;
+				let t = e && e.length > 0 ? j.value.filter((t) => e.includes(t.field || "")) : j.value;
 				for (let e of t) e.clearValidate();
 			}
 		});
-		let A = g();
-		return c(() => l(A, [m(b).b()])), u(A, null, 0), n(), d(A, D, null, "formRef"), A;
+		let M = g();
+		return c(() => l(M, [m(b).b()])), u(M, null, 0), n(), d(M, k, null, "formRef"), M;
 	}
 });
 //#endregion

package/dist/es/components/src/form/index.d.ts

@@ -14,6 +14,8 @@ export declare const SForm: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         labelWidth?: string | number | undefined;
         labelPosition?: "left" | "top" | undefined;
         labelAlign?: "left" | "right" | undefined;
+        showRequired?: boolean | undefined;
+        requiredAlign?: "left" | "right" | undefined;
         onSubmit?: ((e: Event) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -33,6 +35,10 @@ export declare const SFormItem: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         label?: (props: {
             label: string | undefined;
         }) => any;
+    } & {
+        label?: (props: {
+            label: string | undefined;
+        }) => any;
     } & {
         default?: (props: {
             validate: (trigger?: string) => Promise<true | void>;
@@ -48,6 +54,7 @@ export declare const SFormItem: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         tooltip?: string | undefined;
         labelAlign?: "left" | "right" | undefined;
         showRequired?: boolean | undefined;
+        requiredAlign?: "left" | "right" | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -57,6 +64,10 @@ export declare const SFormItem: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         label?: (props: {
             label: string | undefined;
         }) => any;
+    } & {
+        label?: (props: {
+            label: string | undefined;
+        }) => any;
     } & {
         default?: (props: {
             validate: (trigger?: string) => Promise<true | void>;

package/dist/es/components/src/form/types.d.ts

@@ -17,6 +17,10 @@ export interface FormProps {
     labelPosition?: "left" | "top";
     /** 表单项标签对齐方式 */
     labelAlign?: "left" | "right";
+    /** 是否显示必填标识 */
+    showRequired?: boolean;
+    /** 必填标识对齐方式 */
+    requiredAlign?: "left" | "right";
 }
 export interface FormEmits {
     /** 表单提交时触发 */
@@ -45,6 +49,8 @@ export interface FormItemProps {
     labelAlign?: "left" | "right";
     /** 是否显示必填标识 */
     showRequired?: boolean;
+    /** 必填标识对齐方式 */
+    requiredAlign?: "left" | "right";
 }
 export interface FormContext {
     /** 表单模型 */
@@ -63,6 +69,10 @@ export interface FormContext {
     labelPosition?: Ref<"left" | "top">;
     /** 表单项标签对齐方式 */
     labelAlign?: Ref<"left" | "right" | undefined>;
+    /** 是否显示必填标识 */
+    showRequired?: Ref<boolean>;
+    /** 必填标识对齐方式 */
+    requiredAlign?: Ref<"left" | "right" | undefined>;
 }
 export declare const formContextKey: InjectionKey<FormContext>;
 export interface FormItemValidateStatus {

package/dist/es/components/src/radio/index.d.ts

@@ -33,6 +33,7 @@ export declare const SRadioGroup: ((__VLS_props: NonNullable<Awaited<typeof __VL
     props: PublicProps & {
         vertical?: boolean | undefined;
         button?: boolean | undefined;
+        block?: boolean | undefined;
         modelValue?: string | number | boolean | undefined;
         onChange?: ((value: string | number | boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;

package/dist/es/components/src/radio/radio-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -8,7 +8,8 @@ var p = l("<div>", 1), m = /*@__PURE__*/ r({
 	__name: "radio-group",
 	props: /*@__PURE__*/ i({
 		vertical: { type: Boolean },
-		button: { type: Boolean }
+		button: { type: Boolean },
+		block: { type: Boolean }
 	}, {
 		modelValue: {
 			type: [
@@ -36,7 +37,8 @@ var p = l("<div>", 1), m = /*@__PURE__*/ r({
 			s(y, [
 				e.b(),
 				e.is("vertical", r.vertical),
-				e.is("button", d(v))
+				e.is("button", d(v)),
+				e.is("block", r.block)
 			]);
 		}), c(y, null, 0), n(), y;
 	}

package/dist/es/components/src/radio/radio.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -32,16 +32,17 @@ var b = g("<span></span>"), x = g(" "), S = g("<span>"), C = g("<label><input ty
 			e.target.checked && (k.value = w.value), D?.checked(k.value), T("change", k.value, e);
 		}, M = C(), N = n(M);
 		return l(N, "change", j), u(() => {
-			let e = v(E), t = A.value;
+			let e = v(E), t = A.value, n = o.disabled;
 			d(M, [
 				e.b(),
 				e.m(o.size),
 				e.is("checked", t),
-				e.is("button", O.value)
-			]), d(N, [e.e("input")]), h(N, o.value), p(N, "checked", t);
+				e.is("button", O.value),
+				e.is("disabled", n)
+			]), d(N, [e.e("input")]), h(N, o.value), p(N, "checked", t), p(N, "disabled", n);
 		}), f(M, null, 1), i(() => !g.check, () => {
 			let e = b();
-			return u(() => d(e, [v(E).e("inner")])), [e, i(() => o.label, () => {
+			return u(() => d(e, [v(E).e("inner")])), [e, i(() => o.label || g.default, () => {
 				let e = S();
 				return u(() => d(e, [v(E).e("label")])), f(e, null, 0), a("default", null, () => {
 					let e = x();

package/dist/es/components/src/radio/types.d.ts

@@ -26,6 +26,8 @@ export interface RadioGroupProps {
     vertical?: boolean;
     /** 是否按钮 */
     button?: boolean;
+    /** 是否块级元素，占满父元素宽度 */
+    block?: boolean;
 }
 export interface RadioGroupEmits {
     /** 选中状态变化时触发 */

package/dist/es/components/src/tabs/index.d.ts

@@ -15,6 +15,7 @@ export declare const STabs: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         bordered?: boolean | undefined;
         showArrow?: boolean | undefined;
         showHeader?: boolean | undefined;
+        block?: boolean | undefined;
         onChange?: ((value: string | number) => any) | undefined;
         onRemove?: ((value: string | number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;

package/dist/es/components/src/tabs/tabs.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -24,7 +24,8 @@ var pe = 200, me = 40, A = /*@__PURE__*/ d({
 		showHeader: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		block: { type: Boolean }
 	}, {
 		modelValue: { default: "" },
 		modelModifiers: {}
@@ -44,24 +45,26 @@ var pe = 200, me = 40, A = /*@__PURE__*/ d({
 			let n = H.get(e);
 			n && t.replaceChildren(n);
 		}, W = o(() => {
-			let e = he.default?.() || [], t = [], n = /* @__PURE__ */ new Set();
+			let e = [], t = he.default?.() || [];
+			e = Array.isArray(t) ? t : [t];
+			let n = [], r = /* @__PURE__ */ new Set();
 			return ((e) => {
 				e.forEach((e) => {
-					if (ge(e)) {
-						let r = e.rawProps || {}, i = r.name;
-						if (i == null || n.has(i)) return;
-						n.add(i);
-						let a = r.label, o = _e(e) ? "tab-pane" : "tab";
-						t.push({
+					if (e.vapor && ge(e)) {
+						let t = e.rawProps || {}, i = t.name;
+						if (i == null || r.has(i)) return;
+						r.add(i);
+						let a = t.label, o = _e(e) ? "tab-pane" : "tab";
+						n.push({
 							name: i,
 							label: a,
-							disabled: !!r.disabled,
-							closeable: r.closeable,
+							disabled: !!t.disabled,
+							closeable: t.closeable,
 							type: o
 						});
 					}
 				});
-			})(e), t;
+			})(e), n;
 		}), be = o(() => W.value.some((e) => e.type === "tab-pane")), xe = o(() => ({
 			left: `${F.value}px`,
 			width: `${I.value}px`
@@ -162,7 +165,8 @@ var pe = 200, me = 40, A = /*@__PURE__*/ d({
 					b(n, [
 						t.e("item"),
 						t.is("active", M.value === r.name),
-						t.is("disabled", r.disabled)
+						t.is("disabled", r.disabled),
+						t.is("block", d.block)
 					]);
 				}), x(n, null, 0), c(() => e.value.label, () => {
 					let t = ue(), n = oe(t);

package/dist/es/components/src/tabs/types.d.ts

@@ -18,6 +18,8 @@ export interface TabsProps {
     showArrow?: boolean;
     /** 是否隐藏标题栏 */
     showHeader?: boolean;
+    /** 是否块级元素，占满父元素宽度 */
+    block?: boolean;
 }
 export interface TabsEmits {
     /** 选中选项卡变化时触发 */

package/dist/es/components/src/tag/index.d.ts

@@ -7,7 +7,7 @@ export declare const STag: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "tiny" | "mini" | "small" | "medium" | "large" | undefined;
         closeable?: boolean | undefined;
         color?: string | undefined;
         effect?: "filled" | "solid" | "outline" | undefined;

package/dist/es/components/src/tag/tag.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -11,7 +11,7 @@ var _ = /*@__PURE__*/ s({
 	__name: "tag",
 	props: {
 		type: { default: "default" },
-		size: { default: "medium" },
+		size: { default: "mini" },
 		closeable: { type: Boolean },
 		color: {},
 		effect: { default: "filled" }

package/dist/es/components/src/tag/types.d.ts

@@ -6,7 +6,7 @@ export interface TagProps {
     /** 标签大小
      * @default medium
      */
-    size?: "small" | "medium" | "large";
+    size?: "tiny" | "mini" | "small" | "medium" | "large";
     /** 是否显示关闭按钮 */
     closeable?: boolean;
     /** 标签颜色 */