savor-ui 0.17.0 → 0.19.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 
 
+# [0.19.0](https://gitee.com/mach552/savor-ui/compare/v0.18.0...v0.19.0) (2026-08-09)
+
+
+### Bug Fixes
+
+* **menu:** 修复弹层菜单无样式变量的问题 ([96a315a](https://gitee.com/mach552/savor-ui/commits/96a315a59f06ab072835b14e6addb35ad60dcd1b))
+
+
+### Features
+
+* **card:** 新增边框属性 ([7842ba8](https://gitee.com/mach552/savor-ui/commits/7842ba8774566893065f4ae9f3adac02a38cc506))
+* **card:** 新增标题文本属性 ([fa5c634](https://gitee.com/mach552/savor-ui/commits/fa5c6342a7ae74c7801d061c545a381441e22136))
+
+# [0.18.0](https://gitee.com/mach552/savor-ui/compare/v0.17.0...v0.18.0) (2026-08-08)
+
+
+### Features
+
+* **menu:** 新增样式颜色属性 ([a2dd967](https://gitee.com/mach552/savor-ui/commits/a2dd9678707ac3c9eb3631ecf0ac92c42f5d8a3f))
+* **modal:** 新增类型和图标 ([7973598](https://gitee.com/mach552/savor-ui/commits/797359852caed0d019a3f86ed24379104030ccd3))
+* **tree:** 新增节点图标和额外内容插槽 ([b3f7953](https://gitee.com/mach552/savor-ui/commits/b3f79533fbeb4c589c74dbc4e240b1bb336489cb))
+
 # [0.17.0](https://gitee.com/mach552/savor-ui/compare/v0.16.0...v0.17.0) (2026-08-07)
 
 

package/dist/es/components/index.mjs

@@ -15,6 +15,7 @@ import "./src/auto-complete/index.mjs";
 import "./src/avatar/index.mjs";
 import "./src/badge/index.mjs";
 import "./src/button/index.mjs";
+import "./src/text/index.mjs";
 import "./src/card/index.mjs";
 import "./src/carousel/index.mjs";
 import "./src/empty/index.mjs";
@@ -78,7 +79,6 @@ import "./src/table/types.mjs";
 import "./src/table/index.mjs";
 import "./src/tabs/types.mjs";
 import "./src/tabs/index.mjs";
-import "./src/text/index.mjs";
 import "./src/textarea/index.mjs";
 import "./src/timeline/types.mjs";
 import "./src/timeline/index.mjs";

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

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import t from "../text/text.vue.mjs";
-import { child as n, createComponent as r, createIf as i, createSlot as a, defineVaporComponent as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, setText as d, template as f, toDisplayString as p, unref as m } from "vue";
+import { SText as t } from "../text/index.mjs";
+import { child as n, createComponent as r, createIf as i, createSlot as a, defineVaporComponent as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, template as d, unref as f } from "vue";
 //#region ../components/src/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", 1), y = /*@__PURE__*/ o({
+var p = d("<div>"), m = d("<div><div></div>"), h = d("<div><div>", 1), g = /*@__PURE__*/ o({
 	name: "SCard",
 	__name: "card",
 	props: {
@@ -11,41 +11,48 @@ var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", 1
 		subtitle: {},
 		bar: { type: Boolean },
 		shadow: { default: "never" },
-		bodyStyle: {}
+		bordered: { type: Boolean },
+		bodyStyle: {},
+		titleProps: {}
 	},
-	setup(o, { slots: f }) {
-		let y = e("card"), b = v(), x = n(b, 1);
+	setup(o, { slots: d }) {
+		let g = e("card"), _ = h(), v = n(_, 1);
 		return s(() => {
-			let e = m(y);
-			c(b, [e.b(), e.m(o.shadow)]);
-		}), l(b, 0, 0), i(() => f.image, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("image")])), l(e, null, 0), a("image"), e;
+			let e = f(g);
+			c(_, [
+				e.b(),
+				e.m(o.shadow),
+				{ [e.m("bordered")]: o.bordered }
+			]);
+		}), l(_, 0, 0), i(() => d.image, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("image")])), l(e, null, 0), a("image"), e;
 		}), s(() => {
-			c(x, [m(y).e("body")]), u(x, o.bodyStyle);
-		}), l(x, null, 0), i(() => f.title || o.title || f.expand, () => {
-			let e = _(), u = n(e);
+			c(v, [f(g).e("body")]), u(v, o.bodyStyle);
+		}), l(v, null, 0), i(() => d.title || o.title || d.expand, () => {
+			let e = m(), u = n(e);
 			return s(() => {
-				let t = m(y);
+				let t = f(g);
 				c(e, [t.e("header")]), c(u, [t.e("title")]);
-			}), l(u, null, 0), a("title", null, () => r(t, { bar: () => o.bar }, () => {
-				let e = g();
-				return s(() => d(e, p(o.title))), e;
-			})), l(e, null, 1), i(() => f.expand, () => {
-				let e = h();
-				return s(() => c(e, [m(y).e("expand")])), l(e, null, 0), a("expand"), e;
+			}), l(u, null, 0), a("title", null, () => r(f(t), { $: [() => ({
+				bar: o.bar,
+				label: o.title,
+				...o.titleProps
+			})] })), l(e, null, 1), i(() => d.expand, () => {
+				let e = p();
+				return s(() => c(e, [f(g).e("expand")])), l(e, null, 0), a("expand"), e;
 			}), e;
-		}), l(x, null, 1), i(() => f.subtitle, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("subtitle")])), l(e, null, 0), a("subtitle"), e;
-		}), l(x, null, 2), i(() => f.default, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("content")])), l(e, null, 0), a(), e;
-		}), l(x, null, 3), i(() => f.footer, () => {
-			let e = h();
-			return s(() => c(e, [m(y).e("footer")])), l(e, null, 0), a("footer"), e;
-		}), b;
+		}), l(v, null, 1), i(() => d.subtitle, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("subtitle")])), l(e, null, 0), a("subtitle"), e;
+		}), l(v, null, 2), i(() => d.default, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("content")])), l(e, null, 0), a(), e;
+		}), l(v, null, 3), i(() => d.footer, () => {
+			let e = p();
+			return s(() => c(e, [f(g).e("footer")])), l(e, null, 0), a("footer"), e;
+		}), _;
 	}
 });
 //#endregion
-export { y as default };
+export { g as default };

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

@@ -1,5 +1,6 @@
 import { CardSlots } from './types';
 import { PublicProps, VNode, Plugin } from 'vue';
+import { TextProps } from '../text';
 export declare const SCard: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: CardSlots;
@@ -10,7 +11,9 @@ export declare const SCard: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         subtitle?: string | undefined;
         bar?: boolean | undefined;
         shadow?: "always" | "hover" | "never" | undefined;
+        bordered?: boolean | undefined;
         bodyStyle?: Record<string, string> | undefined;
+        titleProps?: TextProps | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

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

@@ -1,3 +1,4 @@
+import { TextProps } from '../text';
 export interface CardProps {
     /** 卡片标题 */
     title?: string;
@@ -7,8 +8,12 @@ export interface CardProps {
     bar?: boolean;
     /** 卡片阴影 */
     shadow?: "always" | "hover" | "never";
+    /** 卡片边框 */
+    bordered?: boolean;
     /** 卡片内容区域样式 */
     bodyStyle?: Record<string, string>;
+    /** 卡片标题属性 */
+    titleProps?: TextProps;
 }
 export interface CardSlots {
     /** 自定义卡片内容 */

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

@@ -18,7 +18,7 @@ var D = /*@__PURE__*/ u({
 		items: { default: () => [] },
 		autoplay: { type: Boolean },
 		speed: { default: 2e3 },
-		card: { type: Boolean },
+		solid: { type: Boolean },
 		showArrow: { type: Boolean },
 		indicator: {
 			type: Boolean,
@@ -34,13 +34,13 @@ var D = /*@__PURE__*/ u({
 		let d = u, f = t("carousel"), b = C("listRef"), D = S(u, "modelValue"), O = (e) => {
 			b.value && (b.value.style.transform = `translateX(-${e * 100}%)`, b.value.style.transition = "transform 0.3s"), D.value = e;
 		}, k = () => {
-			if (d.card) D.value--, D.value < 0 && (D.value = 0), console.log(D.value), N();
+			if (d.solid) D.value--, D.value < 0 && (D.value = 0), console.log(D.value), N();
 			else {
 				if (!b.value) return;
 				D.value === 0 ? (b.value.style.transition = "none", b.value.style.transform = `translateX(-${d.items.length * 100}%)`, b.value.offsetHeight, O(d.items.length - 1)) : O(D.value - 1);
 			}
 		}, A = () => {
-			if (d.card) D.value++, D.value > d.items.length - 1 && (D.value = d.items.length - 1), console.log(D.value), N();
+			if (d.solid) D.value++, D.value > d.items.length - 1 && (D.value = d.items.length - 1), console.log(D.value), N();
 			else {
 				if (!b.value) return;
 				D.value === d.items.length - 1 ? (b.value.style.transition = "none", b.value.style.transform = "translateX(100%)", b.value.offsetHeight, O(0)) : O(D.value + 1);
@@ -62,14 +62,14 @@ var D = /*@__PURE__*/ u({
 				n.style.zIndex = String(l);
 			}
 		}, P = (e) => {
-			d.card ? (D.value = e, N()) : O(e);
+			d.solid ? (D.value = e, N()) : O(e);
 		}, F = null, I = () => {
 			d.autoplay && (F = setInterval(() => {
 				A();
 			}, d.speed));
 		};
 		p(() => {
-			d.card ? N() : j(), I();
+			d.solid ? N() : j(), I();
 		}), m(() => {
 			clearInterval(F);
 		});
@@ -77,7 +77,7 @@ var D = /*@__PURE__*/ u({
 		return h(() => {
 			let t = x(f), n = u.indicatorPosition;
 			g(R, [t.b(), { [t.m("indicator-position-" + n)]: n === "outside" }]), y(R, { height: x(e)(u.height) }), g(z, [t.e("wrapper")]);
-		}), _(z, null, 0), s(() => u.card, () => {
+		}), _(z, null, 0), s(() => u.solid, () => {
 			let e = T();
 			return h(() => g(e, [x(f).e("list-3d")])), _(e, null, 0), o(() => u.items, (e, t) => {
 				let n = w(), r = i(n);

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

@@ -10,7 +10,7 @@ export declare const SCarousel: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         items: string[];
         autoplay?: boolean | undefined;
         speed?: number | undefined;
-        card?: boolean | undefined;
+        solid?: boolean | undefined;
         showArrow?: boolean | undefined;
         indicator?: boolean | undefined;
         indicatorPosition?: "top" | "bottom" | "left" | "right" | "outside" | undefined;

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

@@ -13,8 +13,8 @@ export interface CarouselProps {
      * @default 3000
      */
     speed?: number;
-    /** 是否显示为卡片样式 */
-    card?: boolean;
+    /** 是否显示为3D样式 */
+    solid?: boolean;
     /** 是否显示切换箭头 */
     showArrow?: boolean;
     /** 是否显示指示器 */

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

@@ -55,6 +55,11 @@ export declare const SMenu: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
         selectedKey?: string | undefined;
         accordion?: boolean | undefined;
         scrollbarProps?: ScrollbarProps | undefined;
+        bgColor?: string | undefined;
+        textColor?: string | undefined;
+        activeTextColor?: string | undefined;
+        activeBgColor?: string | undefined;
+        hoverBgColor?: string | undefined;
         activeKey?: string | number | undefined;
         onItemClick?: ((name: string | number, item: any) => any) | undefined;
         onOpenChange?: ((keys: string[]) => any) | undefined;

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

@@ -17,7 +17,12 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 		openKeys: {},
 		selectedKey: {},
 		accordion: { type: Boolean },
-		scrollbarProps: {}
+		scrollbarProps: {},
+		bgColor: { default: "var(--s-color-bg-1)" },
+		textColor: { default: "var(--s-color-text-1)" },
+		activeTextColor: { default: "var(--s-color-primary-6)" },
+		activeBgColor: { default: "var(--s-color-primary-1)" },
+		hoverBgColor: { default: "var(--s-color-fill-2)" }
 	}, {
 		activeKey: {},
 		activeKeyModifiers: {},
@@ -26,43 +31,53 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 	}),
 	emits: /*@__PURE__*/ l(["itemClick", "openChange"], ["update:activeKey", "update:openKeys"]),
 	setup(c, { emit: l }) {
-		let _ = c, w = l, T = t("menu"), E = a(() => ({ width: _.collapsed ? e(_.collapsedWidth) : e(_.width) })), D = b(c, "activeKey"), O = b(c, "openKeys"), k = (e, t) => {
-			D.value = e, w("itemClick", e, t);
-		}, A = (e) => {
+		let _ = c, w = l, T = t("menu"), E = a(() => ({
+			"--s-menu-bg-color": _.bgColor,
+			"--s-menu-text-color": _.textColor,
+			"--s-menu-active-text-color": _.activeTextColor,
+			"--s-menu-active-bg-color": _.activeBgColor,
+			"--s-menu-hover-bg-color": _.hoverBgColor
+		})), D = a(() => ({
+			...E.value,
+			width: _.collapsed ? e(_.collapsedWidth) : e(_.width)
+		})), O = b(c, "activeKey"), k = b(c, "openKeys"), A = (e, t) => {
+			O.value = e, w("itemClick", e, t);
+		}, j = (e) => {
 			if (_.accordion) {
-				O.value = [e];
+				k.value = [e];
 				return;
 			}
-			O.value = [...O.value, e];
-		}, j = (e) => {
-			O.value = O.value.toSpliced(O.value.indexOf(e), 1);
-		}, { collapsed: M, collapsedWidth: N } = v(_), P = d(!1), F = d(void 0), I = (e) => {
-			F.value = e;
-		}, L = x("menuRef");
-		n(L, (e) => {
-			e[0].contentRect.width === N.value ? P.value = !0 : P.value = !1;
+			k.value = [...k.value, e];
+		}, M = (e) => {
+			k.value = k.value.toSpliced(k.value.indexOf(e), 1);
+		}, { collapsed: N, collapsedWidth: P } = v(_), F = d(!1), I = d(void 0), L = (e) => {
+			I.value = e;
+		}, R = x("menuRef");
+		n(R, (e) => {
+			e[0].contentRect.width === P.value ? F.value = !0 : F.value = !1;
 		}), u(i, {
-			collapsed: M,
-			collapsedWidth: N,
-			activeKey: D,
-			itemClick: k,
-			openKeys: O,
-			setOpenKey: A,
-			removeOpenKey: j,
-			isCollapsed: P,
-			activePopoverKey: F,
-			setActivePopoverKey: I
+			collapsed: N,
+			collapsedWidth: P,
+			activeKey: O,
+			itemClick: A,
+			openKeys: k,
+			setOpenKey: j,
+			removeOpenKey: M,
+			isCollapsed: F,
+			activePopoverKey: I,
+			setActivePopoverKey: L,
+			menuColorStyle: E
 		});
-		let R = C();
+		let z = C();
 		return f(() => {
-			p(R, [y(T).b()]), g(R, E.value);
-		}), m(R, null, 0), o(y(r), { $: [() => ({
+			p(z, [y(T).b()]), g(z, D.value);
+		}), m(z, null, 0), o(y(r), { $: [() => ({
 			padding: "4px",
 			...c.scrollbarProps
 		})] }, () => {
 			let e = S();
 			return f(() => p(e, [y(T).e("content")])), m(e, null, 0), s(), e;
-		}), h(R, L, null, "menuRef"), R;
+		}), h(z, R, null, "menuRef"), z;
 	}
 });
 //#endregion

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

@@ -6,12 +6,12 @@ import r from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
 import { SPopover as i } from "../popover/index.mjs";
 import { STransition as ee } from "../transition/index.mjs";
-import { menuContextKey as a, menuLevelContextKey as o, subMenuContextKey as s } from "./types.mjs";
-import { child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as te, defineVaporComponent as m, delegateEvents as h, inject as g, next as _, on as v, onMounted as y, provide as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setText as T, template as E, toDisplayString as D, unref as O, useTemplateRef as k, watch as A } from "vue";
+import { menuContextKey as te, menuLevelContextKey as a, subMenuContextKey as o } from "./types.mjs";
+import { child as s, computed as c, createComponent as l, createIf as u, createInvoker as d, createSlot as f, createTemplateRefSetter as ne, defineVaporComponent as p, delegateEvents as m, inject as h, next as g, on as _, onMounted as re, provide as v, ref as y, renderEffect as b, setClass as x, setInsertionState as S, setStyle as ie, setText as C, template as w, toDisplayString as T, unref as E, useTemplateRef as D, watch as O } from "vue";
 //#region ../components/src/menu/sub-menu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var j = E("<div><div></div>"), M = E("<div>"), N = E(" "), ne = E("<div><div></div><div></div>"), re = E("<div><div></div><div>"), ie = E("<div><div>"), ae = E("<div>", 1);
-h("click", "mouseover");
-var P = /*@__PURE__*/ m({
+var ae = w("<div><div></div>"), k = w("<div>"), A = w(" "), j = w("<div><div></div><div></div>"), M = w("<div><div></div><div>"), N = w("<div><div>"), P = w("<div>", 1);
+m("click", "mouseover");
+var F = /*@__PURE__*/ p({
 	name: "SSubMenu",
 	__name: "sub-menu",
 	props: {
@@ -20,114 +20,116 @@ var P = /*@__PURE__*/ m({
 		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 = 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;
-			return e != null && V.value.has(e);
-		}), U = k("popoverRef"), W = (e) => {
-			e ? U.value?.show() : (U.value?.hide(), L?.notifyChildPopoverClose(E.name));
-		}, G = () => {
-			W(!1);
-		}, K = null, q = x(!1), J = x(void 0), Y = () => {
-			K &&= (clearTimeout(K), null);
+	setup(p, { slots: m }) {
+		let w = p, F = e("menu"), I = D("subMenuRef"), L = h(te, void 0), R = h(o, void 0), z = h(a, void 0), B = c(() => w.ignoreLevel ? 1 : z ? z.level.value + 1 : 1), V = y(!1), H = y(/* @__PURE__ */ new Set()), oe = () => {
+			L?.collapsed.value || (V.value = !V.value, V.value ? L?.setOpenKey(w.name) : L?.removeOpenKey(w.name));
+		}, U = c(() => {
+			let e = L?.activeKey.value;
+			return e != null && H.value.has(e);
+		}), W = D("popoverRef"), G = (e) => {
+			e ? W.value?.show() : (W.value?.hide(), R?.notifyChildPopoverClose(w.name));
+		}, K = () => {
+			G(!1);
+		}, q = null, J = y(!1), Y = y(void 0), X = () => {
+			q &&= (clearTimeout(q), null);
 		}, se = () => {
-			Y(), K = setTimeout(() => {
-				W(!1), K = null;
+			X(), q = setTimeout(() => {
+				G(!1), q = null;
 			}, 150);
-		}, X = () => {
-			J.value === void 0 && (q.value || se());
+		}, Z = () => {
+			Y.value === void 0 && (J.value || se());
 		}, ce = () => {
-			Y(), L?.cancelParentClose();
+			X(), R?.cancelParentClose();
 		}, le = (e) => {
-			J.value === e && (J.value = void 0, X());
+			Y.value === e && (Y.value = void 0, Z());
 		}, ue = () => {
-			I?.isCollapsed.value && (q.value = !0, Y(), W(!0), L ? (L.setActiveChildPopoverKey(E.name), L.cancelParentClose()) : I?.setActivePopoverKey(E.name));
+			L?.isCollapsed.value && (J.value = !0, X(), G(!0), R ? (R.setActiveChildPopoverKey(w.name), R.cancelParentClose()) : L?.setActivePopoverKey(w.name));
 		}, de = () => {
-			I?.isCollapsed.value && (q.value = !1, X());
-		}, Z = () => {
-			q.value = !0, Y(), L?.cancelParentClose();
+			L?.isCollapsed.value && (J.value = !1, Z());
 		}, fe = () => {
-			q.value = !1, X();
+			J.value = !0, X(), R?.cancelParentClose();
+		}, pe = () => {
+			J.value = !1, Z();
 		};
-		A(H, (e) => {
-			e && !B.value && (B.value = !0, I?.setOpenKey(E.name));
-		}), A(l(() => L ? L.activeChildPopoverKey.value : I?.activePopoverKey.value), (e) => {
-			I?.isCollapsed.value && e !== void 0 && e !== E.name && W(!1);
-		}), A(() => I?.openKeys.value || [], (e) => {
-			e && e.length > 0 && (B.value = e.includes(E.name));
-		}, { immediate: !0 }), y(() => {
-			F.value?.style.setProperty("--s-menu-level", `${z.value}`), L?.registerDescendant(E.name);
-		}), b(o, { level: z }), b(s, {
+		O(U, (e) => {
+			e && !V.value && (V.value = !0, L?.setOpenKey(w.name));
+		}), O(c(() => R ? R.activeChildPopoverKey.value : L?.activePopoverKey.value), (e) => {
+			L?.isCollapsed.value && e !== void 0 && e !== w.name && G(!1);
+		}), O(() => L?.openKeys.value || [], (e) => {
+			e && e.length > 0 && (V.value = e.includes(w.name));
+		}, { immediate: !0 }), re(() => {
+			I.value?.style.setProperty("--s-menu-level", `${B.value}`), R?.registerDescendant(w.name);
+		}), v(a, { level: B }), v(o, {
 			registerDescendant: (e) => {
-				V.value.add(e), L?.registerDescendant(e);
+				H.value.add(e), R?.registerDescendant(e);
 			},
-			outsideClick: G,
-			activeChildPopoverKey: J,
+			outsideClick: K,
+			activeChildPopoverKey: Y,
 			setActiveChildPopoverKey: (e) => {
-				J.value = e;
+				Y.value = e;
 			},
 			notifyChildPopoverClose: le,
 			cancelParentClose: ce
 		});
-		let Q = te(), $ = ae();
-		return S(() => {
-			let e = O(P);
-			C($, [
+		let Q = ne(), $ = P();
+		return b(() => {
+			let e = E(F);
+			x($, [
 				e.e("sub-menu"),
-				e.is("disabled", m.disabled),
-				e.is("collapse", O(I)?.isCollapsed.value)
+				e.is("disabled", p.disabled),
+				e.is("collapse", E(L)?.isCollapsed.value)
 			]);
-		}), w($, null, 0), d(() => O(I)?.isCollapsed.value, () => {
-			let e = u(O(i), {
+		}), S($, null, 0), u(() => E(L)?.isCollapsed.value, () => {
+			let e = l(E(i), {
 				manual: "",
 				placement: "right-start",
 				offset: [0, 8],
-				onClickOutside: () => G
+				onClickOutside: () => K
 			}, {
 				content: () => {
-					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;
+					let e = k();
+					return b(() => {
+						x(e, [E(F).e("pop-content")]), ie(e, E(L)?.menuColorStyle.value);
+					}), S(e, null, 0), f(), _(e, "mouseenter", fe), _(e, "mouseleave", pe), e;
 				},
-				default: () => d(() => z.value === 1, () => {
-					let e = j(), t = c(e);
-					return S(() => {
-						let n = O(P);
-						C(e, [n.e("sub-title"), n.is("active", H.value)]), C(t, [n.e("sub-icon")]);
-					}), w(t, null, 0), p("icon"), e;
+				default: () => u(() => B.value === 1, () => {
+					let e = ae(), t = s(e);
+					return b(() => {
+						let n = E(F);
+						x(e, [n.e("sub-title"), n.is("active", U.value)]), x(t, [n.e("sub-icon")]);
+					}), S(t, null, 0), f("icon"), e;
 				}, () => {
-					let e = ne(), t = c(e, 1), r = _(t, 2);
-					return S(() => {
-						let t = O(P);
-						C(e, [t.e("sub-title"), t.is("active", H.value)]);
-					}), w(e, 0, 0), d(() => h.icon, () => {
-						let e = M();
-						return S(() => C(e, [O(P).e("sub-icon")])), w(e, null, 0), p("icon"), e;
-					}), S(() => C(t, [O(P).e("sub-label")])), w(t, null, 0), p("title", null, () => {
-						let e = N();
-						return S(() => T(e, D(m.title))), e;
-					}), S(() => C(r, [O(P).e("sub-arrow")])), w(r, null, 0), u(O(n)), e;
+					let e = j(), t = s(e, 1), r = g(t, 2);
+					return b(() => {
+						let t = E(F);
+						x(e, [t.e("sub-title"), t.is("active", U.value)]);
+					}), S(e, 0, 0), u(() => m.icon, () => {
+						let e = k();
+						return b(() => x(e, [E(F).e("sub-icon")])), S(e, null, 0), f("icon"), e;
+					}), b(() => x(t, [E(F).e("sub-label")])), S(t, null, 0), f("title", null, () => {
+						let e = A();
+						return b(() => C(e, T(p.title))), e;
+					}), b(() => x(r, [E(F).e("sub-arrow")])), S(r, null, 0), l(E(n)), e;
 				}, 389)
 			});
-			return Q(e, U, null, "popoverRef"), e;
+			return Q(e, W, null, "popoverRef"), e;
 		}, () => {
-			let e = re(), n = c(e, 1), i = _(n, 2);
-			return S(() => {
-				let t = O(P);
-				C(e, [t.e("sub-title"), t.is("active", H.value)]);
-			}), w(e, 0, 0), d(() => h.icon, () => {
-				let e = M();
-				return S(() => C(e, [O(P).e("sub-icon")])), w(e, null, 0), p("icon"), e;
-			}), S(() => C(n, [O(P).e("sub-label")])), w(n, null, 0), p("title", null, () => {
-				let e = N();
-				return S(() => T(e, D(m.title))), e;
-			}), S(() => C(i, [O(P).e("sub-arrow")])), w(i, null, 0), d(() => B.value, () => u(O(r)), () => u(O(t)), 1285), e.$evtclick = f(oe), [e, u(O(ee), { type: "height" }, () => d(() => B.value, () => {
-				let e = ie(), t = c(e);
-				return S(() => C(t, [O(P).e("sub-content")])), w(t, null, 0), p(), e;
+			let e = M(), n = s(e, 1), i = g(n, 2);
+			return b(() => {
+				let t = E(F);
+				x(e, [t.e("sub-title"), t.is("active", U.value)]);
+			}), S(e, 0, 0), u(() => m.icon, () => {
+				let e = k();
+				return b(() => x(e, [E(F).e("sub-icon")])), S(e, null, 0), f("icon"), e;
+			}), b(() => x(n, [E(F).e("sub-label")])), S(n, null, 0), f("title", null, () => {
+				let e = A();
+				return b(() => C(e, T(p.title))), e;
+			}), b(() => x(i, [E(F).e("sub-arrow")])), S(i, null, 0), u(() => V.value, () => l(E(r)), () => l(E(t)), 1285), e.$evtclick = d(oe), [e, l(E(ee), { type: "height" }, () => u(() => V.value, () => {
+				let e = N(), t = s(e);
+				return b(() => x(t, [E(F).e("sub-content")])), S(t, null, 0), f(), e;
 			}, null, 129))];
-		}, 777), $.$evtmouseover = f(ue), v($, "mouseleave", de), Q($, F, null, "subMenuRef"), $;
+		}, 777), $.$evtmouseover = d(ue), _($, "mouseleave", de), Q($, I, null, "subMenuRef"), $;
 	}
 });
 //#endregion
-export { P as default };
+export { F as default };

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

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
 import { ScrollbarProps } from '../scrollbar';
 export interface MenuProps {
     /** 是否折叠 */
@@ -15,6 +15,16 @@ export interface MenuProps {
     accordion?: boolean;
     /** 滚动条属性 */
     scrollbarProps?: ScrollbarProps;
+    /** 背景颜色 */
+    bgColor?: string;
+    /** 文本颜色 */
+    textColor?: string;
+    /** 选中文本颜色 */
+    activeTextColor?: string;
+    /** 选中背景颜色 */
+    activeBgColor?: string;
+    /** 鼠标悬停背景颜色 */
+    hoverBgColor?: string;
 }
 export interface MenuSlots {
     /** 默认 */
@@ -93,6 +103,7 @@ export interface MenuContext {
     isCollapsed: Ref<boolean>;
     activePopoverKey: Ref<string | number | undefined>;
     setActivePopoverKey: (name: string | number) => void;
+    menuColorStyle: ComputedRef<Record<string, string>>;
 }
 export declare const menuContextKey: InjectionKey<MenuContext>;
 export interface SubMenuContext {

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

@@ -27,6 +27,7 @@ export declare const SModal: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         mask?: boolean | undefined;
         to?: (string | HTMLElement) | undefined;
         draggable?: boolean | undefined;
+        type?: "default" | "warning" | "primary" | "info" | "success" | "danger" | undefined;
         className?: string | undefined;
         modalStyle?: Record<string, string> | undefined;
         maskStyle?: Record<string, string> | undefined;