@me-framework/me-ui-antdv-next 0.0.36 → 0.0.39

package/dist/menu/index.js

@@ -1,8 +1,33 @@
 import e from "../icon/index.js";
-import { Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, provide as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveComponent as ee, toDisplayString as x, unref as S, vShow as C, watch as w, withCtx as T, withDirectives as E } from "vue";
-import { ChevronDown as D, ChevronLeft as te, ChevronRight as O } from "@lucide/vue";
-//#region src/components/menu/MenuTreeItem.vue?vue&type=script&setup=true&lang.ts
-var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children" }, k = { class: "me-menu__tree-text" }, A = /* @__PURE__ */ l({
+import { Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, provide as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, toDisplayString as S, unref as C, vShow as w, watch as T, withCtx as ee, withDirectives as E } from "vue";
+import { ChevronDown as te, ChevronLeft as D, ChevronRight as ne } from "@lucide/vue";
+//#region src/components/menu/useMenu.ts
+var O = (e) => {
+	if (e) return {
+		danger: "error",
+		info: "default",
+		primary: "blue",
+		success: "success",
+		warning: "warning"
+	}[e] || e;
+}, re = Symbol("meMenuCtx"), ie = (e, t) => e[t], ae = (e, t) => e && e[t] || [], oe = (e, t) => !(!t.showHidden && e.hideFlag || e.meta?.hideMenu || t.hideDisabled && !e.enableFlag), k = (e, t) => {
+	let n = ae(e, t.childrenField);
+	return !n.length || e.meta?.hideChildrenMenu ? [] : n.filter((e) => oe(e, t)).sort((e, t) => e.sort - t.sort);
+}, se = (e, t, n) => {
+	for (let r of e) {
+		if (ie(r, n.keyField) === t) return r;
+		let e = k(r, n);
+		if (e.length > 0) {
+			let r = se(e, t, n);
+			if (r) return r;
+		}
+	}
+	return null;
+}, ce = (e, t) => e.meta?.type !== "group" && k(e, t).length === 0, le = (e, t) => {
+	if (ce(e, t)) return e;
+	let n = k(e, t);
+	return n.length === 0 ? null : le(n[0], t);
+}, ue = { class: "me-menu__tree-text" }, de = { class: "me-menu__tree-children" }, A = { class: "me-menu__tree-text" }, fe = /* @__PURE__ */ l({
 	name: "MenuTreeItem",
 	__name: "MenuTreeItem",
 	props: {
@@ -11,84 +36,76 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 	},
 	emits: ["click", "toggle"],
 	setup(l, { emit: p }) {
-		let m = u("meMenuCtx"), g = l, _ = p, v = (e) => e[m.keyField] ?? e.id, b = (e) => !(!m.showHidden && e.hideFlag || e.meta?.hideMenu || m.hideDisabled && !e.enableFlag), w = r(() => !g.item.children || g.item.meta?.hideChildrenMenu ? [] : g.item.children.filter((e) => b(e)).sort((e, t) => e.sort - t.sort)), te = r(() => w.value.length > 0), O = r(() => m.selectedId === v(g.item)), A = r(() => m.expandedSections.has(v(g.item))), ie = () => {
-			g.item.enableFlag && _("toggle", v(g.item));
-		}, ae = () => {
+		let m = u(re), g = l, _ = p, v = r(() => m.getVisibleChildren(g.item)), b = r(() => v.value.length > 0), T = r(() => m.selectedId === m.getItemKey(g.item)), D = r(() => m.expandedSections.has(m.getItemKey(g.item))), ne = () => {
+			g.item.enableFlag && _("toggle", m.getItemKey(g.item));
+		}, O = () => {
 			g.item.enableFlag && _("click", g.item);
-		}, j = (e) => {
-			if (e) return {
-				danger: "error",
-				info: "default",
-				primary: "blue",
-				success: "success",
-				warning: "warning"
-			}[e] || e;
 		};
 		return (r, u) => {
-			let p = ee("a-badge"), m = ee("MenuTreeItem", !0);
-			return te.value ? (h(), o(t, { key: 0 }, [s("div", {
+			let p = x("a-badge"), g = x("MenuTreeItem", !0);
+			return b.value ? (h(), o(t, { key: 0 }, [s("div", {
 				class: d(["me-menu__tree-item me-menu__tree-item--expandable", {
-					"is-active": O.value,
+					"is-active": T.value,
 					"is-disabled": !l.item.enableFlag,
-					"is-expanded": A.value
+					"is-expanded": D.value
 				}]),
 				style: f({ paddingLeft: `${l.level * 16 + 16}px` }),
-				onClick: ie
+				onClick: ne
 			}, [
 				u[2] ||= s("span", { class: "me-menu__tree-indent" }, null, -1),
-				l.item.icon ? (h(), i(S(e), {
+				l.item.icon ? (h(), i(C(e), {
 					key: 0,
 					name: l.item.icon,
 					size: 16,
 					class: "me-menu__tree-icon"
 				}, null, 8, ["name"])) : a("", !0),
-				s("span", ne, x(l.item.title), 1),
+				s("span", ue, S(l.item.title), 1),
 				l.item.meta?.badge || l.item.meta?.dot ? (h(), i(p, {
 					key: 1,
 					count: l.item.meta?.dot ? void 0 : l.item.meta?.badge,
 					dot: !!l.item.meta?.dot,
-					color: j(l.item.meta?.badgeColor),
+					color: C(m).resolveBadgeColor(l.item.meta?.badgeColor),
 					class: "me-menu__tree-badge"
 				}, null, 8, [
 					"count",
 					"dot",
 					"color"
 				])) : a("", !0),
-				c(S(D), {
+				c(C(te), {
 					class: "me-menu__tree-arrow",
 					size: 12
 				})
 			], 6), c(n, { name: "me-menu-tree" }, {
-				default: T(() => [E(s("div", re, [(h(!0), o(t, null, y(w.value, (e) => (h(), i(m, {
-					key: v(e),
+				default: ee(() => [E(s("div", de, [(h(!0), o(t, null, y(v.value, (e) => (h(), i(g, {
+					key: C(m).getItemKey(e),
 					item: e,
 					level: l.level + 1,
 					onClick: u[0] ||= (e) => _("click", e),
 					onToggle: u[1] ||= (e) => _("toggle", e)
-				}, null, 8, ["item", "level"]))), 128))], 512), [[C, A.value]])]),
+				}, null, 8, ["item", "level"]))), 128))], 512), [[w, D.value]])]),
 				_: 1
 			})], 64)) : (h(), o("div", {
 				key: 1,
 				class: d(["me-menu__tree-item", {
-					"is-active": O.value,
+					"is-active": T.value,
 					"is-disabled": !l.item.enableFlag
 				}]),
 				style: f({ paddingLeft: `${l.level * 16 + 16}px` }),
-				onClick: ae
+				onClick: O
 			}, [
 				u[3] ||= s("span", { class: "me-menu__tree-indent" }, null, -1),
-				l.item.icon ? (h(), i(S(e), {
+				l.item.icon ? (h(), i(C(e), {
 					key: 0,
 					name: l.item.icon,
 					size: 16,
 					class: "me-menu__tree-icon"
 				}, null, 8, ["name"])) : a("", !0),
-				s("span", k, x(l.item.title), 1),
+				s("span", A, S(l.item.title), 1),
 				l.item.meta?.badge || l.item.meta?.dot ? (h(), i(p, {
 					key: 1,
 					count: l.item.meta?.dot ? void 0 : l.item.meta?.badge,
 					dot: !!l.item.meta?.dot,
-					color: j(l.item.meta?.badgeColor),
+					color: C(m).resolveBadgeColor(l.item.meta?.badgeColor),
 					class: "me-menu__tree-badge"
 				}, null, 8, [
 					"count",
@@ -98,10 +115,10 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 			], 6));
 		};
 	}
-}), ie = { class: "me-menu__logo" }, ae = { class: "me-menu__left-list" }, j = {
+}), pe = { class: "me-menu__logo" }, me = { class: "me-menu__left-list" }, he = {
 	key: 0,
 	class: "me-menu__divider"
-}, oe = ["onClick"], se = { class: "me-menu__left-title" }, ce = { class: "me-menu__footer" }, le = { class: "me-menu__right-inner" }, ue = { class: "me-menu__section" }, de = ["onClick"], fe = { class: "me-menu__section-title" }, pe = { class: "me-menu__section-body" }, me = { class: "me-menu__section" }, he = ["onClick"], ge = { class: "me-menu__section-title" }, _e = { class: "me-menu__section-body" }, ve = ["onClick"], ye = { class: "me-menu__item-text" }, M = /* @__PURE__ */ l({
+}, ge = ["onClick"], _e = { class: "me-menu__left-title" }, ve = { class: "me-menu__footer" }, ye = { class: "me-menu__right-inner" }, be = { class: "me-menu__section" }, xe = ["onClick"], Se = { class: "me-menu__section-title" }, Ce = { class: "me-menu__section-body" }, we = ["onClick"], Te = { class: "me-menu__item-text" }, j = /* @__PURE__ */ l({
 	name: "MeMenu",
 	__name: "index",
 	props: {
@@ -127,6 +144,8 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 		height: { default: "100%" },
 		background: { default: "" },
 		keyField: { default: "id" },
+		parentField: { default: "parentId" },
+		childrenField: { default: "children" },
 		rightCollapsed: { type: Boolean },
 		showRightToggle: {
 			type: Boolean,
@@ -142,312 +161,278 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 		"change",
 		"update:rightCollapsed"
 	],
-	setup(l, { expose: ne, emit: re }) {
-		let k = l, M = re, N = u("router", null);
-		g("meMenuCtx", _({
+	setup(l, { expose: ue, emit: de }) {
+		let A = l, j = de, M = u("router", null), N = v(A.defaultActiveId || A.activeId), P = v(A.defaultSelectedId || A.selectedId), F = v(/* @__PURE__ */ new Set()), I = v(A.rightCollapsed);
+		T(() => A.activeId, (e) => {
+			e && (N.value = e);
+		}), T(() => A.selectedId, (e) => {
+			e && (P.value = e);
+		}), T(() => A.rightCollapsed, (e) => {
+			I.value = e;
+		});
+		let Ee = v(!1), De = () => {
+			typeof document < "u" && (Ee.value = document.documentElement.classList.contains("dark"));
+		}, L = null;
+		p(() => {
+			De(), typeof document < "u" && (L = new MutationObserver(() => {
+				De();
+			}), L.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		}), m(() => {
+			L?.disconnect(), L = null;
+		});
+		let R = r(() => ({
+			keyField: A.keyField,
+			childrenField: A.childrenField,
+			hideDisabled: A.hideDisabled,
+			showHidden: A.showHidden
+		})), z = (e) => ie(e, A.keyField), Oe = (e) => ae(e, A.childrenField), ke = (e) => oe(e, R.value), B = (e) => k(e, R.value), V = (e, t) => se(e, t, R.value), H = (e) => ce(e, R.value), U = (e) => le(e, R.value), Ae = (e) => e.meta?.type === "group" || B(e).length > 0;
+		g(re, _({
 			get keyField() {
-				return k.keyField;
+				return A.keyField;
+			},
+			get childrenField() {
+				return A.childrenField;
 			},
 			get hideDisabled() {
-				return k.hideDisabled;
+				return A.hideDisabled;
 			},
 			get showHidden() {
-				return k.showHidden;
+				return A.showHidden;
 			},
 			get selectedId() {
-				return q.value;
+				return X.value;
 			},
 			get expandedSections() {
-				return I.value;
-			}
+				return F.value;
+			},
+			getItemKey: z,
+			getVisibleChildren: B,
+			resolveBadgeColor: O
 		}));
-		let P = v(k.defaultActiveId || k.activeId), F = v(k.defaultSelectedId || k.selectedId), I = v(/* @__PURE__ */ new Set()), L = v(k.rightCollapsed);
-		w(() => k.activeId, (e) => {
-			e && (P.value = e);
-		}), w(() => k.selectedId, (e) => {
-			e && (F.value = e);
-		}), w(() => k.rightCollapsed, (e) => {
-			L.value = e;
-		});
-		let be = v(!1), xe = () => {
-			typeof document < "u" && (be.value = document.documentElement.classList.contains("dark"));
-		}, R = null;
-		p(() => {
-			xe(), typeof document < "u" && (R = new MutationObserver(() => {
-				xe();
-			}), R.observe(document.documentElement, {
-				attributes: !0,
-				attributeFilter: ["class"]
-			}));
-		}), m(() => {
-			R?.disconnect(), R = null;
-		});
-		let Se = r(() => typeof k.height == "number" ? `${k.height}px` : k.height), Ce = r(() => {
-			if (!k.background) return {};
-			let e = k.background.trim();
+		let je = r(() => typeof A.height == "number" ? `${A.height}px` : A.height), Me = r(() => {
+			if (!A.background) return {};
+			let e = A.background.trim();
 			return e.startsWith("http://") || e.startsWith("https://") || e.startsWith("data:") ? {
-				backgroundImage: be.value ? `linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 80%)), url(${e})` : `url(${e})`,
+				backgroundImage: Ee.value ? `linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 80%)), url(${e})` : `url(${e})`,
 				backgroundSize: "cover"
 			} : { background: e };
-		}), z = r(() => L.value), B = r(() => K.value.length > 0), we = r(() => typeof k.leftWidth == "number" ? `${k.leftWidth}px` : k.leftWidth), Te = r(() => typeof k.rightWidth == "number" ? `${k.rightWidth}px` : k.rightWidth), Ee = r(() => {
+		}), W = r(() => I.value), G = r(() => Y.value.length > 0), Ne = r(() => typeof A.leftWidth == "number" ? `${A.leftWidth}px` : A.leftWidth), Pe = r(() => typeof A.rightWidth == "number" ? `${A.rightWidth}px` : A.rightWidth), Fe = r(() => {
 			let e = {};
-			if (k.collapseDuration !== void 0) {
-				let t = k.collapseDuration;
+			if (A.collapseDuration !== void 0) {
+				let t = A.collapseDuration;
 				e["--me-menu-transition-duration"] = typeof t == "number" || /^\d+(\.\d+)?$/.test(t) ? `${t}ms` : t;
 			}
-			return k.collapseAnimation !== void 0 && (e["--me-menu-transition-timing"] = k.collapseAnimation), e;
-		}), De = v(0), Oe = r(() => {
-			let e = Number.parseFloat(String(k.leftWidth)) || 0, t = Number.parseFloat(String(k.rightWidth)) || 0;
+			return A.collapseAnimation !== void 0 && (e["--me-menu-transition-timing"] = A.collapseAnimation), e;
+		}), Ie = v(0), Le = r(() => {
+			let e = Number.parseFloat(String(A.leftWidth)) || 0, t = Number.parseFloat(String(A.rightWidth)) || 0;
 			return {
-				left: `${(B.value && !L.value ? e + t : e) - 8}px`,
-				top: `${De.value}px`
+				left: `${(G.value && !I.value ? e + t : e) - 8}px`,
+				top: `${Ie.value}px`
 			};
-		}), V = v(!1), ke = (e) => {
-			if (!k.showRightToggle || !B.value) return;
+		}), K = v(!1), Re = (e) => {
+			if (!A.showRightToggle || !G.value) return;
 			let t = e.currentTarget, n = t.querySelector(".me-menu__right"), r = n && n.offsetParent !== null ? n : t.querySelector(".me-menu__left");
 			if (!r) return;
 			let i = r.getBoundingClientRect(), a = Math.abs(e.clientX - i.right) <= 16;
-			if (a && !V.value) {
+			if (a && !K.value) {
 				let n = t.getBoundingClientRect();
-				De.value = Math.max(36, Math.min(e.clientY - n.top, n.height - 8 - 28));
+				Ie.value = Math.max(36, Math.min(e.clientY - n.top, n.height - 8 - 28));
 			}
-			V.value = a;
-		}, Ae = () => {
-			V.value = !1;
-		}, H = (e) => e[k.keyField] ?? e.id, U = (e) => !(!k.showHidden && e.hideFlag || e.meta?.hideMenu || k.hideDisabled && !e.enableFlag), W = r(() => k.data.filter((e) => e.parentId === "0" && U(e)).sort((e, t) => e.sort - t.sort)), G = r(() => P.value ? P.value : k.activeId ? k.activeId : k.defaultActiveId ? k.defaultActiveId : W.value[0] ? H(W.value[0]) : ""), je = r(() => G.value && W.value.find((e) => H(e) === G.value) || null), K = r(() => je.value?.children ? je.value.children.filter((e) => U(e)).sort((e, t) => e.sort - t.sort) : []), q = r(() => F.value ? F.value : k.selectedId ? k.selectedId : k.defaultSelectedId ? k.defaultSelectedId : ""), Me = r(() => q.value ? J(k.data, q.value) : null);
-		w(() => q.value, (e) => {
+			K.value = a;
+		}, ze = () => {
+			K.value = !1;
+		}, q = r(() => A.data.filter((e) => e[A.parentField] === "0" && ke(e)).sort((e, t) => e.sort - t.sort)), J = r(() => N.value ? N.value : A.activeId ? A.activeId : A.defaultActiveId ? A.defaultActiveId : q.value[0] ? z(q.value[0]) : ""), Be = r(() => J.value && q.value.find((e) => z(e) === J.value) || null), Y = r(() => {
+			let e = Oe(Be.value);
+			return e.length ? e.filter((e) => ke(e)).sort((e, t) => e.sort - t.sort) : [];
+		}), X = r(() => P.value ? P.value : A.selectedId ? A.selectedId : A.defaultSelectedId ? A.defaultSelectedId : ""), Ve = r(() => X.value ? V(A.data, X.value) : null);
+		T(() => X.value, (e) => {
 			if (!e) return;
-			Fe(e);
-			let t = Ie(e);
-			if (t && !Re(t)) {
-				let e = ze(t);
+			Q(e);
+			let t = V(Y.value, e);
+			if (t && !H(t)) {
+				let e = U(t);
 				if (e) {
-					let t = H(e);
-					F.value = t, M("update:selectedId", t), M("select", e), Q(e);
+					let t = z(e);
+					P.value = t, j("update:selectedId", t), j("select", e), $(e);
 				}
 			}
 		});
-		let Ne = (e) => {
-			if (e) return {
-				danger: "error",
-				info: "default",
-				primary: "blue",
-				success: "success",
-				warning: "warning"
-			}[e] || e;
-		}, J = (e, t) => {
-			for (let n of e) {
-				if (H(n) === t) return n;
-				if (n.children && n.children.length > 0) {
-					let e = J(n.children, t);
-					if (e) return e;
-				}
-			}
-			return null;
-		}, Y = (e) => !e.children || e.meta?.hideChildrenMenu ? [] : e.children.filter((e) => U(e)).sort((e, t) => e.sort - t.sort), X = (e) => {
-			I.value.has(e) ? I.value.delete(e) : I.value.add(e);
-		}, Z = (e) => I.value.has(e), Pe = (e, t = K.value) => {
+		let He = (e) => {
+			F.value.has(e) ? F.value.delete(e) : F.value.add(e);
+		}, Z = (e) => F.value.has(e), Ue = (e, t = Y.value) => {
 			for (let n of t) {
-				let t = Y(n);
-				if (t.some((t) => H(t) === e)) return [H(n)];
+				let t = B(n);
+				if (t.some((t) => z(t) === e)) return [z(n)];
 				if (t.length > 0) {
-					let r = Pe(e, t);
-					if (r.length > 0) return [H(n), ...r];
+					let r = Ue(e, t);
+					if (r.length > 0) return [z(n), ...r];
 				}
 			}
 			return [];
-		}, Fe = (e) => {
-			Pe(e).forEach((e) => {
-				I.value.add(e);
-			});
-		}, Ie = (e) => {
-			if (!e || !K.value) return null;
-			for (let t of K.value) {
-				if (H(t) === e) return t;
-				let n = Y(t);
-				if (n.length > 0) {
-					let t = J(n, e);
-					if (t) return t;
-				}
-			}
-			return null;
-		}, Le = (e) => {
-			if (e.length === 0) return null;
-			let t = e[0], n = Y(t);
-			return n.length > 0 ? (I.value.add(H(t)), Le(n)) : t;
 		}, Q = (e) => {
-			if (!k.router || !N) return;
+			Ue(e).forEach((e) => {
+				F.value.add(e);
+			});
+		}, $ = (e) => {
+			if (!A.router || !M) return;
 			let t = e.meta?.path;
-			t && N.push(t);
-		}, Re = (e) => e.meta?.type !== "group" && Y(e).length === 0, ze = (e) => {
-			if (Re(e)) return e;
-			let t = Y(e);
-			return t.length === 0 ? null : Le(t);
+			t && M.push(t);
 		};
-		w(() => G.value, () => {
-			let e = k.selectedId || F.value || k.defaultSelectedId, t = Ie(e);
-			if (t && K.value.length > 0) {
-				if (Fe(e), Re(t)) {
-					F.value !== e && (F.value = e);
+		T(() => J.value, () => {
+			let e = A.selectedId || P.value || A.defaultSelectedId, t = V(Y.value, e);
+			if (t && Y.value.length > 0) {
+				if (Q(e), H(t)) {
+					P.value !== e && (P.value = e);
 					return;
 				}
-				let n = ze(t);
+				let n = U(t);
 				if (n) {
-					let e = H(n);
-					F.value = e, M("update:selectedId", e), M("select", n), Q(n);
+					let e = z(n);
+					P.value = e, Q(e), j("update:selectedId", e), j("select", n), $(n);
 					return;
 				}
 			}
-			let n = Le(K.value);
-			if (n) {
-				let e = H(n);
-				F.value = e, M("update:selectedId", e), M("select", n), Q(n);
-			} else F.value = "", M("update:selectedId", "");
-		}, { immediate: !0 });
-		let Be = () => {
-			L.value = !L.value, M("update:rightCollapsed", L.value);
-		}, Ve = (e) => {
-			if (!e.enableFlag) return;
-			let t = H(e);
-			if (P.value === t) {
-				Be();
+			let n = Be.value;
+			if (n && H(n)) {
+				let e = z(n);
+				P.value !== e && (P.value = e, j("update:selectedId", e), j("select", n), $(n));
 				return;
 			}
-			P.value = t, F.value = "", L.value = !1, M("update:rightCollapsed", !1), M("update:activeId", t), M("change", e);
-		}, $ = (e) => {
+			let r = Y.value[0] ? U(Y.value[0]) : null;
+			if (r) {
+				let e = z(r);
+				P.value = e, Q(e), j("update:selectedId", e), j("select", r), $(r);
+			} else P.value = "", j("update:selectedId", "");
+		}, { immediate: !0 });
+		let We = () => {
+			I.value = !I.value, j("update:rightCollapsed", I.value);
+		}, Ge = (e) => {
+			if (!e.enableFlag) return;
+			let t = z(e);
+			N.value !== t && (N.value = t, P.value = "", I.value = !1, j("update:rightCollapsed", !1), j("update:activeId", t), j("change", e));
+		}, Ke = (e) => {
 			if (!e.enableFlag) return;
-			let t = H(e);
-			F.value = t, M("update:selectedId", t), M("select", e), Q(e);
+			let t = z(e);
+			P.value = t, j("update:selectedId", t), j("select", e), $(e);
 		};
-		return ne({
+		return ue({
 			setBadge: (e, t, n) => {
-				let r = J(k.data, e);
+				let r = V(A.data, e);
 				r && (r.meta ||= {}, t === !0 ? (r.meta.dot = !0, r.meta.badge = "") : (r.meta.badge = String(t), r.meta.dot = !1), n && (r.meta.badgeColor = n));
 			},
 			removeBadge: (e) => {
-				let t = J(k.data, e);
+				let t = V(A.data, e);
 				!t || !t.meta || (t.meta.badge = "", t.meta.dot = !1);
 			},
-			selectedItem: Me,
-			toggleRightCollapse: Be,
-			rightCollapsed: z
+			selectedItem: Ve,
+			toggleRightCollapse: We,
+			rightCollapsed: W
 		}), (r, u) => {
-			let p = ee("a-badge");
+			let p = x("a-badge");
 			return h(), o("div", {
 				class: "me-menu",
 				style: f({
-					height: Se.value,
-					...Ee.value
+					height: je.value,
+					...Fe.value
 				}),
-				onMousemove: ke,
-				onMouseleave: Ae
+				onMousemove: Re,
+				onMouseleave: ze
 			}, [
 				s("div", {
 					class: "me-menu__left",
 					style: f({
-						width: we.value,
-						...Ce.value
+						width: Ne.value,
+						...Me.value
 					})
 				}, [
-					s("div", ie, [b(r.$slots, "logo", {}, () => [u[0] ||= s("span", { class: "me-menu__logo-text" }, "MeMenu", -1)])]),
-					s("div", ae, [(h(!0), o(t, null, y(W.value, (n) => (h(), o(t, { key: H(n) }, [n.meta?.divider ? (h(), o("div", j)) : a("", !0), s("div", {
+					s("div", pe, [b(r.$slots, "logo", {}, () => [u[0] ||= s("span", { class: "me-menu__logo-text" }, "MeMenu", -1)])]),
+					s("div", me, [(h(!0), o(t, null, y(q.value, (n) => (h(), o(t, { key: z(n) }, [n.meta?.divider ? (h(), o("div", he)) : a("", !0), s("div", {
 						class: d(["me-menu__left-item", {
-							"is-active": G.value === H(n),
-							"is-disabled": !n.enableFlag
+							"is-active": J.value === z(n),
+							"is-disabled": !n.enableFlag,
+							"is-static": J.value === z(n)
 						}]),
-						onClick: (e) => Ve(n)
+						onClick: (e) => Ge(n)
 					}, [
-						n.icon ? (h(), i(S(e), {
+						n.icon ? (h(), i(C(e), {
 							key: 0,
 							name: n.icon,
 							size: 16,
 							class: "me-menu__left-icon"
 						}, null, 8, ["name"])) : a("", !0),
-						s("span", se, x(n.title), 1),
+						s("span", _e, S(n.title), 1),
 						n.meta?.badge || n.meta?.dot ? (h(), i(p, {
 							key: 1,
 							count: n.meta?.dot ? void 0 : n.meta?.badge,
 							dot: !!n.meta?.dot,
-							color: Ne(n.meta?.badgeColor),
+							color: C(O)(n.meta?.badgeColor),
 							class: "me-menu__left-badge"
 						}, null, 8, [
 							"count",
 							"dot",
 							"color"
 						])) : a("", !0)
-					], 10, oe)], 64))), 128))]),
-					s("div", ce, [b(r.$slots, "footer")]),
+					], 10, ge)], 64))), 128))]),
+					s("div", ve, [b(r.$slots, "footer")]),
 					u[1] ||= s("div", { class: "me-menu__decoration" }, null, -1)
 				], 4),
 				E(s("div", {
-					class: d(["me-menu__right", { "is-collapsed": L.value }]),
-					style: f({ "--me-menu-right-width": Te.value })
-				}, [s("div", le, [(h(!0), o(t, null, y(K.value, (r) => (h(), o(t, { key: H(r) }, [r.meta?.type === "group" ? (h(), o(t, { key: 0 }, [s("div", ue, [s("div", {
+					class: d(["me-menu__right", { "is-collapsed": I.value }]),
+					style: f({ "--me-menu-right-width": Pe.value })
+				}, [s("div", ye, [(h(!0), o(t, null, y(Y.value, (r) => (h(), o(t, { key: z(r) }, [Ae(r) ? (h(), o(t, { key: 0 }, [s("div", be, [s("div", {
 					class: "me-menu__section-header",
-					onClick: (e) => X(H(r))
-				}, [c(S(D), {
-					class: d(["me-menu__section-arrow", { "is-expanded": Z(H(r)) }]),
+					onClick: (e) => He(z(r))
+				}, [c(C(te), {
+					class: d(["me-menu__section-arrow", { "is-expanded": Z(z(r)) }]),
 					size: 12
-				}, null, 8, ["class"]), s("span", fe, x(r.title), 1)], 8, de), c(n, { name: "me-menu-section" }, {
-					default: T(() => [E(s("div", pe, [(h(!0), o(t, null, y(Y(r), (e) => (h(), i(A, {
-						key: H(e),
+				}, null, 8, ["class"]), s("span", Se, S(r.title), 1)], 8, xe), c(n, { name: "me-menu-section" }, {
+					default: ee(() => [E(s("div", Ce, [(h(!0), o(t, null, y(B(r), (e) => (h(), i(fe, {
+						key: z(e),
 						item: e,
 						level: 0,
-						onClick: $,
-						onToggle: X
-					}, null, 8, ["item"]))), 128))], 512), [[C, Z(H(r))]])]),
+						onClick: Ke,
+						onToggle: He
+					}, null, 8, ["item"]))), 128))], 512), [[w, Z(z(r))]])]),
 					_: 2
-				}, 1024)]), u[2] ||= s("div", { class: "me-menu__section-divider" }, null, -1)], 64)) : Y(r).length > 0 ? (h(), o(t, { key: 1 }, [s("div", me, [s("div", {
-					class: "me-menu__section-header",
-					onClick: (e) => X(H(r))
-				}, [c(S(D), {
-					class: d(["me-menu__section-arrow", { "is-expanded": Z(H(r)) }]),
-					size: 12
-				}, null, 8, ["class"]), s("span", ge, x(r.title), 1)], 8, he), c(n, { name: "me-menu-section" }, {
-					default: T(() => [E(s("div", _e, [(h(!0), o(t, null, y(Y(r), (e) => (h(), i(A, {
-						key: H(e),
-						item: e,
-						level: 0,
-						onClick: $,
-						onToggle: X
-					}, null, 8, ["item"]))), 128))], 512), [[C, Z(H(r))]])]),
-					_: 2
-				}, 1024)]), u[3] ||= s("div", { class: "me-menu__section-divider" }, null, -1)], 64)) : (h(), o("div", {
-					key: 2,
+				}, 1024)]), u[2] ||= s("div", { class: "me-menu__section-divider" }, null, -1)], 64)) : (h(), o("div", {
+					key: 1,
 					class: d(["me-menu__item me-menu__item--standalone", {
-						"is-active": q.value === H(r),
+						"is-active": X.value === z(r),
 						"is-disabled": !r.enableFlag
 					}]),
-					onClick: (e) => $(r)
+					onClick: (e) => Ke(r)
 				}, [
-					r.icon ? (h(), i(S(e), {
+					r.icon ? (h(), i(C(e), {
 						key: 0,
 						name: r.icon,
 						size: 16,
 						class: "me-menu__item-icon"
 					}, null, 8, ["name"])) : a("", !0),
-					s("span", ye, x(r.title), 1),
+					s("span", Te, S(r.title), 1),
 					r.meta?.badge || r.meta?.dot ? (h(), i(p, {
 						key: 1,
 						count: r.meta?.dot ? void 0 : r.meta?.badge,
 						dot: !!r.meta?.dot,
-						color: Ne(r.meta?.badgeColor),
+						color: C(O)(r.meta?.badgeColor),
 						class: "me-menu__item-badge"
 					}, null, 8, [
 						"count",
 						"dot",
 						"color"
 					])) : a("", !0)
-				], 10, ve))], 64))), 128))])], 6), [[C, B.value]]),
+				], 10, we))], 64))), 128))])], 6), [[w, G.value]]),
 				l.showRightToggle ? (h(), o("div", {
 					key: 0,
-					class: d(["me-menu__right-toggle", { "is-visible": V.value }]),
-					style: f(Oe.value),
-					onClick: Be
-				}, [b(r.$slots, "right-toggle", { collapsed: z.value }, () => [z.value ? (h(), i(S(O), {
+					class: d(["me-menu__right-toggle", { "is-visible": K.value }]),
+					style: f(Le.value),
+					onClick: We
+				}, [b(r.$slots, "right-toggle", { collapsed: W.value }, () => [W.value ? (h(), i(C(ne), {
 					key: 0,
 					size: 14
-				})) : (h(), i(S(te), {
+				})) : (h(), i(C(D), {
 					key: 1,
 					size: 14
 				}))])], 6)) : a("", !0)
@@ -457,9 +442,9 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 });
 //#endregion
 //#region src/components/menu/index.ts
-M.install = (e) => {
-	e.component("MeMenu", M);
+j.install = (e) => {
+	e.component("MeMenu", j);
 };
-var N = M;
+var M = j;
 //#endregion
-export { M as MeMenu, N as default };
+export { j as MeMenu, M as default };