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

package/dist/menu/index.js

@@ -27,7 +27,17 @@ var O = (e) => {
 	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({
+}, ue = (e, t) => {
+	for (let n of e) {
+		if (n.meta?.homeFlag) return n;
+		let e = k(n, t);
+		if (e.length > 0) {
+			let n = ue(e, t);
+			if (n) return n;
+		}
+	}
+	return null;
+}, de = { class: "me-menu__tree-text" }, fe = { class: "me-menu__tree-children" }, A = { class: "me-menu__tree-text" }, pe = /* @__PURE__ */ l({
 	name: "MenuTreeItem",
 	__name: "MenuTreeItem",
 	props: {
@@ -59,7 +69,7 @@ var O = (e) => {
 					size: 16,
 					class: "me-menu__tree-icon"
 				}, null, 8, ["name"])) : a("", !0),
-				s("span", ue, S(l.item.title), 1),
+				s("span", de, 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,
@@ -76,7 +86,7 @@ var O = (e) => {
 					size: 12
 				})
 			], 6), c(n, { name: "me-menu-tree" }, {
-				default: ee(() => [E(s("div", de, [(h(!0), o(t, null, y(v.value, (e) => (h(), i(g, {
+				default: ee(() => [E(s("div", fe, [(h(!0), o(t, null, y(v.value, (e) => (h(), i(g, {
 					key: C(m).getItemKey(e),
 					item: e,
 					level: l.level + 1,
@@ -115,10 +125,10 @@ var O = (e) => {
 			], 6));
 		};
 	}
-}), pe = { class: "me-menu__logo" }, me = { class: "me-menu__left-list" }, he = {
+}), me = { class: "me-menu__logo" }, he = { class: "me-menu__left-list" }, ge = {
 	key: 0,
 	class: "me-menu__divider"
-}, 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({
+}, _e = ["onClick"], ve = { class: "me-menu__left-title" }, ye = { class: "me-menu__footer" }, be = { class: "me-menu__right-inner" }, xe = { class: "me-menu__section" }, Se = ["onClick"], Ce = { class: "me-menu__section-title" }, we = { class: "me-menu__section-body" }, Te = ["onClick"], Ee = { class: "me-menu__item-text" }, j = /* @__PURE__ */ l({
 	name: "MeMenu",
 	__name: "index",
 	props: {
@@ -161,8 +171,8 @@ var O = (e) => {
 		"change",
 		"update:rightCollapsed"
 	],
-	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);
+	setup(l, { expose: de, emit: fe }) {
+		let A = l, j = fe, 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) => {
@@ -170,12 +180,12 @@ var O = (e) => {
 		}), T(() => A.rightCollapsed, (e) => {
 			I.value = e;
 		});
-		let Ee = v(!1), De = () => {
-			typeof document < "u" && (Ee.value = document.documentElement.classList.contains("dark"));
+		let De = v(!1), Oe = () => {
+			typeof document < "u" && (De.value = document.documentElement.classList.contains("dark"));
 		}, L = null;
 		p(() => {
-			De(), typeof document < "u" && (L = new MutationObserver(() => {
-				De();
+			Oe(), typeof document < "u" && (L = new MutationObserver(() => {
+				Oe();
 			}), L.observe(document.documentElement, {
 				attributes: !0,
 				attributeFilter: ["class"]
@@ -188,7 +198,7 @@ var O = (e) => {
 			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;
+		})), z = (e) => ie(e, A.keyField), ke = (e) => ae(e, A.childrenField), Ae = (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), je = () => ue(A.data, R.value), Me = (e) => e.meta?.type === "group" || B(e).length > 0;
 		g(re, _({
 			get keyField() {
 				return A.keyField;
@@ -203,7 +213,7 @@ var O = (e) => {
 				return A.showHidden;
 			},
 			get selectedId() {
-				return X.value;
+				return Z.value;
 			},
 			get expandedSections() {
 				return F.value;
@@ -212,46 +222,46 @@ var O = (e) => {
 			getVisibleChildren: B,
 			resolveBadgeColor: O
 		}));
-		let je = r(() => typeof A.height == "number" ? `${A.height}px` : A.height), Me = r(() => {
+		let Ne = r(() => typeof A.height == "number" ? `${A.height}px` : A.height), Pe = r(() => {
 			if (!A.background) return {};
 			let e = A.background.trim();
 			return e.startsWith("http://") || e.startsWith("https://") || e.startsWith("data:") ? {
-				backgroundImage: Ee.value ? `linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 80%)), url(${e})` : `url(${e})`,
+				backgroundImage: De.value ? `linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 80%)), url(${e})` : `url(${e})`,
 				backgroundSize: "cover"
 			} : { background: e };
-		}), 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(() => {
+		}), W = r(() => I.value), G = r(() => X.value.length > 0), Fe = r(() => typeof A.leftWidth == "number" ? `${A.leftWidth}px` : A.leftWidth), Ie = r(() => typeof A.rightWidth == "number" ? `${A.rightWidth}px` : A.rightWidth), Le = r(() => {
 			let e = {};
 			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 A.collapseAnimation !== void 0 && (e["--me-menu-transition-timing"] = A.collapseAnimation), e;
-		}), Ie = v(0), Le = r(() => {
+		}), K = v(0), Re = r(() => {
 			let e = Number.parseFloat(String(A.leftWidth)) || 0, t = Number.parseFloat(String(A.rightWidth)) || 0;
 			return {
 				left: `${(G.value && !I.value ? e + t : e) - 8}px`,
-				top: `${Ie.value}px`
+				top: `${K.value}px`
 			};
-		}), K = v(!1), Re = (e) => {
+		}), q = v(!1), ze = (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 && !K.value) {
+			if (a && !q.value) {
 				let n = t.getBoundingClientRect();
-				Ie.value = Math.max(36, Math.min(e.clientY - n.top, n.height - 8 - 28));
+				K.value = Math.max(36, Math.min(e.clientY - n.top, n.height - 8 - 28));
 			}
-			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) => {
+			q.value = a;
+		}, Be = () => {
+			q.value = !1;
+		}, J = r(() => A.data.filter((e) => e[A.parentField] === "0" && Ae(e)).sort((e, t) => e.sort - t.sort)), Y = r(() => N.value ? N.value : A.activeId ? A.activeId : A.defaultActiveId ? A.defaultActiveId : J.value[0] ? z(J.value[0]) : ""), Ve = r(() => Y.value && J.value.find((e) => z(e) === Y.value) || null), X = r(() => {
+			let e = ke(Ve.value);
+			return e.length ? e.filter((e) => Ae(e)).sort((e, t) => e.sort - t.sort) : [];
+		}), Z = r(() => P.value ? P.value : A.selectedId ? A.selectedId : A.defaultSelectedId ? A.defaultSelectedId : ""), He = r(() => Z.value ? V(A.data, Z.value) : null);
+		T(() => Z.value, (e) => {
 			if (!e) return;
 			Q(e);
-			let t = V(Y.value, e);
+			let t = V(X.value, e);
 			if (t && !H(t)) {
 				let e = U(t);
 				if (e) {
@@ -260,20 +270,20 @@ var O = (e) => {
 				}
 			}
 		});
-		let He = (e) => {
+		let Ue = (e) => {
 			F.value.has(e) ? F.value.delete(e) : F.value.add(e);
-		}, Z = (e) => F.value.has(e), Ue = (e, t = Y.value) => {
+		}, We = (e) => F.value.has(e), Ge = (e, t = X.value) => {
 			for (let n of t) {
 				let t = B(n);
 				if (t.some((t) => z(t) === e)) return [z(n)];
 				if (t.length > 0) {
-					let r = Ue(e, t);
+					let r = Ge(e, t);
 					if (r.length > 0) return [z(n), ...r];
 				}
 			}
 			return [];
 		}, Q = (e) => {
-			Ue(e).forEach((e) => {
+			Ge(e).forEach((e) => {
 				F.value.add(e);
 			});
 		}, $ = (e) => {
@@ -281,9 +291,9 @@ var O = (e) => {
 			let t = e.meta?.path;
 			t && M.push(t);
 		};
-		T(() => J.value, () => {
-			let e = A.selectedId || P.value || A.defaultSelectedId, t = V(Y.value, e);
-			if (t && Y.value.length > 0) {
+		T(() => Y.value, () => {
+			let e = A.selectedId || P.value || A.defaultSelectedId, t = V(X.value, e);
+			if (t && X.value.length > 0) {
 				if (Q(e), H(t)) {
 					P.value !== e && (P.value = e);
 					return;
@@ -295,30 +305,30 @@ var O = (e) => {
 					return;
 				}
 			}
-			let n = Be.value;
+			let n = Ve.value;
 			if (n && H(n)) {
 				let e = z(n);
 				P.value !== e && (P.value = e, j("update:selectedId", e), j("select", n), $(n));
 				return;
 			}
-			let r = Y.value[0] ? U(Y.value[0]) : null;
+			let r = X.value[0] ? U(X.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 = () => {
+		let Ke = () => {
 			I.value = !I.value, j("update:rightCollapsed", I.value);
-		}, Ge = (e) => {
+		}, qe = (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) => {
+		}, Je = (e) => {
 			if (!e.enableFlag) return;
 			let t = z(e);
 			P.value = t, j("update:selectedId", t), j("select", e), $(e);
 		};
-		return ue({
+		return de({
 			setBadge: (e, t, n) => {
 				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));
@@ -327,35 +337,36 @@ var O = (e) => {
 				let t = V(A.data, e);
 				!t || !t.meta || (t.meta.badge = "", t.meta.dot = !1);
 			},
-			selectedItem: Ve,
-			toggleRightCollapse: We,
-			rightCollapsed: W
+			selectedItem: He,
+			toggleRightCollapse: Ke,
+			rightCollapsed: W,
+			getHome: () => je()
 		}), (r, u) => {
 			let p = x("a-badge");
 			return h(), o("div", {
 				class: "me-menu",
 				style: f({
-					height: je.value,
-					...Fe.value
+					height: Ne.value,
+					...Le.value
 				}),
-				onMousemove: Re,
-				onMouseleave: ze
+				onMousemove: ze,
+				onMouseleave: Be
 			}, [
 				s("div", {
 					class: "me-menu__left",
 					style: f({
-						width: Ne.value,
-						...Me.value
+						width: Fe.value,
+						...Pe.value
 					})
 				}, [
-					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", {
+					s("div", me, [b(r.$slots, "logo", {}, () => [u[0] ||= s("span", { class: "me-menu__logo-text" }, "MeMenu", -1)])]),
+					s("div", he, [(h(!0), o(t, null, y(J.value, (n) => (h(), o(t, { key: z(n) }, [n.meta?.divider ? (h(), o("div", ge)) : a("", !0), s("div", {
 						class: d(["me-menu__left-item", {
-							"is-active": J.value === z(n),
+							"is-active": Y.value === z(n),
 							"is-disabled": !n.enableFlag,
-							"is-static": J.value === z(n)
+							"is-static": Y.value === z(n)
 						}]),
-						onClick: (e) => Ge(n)
+						onClick: (e) => qe(n)
 					}, [
 						n.icon ? (h(), i(C(e), {
 							key: 0,
@@ -363,7 +374,7 @@ var O = (e) => {
 							size: 16,
 							class: "me-menu__left-icon"
 						}, null, 8, ["name"])) : a("", !0),
-						s("span", _e, S(n.title), 1),
+						s("span", ve, S(n.title), 1),
 						n.meta?.badge || n.meta?.dot ? (h(), i(p, {
 							key: 1,
 							count: n.meta?.dot ? void 0 : n.meta?.badge,
@@ -375,35 +386,35 @@ var O = (e) => {
 							"dot",
 							"color"
 						])) : a("", !0)
-					], 10, ge)], 64))), 128))]),
-					s("div", ve, [b(r.$slots, "footer")]),
+					], 10, _e)], 64))), 128))]),
+					s("div", ye, [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": 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", {
+					style: f({ "--me-menu-right-width": Ie.value })
+				}, [s("div", be, [(h(!0), o(t, null, y(X.value, (r) => (h(), o(t, { key: z(r) }, [Me(r) ? (h(), o(t, { key: 0 }, [s("div", xe, [s("div", {
 					class: "me-menu__section-header",
-					onClick: (e) => He(z(r))
+					onClick: (e) => Ue(z(r))
 				}, [c(C(te), {
-					class: d(["me-menu__section-arrow", { "is-expanded": Z(z(r)) }]),
+					class: d(["me-menu__section-arrow", { "is-expanded": We(z(r)) }]),
 					size: 12
-				}, 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, {
+				}, null, 8, ["class"]), s("span", Ce, S(r.title), 1)], 8, Se), c(n, { name: "me-menu-section" }, {
+					default: ee(() => [E(s("div", we, [(h(!0), o(t, null, y(B(r), (e) => (h(), i(pe, {
 						key: z(e),
 						item: e,
 						level: 0,
-						onClick: Ke,
-						onToggle: He
-					}, null, 8, ["item"]))), 128))], 512), [[w, Z(z(r))]])]),
+						onClick: Je,
+						onToggle: Ue
+					}, null, 8, ["item"]))), 128))], 512), [[w, We(z(r))]])]),
 					_: 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": X.value === z(r),
+						"is-active": Z.value === z(r),
 						"is-disabled": !r.enableFlag
 					}]),
-					onClick: (e) => Ke(r)
+					onClick: (e) => Je(r)
 				}, [
 					r.icon ? (h(), i(C(e), {
 						key: 0,
@@ -411,7 +422,7 @@ var O = (e) => {
 						size: 16,
 						class: "me-menu__item-icon"
 					}, null, 8, ["name"])) : a("", !0),
-					s("span", Te, S(r.title), 1),
+					s("span", Ee, S(r.title), 1),
 					r.meta?.badge || r.meta?.dot ? (h(), i(p, {
 						key: 1,
 						count: r.meta?.dot ? void 0 : r.meta?.badge,
@@ -423,12 +434,12 @@ var O = (e) => {
 						"dot",
 						"color"
 					])) : a("", !0)
-				], 10, we))], 64))), 128))])], 6), [[w, G.value]]),
+				], 10, Te))], 64))), 128))])], 6), [[w, G.value]]),
 				l.showRightToggle ? (h(), o("div", {
 					key: 0,
-					class: d(["me-menu__right-toggle", { "is-visible": K.value }]),
-					style: f(Le.value),
-					onClick: We
+					class: d(["me-menu__right-toggle", { "is-visible": q.value }]),
+					style: f(Re.value),
+					onClick: Ke
 				}, [b(r.$slots, "right-toggle", { collapsed: W.value }, () => [W.value ? (h(), i(C(ne), {
 					key: 0,
 					size: 14

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

@@ -15,6 +15,7 @@ declare const __VLS_base: import('vue').DefineComponent<MeMenuProps, {
     selectedItem: import('vue').ComputedRef<MeMenuItem | null>;
     toggleRightCollapse: () => void;
     rightCollapsed: import('vue').ComputedRef<boolean>;
+    getHome: () => MeMenuItem | null;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (item: MeMenuItem) => any;
     change: (item: MeMenuItem) => any;

package/dist/menu/types.d.ts

@@ -114,6 +114,10 @@ export interface MeMenuMetaItem {
      * 是否缓存路由组件
      */
     keepAlive?: boolean;
+    /**
+     * 是否首页菜单
+     */
+    homeFlag?: boolean;
 }
 /**
  * 菜单项

package/dist/menu/useMenu.d.ts

@@ -54,3 +54,7 @@ export declare const isLeafItem: (item: MeMenuItem, options: UseMenuOptions) =>
  * 获取指定项及其所有后代中的第一个叶子项
  */
 export declare const findFirstLeafUnder: (item: MeMenuItem, options: UseMenuOptions) => MeMenuItem | null;
+/**
+ * 递归查找第一个 homeFlag 为 true 的菜单项
+ */
+export declare const findHomeItem: (items: MeMenuItem[], options: UseMenuOptions) => MeMenuItem | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@me-framework/me-ui-antdv-next",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "A Vue 3 + TypeScript UI component library",
   "type": "module",
   "main": "./dist/me-ui-antdv-next.umd.cjs",