@cyberpunk-vue/components 1.9.24 → 1.10.0

package/dist/index.mjs

@@ -5107,6 +5107,26 @@ var ae = {
 		type: [String, Object],
 		default: void 0
 	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: {
+		type: String,
+		default: "加载中..."
+	},
+	loadingClass: {
+		type: [
+			String,
+			Object,
+			Array
+		],
+		default: void 0
+	},
+	loadingStyle: {
+		type: [String, Object],
+		default: void 0
+	},
 	zIndex: {
 		type: Number,
 		default: 2e3
@@ -5204,6 +5224,7 @@ var ae = {
 			D.is("center", m.center),
 			D.is("draggable", m.draggable),
 			D.is("dragging", K.value),
+			D.is("loading", m.loading),
 			D.is("shaking", I.value),
 			m.dialogClass
 		]), ce = r(() => [
@@ -5221,52 +5242,52 @@ var ae = {
 			D.e("overlay"),
 			m.overlayClass,
 			m.modalClass
-		]), fe = r(() => m.title || w.header || w.title || m.showClose), pe = r(() => !!w.footer || m.showConfirmButton || m.showCancelButton), me = r(() => m.type && m.type !== "default" ? m.type : "primary"), he = r(() => m.color || ""), ge = r(() => {
+		]), fe = r(() => [D.e("loading-overlay"), m.loadingClass]), pe = r(() => m.title || w.header || w.title || m.showClose), me = r(() => !!w.footer || m.showConfirmButton || m.showCancelButton), ge = r(() => m.type && m.type !== "default" ? m.type : "primary"), _e = r(() => m.color || ""), ve = r(() => {
 			if (m.beforeClose) return m.beforeClose;
 			let e = E["before-close"] ?? E.beforeClose;
 			return typeof e == "function" ? e : void 0;
-		}), _e = () => {
+		}), ye = () => {
 			k.value = !1;
-		}, ve = () => {
+		}, be = () => {
 			let e = (e) => {
-				e || _e();
+				e || ye();
 			};
-			ge.value ? ge.value(e) : e();
-		}, ye = () => {
-			m.closeOnClickModal ? ve() : W();
-		}, be = () => {
-			h("confirm"), ve();
+			ve.value ? ve.value(e) : e();
 		}, xe = () => {
-			h("cancel"), ve();
-		}, Se = (e) => {
-			e.key === "Escape" && k.value && (m.closeOnEscape ? ve() : W());
-		}, we = (e) => {
+			m.closeOnClickModal ? be() : W();
+		}, Se = () => {
+			h("confirm"), be();
+		}, we = () => {
+			h("cancel"), be();
+		}, Te = (e) => {
+			e.key === "Escape" && k.value && (m.closeOnEscape ? be() : W());
+		}, Ee = (e) => {
 			e.stopPropagation();
-		}, Te = () => {
+		}, De = () => {
 			h("opened");
-		}, Ee = () => {
-			h("closed"), ke(), m.destroyOnClose && (A.value = !1);
-		}, De = "", Oe = () => {
-			m.lockScroll && (De = document.body.style.overflow, document.body.style.overflow = "hidden");
-		}, ke = () => {
-			m.lockScroll && (document.body.style.overflow = De);
+		}, Oe = () => {
+			h("closed"), je(), m.destroyOnClose && (A.value = !1);
+		}, ke = "", Ae = () => {
+			m.lockScroll && (ke = document.body.style.overflow, document.body.style.overflow = "hidden");
+		}, je = () => {
+			m.lockScroll && (document.body.style.overflow = ke);
 		};
 		return R(() => m.modelValue, (e) => {
 			e ? (A.value = !0, k.value = !0, h("open"), _(() => {
-				Z(), Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", Q);
-			})) : k.value && _e();
+				Z(), Ae(), document.addEventListener("keydown", Te), m.draggable && window.addEventListener("resize", Q);
+			})) : k.value && ye();
 		}), R(k, (e) => {
-			!e && m.modelValue && (h("close"), h("update:modelValue", !1), document.removeEventListener("keydown", Se), window.removeEventListener("resize", Q));
+			!e && m.modelValue && (h("close"), h("update:modelValue", !1), document.removeEventListener("keydown", Te), window.removeEventListener("resize", Q));
 		}), R(() => m.fullscreen, (e) => {
 			z.value && (e ? (J = z.value.style.transform, z.value.style.transform = "") : z.value.style.transform = J);
 		}), x(() => {
 			m.modelValue && (A.value = !0, k.value = !0, _(() => {
-				Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", Q);
+				Ae(), document.addEventListener("keydown", Te), m.draggable && window.addEventListener("resize", Q);
 			}));
 		}), b(() => {
-			ke(), document.removeEventListener("keydown", Se), window.removeEventListener("resize", Q);
+			je(), document.removeEventListener("keydown", Te), window.removeEventListener("resize", Q);
 		}), c({
-			close: ve,
+			close: be,
 			resetPosition: Z,
 			visible: k
 		}), (e, r) => (S(), i(t, {
@@ -5274,17 +5295,17 @@ var ae = {
 			disabled: !e.appendToBody
 		}, [u(n, {
 			name: N(D).namespace + "-dialog-fade",
-			onAfterEnter: Te,
-			onAfterLeave: Ee
+			onAfterEnter: De,
+			onAfterLeave: Oe
 		}, {
 			default: B(() => [(e.destroyOnClose ? k.value : A.value || k.value) ? V((S(), o("div", {
 				key: 0,
 				class: v(de.value),
 				style: y(ae.value),
-				onClick: U(ye, ["self"])
+				onClick: U(xe, ["self"])
 			}, [s("div", {
 				class: v(oe.value),
-				onClick: U(ye, ["self"])
+				onClick: U(xe, ["self"])
 			}, [s("div", g({
 				ref_key: "panelRef",
 				ref: z
@@ -5293,7 +5314,7 @@ var ae = {
 				style: ie.value,
 				role: "dialog",
 				"aria-modal": "true",
-				onClick: we,
+				onClick: Ee,
 				onAnimationend: G
 			}), [
 				s("div", { class: v(N(D).e("decor")) }, null, 2),
@@ -5301,7 +5322,7 @@ var ae = {
 					key: 0,
 					class: v(N(D).e("cover"))
 				}, [O(e.$slots, "cover")], 2)) : a("", !0),
-				fe.value ? (S(), o("div", {
+				pe.value ? (S(), o("div", {
 					key: 1,
 					ref_key: "headerRef",
 					ref: H,
@@ -5318,7 +5339,7 @@ var ae = {
 					variant: "ghost",
 					size: "sm",
 					"aria-label": "Close",
-					onClick: ve
+					onClick: be
 				}, null, 8, [
 					"class",
 					"shape",
@@ -5329,26 +5350,26 @@ var ae = {
 					class: v(le.value),
 					style: y(e.bodyStyle)
 				}, [O(e.$slots, "default")], 6),
-				pe.value ? (S(), o("div", {
+				me.value ? (S(), o("div", {
 					key: 2,
 					class: v(ue.value),
 					style: y(e.footerStyle)
 				}, [O(e.$slots, "footer", {
-					close: ve,
-					confirm: be
+					close: be,
+					confirm: Se
 				}, () => [e.showCancelButton ? (S(), i(N(Ce), {
 					key: 0,
 					class: v(N(D).e("cancel-btn")),
-					onClick: xe
+					onClick: we
 				}, {
 					default: B(() => [l(j(e.cancelText || "取消"), 1)]),
 					_: 1
 				}, 8, ["class"])) : a("", !0), e.showConfirmButton ? (S(), i(N(Ce), {
 					key: 1,
 					class: v(N(D).e("confirm-btn")),
-					type: me.value,
-					color: he.value,
-					onClick: be
+					type: ge.value,
+					color: _e.value,
+					onClick: Se
 				}, {
 					default: B(() => [l(j(e.confirmText || "确认"), 1)]),
 					_: 1
@@ -5356,7 +5377,18 @@ var ae = {
 					"class",
 					"type",
 					"color"
-				])) : a("", !0)])], 6)) : a("", !0)
+				])) : a("", !0)])], 6)) : a("", !0),
+				u(n, { name: "cp-dialog-loading" }, {
+					default: B(() => [e.loading ? (S(), o("div", {
+						key: 0,
+						class: v(fe.value),
+						style: y(e.loadingStyle)
+					}, [O(e.$slots, "loading", {}, () => [u(N(he), { color: ne.value || void 0 }, null, 8, ["color"]), e.loadingText ? (S(), o("span", {
+						key: 0,
+						class: v(N(D).e("loading-text"))
+					}, j(e.loadingText), 3)) : a("", !0)])], 6)) : a("", !0)]),
+					_: 3
+				})
 			], 16)], 2)], 6)), [[L, k.value]]) : a("", !0)]),
 			_: 3
 		}, 8, ["name"])], 8, ["disabled"]));
@@ -5668,6 +5700,10 @@ var ae = {
 		type: String,
 		default: "solid"
 	},
+	size: {
+		type: [String, Number],
+		default: "md"
+	},
 	defaultActive: {
 		type: String,
 		default: ""
@@ -5706,77 +5742,87 @@ var ae = {
 	props: mr,
 	emits: hr,
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = Y("menu"), s = f()?.appContext.config.globalProperties.$router, c = T(n.defaultActive), l = T([]), u = T(new Set(n.defaultOpeneds)), d = T(new Set(n.defaultOpeneds)), p = T(!1), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = (e, t) => {
-			m.set(e, [...t]);
-		}, b = (e) => {
-			m.delete(e);
-		}, w = (e, t) => {
+		let n = e, i = t, a = Y("menu"), s = f()?.appContext.config.globalProperties.$router, c = {
+			sm: 13,
+			md: 14,
+			lg: 16
+		}, l = T(n.defaultActive), u = T([]), d = T(new Set(n.defaultOpeneds)), p = T(new Set(n.defaultOpeneds)), m = T(!1), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), b = (e, t) => {
 			h.set(e, [...t]);
-		}, E = (e) => {
+		}, w = (e) => {
 			h.delete(e);
+		}, E = (e, t) => {
+			g.set(e, [...t]);
 		}, D = (e) => {
-			if (m.has(e)) return {
+			g.delete(e);
+		}, k = (e) => {
+			if (h.has(e)) return {
 				index: e,
-				indexPath: m.get(e)
+				indexPath: h.get(e)
 			};
 			let t = null;
-			for (let [n, r] of m) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
+			for (let [n, r] of h) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
 				index: n,
 				indexPath: r
 			});
 			return t;
-		}, k = (e) => {
+		}, A = (e) => {
 			if (!e) return;
-			let t = D(e);
+			let t = k(e);
 			if (t) {
-				c.value = t.index, l.value = t.indexPath;
-				let e = new Set(u.value);
-				for (let n of t.indexPath) n !== t.index && h.has(n) && e.add(n);
-				u.value = e, n.collapse || (d.value = new Set(e));
+				l.value = t.index, u.value = t.indexPath;
+				let e = new Set(d.value);
+				for (let n of t.indexPath) n !== t.index && g.has(n) && e.add(n);
+				d.value = e, n.collapse || (p.value = new Set(e));
 			}
 		};
 		R(() => n.defaultActive, (e) => {
-			k(e);
+			A(e);
 		}), R(() => n.collapse, (e) => {
-			e ? (p.value = !0, d.value = new Set(u.value), u.value = /* @__PURE__ */ new Set(), setTimeout(() => {
-				p.value = !1;
-			}, 350)) : u.value = new Set(d.value);
+			e ? (m.value = !0, p.value = new Set(d.value), d.value = /* @__PURE__ */ new Set(), setTimeout(() => {
+				m.value = !1;
+			}, 350)) : d.value = new Set(p.value);
 		}, { flush: "sync" });
-		let A = (e, t) => {
-			n.router || (c.value = e, l.value = t), i("select", e, t);
-		}, j = (e, t) => {
-			let r = new Set(u.value);
-			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), u.value = r, i("open", e, t), n.collapse || (d.value = new Set(r)));
+		let j = (e, t) => {
+			n.router || (l.value = e, u.value = t), i("select", e, t);
 		}, N = (e, t) => {
-			let r = new Set(u.value);
-			r.has(e) && (r.delete(e), u.value = r, i("close", e, t), n.collapse || (d.value = new Set(r)));
+			let r = new Set(d.value);
+			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), d.value = r, i("open", e, t), n.collapse || (p.value = new Set(r)));
 		}, P = (e, t) => {
-			u.value.has(e) ? N(e, t) : j(e, t);
+			let r = new Set(d.value);
+			r.has(e) && (r.delete(e), d.value = r, i("close", e, t), n.collapse || (p.value = new Set(r)));
+		}, F = (e, t) => {
+			d.value.has(e) ? P(e, t) : N(e, t);
 		};
 		x(() => {
 			_(() => {
-				k(c.value);
+				A(l.value);
 			}), n.router && s && R(() => s.currentRoute.value.path, (e) => {
-				k(e);
+				A(e);
 			});
 		});
-		let F = 0, I = () => `__cp_auto_${++F}`, L = r(() => [
+		let I = 0, L = () => `__cp_auto_${++I}`, z = r(() => [
 			a.b(),
 			a.m(n.mode),
 			a.m(`shape-${n.shape}`),
 			a.m(n.variant),
+			W(n.size) && a.m(n.size),
 			a.is("collapse", n.collapse && n.mode === "vertical"),
+			a.is("custom-size", !W(n.size)),
 			n.type === "default" ? "" : a.m(n.type),
 			n.color ? a.is("custom-color") : ""
-		]), z = r(() => {
+		]), B = r(() => {
 			let e = {};
+			if (!W(n.size)) {
+				let t = K(n.size, c);
+				e["--cp-menu-font-size"] = t, e["--cp-menu-item-height"] = `calc(${t} * 3.25)`, e["--cp-menu-icon-size"] = `calc(${t} * 1.15)`, e["--cp-menu-group-title-font-size"] = `calc(${t} * 0.8)`;
+			}
 			return n.color && (e["--cp-menu-active-color"] = n.color, e["--cp-menu-active-color-light"] = `color-mix(in srgb, ${n.color} 20%, transparent)`), e;
 		});
 		return C(gr, {
-			generateIndex: I,
-			activeIndex: c,
-			activeIndexPath: l,
-			openedMenus: u,
+			generateIndex: L,
+			activeIndex: l,
+			activeIndexPath: u,
+			openedMenus: d,
 			mode: n.mode,
 			collapse: M(n, "collapse"),
 			type: n.type,
@@ -5784,18 +5830,18 @@ var ae = {
 			variant: n.variant,
 			router: n.router,
 			color: n.color,
-			handleSelect: A,
-			handleSubMenuClick: P,
-			openMenu: j,
-			closeMenu: N,
-			addItem: g,
-			removeItem: b,
-			addSubMenu: w,
-			removeSubMenu: E,
-			suppressTransition: p
+			handleSelect: j,
+			handleSubMenuClick: F,
+			openMenu: N,
+			closeMenu: P,
+			addItem: b,
+			removeItem: w,
+			addSubMenu: E,
+			removeSubMenu: D,
+			suppressTransition: m
 		}), (e, t) => (S(), o("ul", {
-			class: v(L.value),
-			style: y(z.value),
+			class: v(z.value),
+			style: y(B.value),
 			role: "menubar"
 		}, [O(e.$slots, "default")], 6));
 	}
@@ -6475,6 +6521,10 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 		type: String,
 		default: "vertical"
 	},
+	size: {
+		type: [String, Number],
+		default: "md"
+	},
 	defaultActive: {
 		type: String,
 		default: ""
@@ -6530,6 +6580,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 		}, d = (e) => !!e.group;
 		return (t, n) => (S(), i(N(vr), {
 			mode: t.mode,
+			size: t.size,
 			"default-active": t.defaultActive,
 			"default-openeds": t.defaultOpeneds,
 			"unique-opened": t.uniqueOpened,
@@ -6607,6 +6658,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			_: 1
 		}, 8, [
 			"mode",
+			"size",
 			"default-active",
 			"default-openeds",
 			"unique-opened",
@@ -7048,10 +7100,15 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 	block: {
 		type: Boolean,
 		default: !1
+	},
+	clearable: {
+		type: Boolean,
+		default: !1
 	}
 }, ci = {
-	"update:modelValue": (e) => typeof e == "string" || typeof e == "number",
-	change: (e) => typeof e == "string" || typeof e == "number"
+	"update:modelValue": (e) => e === void 0 || typeof e == "string" || typeof e == "number",
+	change: (e) => e === void 0 || typeof e == "string" || typeof e == "number",
+	clear: () => !0
 }, li = [
 	"disabled",
 	"aria-checked",
@@ -7080,7 +7137,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			let t = w.value[e];
 			E.value = {
 				width: `${t.offsetWidth}px`,
-				transform: `translateX(calc(${t.offsetLeft}px + var(--cp-segmented-indicator-offset, -2px)))`,
+				transform: `translateX(calc(${t.offsetLeft}px + var(--cp-segmented-indicator-offset, 0px)))`,
 				opacity: "1"
 			};
 		};
@@ -7106,9 +7163,19 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 		]), F = r(() => {
 			let e = {};
 			return l.color && (e["--cp-segmented-color"] = l.color, e["--cp-segmented-color-light"] = `${l.color}25`), W(l.size) || (e["--cp-segmented-height"] = K(l.size, h)), e;
-		}), I = (e) => {
-			p.value || e.disabled || e.value !== l.modelValue && (u("update:modelValue", e.value), u("change", e.value));
-		}, L = (e) => [
+		}), I = () => {
+			p.value || l.modelValue === void 0 || (u("update:modelValue", void 0), u("change", void 0), u("clear"));
+		}, L = (e) => {
+			if (!(p.value || e.disabled)) {
+				if (e.value === l.modelValue) {
+					l.clearable && I();
+					return;
+				}
+				u("update:modelValue", e.value), u("change", e.value);
+			}
+		}, z = (e) => {
+			e.key === "Escape" && (!l.clearable || p.value || l.modelValue !== void 0 && (e.preventDefault(), I()));
+		}, B = (e) => [
 			d.e("item"),
 			d.is("active", e.value === l.modelValue),
 			d.is("disabled", !!e.disabled)
@@ -7118,7 +7185,8 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			ref: C,
 			class: v(P.value),
 			style: y(F.value),
-			role: "radiogroup"
+			role: "radiogroup",
+			onKeydown: z
 		}, [s("div", {
 			class: v(N(d).e("indicator")),
 			style: y(E.value)
@@ -7126,16 +7194,16 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			key: e.value,
 			ref_for: !0,
 			ref: (e) => O(e, n),
-			class: v(L(e)),
+			class: v(B(e)),
 			disabled: p.value || e.disabled,
 			type: "button",
 			role: "radio",
 			"aria-checked": e.value === t.modelValue,
-			onClick: (t) => I(e)
+			onClick: (t) => L(e)
 		}, [e.icon ? (S(), i(A(e.icon), {
 			key: 0,
 			class: v(N(d).e("item-icon"))
-		}, null, 8, ["class"])) : a("", !0), s("span", { class: v(N(d).e("item-label")) }, j(e.label), 3)], 10, li))), 128))], 6));
+		}, null, 8, ["class"])) : a("", !0), s("span", { class: v(N(d).e("item-label")) }, j(e.label), 3)], 10, li))), 128))], 38));
 	}
 })), di = {
 	data: {

package/dist/menu/index.d.ts

@@ -27,6 +27,10 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').MenuVariant>;
             readonly default: "solid";
         };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').MenuSize>;
+            readonly default: "md";
+        };
         readonly defaultActive: {
             readonly type: StringConstructor;
             readonly default: "";
@@ -64,6 +68,7 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
         close: (index: string, indexPath: string[]) => void;
         open: (index: string, indexPath: string[]) => void;
     }, import('vue').PublicProps, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
         readonly mode: import('.').MenuMode;
         readonly type: import('.').MenuType;
         readonly color: string;
@@ -94,6 +99,10 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').MenuVariant>;
             readonly default: "solid";
         };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').MenuSize>;
+            readonly default: "md";
+        };
         readonly defaultActive: {
             readonly type: StringConstructor;
             readonly default: "";
@@ -127,6 +136,7 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
         onClose?: ((index: string, indexPath: string[]) => any) | undefined;
         onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
         readonly mode: import('.').MenuMode;
         readonly type: import('.').MenuType;
         readonly color: string;
@@ -154,6 +164,10 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
         readonly type: import('vue').PropType<import('.').MenuVariant>;
         readonly default: "solid";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -191,6 +205,7 @@ export declare const CpMenu: import('../utils').SFCWithInstall<{
     close: (index: string, indexPath: string[]) => void;
     open: (index: string, indexPath: string[]) => void;
 }, string, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly mode: import('.').MenuMode;
     readonly type: import('.').MenuType;
     readonly color: string;

package/dist/menu/src/menu.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { Size } from '@cyberpunk-vue/hooks';
 /**
  * Menu 颜色类型
  */
@@ -22,6 +23,7 @@ export type MenuShape = 'clip' | 'no-clip' | 'round' | 'circle';
  * - `note` - 透明背景 + 发光条高亮（旧默认样式）
  */
 export type MenuVariant = 'solid' | 'outline' | 'note';
+export type MenuSize = Size;
 /**
  * CpMenu 组件 Props 定义
  *
@@ -114,6 +116,18 @@ export declare const menuProps: {
         readonly type: PropType<MenuVariant>;
         readonly default: "solid";
     };
+    /**
+     * 菜单尺寸
+     * - `sm` - 更紧凑的字号与行高
+     * - `md` - 默认尺寸
+     * - `lg` - 更大的字号与行高
+     * - 也支持数字 (px) 或带单位字符串 (如 '1rem')
+     * @default 'md'
+     */
+    readonly size: {
+        readonly type: PropType<MenuSize>;
+        readonly default: "md";
+    };
     /**
      * 默认激活的菜单项 index。
      * 支持前缀匹配：传入 `/model-specs/xxx` 会自动匹配 `index="/model-specs"` 的菜单项，

package/dist/menu/src/menu.vue.d.ts

@@ -20,6 +20,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./menu').MenuVariant>;
         readonly default: "solid";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./menu').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -65,6 +69,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./menu').MenuVariant>;
         readonly default: "solid";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./menu').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -98,6 +106,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly mode: import('./menu').MenuMode;
     readonly type: import('./menu').MenuType;
     readonly color: string;

package/dist/menu-nav/index.d.ts

@@ -19,6 +19,10 @@ export declare const CpMenuNav: import('../utils').SFCWithInstall<import('vue').
         readonly type: import('vue').PropType<import('..').MenuMode>;
         readonly default: "vertical";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('..').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -68,6 +72,10 @@ export declare const CpMenuNav: import('../utils').SFCWithInstall<import('vue').
         readonly type: import('vue').PropType<import('..').MenuMode>;
         readonly default: "vertical";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('..').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -109,6 +117,7 @@ export declare const CpMenuNav: import('../utils').SFCWithInstall<import('vue').
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly mode: import('..').MenuMode;
     readonly type: import('..').MenuType;
     readonly color: string;

package/dist/menu-nav/src/menu-nav.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { IconValue } from '../../icon/src/icon';
-import { MenuType, MenuMode, MenuShape, MenuVariant } from '../../menu/src/menu';
+import { MenuType, MenuMode, MenuShape, MenuVariant, MenuSize } from '../../menu/src/menu';
 /**
  * 菜单项数据结构
  *
@@ -68,6 +68,14 @@ export declare const menuNavProps: {
         readonly type: PropType<MenuMode>;
         readonly default: "vertical";
     };
+    /**
+     * 菜单尺寸
+     * @default 'md'
+     */
+    readonly size: {
+        readonly type: PropType<MenuSize>;
+        readonly default: "md";
+    };
     /**
      * 默认激活项 index
      * @default ''