savor-ui 0.13.1 → 0.14.0

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 
 
+# [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)
 
 

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/text/text.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -43,7 +43,15 @@ var I = /*@__PURE__*/ p({
 			if (!t || typeof ResizeObserver > "u") return;
 			z();
 			let n = new ResizeObserver(z);
-			n.observe(t), e(() => n.disconnect());
+			n.observe(t);
+			let r = typeof MutationObserver < "u" ? new MutationObserver(z) : void 0;
+			r?.observe(t, {
+				characterData: !0,
+				childList: !0,
+				subtree: !0
+			}), e(() => {
+				n.disconnect(), r?.disconnect();
+			});
 		}), k(() => [
 			m.label,
 			m.ellipsis,

package/dist/es/theme/components/collapse.scss

@@ -6,6 +6,17 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  border-radius: getCssVar("radius", "medium");
+  overflow: hidden;
+
+  @include when(border) {
+    border: 1px solid getCssVar("color", "fill-3");
+    @include be(collapse, item) {
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
 
   @include e(item) {
     border-bottom: 1px solid getCssVar("color", "fill-3");
@@ -30,7 +41,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 12px 20px;
+    padding: 12px 16px;
     cursor: pointer;
     font-size: 14px;
     color: getCssVar("color", "text-1");

package/dist/es/theme/components/date-picker.scss

@@ -32,6 +32,10 @@
       background-color: getCssVar("color", "fill-2");
       border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
+      &:hover {
+        background-color: getCssVar("color", "fill-2");
+        border-color: getCssVar("color", "fill-2");
+      }
     }
     @include when(error) {
       @include this-be(date-picker, wrapper) {

package/dist/es/theme/components/datetime-picker.scss

@@ -32,6 +32,10 @@
       background-color: getCssVar("color", "fill-2");
       border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
+      &:hover {
+        background-color: getCssVar("color", "fill-2");
+        border-color: getCssVar("color", "fill-2");
+      }
     }
     @include when(error) {
       @include this-be(datetime-picker, wrapper) {

package/dist/es/theme/components/form.scss

@@ -1,5 +1,6 @@
 @use "../mixins/function.scss" as *;
 @use "../mixins/mixins.scss" as *;
+@use "../common/var.scss" as *;
 
 @include b(form) {
   width: 100%;
@@ -20,30 +21,18 @@
     }
   }
 
-  @include m(mini) {
-    @include be(form-item, label-wrapper) {
-      line-height: getCssVar("size", "mini");
-      font-size: getCssVar("font-size", "mini");
-    }
-  }
-  @include m(small) {
-    @include be(form-item, label-wrapper) {
-      line-height: getCssVar("size", "small");
-    }
-  }
-  @include m(medium) {
-    @include be(form-item, label-wrapper) {
-      line-height: getCssVar("size", "medium");
-    }
-  }
-  @include m(large) {
-    @include be(form-item, label-wrapper) {
-      line-height: getCssVar("size", "large");
+  @each $size in $size-list {
+    @include m(#{$size}) {
+      @include be(form-item, label-wrapper) {
+        line-height: getCssVar("size", "#{$size}");
+        font-size: getCssVar("font-size", "#{$size}");
+      }
     }
   }
   @include e(label-wrapper) {
     display: flex;
     align-items: flex-start;
+    line-height: getCssVar("size", "medium");
   }
   @include e(label) {
     display: flex;
@@ -70,6 +59,9 @@
     font-size: getCssVar("font-size", "medium");
     height: 14px;
     color: getCssVar("color", "text-3");
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   @include e(content-wrapper) {

package/dist/es/theme/components/input-number.scss

@@ -22,6 +22,10 @@
       background-color: getCssVar("color", "fill-2");
       border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
+      &:hover {
+        background-color: getCssVar("color", "fill-2");
+        border-color: getCssVar("color", "fill-2");
+      }
     }
     @include when(error) {
       @include this-be(input-number, wrapper) {

package/dist/es/theme/components/input-tag.scss

@@ -25,6 +25,10 @@
       background-color: getCssVar("color", "fill-2");
       border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
+      &:hover {
+        background-color: getCssVar("color", "fill-2");
+        border-color: getCssVar("color", "fill-2");
+      }
     }
     @include when(error) {
       @include this-be(input-tag, wrapper) {

package/dist/es/theme/components/radio.scss

@@ -2,7 +2,6 @@
 @use "../mixins/mixins.scss" as *;
 
 @include b(radio) {
-  color: getCssVar("color", "text-1");
   position: relative;
   cursor: pointer;
   display: inline-flex;
@@ -19,6 +18,19 @@
       border-color: getCssVar("color", "primary-6");
     }
   }
+  @include when(disabled) {
+    cursor: not-allowed;
+    @include be(radio, inner) {
+      cursor: not-allowed;
+      border-color: getCssVar("color", "fill-2");
+      &:hover {
+        border-color: getCssVar("color", "fill-2");
+      }
+    }
+    @include be(radio, label) {
+      color: getCssVar("color", "text-2");
+    }
+  }
   @include e(input) {
     opacity: 0;
     outline: none;
@@ -84,6 +96,7 @@
       padding: 0 12px;
       line-height: getCssVar("line-height", "medium");
       border-radius: calc(getCssVar("radius", "medium") - 1px);
+      color: getCssVar("color", "text-1");
       &:hover {
         background-color: getCssVar("color", "bg-3");
       }
@@ -113,4 +126,16 @@
     gap: 3px;
     border-radius: getCssVar("radius", "medium");
   }
+
+  @include when(block) {
+    width: 100%;
+
+    @include child-b(radio) {
+      flex: 1;
+      justify-content: center;
+      @include be(radio, label) {
+        width: 100%;
+      }
+    }
+  }
 }

package/dist/es/theme/components/tabs.scss

@@ -9,17 +9,17 @@
   flex-direction: column;
   overflow: hidden;
   @include m(small) {
-    @include be(tabs, item) {
+    @include be(tabs, header) {
       height: 32px;
     }
   }
   @include m(medium) {
-    @include be(tabs, item) {
+    @include be(tabs, header) {
       height: 36px;
     }
   }
   @include m(large) {
-    @include be(tabs, item) {
+    @include be(tabs, header) {
       height: 40px;
     }
   }
@@ -108,6 +108,7 @@
   }
 
   @include e(item) {
+    height: 100%;
     padding: 0 16px;
     display: flex;
     align-items: center;
@@ -136,6 +137,10 @@
         color: getCssVar("color", "text-3");
       }
     }
+
+    @include when(block) {
+      flex: 1;
+    }
   }
 
   @include e(close-btn) {

package/dist/es/theme/components/textarea.scss

@@ -31,6 +31,10 @@
       background-color: getCssVar("color", "fill-2");
       border-color: getCssVar("color", "fill-2");
       cursor: not-allowed;
+      &:hover {
+        background-color: getCssVar("color", "fill-2");
+        border-color: getCssVar("color", "fill-2");
+      }
     }
     @include when(error) {
       border-color: getCssVar("color", "danger-6");

package/dist/es/theme/mixins/mixins.scss

@@ -12,6 +12,18 @@
   }
 }
 
+/**
+ * 当前元素的直接子级 b
+ * @usage @include child-b(button) {}
+ * @output > .ns-button {}
+ */
+@mixin child-b($block) {
+  $sel: #{$namespace}#{$common-separator}#{$block};
+  > .#{$sel} {
+    @content;
+  }
+}
+
 /**
  * BEM 元素
  * @param {String | List} $element 元素名称

package/dist/json/vetur-attributes.json

@@ -788,6 +788,13 @@
   "s-form/labelAlign": {
     "description": "表单项标签对齐方式"
   },
+  "s-form/showRequired": {
+    "description": "是否显示必填标识",
+    "type": "boolean"
+  },
+  "s-form/requiredAlign": {
+    "description": "必填标识对齐方式"
+  },
   "s-form-item/label": {
     "description": "表单项标签",
     "type": "string"
@@ -814,6 +821,9 @@
     "description": "是否显示必填标识",
     "type": "boolean"
   },
+  "s-form-item/requiredAlign": {
+    "description": "必填标识对齐方式"
+  },
   "s-galleria/modelValue": {
     "description": "当前选中项索引（v-model）",
     "type": "number"
@@ -1749,6 +1759,10 @@
     "description": "是否按钮",
     "type": "boolean"
   },
+  "s-radio-group/block": {
+    "description": "是否块级元素，占满父元素宽度",
+    "type": "boolean"
+  },
   "s-scrollbar/scroll": {
     "description": "滚动事件"
   },
@@ -2299,6 +2313,10 @@
     "description": "是否隐藏标题栏",
     "type": "boolean"
   },
+  "s-tabs/block": {
+    "description": "是否块级元素，占满父元素宽度",
+    "type": "boolean"
+  },
   "s-tab-pane/name": {
     "description": "选项卡名称",
     "type": "string | number"

package/dist/json/vetur-tags.json

@@ -349,7 +349,9 @@
       "size",
       "labelWidth",
       "labelPosition",
-      "labelAlign"
+      "labelAlign",
+      "showRequired",
+      "requiredAlign"
     ]
   },
   "s-form-item": {
@@ -360,7 +362,8 @@
       "labelWidth",
       "tooltip",
       "labelAlign",
-      "showRequired"
+      "showRequired",
+      "requiredAlign"
     ]
   },
   "s-galleria": {
@@ -743,7 +746,8 @@
     "attributes": [
       "change",
       "vertical",
-      "button"
+      "button",
+      "block"
     ]
   },
   "s-scrollbar": {
@@ -957,7 +961,8 @@
       "closeable",
       "bordered",
       "showArrow",
-      "showHeader"
+      "showHeader",
+      "block"
     ]
   },
   "s-tab-pane": {

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "savor-ui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2129,6 +2129,22 @@
                 "type": "left | right",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "showRequired",
+              "description": "是否显示必填标识",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "requiredAlign",
+              "description": "必填标识对齐方式",
+              "value": {
+                "type": "left | right",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -2197,6 +2213,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "requiredAlign",
+              "description": "必填标识对齐方式",
+              "value": {
+                "type": "left | right",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -4586,6 +4610,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "block",
+              "description": "是否块级元素，占满父元素宽度",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -5907,6 +5939,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "block",
+              "description": "是否块级元素，占满父元素宽度",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "savor-ui",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",