savor-ui 0.9.0 → 0.10.1

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 
 
+## [0.10.1](https://gitee.com/mach552/savor-ui/compare/v0.10.0...v0.10.1) (2026-07-14)
+
+
+### Bug Fixes
+
+* **segmented:** 修复默认值回写逻辑问题 ([780d4f2](https://gitee.com/mach552/savor-ui/commits/780d4f2c5bff2a74e8fb494dcdf813154a8c73be))
+* **segmented:** 修复默认状态下激活条宽度不足的问题 ([80856e0](https://gitee.com/mach552/savor-ui/commits/80856e06ad03781dab6369624d936cc633fe0918))
+* **switch:** 修复默认值回写逻辑问题 ([0b0ed8b](https://gitee.com/mach552/savor-ui/commits/0b0ed8bb585669602d450633b71c804bb4598a6e))
+* **table:** 修复fiexd列内容位移问题 ([729b620](https://gitee.com/mach552/savor-ui/commits/729b6208260c329012a28dad825195d7da031a95))
+
+# [0.10.0](https://gitee.com/mach552/savor-ui/compare/v0.9.0...v0.10.0) (2026-07-09)
+
+
+### Bug Fixes
+
+* **form:** 修复某些情况下无法重置的问题 ([c66f3ea](https://gitee.com/mach552/savor-ui/commits/c66f3ea835e89e68ce85875403561ba844215d6c))
+* **segmented:** 修复默认激活条偶发宽度不足问题 ([0b3dab9](https://gitee.com/mach552/savor-ui/commits/0b3dab94b93b3a79a94066367bb8822e1cfa9613))
+* **segmented:** 修复无默认值问题 ([33bd3c6](https://gitee.com/mach552/savor-ui/commits/33bd3c6d8c6f5a7c8e3c66a4660f2b00aa803127))
+* **switch:** 修复大小与其他组件不一致问题 ([a805e12](https://gitee.com/mach552/savor-ui/commits/a805e122f1fb2b20c38af0d50575aba1694c290d))
+* **switch:** 修复默认值是undefined问题 ([81b963c](https://gitee.com/mach552/savor-ui/commits/81b963c5f17224d4fcc99da9d37f30e69b3dc0a4))
+* **table:** 修复列字段无法读取嵌套对象值的问题 ([2a8842c](https://gitee.com/mach552/savor-ui/commits/2a8842c0b2a17aa8c6683368bb094e61d19f642b))
+* **table:** 修复某些场景下表头比弹层层级高的问题 ([81c836a](https://gitee.com/mach552/savor-ui/commits/81c836a97146017e469f4b79f1857a2c9dc67a06))
+* **tag:** 修复文字换行问题 ([a1c0d94](https://gitee.com/mach552/savor-ui/commits/a1c0d94984fe7d92f5e93534b2071f89b25065aa))
+
+
+### Features
+
+* **button:** 新增圆角按钮 ([75d5c6e](https://gitee.com/mach552/savor-ui/commits/75d5c6e96a0b7bef6b30a30edd8be02b608947cb))
+
 # [0.9.0](https://gitee.com/mach552/savor-ui/compare/v0.8.0...v0.9.0) (2026-07-07)
 
 

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

@@ -21,7 +21,8 @@ var y = g("<div>"), b = g(" "), x = g("<button>", 1), S = /*@__PURE__*/ c({
 		text: { type: Boolean },
 		link: { type: Boolean },
 		secondary: { type: Boolean },
-		outline: { type: Boolean }
+		outline: { type: Boolean },
+		round: { type: Boolean }
 	},
 	setup(c, { slots: g }) {
 		let S = c, C = e("button"), w = l(n, void 0), T = r(() => w?.size?.value || S.size), E = x();
@@ -39,7 +40,8 @@ var y = g("<div>"), b = g(" "), x = g("<button>", 1), S = /*@__PURE__*/ c({
 				e.is("disabled", t),
 				e.is("loading", n),
 				e.is("only-icon", !g.default && !c.label),
-				e.is("outline", c.outline)
+				e.is("outline", c.outline),
+				e.is("round", c.round)
 			]), m(E, "disabled", t || n), d(E, "html-type", c.htmlType);
 		}), p(E, null, 0), o(() => (g.icon || c.icon) && !c.loading, () => {
 			let e = y();

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

@@ -19,6 +19,7 @@ export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         link?: boolean | undefined;
         secondary?: boolean | undefined;
         outline?: boolean | undefined;
+        round?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

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

@@ -32,6 +32,8 @@ export interface ButtonProps {
     secondary?: boolean;
     /** 是否为轮廓按钮 */
     outline?: boolean;
+    /** 是否为圆角按钮 */
+    round?: boolean;
 }
 export interface ButtonSlots {
     /** 默认 */

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

@@ -58,7 +58,7 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 		}, q = () => {
 			K();
 			let e = I?.model?.value;
-			e && P.field && e[P.field] !== void 0 && (e[P.field] = z);
+			e && P.field && (e[P.field] = z);
 		}, J = l(() => H.value.state === "error"), Y = {
 			validate: G,
 			field: P.field,
@@ -69,7 +69,7 @@ var k = w("<span>"), A = w(" "), j = w("<div><label>"), M = w("<div> "), N = w("
 			size: I?.size,
 			error: J
 		}), h(() => {
-			P.field && (I?.addField(Y), z = B.value);
+			P.field && (I?.addField(Y), z = I?.model?.value?.[P.field]);
 		}), g(() => {
 			P.field && I?.removeField(Y);
 		}), w({

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

@@ -183,6 +183,7 @@ var M = /*@__PURE__*/ m({
 					}, { icon: () => f(() => V.value, () => d(E(ne)), () => d(E(re)), 645) })), x(n, null, 1), f(() => m.closable, () => d(E(a), {
 						text: "",
 						size: "mini",
+						circle: "",
 						onClick: () => X
 					}, { icon: () => d(E(te)) })), $(e, L, null, "headerRef"), e;
 				}), x(e, null, 1), f(() => !m.scrollContent, () => {

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

@@ -8,6 +8,7 @@ export declare const SSegmented: ((__VLS_props: NonNullable<Awaited<typeof __VLS
     props: PublicProps & {
         options: any[];
         fieldNames?: SegmentedFieldNamesProps | undefined;
+        defaultValue?: string | number | boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
         block?: boolean | undefined;
         modelValue?: string | number | boolean | undefined;

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

@@ -15,6 +15,11 @@ var O = /*@__PURE__*/ c({
 			value: "value",
 			disabled: "disabled"
 		}) },
+		defaultValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
 		size: {},
 		block: { type: Boolean }
 	}, {
@@ -37,29 +42,44 @@ var O = /*@__PURE__*/ c({
 			}
 		}, R = (e, t, n) => {
 			n || (A.value = e, O("change", e, t));
+		}, z = () => {
+			if (y.options.length === 0) return 0;
+			let e = y.options.map((e) => e[y.fieldNames.value]), t = A.value ? e.indexOf(A.value) : 0;
+			return t >= 0 ? t : 0;
 		};
 		w(() => {
-			if (y.options.length > 0) {
-				let e = y.options.map((e) => e[y.fieldNames.value]), t = A.value ? e.indexOf(A.value) : 0;
-				M.value = t >= 0 ? t : 0, requestAnimationFrame(L);
-			}
+			y.options.length > 0 && (M.value = z(), requestAnimationFrame(L));
 		}), t(F, () => {
 			requestAnimationFrame(L);
+		}), w((e) => {
+			let t = j.value[M.value];
+			if (!t) return;
+			let n = new ResizeObserver(() => {
+				requestAnimationFrame(L);
+			});
+			n.observe(t), e(() => n.disconnect());
 		}), d(() => {
-			requestAnimationFrame(L);
+			A.value === void 0 && y.defaultValue !== void 0 && (A.value = y.defaultValue), M.value = z(), L(), requestAnimationFrame(L);
+		}), w((e) => {
+			let t = F.value;
+			if (!t) return;
+			let n = new IntersectionObserver((e) => {
+				e.some((e) => e.isIntersecting) && requestAnimationFrame(L);
+			});
+			n.observe(t), e(() => n.disconnect());
 		});
-		let z = s(), B = D(), V = n(B);
+		let B = s(), V = D(), H = n(V);
 		return p(() => {
 			let e = S(k);
-			m(B, [
+			m(V, [
 				e.b(),
 				e.m(c.size),
 				{ [e.m("block")]: c.block }
-			]), m(V, [e.m("selected")]), _(V, {
+			]), m(H, [e.m("selected")]), _(H, {
 				width: N.value + "px",
 				left: P.value + "px"
 			});
-		}), h(B, null, 1), r(() => c.options, (e, t) => {
+		}), h(V, null, 1), r(() => c.options, (e, t) => {
 			let n = E();
 			return p(() => {
 				let r = S(k);
@@ -73,8 +93,8 @@ var O = /*@__PURE__*/ c({
 				return p(() => {
 					m(t, [S(k).e("label")]), v(n, b(e.value[c.fieldNames.label]));
 				}), t;
-			}), n.$evtclick = a((t) => R(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), p(() => z(n, (e) => I(e, t.value), !0)), n;
-		}, (e, t) => e[c.fieldNames.value], 8), g(B, F, null, "containerRef"), B;
+			}), n.$evtclick = a((t) => R(e.value[c.fieldNames.value], t, e.value[c.fieldNames.disabled])), p(() => B(n, (e) => I(e, t.value), !0)), n;
+		}, (e, t) => e[c.fieldNames.value], 8), g(V, F, null, "containerRef"), V;
 	}
 });
 //#endregion

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

@@ -11,6 +11,8 @@ export interface SegmentedProps {
     options: any[];
     /** 字段名 */
     fieldNames?: SegmentedFieldNamesProps;
+    /** 默认值 */
+    defaultValue?: string | number | boolean;
     /** 尺寸 */
     size?: "small" | "medium" | "large";
     /** 是否撑满宽度 */

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

@@ -7,6 +7,7 @@ export declare const SSwitch: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         modelValue?: boolean | string | number | undefined;
+        defaultValue?: boolean | string | number | undefined;
         disabled?: boolean | undefined;
         activeValue?: boolean | string | number | undefined;
         activeColor?: string | undefined;

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

@@ -14,6 +14,11 @@ var M = /*@__PURE__*/ c({
 			String,
 			Number
 		] },
+		defaultValue: { type: [
+			Boolean,
+			String,
+			Number
+		] },
 		disabled: { type: Boolean },
 		activeValue: {
 			type: [
@@ -52,10 +57,10 @@ var M = /*@__PURE__*/ c({
 	}),
 	emits: /*@__PURE__*/ u(["change"], ["update:modelValue"]),
 	setup(c, { emit: l }) {
-		let u = c, x = l, { size: M, error: N } = C(u), { mergedSize: P, mergedError: F } = t({
-			size: M,
-			error: N
-		}), I = e("switch"), L = E(c, "modelValue"), R = D("inputRef"), z = m(!1), B = r(() => L.value === u.activeValue), V = async () => {
+		let u = c, x = l, M = e("switch"), { size: N, error: P } = C(u), { mergedSize: F, mergedError: I } = t({
+			size: N,
+			error: P
+		}), L = E(c, "modelValue"), R = D("inputRef"), z = m(!1), B = r(() => L.value === u.activeValue), V = async () => {
 			if (u.disabled) return;
 			let e = B.value ? u.inactiveValue : u.activeValue;
 			if (u.beforeChange) try {
@@ -66,20 +71,20 @@ var M = /*@__PURE__*/ c({
 			z.value = !z.value, L.value = e, x("change", e);
 		};
 		p(() => {
-			R.value.checked = B.value, z.value = B.value;
+			L.value === void 0 && u.defaultValue !== void 0 && (L.value = u.defaultValue), R.value.checked = B.value, z.value = B.value;
 		}), O(B, (e) => {
 			R.value.checked = e;
 		});
 		let H = s(), U = j(), W = n(U), G = d(W, 1), K = n(G), q = d(K, 1);
 		return f(W, "keypress", k(V, ["enter"])), H(W, R, null, "inputRef"), h(() => {
-			let e = T(I), t = B.value, n = c.disabled, r = c.activeColor, i = c.inactiveColor;
+			let e = T(M), t = B.value, n = c.disabled, r = c.activeColor, i = c.inactiveColor;
 			g(U, [
 				e.b(),
-				e.m(T(P)),
+				e.m(T(F)),
 				e.is("checked", t),
 				e.is("disabled", n),
 				e.is("circle", c.circle),
-				e.is("error", T(F))
+				e.is("error", T(I))
 			]), g(W, [e.e("inner")]), v(W, "disabled", n), g(G, [e.e("core")]), y(G, {
 				backgroundColor: t ? r : i,
 				borderColor: t ? r : i
@@ -87,7 +92,7 @@ var M = /*@__PURE__*/ c({
 		}), _(K, null, 0), i(() => c.activeText || c.inactiveText, () => {
 			let e = A(), t = w(e);
 			return h(() => b(t, S(B.value ? c.activeText : c.inactiveText))), e;
-		}), h(() => g(q, [T(I).e("core-action")])), _(q, null, 0), i(() => B.value, () => o("active-icon"), () => o("inactive-icon"), 517), U.$evtclick = a(V), U;
+		}), h(() => g(q, [T(M).e("core-action")])), _(q, null, 0), i(() => B.value, () => o("active-icon"), () => o("inactive-icon"), 517), U.$evtclick = a(V), U;
 	}
 });
 //#endregion

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

@@ -1,6 +1,8 @@
 export interface SwitchProps {
     /** 开关状态（v-model） */
     modelValue?: boolean | string | number;
+    /** 默认值 */
+    defaultValue?: boolean | string | number;
     /** 是否禁用 */
     disabled?: boolean;
     /** 激活时的值 */

package/dist/es/components/src/table/table-body.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,14 +1,14 @@
-import { checkEllipsisVisible as e } from "../../../utils/src/tool.mjs";
+import { checkEllipsisVisible as e, getValueByPath as t } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
-import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import { useNamespace as n } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import n from "../../../icons/src/right.vue.mjs";
+import r from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
-import { STooltip as r } from "../tooltip/index.mjs";
-import { tableContextKey as i } from "./types.mjs";
-import { child as a, computed as o, createComponent as s, createComponentWithFallback as c, createFor as l, createIf as u, createInvoker as d, createSlot as f, createTemplateRefSetter as p, defineVaporComponent as m, delegateEvents as h, inject as g, nextTick as _, ref as v, renderEffect as y, resolveComponent as b, setClass as x, setInsertionState as S, setProp as C, setStyle as w, setText as T, template as E, toDisplayString as D, txt as O, unref as k, watch as A } from "vue";
+import { STooltip as i } from "../tooltip/index.mjs";
+import { tableContextKey as a } from "./types.mjs";
+import { child as o, computed as s, createComponent as c, createComponentWithFallback as l, createFor as u, createIf as d, createInvoker as f, createSlot as ee, createTemplateRefSetter as p, defineVaporComponent as m, delegateEvents as h, inject as g, nextTick as _, ref as v, renderEffect as y, resolveComponent as b, setClass as x, setInsertionState as S, setProp as C, setStyle as w, setText as T, template as E, toDisplayString as D, txt as O, unref as k, watch as A } from "vue";
 //#region ../components/src/table/table-body.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var j = E("<td><div>"), M = E("<span>"), N = E("<div><div> </div>"), P = E("<div><div> "), F = E("<td>"), ee = E("<tr>"), I = E("<tbody>", 1);
+var j = E("<td><div>"), M = E("<span>"), N = E("<div><div> </div>"), P = E("<div><div> "), F = E("<td>"), I = E("<tr>"), te = E("<tbody>", 1);
 h("click");
 var L = /*@__PURE__*/ m({
 	__name: "table-body",
@@ -19,7 +19,7 @@ var L = /*@__PURE__*/ m({
 		"expandedRow"
 	],
 	setup(m, { emit: h }) {
-		let E = m, L = h, R = t("table"), z = g(i, void 0), B = v({}), V = v({}), H = (e, t) => {
+		let E = m, L = h, R = n("table"), z = g(a, void 0), B = v({}), V = v({}), H = (e, t) => {
 			e instanceof HTMLElement && (V.value[t] = e);
 		}, U = async () => {
 			await _(), requestAnimationFrame(() => {
@@ -38,13 +38,13 @@ var L = /*@__PURE__*/ m({
 		});
 		let W = (e, t) => {
 			L("expandedRow", e, t);
-		}, G = o(() => z?.flatColumns.value || []), K = o(() => z?.props.stripe ?? !1), q = o(() => z?.isScrollAtLeft.value ?? !0), J = o(() => z?.isScrollAtRight.value ?? !1), Y = (e) => {
+		}, G = (e, n) => t(e, n), K = s(() => z?.flatColumns.value || []), q = s(() => z?.props.stripe ?? !1), J = s(() => z?.isScrollAtLeft.value ?? !0), Y = s(() => z?.isScrollAtRight.value ?? !1), X = (e) => {
 			let t = {};
 			return e.width === "auto" && (t.whiteSpace = "nowrap"), e.fixed && e.fixedOffset !== void 0 && (t.position = "sticky", t[e.fixed] = `${e.fixedOffset}px`, t.zIndex = 1), t;
-		}, X = o(() => {
+		}, Z = s(() => {
 			let e = z?.checked.value ?? [];
 			return new Set(e.map((e) => e._id));
-		}), Z = (e) => X.value.has(e._id), Q = (e, t, n) => {
+		}), Q = (e) => Z.value.has(e._id), ne = (e, t, n) => {
 			let r = z?.checked.value ?? [], i;
 			if (z?.props?.multiple) {
 				let n = r.findIndex((e) => e._id === t._id);
@@ -55,97 +55,95 @@ var L = /*@__PURE__*/ m({
 				else i = n === -1 ? [...r] : r.toSpliced(n, 1);
 			} else i = e ? [E.data.find((e) => e._id === t._id)] : [];
 			L("checkRow", t, n, i);
-		}, te = (e) => {
+		}, re = (e) => {
 			let t = z?.selected.value;
 			return t && t._id === e._id;
-		}, ne = (e) => {
+		}, ie = (e) => {
 			if (!z?.props?.rowSelection) return;
 			let t = z?.selected.value;
 			L("selectRow", t && t._id === e._id ? {} : e, E.data.indexOf(e));
-		}, re = p(), ie = b("s-checkbox"), $ = I();
-		return S($, null, 0), l(() => E.data, (e, t) => {
-			let i = ee();
+		}, ae = p(), oe = b("s-checkbox"), $ = te();
+		return S($, null, 0), u(() => E.data, (e, t) => {
+			let n = I();
 			return y(() => {
-				let n = k(R), r = e.value;
-				x(i, [
-					n.e("body-row"),
-					n.is("stripe", K.value && t.value % 2 == 1),
-					n.is("selected", te(r) || Z(r)),
-					n.is("selection", k(z)?.props?.rowSelection)
+				let r = k(R), i = e.value;
+				x(n, [
+					r.e("body-row"),
+					r.is("stripe", q.value && t.value % 2 == 1),
+					r.is("selected", re(i) || Q(i)),
+					r.is("selection", k(z)?.props?.rowSelection)
 				]);
-			}), S(i, null, 0), l(() => G.value, (i, o) => u(() => i.value.type === "select", () => {
-				let n = j(), r = a(n);
+			}), S(n, null, 0), u(() => K.value, (n, a) => d(() => n.value.type === "select", () => {
+				let r = j(), i = o(r);
 				y(() => {
-					let e = k(R), t = i.value, a = t.fixed;
-					x(n, [
+					let e = k(R), t = n.value, a = t.fixed;
+					x(r, [
 						e.e("body-cell"),
 						a ? e.m("body-cell", "fixed") : "",
 						a ? e.m("body-cell", "fixed", t.fixed) : "",
-						e.is("shadow", a === "left" && !q.value),
-						e.is("shadow", a === "right" && !J.value),
+						e.is("shadow", a === "left" && !J.value),
+						e.is("shadow", a === "right" && !Y.value),
 						{ [e.m("body-cell", "align", t.align)]: t.align }
-					]), w(n, Y(t)), x(r, [e.e("body-cell-content")]);
-				}), S(r, null, 0);
-				let o = (n) => Q(n, e.value, t.value);
-				return c(ie, {
-					"model-value": () => Z(e.value),
-					onChange: () => o
-				}), n;
+					]), w(r, X(t)), x(i, [e.e("body-cell-content")]);
+				}), S(i, null, 0);
+				let a = (n) => ne(n, e.value, t.value);
+				return l(oe, {
+					"model-value": () => Q(e.value),
+					onChange: () => a
+				}), r;
 			}, () => {
-				let c = F();
+				let s = F();
 				return y(() => {
-					let e = k(R), t = i.value, n = t.fixed;
-					x(c, [
+					let e = k(R), t = n.value, r = t.fixed;
+					x(s, [
 						e.e("body-cell"),
 						e.is("ellipsis", t.ellipsis || t.ellipsisTooltip),
-						n ? e.m("body-cell", "fixed") : "",
-						n ? e.m("body-cell", "fixed", t.fixed) : "",
-						e.is("shadow", n === "left" && !q.value),
-						e.is("shadow", n === "right" && !J.value),
+						r ? e.m("body-cell", "fixed") : "",
+						r ? e.m("body-cell", "fixed", t.fixed) : "",
+						e.is("shadow", r === "left" && !J.value),
+						e.is("shadow", r === "right" && !Y.value),
 						{ [e.m("body-cell", "align", t.align)]: t.align }
-					]), w(c, Y(t));
-				}), S(c, null, 0), u(() => i.value.slot, () => f(() => i.value.slot, {
-					column: () => i.value,
+					]), w(s, X(t));
+				}), S(s, null, 0), d(() => n.value.slot, () => ee(() => n.value.slot, {
+					column: () => n.value,
 					index: () => t.value,
 					row: () => e.value
-				}), () => u(() => i.value.ellipsisTooltip, () => s(k(r), {
-					content: () => e.value[i.value.field],
+				}), () => d(() => n.value.ellipsisTooltip, () => c(k(i), {
+					content: () => G(e.value, n.value.field),
 					mini: "",
-					disabled: () => B.value[t.value + "_" + o.value] !== !0
+					disabled: () => B.value[t.value + "_" + a.value] !== !0
 				}, () => {
-					let r = N(), c = a(r, 1);
+					let i = N(), s = o(i, 1);
 					y(() => {
-						x(r, [k(R).e("body-cell-content")]), w(r, { paddingLeft: i.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
-					}), S(r, 0, 0), u(() => e.value._hasChildren && i.value.treeNode, () => {
-						let r = M();
+						x(i, [k(R).e("body-cell-content")]), w(i, { paddingLeft: n.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
+					}), S(i, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
+						let n = M();
 						return y(() => {
 							let t = k(R);
-							x(r, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
-						}), S(r, null, 0), s(k(n)), r.$evtclick = d(() => W(e.value, t.value)), r;
+							x(n, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
+						}), S(n, null, 0), c(k(r)), n.$evtclick = f(() => W(e.value, t.value)), n;
 					});
-					let l = O(c);
+					let l = O(s);
 					return y(() => {
-						let n = i.value;
-						x(c, k(R).e("body-cell-text")), T(l, D(e.value[n.field])), re(c, (e) => H(e, t.value + "_" + o.value), !0);
-					}), r;
+						x(s, k(R).e("body-cell-text")), T(l, D(G(e.value, n.value.field))), ae(s, (e) => H(e, t.value + "_" + a.value), !0);
+					}), i;
 				}), () => {
-					let r = P(), o = a(r, 1);
+					let i = P(), a = o(i, 1);
 					y(() => {
-						x(r, [k(R).e("body-cell-content")]), w(r, { paddingLeft: i.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
-					}), S(r, 0, 0), u(() => e.value._hasChildren && i.value.treeNode, () => {
-						let r = M();
+						x(i, [k(R).e("body-cell-content")]), w(i, { paddingLeft: n.value.treeNode ? (e.value._level || 0) * 24 + "px" : "0px" });
+					}), S(i, 0, 0), d(() => e.value._hasChildren && n.value.treeNode, () => {
+						let n = M();
 						return y(() => {
 							let t = k(R);
-							x(r, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
-						}), S(r, null, 0), s(k(n)), r.$evtclick = d(() => W(e.value, t.value)), r;
+							x(n, [t.e("tree-node-arrow"), t.is("expanded", e.value._expanded)]);
+						}), S(n, null, 0), c(k(r)), n.$evtclick = f(() => W(e.value, t.value)), n;
 					});
-					let c = O(o);
+					let s = O(a);
 					return y(() => {
-						let t = i.value;
-						x(o, k(R).e("body-cell-text")), T(c, D(e.value[t.field]));
-					}), r;
-				}, 1029), 517), c;
-			}, 266), (e, t) => t, 17), i.$evtclick = d(() => ne(e.value)), i;
+						x(a, k(R).e("body-cell-text")), T(s, D(G(e.value, n.value.field)));
+					}), i;
+				}, 1029), 517), s;
+			}, 266), (e, t) => t, 17), n.$evtclick = f(() => ie(e.value)), n;
 		}, (e, t) => t, 9), C($, "tabindex", -1), $;
 	}
 });

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

@@ -30,6 +30,9 @@
   @include when(block) {
     width: 100% !important;
   }
+  @include when(round) {
+    border-radius: getCssVar("radius", "round");
+  }
   @include when(secondary) {
     color: getCssVar("color", "text-1");
     background-color: getCssVar("color", "fill-2");

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

@@ -6,7 +6,6 @@
   display: inline-flex;
   align-items: center;
   font-size: getCssVar("font-size", "medium");
-  line-height: 1.5715;
 
   @include when(disabled) {
     @include be(switch, core) {
@@ -26,10 +25,10 @@
     @each $size in $size-list {
       @include this-bm(switch, #{$size}) {
         @include be(switch, core-action) {
-          left: calc(100% - (getCssVar("size", $size) - 12px + 3px));
+          left: calc(100% - (getCssVar("size", $size) - 8px + 3px));
         }
         @include be(switch, core-label) {
-          padding: 0 calc(getCssVar("size", $size) - 12px + 8px) 0 8px;
+          padding: 0 getCssVar("size", $size) 0 8px;
         }
       }
     }
@@ -92,21 +91,21 @@
 
   @each $size in $size-list {
     @include m(#{$size}) {
-      height: calc(getCssVar("size", $size) - 4px);
-      min-width: calc((getCssVar("size", $size) - 4px) * 2);
+      height: getCssVar("size", $size);
+      min-width: calc(getCssVar("size", $size) * 2);
       @include be(switch, core-action) {
-        height: calc(getCssVar("size", $size) - 12px);
-        width: calc(getCssVar("size", $size) - 12px);
+        height: calc(getCssVar("size", $size) - 8px);
+        width: calc(getCssVar("size", $size) - 8px);
       }
       @include be(switch, core-label) {
-        padding: 0 8px 0 calc(getCssVar("size", $size) - 12px + 8px);
+        padding: 0 8px 0 getCssVar("size", $size);
       }
     }
   }
 
   @include when(circle) {
     @include be(switch, core) {
-      border-radius: 999px;
+      border-radius: getCssVar("radius", "round");
     }
 
     @include be(switch, core-action) {

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

@@ -3,6 +3,7 @@
 
 @include b(table) {
   position: relative;
+  isolation: isolate;
   font-size: 14px;
   background-color: getCssVar("color", "bg-2");
   box-sizing: border-box;
@@ -49,19 +50,23 @@
     @include m(fixed_left) {
       position: sticky;
       left: 0;
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        width: 30px;
+        transform: translateX(100%);
+        pointer-events: none;
+        box-shadow: inset 12px 0 8px -12px rgba(0, 0, 0, 0.18);
+        z-index: 12;
+        opacity: 0;
+      }
       @include when(shadow) {
         background-color: getCssVar("color", "fill-1");
         &::after {
-          content: "";
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          width: 30px;
-          transform: translateX(100%);
-          pointer-events: none;
-          box-shadow: inset 12px 0 8px -12px rgba(0, 0, 0, 0.18);
-          z-index: 12;
+          opacity: 1;
         }
       }
     }
@@ -69,19 +74,23 @@
     @include m(fixed_right) {
       position: sticky;
       right: 0;
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        width: 30px;
+        transform: translateX(-100%);
+        pointer-events: none;
+        box-shadow: inset -12px 0 8px -12px rgba(0, 0, 0, 0.18);
+        z-index: 12;
+        opacity: 0;
+      }
       @include when(shadow) {
         background-color: getCssVar("color", "fill-1");
         &::after {
-          content: "";
-          position: absolute;
-          top: 0;
-          left: 0;
-          bottom: 0;
-          width: 30px;
-          transform: translateX(-100%);
-          pointer-events: none;
-          box-shadow: inset -12px 0 8px -12px rgba(0, 0, 0, 0.18);
-          z-index: 12;
+          opacity: 1;
         }
       }
     }
@@ -168,18 +177,22 @@
     @include m(fixed_left) {
       position: sticky;
       left: 0;
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        width: 30px;
+        transform: translateX(100%);
+        pointer-events: none;
+        box-shadow: inset 12px 0 8px -12px rgba(0, 0, 0, 0.18);
+        z-index: 12;
+        opacity: 0;
+      }
       @include when(shadow) {
         &::after {
-          content: "";
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          width: 30px;
-          transform: translateX(100%);
-          pointer-events: none;
-          box-shadow: inset 12px 0 8px -12px rgba(0, 0, 0, 0.18);
-          z-index: 12;
+          opacity: 1;
         }
       }
     }
@@ -187,18 +200,22 @@
     @include m(fixed_right) {
       position: sticky;
       right: 0;
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        width: 30px;
+        transform: translateX(-100%);
+        pointer-events: none;
+        box-shadow: inset -12px 0 8px -12px rgba(0, 0, 0, 0.18);
+        z-index: 12;
+        opacity: 0;
+      }
       @include when(shadow) {
         &::after {
-          content: "";
-          position: absolute;
-          top: 0;
-          left: 0;
-          bottom: 0;
-          width: 30px;
-          transform: translateX(-100%);
-          pointer-events: none;
-          box-shadow: inset -12px 0 8px -12px rgba(0, 0, 0, 0.18);
-          z-index: 12;
+          opacity: 1;
         }
       }
     }

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

@@ -10,6 +10,7 @@
   justify-content: center;
   gap: 4px;
   color: getCssVar("color", "text-1");
+  white-space: nowrap;
 
   @include m(default) {
     background-color: getCssVar("color", "fill-2");

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

@@ -22,6 +22,7 @@
     }
     @include when(selected) {
       background-color: getCssVar("color", "fill-2");
+      color: getCssVar("color", "primary-6");
     }
     @include when(disabled) {
       cursor: not-allowed;

package/dist/es/utils/src/theme/themeMap.mjs

@@ -52,11 +52,11 @@ var t = "s", n = [
 	lineHeightLarge: "24px",
 	lineHeightLarger: "28px",
 	radiusMini: "2px",
-	radiusSmall: "2px",
-	radiusMedium: "2px",
-	radiusLarge: "2px",
-	radiusLarger: "4px",
-	radiusRound: "999px",
+	radiusSmall: "4px",
+	radiusMedium: "6px",
+	radiusLarge: "8px",
+	radiusLarger: "12px",
+	radiusRound: "9999px",
 	radiusCircle: "100%",
 	bezier1: "cubic-bezier(0.4, 0, 0.2, 1)",
 	bezierIn: "cubic-bezier(0.4, 0, 1, 1)",

package/dist/es/utils/src/tool.d.ts

@@ -27,3 +27,10 @@ export declare const addGroupSeparator: (numStr: string) => string;
  * 判断元素文字是否溢出并展示省略号
  */
 export declare const checkEllipsisVisible: (el: HTMLElement) => boolean;
+/**
+ * 根据路径获取对象嵌套属性值，支持点号分隔（如 "dept.title"）
+ * @param obj 目标对象
+ * @param path 属性路径
+ * @returns 属性值，路径无效时返回 undefined
+ */
+export declare const getValueByPath: (obj: any, path: string) => any;

package/dist/es/utils/src/tool.mjs

@@ -22,6 +22,15 @@ var e = (e, t) => {
 }, r = (e) => e === void 0 || e === "auto" ? 0 : typeof e == "number" ? e : parseFloat(e) || 0, i = (e) => {
 	let t = e.split(".");
 	return t[0] = t[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), t.join(".");
-}, a = (e) => !e.isConnected || e.getBoundingClientRect().width <= 1 ? !1 : e.scrollWidth > e.clientWidth;
+}, a = (e) => !e.isConnected || e.getBoundingClientRect().width <= 1 ? !1 : e.scrollWidth > e.clientWidth, o = (e, t) => {
+	if (e == null || !t) return;
+	if (!t.includes(".")) return e[t];
+	let n = t.split("."), r = e;
+	for (let e of n) {
+		if (r == null) return;
+		r = r[e];
+	}
+	return r;
+};
 //#endregion
-export { i as addGroupSeparator, a as checkEllipsisVisible, e as debounce, n as getSize, r as getSizeNum, t as randomId };
+export { i as addGroupSeparator, a as checkEllipsisVisible, e as debounce, n as getSize, r as getSizeNum, o as getValueByPath, t as randomId };

package/dist/json/vetur-attributes.json

@@ -191,6 +191,10 @@
     "description": "是否为轮廓按钮",
     "type": "boolean"
   },
+  "s-button/round": {
+    "description": "是否为圆角按钮",
+    "type": "boolean"
+  },
   "s-button-group/size": {
     "description": "按钮组大小"
   },
@@ -1786,6 +1790,10 @@
   "s-segmented/fieldNames": {
     "description": "字段名"
   },
+  "s-segmented/defaultValue": {
+    "description": "默认值",
+    "type": "string | number | boolean"
+  },
   "s-segmented/size": {
     "description": "尺寸"
   },
@@ -2061,6 +2069,10 @@
     "description": "开关状态（v-model）",
     "type": "boolean | string | number"
   },
+  "s-switch/defaultValue": {
+    "description": "默认值",
+    "type": "boolean | string | number"
+  },
   "s-switch/disabled": {
     "description": "是否禁用",
     "type": "boolean"

package/dist/json/vetur-tags.json

@@ -80,7 +80,8 @@
       "text",
       "link",
       "secondary",
-      "outline"
+      "outline",
+      "round"
     ]
   },
   "s-button-group": {
@@ -760,6 +761,7 @@
       "change",
       "options",
       "fieldNames",
+      "defaultValue",
       "size",
       "block"
     ]
@@ -875,6 +877,7 @@
     "attributes": [
       "change",
       "modelValue",
+      "defaultValue",
       "disabled",
       "activeValue",
       "activeColor",

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.8.0",
+  "version": "0.10.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -495,6 +495,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "round",
+              "description": "是否为圆角按钮",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -4665,6 +4673,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "defaultValue",
+              "description": "默认值",
+              "value": {
+                "type": "string | number | boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "size",
               "description": "尺寸",
@@ -5369,6 +5385,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "defaultValue",
+              "description": "默认值",
+              "value": {
+                "type": "boolean | string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "description": "是否禁用",

package/package.json

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