savor-ui 0.18.0 → 0.19.0

package/CHANGELOG.md

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

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

@@ -18,7 +18,7 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 		selectedKey: {},
 		accordion: { type: Boolean },
 		scrollbarProps: {},
-		bgColor: { default: "transparent" },
+		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)" },
@@ -36,45 +36,48 @@ var S = _("<div>"), C = _("<div>", 1), w = /*@__PURE__*/ c({
 			"--s-menu-text-color": _.textColor,
 			"--s-menu-active-text-color": _.activeTextColor,
 			"--s-menu-active-bg-color": _.activeBgColor,
-			"--s-menu-hover-bg-color": _.hoverBgColor,
+			"--s-menu-hover-bg-color": _.hoverBgColor
+		})), D = a(() => ({
+			...E.value,
 			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) => {
+		})), 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 {
     /** 是否折叠 */
@@ -103,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/core/components.mjs

@@ -11,54 +11,54 @@ import { SAutoComplete as d } from "../components/src/auto-complete/index.mjs";
 import { SAvatar as f } from "../components/src/avatar/index.mjs";
 import { SBadge as p } from "../components/src/badge/index.mjs";
 import { SButton as m, SButtonGroup as h } from "../components/src/button/index.mjs";
-import { SCard as g } from "../components/src/card/index.mjs";
-import { SCarousel as _ } from "../components/src/carousel/index.mjs";
-import { SEmpty as v } from "../components/src/empty/index.mjs";
-import { SCheckbox as y, SCheckboxGroup as b } from "../components/src/checkbox/index.mjs";
-import { SRadio as x, SRadioGroup as S } from "../components/src/radio/index.mjs";
-import { SCascader as C } from "../components/src/cascader/index.mjs";
-import { SChatList as w } from "../components/src/chat-list/index.mjs";
-import { SChatSender as T } from "../components/src/chat-sender/index.mjs";
-import { STransition as E } from "../components/src/transition/index.mjs";
-import { SCollapse as D, SCollapseItem as O } from "../components/src/collapse/index.mjs";
-import { SIcon as k } from "../components/src/icon/index.mjs";
-import { STag as A } from "../components/src/tag/index.mjs";
-import { SSelect as j } from "../components/src/select/index.mjs";
-import { SColorPicker as M } from "../components/src/color-picker/index.mjs";
-import { SDatePicker as N } from "../components/src/date-picker/index.mjs";
-import { SDatetimePicker as P } from "../components/src/datetime-picker/index.mjs";
-import { SDescriptions as F, SDescriptionsItem as I } from "../components/src/descriptions/index.mjs";
-import { SDivider as L } from "../components/src/divider/index.mjs";
-import { SDrawer as R } from "../components/src/drawer/index.mjs";
-import { SDoption as z, SDropdown as B, SDsubmenu as V } from "../components/src/dropdown/index.mjs";
-import { SExpandCard as H } from "../components/src/expand-card/index.mjs";
-import { SGalleria as U } from "../components/src/galleria/index.mjs";
-import { SGrid as W, SGridItem as G } from "../components/src/grid/index.mjs";
-import { SHighlight as K } from "../components/src/highlight/index.mjs";
-import { SImage as q, SImageGroup as J, SImagePreview as Y } from "../components/src/image/index.mjs";
-import { SInputGroup as X } from "../components/src/input-group/index.mjs";
-import { SInputNumber as Z } from "../components/src/input-number/index.mjs";
-import { SInputTag as Q } from "../components/src/input-tag/index.mjs";
-import { SLayout as $, SLayoutAside as ee, SLayoutContent as te, SLayoutFooter as ne, SLayoutHeader as re } from "../components/src/layout/index.mjs";
-import { SLink as ie } from "../components/src/link/index.mjs";
-import { SList as ae } from "../components/src/list/index.mjs";
-import { SMenu as oe, SMenuGroup as se, SMenuItem as ce, SSubMenu as le } from "../components/src/menu/index.mjs";
-import { SMeterGroup as ue } from "../components/src/meter-group/index.mjs";
-import { SModal as de } from "../components/src/modal/index.mjs";
-import { SPagination as fe } from "../components/src/pagination/index.mjs";
-import { SPanel as pe } from "../components/src/panel/index.mjs";
-import { SProgress as me } from "../components/src/progress/index.mjs";
-import { SSegmented as he } from "../components/src/segmented/index.mjs";
-import { SSkeleton as ge } from "../components/src/skeleton/index.mjs";
-import { SSliderVerify as _e } from "../components/src/slider-verify/index.mjs";
-import { SSpace as ve } from "../components/src/space/index.mjs";
-import { SSplit as ye, SSplitPane as be } from "../components/src/split/index.mjs";
-import { SStatistic as xe } from "../components/src/statistic/index.mjs";
-import { SSteps as Se } from "../components/src/steps/index.mjs";
-import { SSwitch as Ce } from "../components/src/switch/index.mjs";
-import { STable as we } from "../components/src/table/index.mjs";
-import { STab as Te, STabPane as Ee, STabs as De } from "../components/src/tabs/index.mjs";
-import { SText as Oe } from "../components/src/text/index.mjs";
+import { SText as g } from "../components/src/text/index.mjs";
+import { SCard as _ } from "../components/src/card/index.mjs";
+import { SCarousel as v } from "../components/src/carousel/index.mjs";
+import { SEmpty as y } from "../components/src/empty/index.mjs";
+import { SCheckbox as b, SCheckboxGroup as x } from "../components/src/checkbox/index.mjs";
+import { SRadio as S, SRadioGroup as C } from "../components/src/radio/index.mjs";
+import { SCascader as w } from "../components/src/cascader/index.mjs";
+import { SChatList as T } from "../components/src/chat-list/index.mjs";
+import { SChatSender as E } from "../components/src/chat-sender/index.mjs";
+import { STransition as D } from "../components/src/transition/index.mjs";
+import { SCollapse as O, SCollapseItem as k } from "../components/src/collapse/index.mjs";
+import { SIcon as A } from "../components/src/icon/index.mjs";
+import { STag as j } from "../components/src/tag/index.mjs";
+import { SSelect as M } from "../components/src/select/index.mjs";
+import { SColorPicker as N } from "../components/src/color-picker/index.mjs";
+import { SDatePicker as P } from "../components/src/date-picker/index.mjs";
+import { SDatetimePicker as F } from "../components/src/datetime-picker/index.mjs";
+import { SDescriptions as I, SDescriptionsItem as L } from "../components/src/descriptions/index.mjs";
+import { SDivider as R } from "../components/src/divider/index.mjs";
+import { SDrawer as z } from "../components/src/drawer/index.mjs";
+import { SDoption as B, SDropdown as V, SDsubmenu as H } from "../components/src/dropdown/index.mjs";
+import { SExpandCard as U } from "../components/src/expand-card/index.mjs";
+import { SGalleria as W } from "../components/src/galleria/index.mjs";
+import { SGrid as G, SGridItem as K } from "../components/src/grid/index.mjs";
+import { SHighlight as q } from "../components/src/highlight/index.mjs";
+import { SImage as J, SImageGroup as Y, SImagePreview as X } from "../components/src/image/index.mjs";
+import { SInputGroup as Z } from "../components/src/input-group/index.mjs";
+import { SInputNumber as Q } from "../components/src/input-number/index.mjs";
+import { SInputTag as $ } from "../components/src/input-tag/index.mjs";
+import { SLayout as ee, SLayoutAside as te, SLayoutContent as ne, SLayoutFooter as re, SLayoutHeader as ie } from "../components/src/layout/index.mjs";
+import { SLink as ae } from "../components/src/link/index.mjs";
+import { SList as oe } from "../components/src/list/index.mjs";
+import { SMenu as se, SMenuGroup as ce, SMenuItem as le, SSubMenu as ue } from "../components/src/menu/index.mjs";
+import { SMeterGroup as de } from "../components/src/meter-group/index.mjs";
+import { SModal as fe } from "../components/src/modal/index.mjs";
+import { SPagination as pe } from "../components/src/pagination/index.mjs";
+import { SPanel as me } from "../components/src/panel/index.mjs";
+import { SProgress as he } from "../components/src/progress/index.mjs";
+import { SSegmented as ge } from "../components/src/segmented/index.mjs";
+import { SSkeleton as _e } from "../components/src/skeleton/index.mjs";
+import { SSliderVerify as ve } from "../components/src/slider-verify/index.mjs";
+import { SSpace as ye } from "../components/src/space/index.mjs";
+import { SSplit as be, SSplitPane as xe } from "../components/src/split/index.mjs";
+import { SStatistic as Se } from "../components/src/statistic/index.mjs";
+import { SSteps as Ce } from "../components/src/steps/index.mjs";
+import { SSwitch as we } from "../components/src/switch/index.mjs";
+import { STable as Te } from "../components/src/table/index.mjs";
+import { STab as Ee, STabPane as De, STabs as Oe } from "../components/src/tabs/index.mjs";
 import { STextarea as ke } from "../components/src/textarea/index.mjs";
 import { STimeline as Ae, STimelineItem as je } from "../components/src/timeline/index.mjs";
 import { STree as Me } from "../components/src/tree/index.mjs";
@@ -80,38 +80,37 @@ var ze = [
 	p,
 	m,
 	h,
-	g,
 	_,
-	C,
-	y,
+	v,
+	w,
 	b,
-	D,
+	x,
 	O,
-	M,
-	r,
+	k,
 	N,
+	r,
 	P,
 	F,
 	I,
 	L,
-	z,
 	R,
 	B,
+	z,
 	V,
-	v,
 	H,
+	y,
+	U,
 	o,
 	s,
-	U,
 	W,
 	G,
 	K,
-	k,
 	q,
+	A,
 	J,
 	Y,
-	c,
 	X,
+	c,
 	Z,
 	Q,
 	$,
@@ -124,39 +123,40 @@ var ze = [
 	oe,
 	se,
 	ce,
-	ue,
+	le,
 	de,
 	fe,
 	pe,
-	i,
 	me,
-	x,
+	i,
+	he,
 	S,
+	C,
 	u,
-	he,
-	j,
-	T,
-	w,
 	ge,
+	M,
+	E,
+	T,
 	_e,
 	ve,
 	ye,
 	be,
 	xe,
-	le,
 	Se,
+	ue,
 	Ce,
-	Te,
 	we,
 	Ee,
+	Te,
 	De,
-	A,
 	Oe,
+	j,
+	g,
 	ke,
 	Ae,
 	je,
 	a,
-	E,
+	D,
 	Me,
 	Ne,
 	Pe,

package/dist/es/core/index.mjs

@@ -17,68 +17,68 @@ import { SAutoComplete as v } from "../components/src/auto-complete/index.mjs";
 import { SAvatar as y } from "../components/src/avatar/index.mjs";
 import { SBadge as b } from "../components/src/badge/index.mjs";
 import { SButton as x, SButtonGroup as S } from "../components/src/button/index.mjs";
-import { SCard as C } from "../components/src/card/index.mjs";
-import { SCarousel as w } from "../components/src/carousel/index.mjs";
-import { SEmpty as T } from "../components/src/empty/index.mjs";
-import { checkboxGroupContextKey as E } from "../components/src/checkbox/types.mjs";
-import { SCheckbox as D, SCheckboxGroup as O } from "../components/src/checkbox/index.mjs";
-import { radioGroupContextKey as k } from "../components/src/radio/types.mjs";
-import { SRadio as A, SRadioGroup as j } from "../components/src/radio/index.mjs";
-import { SCascader as M } from "../components/src/cascader/index.mjs";
-import { SChatList as N } from "../components/src/chat-list/index.mjs";
-import { SChatSender as P } from "../components/src/chat-sender/index.mjs";
-import { STransition as F } from "../components/src/transition/index.mjs";
-import { collapseContextKey as I } from "../components/src/collapse/types.mjs";
-import { SCollapse as L, SCollapseItem as R } from "../components/src/collapse/index.mjs";
-import { SIcon as z } from "../components/src/icon/index.mjs";
-import { STag as B } from "../components/src/tag/index.mjs";
-import { SSelect as V } from "../components/src/select/index.mjs";
-import { SColorPicker as H } from "../components/src/color-picker/index.mjs";
-import { SDatePicker as U } from "../components/src/date-picker/index.mjs";
-import { SDatetimePicker as W } from "../components/src/datetime-picker/index.mjs";
-import { descriptionsContextKey as G } from "../components/src/descriptions/types.mjs";
-import { SDescriptions as K, SDescriptionsItem as q } from "../components/src/descriptions/index.mjs";
-import { SDivider as J } from "../components/src/divider/index.mjs";
-import { SDrawer as Y } from "../components/src/drawer/index.mjs";
-import { dropdownContextKey as X } from "../components/src/dropdown/types.mjs";
-import { SDoption as Z, SDropdown as Q, SDsubmenu as $ } from "../components/src/dropdown/index.mjs";
-import { SExpandCard as ee } from "../components/src/expand-card/index.mjs";
-import { SGalleria as te } from "../components/src/galleria/index.mjs";
-import { gridContextKey as ne } from "../components/src/grid/types.mjs";
-import { SGrid as re, SGridItem as ie } from "../components/src/grid/index.mjs";
-import { SHighlight as ae } from "../components/src/highlight/index.mjs";
-import { imageGroupContextKey as oe } from "../components/src/image/types.mjs";
-import { SImage as se, SImageGroup as ce, SImagePreview as le } from "../components/src/image/index.mjs";
-import { SInputGroup as ue } from "../components/src/input-group/index.mjs";
-import { SInputNumber as de } from "../components/src/input-number/index.mjs";
-import { SInputTag as fe } from "../components/src/input-tag/index.mjs";
-import pe from "../components/src/layer/method.mjs";
-import { SLayout as me, SLayoutAside as he, SLayoutContent as ge, SLayoutFooter as _e, SLayoutHeader as ve } from "../components/src/layout/index.mjs";
-import { SLink as ye } from "../components/src/link/index.mjs";
-import { SList as be } from "../components/src/list/index.mjs";
-import { menuContextKey as xe, menuLevelContextKey as Se, subMenuContextKey as Ce } from "../components/src/menu/types.mjs";
-import { SMenu as we, SMenuGroup as Te, SMenuItem as Ee, SSubMenu as De } from "../components/src/menu/index.mjs";
-import { useMessage as Oe } from "../components/src/message/method.mjs";
-import { SMeterGroup as ke } from "../components/src/meter-group/index.mjs";
-import { useModal as Ae } from "../components/src/modal/method.mjs";
-import { SModal as je } from "../components/src/modal/index.mjs";
-import { SPagination as Me } from "../components/src/pagination/index.mjs";
-import { SPanel as Ne } from "../components/src/panel/index.mjs";
-import { SProgress as Pe } from "../components/src/progress/index.mjs";
-import { SSegmented as Fe } from "../components/src/segmented/index.mjs";
-import { SSkeleton as Ie } from "../components/src/skeleton/index.mjs";
-import { SSliderVerify as Le } from "../components/src/slider-verify/index.mjs";
-import { SSpace as Re } from "../components/src/space/index.mjs";
-import { splitContextKey as ze } from "../components/src/split/types.mjs";
-import { SSplit as Be, SSplitPane as Ve } from "../components/src/split/index.mjs";
-import { SStatistic as He } from "../components/src/statistic/index.mjs";
-import { SSteps as Ue } from "../components/src/steps/index.mjs";
-import { SSwitch as We } from "../components/src/switch/index.mjs";
-import { tableContextKey as Ge } from "../components/src/table/types.mjs";
-import { STable as Ke } from "../components/src/table/index.mjs";
-import { tabsContextKey as qe } from "../components/src/tabs/types.mjs";
-import { STab as Je, STabPane as Ye, STabs as Xe } from "../components/src/tabs/index.mjs";
-import { SText as Ze } from "../components/src/text/index.mjs";
+import { SText as C } from "../components/src/text/index.mjs";
+import { SCard as w } from "../components/src/card/index.mjs";
+import { SCarousel as T } from "../components/src/carousel/index.mjs";
+import { SEmpty as E } from "../components/src/empty/index.mjs";
+import { checkboxGroupContextKey as D } from "../components/src/checkbox/types.mjs";
+import { SCheckbox as O, SCheckboxGroup as k } from "../components/src/checkbox/index.mjs";
+import { radioGroupContextKey as A } from "../components/src/radio/types.mjs";
+import { SRadio as j, SRadioGroup as M } from "../components/src/radio/index.mjs";
+import { SCascader as N } from "../components/src/cascader/index.mjs";
+import { SChatList as P } from "../components/src/chat-list/index.mjs";
+import { SChatSender as F } from "../components/src/chat-sender/index.mjs";
+import { STransition as I } from "../components/src/transition/index.mjs";
+import { collapseContextKey as L } from "../components/src/collapse/types.mjs";
+import { SCollapse as R, SCollapseItem as z } from "../components/src/collapse/index.mjs";
+import { SIcon as B } from "../components/src/icon/index.mjs";
+import { STag as V } from "../components/src/tag/index.mjs";
+import { SSelect as H } from "../components/src/select/index.mjs";
+import { SColorPicker as U } from "../components/src/color-picker/index.mjs";
+import { SDatePicker as W } from "../components/src/date-picker/index.mjs";
+import { SDatetimePicker as G } from "../components/src/datetime-picker/index.mjs";
+import { descriptionsContextKey as K } from "../components/src/descriptions/types.mjs";
+import { SDescriptions as q, SDescriptionsItem as J } from "../components/src/descriptions/index.mjs";
+import { SDivider as Y } from "../components/src/divider/index.mjs";
+import { SDrawer as X } from "../components/src/drawer/index.mjs";
+import { dropdownContextKey as Z } from "../components/src/dropdown/types.mjs";
+import { SDoption as Q, SDropdown as $, SDsubmenu as ee } from "../components/src/dropdown/index.mjs";
+import { SExpandCard as te } from "../components/src/expand-card/index.mjs";
+import { SGalleria as ne } from "../components/src/galleria/index.mjs";
+import { gridContextKey as re } from "../components/src/grid/types.mjs";
+import { SGrid as ie, SGridItem as ae } from "../components/src/grid/index.mjs";
+import { SHighlight as oe } from "../components/src/highlight/index.mjs";
+import { imageGroupContextKey as se } from "../components/src/image/types.mjs";
+import { SImage as ce, SImageGroup as le, SImagePreview as ue } from "../components/src/image/index.mjs";
+import { SInputGroup as de } from "../components/src/input-group/index.mjs";
+import { SInputNumber as fe } from "../components/src/input-number/index.mjs";
+import { SInputTag as pe } from "../components/src/input-tag/index.mjs";
+import me from "../components/src/layer/method.mjs";
+import { SLayout as he, SLayoutAside as ge, SLayoutContent as _e, SLayoutFooter as ve, SLayoutHeader as ye } from "../components/src/layout/index.mjs";
+import { SLink as be } from "../components/src/link/index.mjs";
+import { SList as xe } from "../components/src/list/index.mjs";
+import { menuContextKey as Se, menuLevelContextKey as Ce, subMenuContextKey as we } from "../components/src/menu/types.mjs";
+import { SMenu as Te, SMenuGroup as Ee, SMenuItem as De, SSubMenu as Oe } from "../components/src/menu/index.mjs";
+import { useMessage as ke } from "../components/src/message/method.mjs";
+import { SMeterGroup as Ae } from "../components/src/meter-group/index.mjs";
+import { useModal as je } from "../components/src/modal/method.mjs";
+import { SModal as Me } from "../components/src/modal/index.mjs";
+import { SPagination as Ne } from "../components/src/pagination/index.mjs";
+import { SPanel as Pe } from "../components/src/panel/index.mjs";
+import { SProgress as Fe } from "../components/src/progress/index.mjs";
+import { SSegmented as Ie } from "../components/src/segmented/index.mjs";
+import { SSkeleton as Le } from "../components/src/skeleton/index.mjs";
+import { SSliderVerify as Re } from "../components/src/slider-verify/index.mjs";
+import { SSpace as ze } from "../components/src/space/index.mjs";
+import { splitContextKey as Be } from "../components/src/split/types.mjs";
+import { SSplit as Ve, SSplitPane as He } from "../components/src/split/index.mjs";
+import { SStatistic as Ue } from "../components/src/statistic/index.mjs";
+import { SSteps as We } from "../components/src/steps/index.mjs";
+import { SSwitch as Ge } from "../components/src/switch/index.mjs";
+import { tableContextKey as Ke } from "../components/src/table/types.mjs";
+import { STable as qe } from "../components/src/table/index.mjs";
+import { tabsContextKey as Je } from "../components/src/tabs/types.mjs";
+import { STab as Ye, STabPane as Xe, STabs as Ze } from "../components/src/tabs/index.mjs";
 import { STextarea as Qe } from "../components/src/textarea/index.mjs";
 import { timelineContextKey as $e } from "../components/src/timeline/types.mjs";
 import { STimeline as et, STimelineItem as tt } from "../components/src/timeline/index.mjs";
@@ -96,4 +96,4 @@ import dt from "dayjs";
 //#region index.ts
 var ft = e(ut);
 //#endregion
-export { t as SAlert, r as SAnchor, i as SAnchorLink, v as SAutoComplete, y as SAvatar, g as SBackTop, b as SBadge, x as SButton, S as SButtonGroup, C as SCard, w as SCarousel, M as SCascader, N as SChatList, P as SChatSender, D as SCheckbox, O as SCheckboxGroup, L as SCollapse, R as SCollapseItem, H as SColorPicker, l as SConfigProvider, U as SDatePicker, W as SDatetimePicker, K as SDescriptions, q as SDescriptionsItem, J as SDivider, Z as SDoption, Y as SDrawer, Q as SDropdown, $ as SDsubmenu, T as SEmpty, ee as SExpandCard, f as SForm, p as SFormItem, te as SGalleria, re as SGrid, ie as SGridItem, ae as SHighlight, z as SIcon, se as SImage, ce as SImageGroup, le as SImagePreview, m as SInput, ue as SInputGroup, de as SInputNumber, fe as SInputTag, me as SLayout, he as SLayoutAside, ge as SLayoutContent, _e as SLayoutFooter, ve as SLayoutHeader, ye as SLink, be as SList, we as SMenu, Te as SMenuGroup, Ee as SMenuItem, ke as SMeterGroup, je as SModal, Me as SPagination, Ne as SPanel, u as SPopover, Pe as SProgress, A as SRadio, j as SRadioGroup, _ as SScrollbar, Fe as SSegmented, V as SSelect, Ie as SSkeleton, Le as SSliderVerify, Re as SSpace, Be as SSplit, Ve as SSplitPane, He as SStatistic, Ue as SSteps, De as SSubMenu, We as SSwitch, Je as STab, Ye as STabPane, Ke as STable, Xe as STabs, B as STag, Ze as SText, Qe as STextarea, et as STimeline, tt as STimelineItem, d as STooltip, F as STransition, rt as STree, it as STreeSelect, at as SUpload, ot as SVirtualList, st as SWaterfall, ct as SWatermark, lt as SWheel, n as anchorContextKey, h as buttonGroupContextKey, E as checkboxGroupContextKey, I as collapseContextKey, c as configProviderContextKey, dt as dayjs, ft as default, G as descriptionsContextKey, X as dropdownContextKey, a as formContextKey, o as formItemContextKey, s as formItemStatusContextKey, ne as gridContextKey, oe as imageGroupContextKey, xe as menuContextKey, Se as menuLevelContextKey, k as radioGroupContextKey, ze as splitContextKey, Ce as subMenuContextKey, Ge as tableContextKey, qe as tabsContextKey, $e as timelineContextKey, nt as treeContextKey, pe as useLayer, Oe as useMessage, Ae as useModal };
+export { t as SAlert, r as SAnchor, i as SAnchorLink, v as SAutoComplete, y as SAvatar, g as SBackTop, b as SBadge, x as SButton, S as SButtonGroup, w as SCard, T as SCarousel, N as SCascader, P as SChatList, F as SChatSender, O as SCheckbox, k as SCheckboxGroup, R as SCollapse, z as SCollapseItem, U as SColorPicker, l as SConfigProvider, W as SDatePicker, G as SDatetimePicker, q as SDescriptions, J as SDescriptionsItem, Y as SDivider, Q as SDoption, X as SDrawer, $ as SDropdown, ee as SDsubmenu, E as SEmpty, te as SExpandCard, f as SForm, p as SFormItem, ne as SGalleria, ie as SGrid, ae as SGridItem, oe as SHighlight, B as SIcon, ce as SImage, le as SImageGroup, ue as SImagePreview, m as SInput, de as SInputGroup, fe as SInputNumber, pe as SInputTag, he as SLayout, ge as SLayoutAside, _e as SLayoutContent, ve as SLayoutFooter, ye as SLayoutHeader, be as SLink, xe as SList, Te as SMenu, Ee as SMenuGroup, De as SMenuItem, Ae as SMeterGroup, Me as SModal, Ne as SPagination, Pe as SPanel, u as SPopover, Fe as SProgress, j as SRadio, M as SRadioGroup, _ as SScrollbar, Ie as SSegmented, H as SSelect, Le as SSkeleton, Re as SSliderVerify, ze as SSpace, Ve as SSplit, He as SSplitPane, Ue as SStatistic, We as SSteps, Oe as SSubMenu, Ge as SSwitch, Ye as STab, Xe as STabPane, qe as STable, Ze as STabs, V as STag, C as SText, Qe as STextarea, et as STimeline, tt as STimelineItem, d as STooltip, I as STransition, rt as STree, it as STreeSelect, at as SUpload, ot as SVirtualList, st as SWaterfall, ct as SWatermark, lt as SWheel, n as anchorContextKey, h as buttonGroupContextKey, D as checkboxGroupContextKey, L as collapseContextKey, c as configProviderContextKey, dt as dayjs, ft as default, K as descriptionsContextKey, Z as dropdownContextKey, a as formContextKey, o as formItemContextKey, s as formItemStatusContextKey, re as gridContextKey, se as imageGroupContextKey, Se as menuContextKey, Ce as menuLevelContextKey, A as radioGroupContextKey, Be as splitContextKey, we as subMenuContextKey, Ke as tableContextKey, Je as tabsContextKey, $e as timelineContextKey, nt as treeContextKey, me as useLayer, ke as useMessage, je as useModal };

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

@@ -5,10 +5,12 @@
   background-color: getCssVar("color", "bg-2");
   font-size: getCssVar("font-size", "medium");
   border-radius: getCssVar("radius", "larger");
-  border: 1px solid getCssVar("color", "fill-3");
   display: inline-flex;
   flex-direction: column;
   overflow: hidden;
+  @include m(bordered) {
+    border: 1px solid getCssVar("color", "fill-3");
+  }
   @include e(image) {
     overflow: hidden;
   }

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

@@ -9,6 +9,7 @@
 }
 
 @include b(form-item) {
+  width: 100%;
   display: flex;
   box-sizing: border-box;
   font-size: getCssVar("font-size", "medium");

package/dist/json/vetur-attributes.json

@@ -217,9 +217,16 @@
   "s-card/shadow": {
     "description": "卡片阴影"
   },
+  "s-card/bordered": {
+    "description": "卡片边框",
+    "type": "boolean"
+  },
   "s-card/bodyStyle": {
     "description": "卡片内容区域样式"
   },
+  "s-card/titleProps": {
+    "description": "卡片标题属性"
+  },
   "s-carousel/modelValue": {
     "description": "当前轮播图索引（v-model）",
     "type": "number"
@@ -239,8 +246,8 @@
     "description": "切换速度",
     "type": "number"
   },
-  "s-carousel/card": {
-    "description": "是否显示为卡片样式",
+  "s-carousel/solid": {
+    "description": "是否显示为3D样式",
     "type": "boolean"
   },
   "s-carousel/showArrow": {

package/dist/json/vetur-tags.json

@@ -96,7 +96,9 @@
       "subtitle",
       "bar",
       "shadow",
-      "bodyStyle"
+      "bordered",
+      "bodyStyle",
+      "titleProps"
     ]
   },
   "s-carousel": {
@@ -106,7 +108,7 @@
       "items",
       "autoplay",
       "speed",
-      "card",
+      "solid",
       "showArrow",
       "indicator",
       "indicatorPosition"

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.17.0",
+  "version": "0.18.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -580,6 +580,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "bordered",
+              "description": "卡片边框",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "bodyStyle",
               "description": "卡片内容区域样式",
@@ -587,6 +595,14 @@
                 "type": "Record<string, string>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "titleProps",
+              "description": "卡片标题属性",
+              "value": {
+                "type": "TextProps",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -661,8 +677,8 @@
               }
             },
             {
-              "name": "card",
-              "description": "是否显示为卡片样式",
+              "name": "solid",
+              "description": "是否显示为3D样式",
               "value": {
                 "type": "boolean",
                 "kind": "expression"

package/package.json

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