savor-ui 0.10.1 → 0.11.0

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 
 
+# [0.11.0](https://gitee.com/mach552/savor-ui/compare/v0.10.1...v0.11.0) (2026-07-14)
+
+
+### Bug Fixes
+
+* **segmented:** 修复默认激活块宽度不足的问题 ([1d36714](https://gitee.com/mach552/savor-ui/commits/1d36714cf67b9c234c453ed77dc7a6beee80dba7))
+* **switch:** 修复默认值错误的问题 ([729312b](https://gitee.com/mach552/savor-ui/commits/729312bfd5244932fac28774af3ddde61e646b6a))
+
+
+### Features
+
+* **menu:** 新增`ignoreLevel`属性 ([d183006](https://gitee.com/mach552/savor-ui/commits/d183006dbcf32ba78ed76af043e54b2469c86254))
+
 ## [0.10.1](https://gitee.com/mach552/savor-ui/compare/v0.10.0...v0.10.1) (2026-07-14)
 
 

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

@@ -1,20 +1,21 @@
-import { SubMenuSlots, MenuItemSlots, MenuSlots } from './types';
+import { MenuGroupSlots, MenuItemSlots, MenuSlots, SubMenuSlots } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
 export declare const SMenuGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
-    slots: SubMenuSlots;
+    slots: MenuGroupSlots;
     emit: {};
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
         name: string | number;
         title?: string | undefined;
         disabled?: boolean | undefined;
+        ignoreLevel?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: SubMenuSlots;
+    slots: MenuGroupSlots;
     emit: {};
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
@@ -29,6 +30,7 @@ export declare const SMenuItem: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         title?: string | undefined;
         disabled?: boolean | undefined;
         item?: any;
+        ignoreLevel?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -75,6 +77,7 @@ export declare const SSubMenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         name: string | number;
         title?: string | undefined;
         disabled?: boolean | undefined;
+        ignoreLevel?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/es/components/src/menu/menu-group.d.ts

@@ -1,12 +1,12 @@
-import { SubMenuProps, SubMenuSlots } from './types';
+import { MenuGroupProps, MenuGroupSlots } from './types';
 import { PublicProps, VNode } from 'vue';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal<SubMenuProps> & (typeof globalThis extends {
+    props: PublicProps & __VLS_PrettifyLocal<MenuGroupProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: SubMenuSlots;
+    slots: MenuGroupSlots;
     emit: {};
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1,37 +1,38 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { menuContextKey as t, menuLevelContextKey as n } from "./types.mjs";
-import { child as r, createIf as i, createSlot as a, defineVaporComponent as o, inject as s, next as c, onMounted as l, provide as u, renderEffect as d, setClass as f, setInsertionState as p, setStaticTemplateRef as m, setText as h, template as g, toDisplayString as _, unref as v, useTemplateRef as y } from "vue";
+import { child as r, computed as i, createIf as a, createSlot as o, defineVaporComponent as s, inject as c, next as l, onMounted as u, provide as d, renderEffect as f, setClass as p, setInsertionState as m, setStaticTemplateRef as h, setText as g, template as _, toDisplayString as v, unref as y, useTemplateRef as b } from "vue";
 //#region ../components/src/menu/menu-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = g("<div>"), x = g(" "), S = g("<div><div><div></div></div><div>", 1), C = /*@__PURE__*/ o({
+var x = _("<div>"), S = _(" "), C = _("<div><div><div></div></div><div>", 1), w = /*@__PURE__*/ s({
 	name: "SMenuGroup",
 	__name: "menu-group",
 	props: {
 		name: {},
 		title: {},
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		ignoreLevel: { type: Boolean }
 	},
-	setup(o, { slots: g }) {
-		let C = e("menu"), w = y("groupRef"), T = s(t, void 0), E = s(n, void 0), D = E ? E.level + 1 : 1;
-		l(() => {
-			w.value?.style.setProperty("--s-menu-level", `${D}`);
-		}), u(n, { level: D });
-		let O = S(), k = r(O), A = r(k, 1), j = c(k, 1);
-		return d(() => {
-			let e = v(C);
-			f(O, [
+	setup(s, { slots: _ }) {
+		let w = s, T = e("menu"), E = b("groupRef"), D = c(t, void 0), O = c(n, void 0), k = i(() => w.ignoreLevel ? 1 : O ? O.level.value + 1 : 1);
+		u(() => {
+			E.value?.style.setProperty("--s-menu-level", `${k.value}`);
+		}), d(n, { level: k });
+		let A = C(), j = r(A), M = r(j, 1), N = l(j, 1);
+		return f(() => {
+			let e = y(T);
+			p(A, [
 				e.e("group"),
-				e.is("disabled", o.disabled),
-				e.is("collapse", v(T)?.isCollapsed.value)
-			]), f(k, [e.e("group-title")]);
-		}), p(k, 0, 0), i(() => g.icon, () => {
-			let e = b();
-			return d(() => f(e, [v(C).e("group-icon")])), p(e, null, 0), a("icon"), e;
-		}), d(() => f(A, [v(C).e("group-label")])), p(A, null, 0), a("title", null, () => {
+				e.is("disabled", s.disabled),
+				e.is("collapse", y(D)?.isCollapsed.value)
+			]), p(j, [e.e("group-title")]);
+		}), m(j, 0, 0), a(() => _.icon, () => {
 			let e = x();
-			return d(() => h(e, _(o.title))), e;
-		}), d(() => f(j, [v(C).e("group-content")])), p(j, null, 0), a(), m(O, w, null, "groupRef"), O;
+			return f(() => p(e, [y(T).e("group-icon")])), m(e, null, 0), o("icon"), e;
+		}), f(() => p(M, [y(T).e("group-label")])), m(M, null, 0), o("title", null, () => {
+			let e = S();
+			return f(() => g(e, v(s.title))), e;
+		}), f(() => p(N, [y(T).e("group-content")])), m(N, null, 0), o(), h(A, E, null, "groupRef"), A;
 	}
 });
 //#endregion
-export { C as default };
+export { w as default };

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

@@ -13,7 +13,8 @@ var O = /*@__PURE__*/ u({
 		name: {},
 		title: {},
 		disabled: { type: Boolean },
-		item: {}
+		item: {},
+		ignoreLevel: { type: Boolean }
 	},
 	setup(u, { slots: d }) {
 		let y = u, O = e("menu"), k = S("itemRef"), A = f(n, void 0), j = f(i, void 0), M = f(r, void 0), N = () => {

package/dist/es/components/src/menu/sub-menu.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -17,10 +17,11 @@ var P = /*@__PURE__*/ m({
 	props: {
 		name: {},
 		title: {},
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		ignoreLevel: { type: Boolean }
 	},
 	setup(m, { slots: h }) {
-		let E = m, P = e("menu"), F = k("subMenuRef"), I = g(a, void 0), L = g(s, void 0), R = g(o, void 0), z = R ? R.level + 1 : 1, B = x(!1), V = x(/* @__PURE__ */ new Set()), oe = () => {
+		let E = m, P = e("menu"), F = k("subMenuRef"), I = g(a, void 0), L = g(s, void 0), R = g(o, void 0), z = l(() => E.ignoreLevel ? 1 : R ? R.level.value + 1 : 1), B = x(!1), V = x(/* @__PURE__ */ new Set()), oe = () => {
 			I?.collapsed.value || (B.value = !B.value, B.value ? I?.setOpenKey(E.name) : I?.removeOpenKey(E.name));
 		}, H = l(() => {
 			let e = I?.activeKey.value;
@@ -89,7 +90,7 @@ var P = /*@__PURE__*/ m({
 					let e = M();
 					return S(() => C(e, [O(P).e("pop-content")])), w(e, null, 0), p(), v(e, "mouseenter", Z), v(e, "mouseleave", fe), e;
 				},
-				default: () => d(() => O(z) === 1, () => {
+				default: () => d(() => z.value === 1, () => {
 					let e = j(), t = c(e);
 					return S(() => {
 						let n = O(P);

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

@@ -32,6 +32,8 @@ export interface MenuItemProps {
     disabled?: boolean;
     /** 菜单项数据 */
     item?: any;
+    /** 是否忽略层级 */
+    ignoreLevel?: boolean;
 }
 export interface MenuItemSlots {
     /** 默认 */
@@ -48,6 +50,8 @@ export interface SubMenuProps {
     title?: string;
     /** 是否禁用 */
     disabled?: boolean;
+    /** 是否忽略层级 */
+    ignoreLevel?: boolean;
 }
 export interface SubMenuSlots {
     /** 默认 */
@@ -57,6 +61,24 @@ export interface SubMenuSlots {
     /** 自定义子菜单标题 */
     title?: () => any;
 }
+export interface MenuGroupProps {
+    /** 菜单键值 */
+    name: string | number;
+    /** 菜单标题 */
+    title?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否忽略层级 */
+    ignoreLevel?: boolean;
+}
+export interface MenuGroupSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 自定义子菜单图标 */
+    icon?: () => any;
+    /** 自定义子菜单标题 */
+    title?: () => any;
+}
 export interface MenuContext {
     collapsed: Ref<boolean>;
     collapsedWidth: Ref<number>;
@@ -80,6 +102,6 @@ export interface SubMenuContext {
 }
 export declare const subMenuContextKey: InjectionKey<SubMenuContext>;
 export interface MenuLevelContext {
-    level: number;
+    level: Ref<number>;
 }
 export declare const menuLevelContextKey: InjectionKey<MenuLevelContext>;

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

@@ -32,41 +32,33 @@ var O = /*@__PURE__*/ c({
 	}),
 	emits: /*@__PURE__*/ u(["change"], ["update:modelValue"]),
 	setup(c, { emit: l, slots: u }) {
-		let y = c, O = l, k = e("segmented"), A = C(c, "modelValue"), j = f([]), M = f(0), N = f(0), P = f(0), F = f(null), I = (e, t) => {
+		let y = c, O = l, k = e("segmented"), A = C(c, "modelValue"), j = f([]), M = f(0), N = f(0), P = f(0), F = f(null);
+		A.value === void 0 && y.defaultValue !== void 0 && (A.value = y.defaultValue);
+		let I = (e, t) => {
 			e instanceof HTMLElement && (j.value[t] = e);
 		}, L = () => {
 			let e = j.value[M.value], t = F.value;
-			if (e && t) {
-				let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-				P.value = r.left - n.left, N.value = r.width;
-			}
+			e && t && (P.value = e.offsetLeft, N.value = e.offsetWidth);
 		}, 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;
+			let e = y.options.map((e) => e[y.fieldNames.value]), t = A.value === void 0 ? 0 : e.indexOf(A.value);
 			return t >= 0 ? t : 0;
 		};
 		w(() => {
-			y.options.length > 0 && (M.value = z(), requestAnimationFrame(L));
+			y.options.length > 0 && (M.value = z(), L());
 		}), t(F, () => {
-			requestAnimationFrame(L);
+			L();
 		}), w((e) => {
 			let t = j.value[M.value];
 			if (!t) return;
 			let n = new ResizeObserver(() => {
-				requestAnimationFrame(L);
+				L();
 			});
-			n.observe(t), e(() => n.disconnect());
+			n.observe(t), L(), e(() => n.disconnect());
 		}), d(() => {
-			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());
+			M.value = z(), L();
 		});
 		let B = s(), V = D(), H = n(V);
 		return p(() => {

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

@@ -1,11 +1,11 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { useFormItem as t } from "../form/use-form-item.mjs";
-import { child as n, computed as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, next as d, on as f, onMounted as p, ref as m, renderEffect as h, setClass as g, setInsertionState as _, setProp as v, setStyle as y, setText as b, template as x, toDisplayString as S, toRefs as C, txt as w, unref as T, useModel as E, useTemplateRef as D, watch as O, withKeys as k } from "vue";
+import { child as n, computed as r, createIf as i, createInvoker as a, createSlot as o, createTemplateRefSetter as s, defineVaporComponent as c, delegateEvents as l, mergeModels as u, next as d, on as f, onMounted as p, renderEffect as m, setClass as h, setInsertionState as g, setProp as _, setStyle as v, setText as y, template as b, toDisplayString as x, toRefs as S, txt as C, unref as w, useModel as T, useTemplateRef as E, watch as D, withKeys as O } from "vue";
 //#region ../components/src/switch/switch.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var A = x("<span> "), j = x("<div><input role=switch type=checkbox><div><div></div><div>", 1);
+var k = b("<span> "), A = b("<div><input role=switch type=checkbox><div><div></div><div>", 1);
 l("click");
-var M = /*@__PURE__*/ c({
+var j = /*@__PURE__*/ c({
 	name: "SSwitch",
 	__name: "switch",
 	props: /*@__PURE__*/ u({
@@ -57,43 +57,45 @@ var M = /*@__PURE__*/ c({
 	}),
 	emits: /*@__PURE__*/ u(["change"], ["update:modelValue"]),
 	setup(c, { emit: l }) {
-		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 () => {
+		let u = c, b = l, j = e("switch"), { size: M, error: N } = S(u), { mergedSize: P, mergedError: F } = t({
+			size: M,
+			error: N
+		}), I = T(c, "modelValue"), L = E("inputRef");
+		I.value === void 0 && u.defaultValue !== void 0 && (I.value = u.defaultValue);
+		let R = r(() => I.value === u.activeValue), z = async () => {
 			if (u.disabled) return;
-			let e = B.value ? u.inactiveValue : u.activeValue;
+			let e = R.value ? u.inactiveValue : u.activeValue;
 			if (u.beforeChange) try {
 				await u.beforeChange(e);
 			} catch {
 				return;
 			}
-			z.value = !z.value, L.value = e, x("change", e);
+			I.value = e, b("change", e);
 		};
 		p(() => {
-			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;
+			L.value.checked = R.value;
+		}), D(R, (e) => {
+			L.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(M), t = B.value, n = c.disabled, r = c.activeColor, i = c.inactiveColor;
-			g(U, [
+		let B = s(), V = A(), H = n(V), U = d(H, 1), W = n(U), G = d(W, 1);
+		return f(H, "keypress", O(z, ["enter"])), B(H, L, null, "inputRef"), m(() => {
+			let e = w(j), t = R.value, n = c.disabled, r = c.activeColor, i = c.inactiveColor;
+			h(V, [
 				e.b(),
-				e.m(T(F)),
+				e.m(w(P)),
 				e.is("checked", t),
 				e.is("disabled", n),
 				e.is("circle", c.circle),
-				e.is("error", T(I))
-			]), g(W, [e.e("inner")]), v(W, "disabled", n), g(G, [e.e("core")]), y(G, {
+				e.is("error", w(F))
+			]), h(H, [e.e("inner")]), _(H, "disabled", n), h(U, [e.e("core")]), v(U, {
 				backgroundColor: t ? r : i,
 				borderColor: t ? r : i
-			}), g(K, [e.e("core-label")]);
-		}), _(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(M).e("core-action")])), _(q, null, 0), i(() => B.value, () => o("active-icon"), () => o("inactive-icon"), 517), U.$evtclick = a(V), U;
+			}), h(W, [e.e("core-label")]);
+		}), g(W, null, 0), i(() => c.activeText || c.inactiveText, () => {
+			let e = k(), t = C(e);
+			return m(() => y(t, x(R.value ? c.activeText : c.inactiveText))), e;
+		}), m(() => h(G, [w(j).e("core-action")])), g(G, null, 0), i(() => R.value, () => o("active-icon"), () => o("inactive-icon"), 517), V.$evtclick = a(z), V;
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/dist/json/vetur-attributes.json

@@ -1356,6 +1356,10 @@
   "s-menu-item/item": {
     "description": "菜单项数据"
   },
+  "s-menu-item/ignoreLevel": {
+    "description": "是否忽略层级",
+    "type": "boolean"
+  },
   "s-sub-menu/name": {
     "description": "菜单键值",
     "type": "string | number"
@@ -1368,6 +1372,26 @@
     "description": "是否禁用",
     "type": "boolean"
   },
+  "s-sub-menu/ignoreLevel": {
+    "description": "是否忽略层级",
+    "type": "boolean"
+  },
+  "s-menu-group/name": {
+    "description": "菜单键值",
+    "type": "string | number"
+  },
+  "s-menu-group/title": {
+    "description": "菜单标题",
+    "type": "string"
+  },
+  "s-menu-group/disabled": {
+    "description": "是否禁用",
+    "type": "boolean"
+  },
+  "s-menu-group/ignoreLevel": {
+    "description": "是否忽略层级",
+    "type": "boolean"
+  },
   "s-message/type": {
     "description": "消息类型"
   },

package/dist/json/vetur-tags.json

@@ -586,14 +586,24 @@
       "name",
       "title",
       "disabled",
-      "item"
+      "item",
+      "ignoreLevel"
     ]
   },
   "s-sub-menu": {
     "attributes": [
       "name",
       "title",
-      "disabled"
+      "disabled",
+      "ignoreLevel"
+    ]
+  },
+  "s-menu-group": {
+    "attributes": [
+      "name",
+      "title",
+      "disabled",
+      "ignoreLevel"
     ]
   },
   "s-message": {

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.10.0",
+  "version": "0.10.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -3561,6 +3561,14 @@
                 "type": "any",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ignoreLevel",
+              "description": "是否忽略层级",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -3605,6 +3613,66 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "ignoreLevel",
+              "description": "是否忽略层级",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "默认"
+            },
+            {
+              "name": "icon",
+              "description": "自定义子菜单图标"
+            },
+            {
+              "name": "title",
+              "description": "自定义子菜单标题"
+            }
+          ]
+        },
+        {
+          "name": "s-menu-group",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "菜单键值",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "title",
+              "description": "菜单标题",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "是否禁用",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "ignoreLevel",
+              "description": "是否忽略层级",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],

package/package.json

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