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

package/dist/menu/index.js

@@ -11,7 +11,10 @@ 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 = () => {
+		let m = u("meMenuCtx"), g = l, _ = p, v = (e) => e[m.keyField], b = (e) => !(!m.showHidden && e.hideFlag || e.meta?.hideMenu || m.hideDisabled && !e.enableFlag), w = r(() => {
+			let e = g.item[m.childrenField] || [];
+			return !e.length || g.item.meta?.hideChildrenMenu ? [] : e.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 = () => {
 			g.item.enableFlag && _("click", g.item);
@@ -127,6 +130,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,
@@ -148,6 +153,9 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 			get keyField() {
 				return k.keyField;
 			},
+			get childrenField() {
+				return k.childrenField;
+			},
 			get hideDisabled() {
 				return k.hideDisabled;
 			},
@@ -214,20 +222,23 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 			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);
+		}, H = (e) => e[k.keyField], U = (e) => e && e[k.childrenField] || [], je = (e) => !(!k.showHidden && e.hideFlag || e.meta?.hideMenu || k.hideDisabled && !e.enableFlag), W = r(() => k.data.filter((e) => e[k.parentField] === "0" && je(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]) : ""), Me = r(() => G.value && W.value.find((e) => H(e) === G.value) || null), K = r(() => {
+			let e = U(Me.value);
+			return e.length ? e.filter((e) => je(e)).sort((e, t) => e.sort - t.sort) : [];
+		}), q = r(() => F.value ? F.value : k.selectedId ? k.selectedId : k.defaultSelectedId ? k.defaultSelectedId : ""), Ne = r(() => q.value ? J(k.data, q.value) : null);
 		w(() => q.value, (e) => {
 			if (!e) return;
-			Fe(e);
-			let t = Ie(e);
-			if (t && !Re(t)) {
-				let e = ze(t);
+			Ie(e);
+			let t = Le(e);
+			if (t && !ze(t)) {
+				let e = Be(t);
 				if (e) {
 					let t = H(e);
 					F.value = t, M("update:selectedId", t), M("select", e), Q(e);
 				}
 			}
 		});
-		let Ne = (e) => {
+		let Pe = (e) => {
 			if (e) return {
 				danger: "error",
 				info: "default",
@@ -238,29 +249,33 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 		}, 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;
+				let e = U(n);
+				if (e.length > 0) {
+					let n = J(e, t);
+					if (n) return n;
 				}
 			}
 			return null;
-		}, Y = (e) => !e.children || e.meta?.hideChildrenMenu ? [] : e.children.filter((e) => U(e)).sort((e, t) => e.sort - t.sort), X = (e) => {
+		}, Y = (e) => {
+			let t = U(e);
+			return !t.length || e.meta?.hideChildrenMenu ? [] : t.filter((e) => je(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) => {
+		}, Z = (e) => I.value.has(e), Fe = (e, t = K.value) => {
 			for (let n of t) {
 				let t = Y(n);
 				if (t.some((t) => H(t) === e)) return [H(n)];
 				if (t.length > 0) {
-					let r = Pe(e, t);
+					let r = Fe(e, t);
 					if (r.length > 0) return [H(n), ...r];
 				}
 			}
 			return [];
-		}, Fe = (e) => {
-			Pe(e).forEach((e) => {
+		}, Ie = (e) => {
+			Fe(e).forEach((e) => {
 				I.value.add(e);
 			});
-		}, Ie = (e) => {
+		}, Le = (e) => {
 			if (!e || !K.value) return null;
 			for (let t of K.value) {
 				if (H(t) === e) return t;
@@ -271,46 +286,46 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 				}
 			}
 			return null;
-		}, Le = (e) => {
+		}, Re = (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;
+			return n.length > 0 ? (I.value.add(H(t)), Re(n)) : t;
 		}, Q = (e) => {
 			if (!k.router || !N) 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;
+		}, ze = (e) => e.meta?.type !== "group" && Y(e).length === 0, Be = (e) => {
+			if (ze(e)) return e;
 			let t = Y(e);
-			return t.length === 0 ? null : Le(t);
+			return t.length === 0 ? null : Re(t);
 		};
 		w(() => G.value, () => {
-			let e = k.selectedId || F.value || k.defaultSelectedId, t = Ie(e);
+			let e = k.selectedId || F.value || k.defaultSelectedId, t = Le(e);
 			if (t && K.value.length > 0) {
-				if (Fe(e), Re(t)) {
+				if (Ie(e), ze(t)) {
 					F.value !== e && (F.value = e);
 					return;
 				}
-				let n = ze(t);
+				let n = Be(t);
 				if (n) {
 					let e = H(n);
 					F.value = e, M("update:selectedId", e), M("select", n), Q(n);
 					return;
 				}
 			}
-			let n = Le(K.value);
+			let n = Re(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 = () => {
+		let Ve = () => {
 			L.value = !L.value, M("update:rightCollapsed", L.value);
-		}, Ve = (e) => {
+		}, He = (e) => {
 			if (!e.enableFlag) return;
 			let t = H(e);
 			if (P.value === t) {
-				Be();
+				Ve();
 				return;
 			}
 			P.value = t, F.value = "", L.value = !1, M("update:rightCollapsed", !1), M("update:activeId", t), M("change", e);
@@ -328,8 +343,8 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 				let t = J(k.data, e);
 				!t || !t.meta || (t.meta.badge = "", t.meta.dot = !1);
 			},
-			selectedItem: Me,
-			toggleRightCollapse: Be,
+			selectedItem: Ne,
+			toggleRightCollapse: Ve,
 			rightCollapsed: z
 		}), (r, u) => {
 			let p = ee("a-badge");
@@ -355,7 +370,7 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 							"is-active": G.value === H(n),
 							"is-disabled": !n.enableFlag
 						}]),
-						onClick: (e) => Ve(n)
+						onClick: (e) => He(n)
 					}, [
 						n.icon ? (h(), i(S(e), {
 							key: 0,
@@ -368,7 +383,7 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 							key: 1,
 							count: n.meta?.dot ? void 0 : n.meta?.badge,
 							dot: !!n.meta?.dot,
-							color: Ne(n.meta?.badgeColor),
+							color: Pe(n.meta?.badgeColor),
 							class: "me-menu__left-badge"
 						}, null, 8, [
 							"count",
@@ -431,7 +446,7 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 						key: 1,
 						count: r.meta?.dot ? void 0 : r.meta?.badge,
 						dot: !!r.meta?.dot,
-						color: Ne(r.meta?.badgeColor),
+						color: Pe(r.meta?.badgeColor),
 						class: "me-menu__item-badge"
 					}, null, 8, [
 						"count",
@@ -443,7 +458,7 @@ var ne = { class: "me-menu__tree-text" }, re = { class: "me-menu__tree-children"
 					key: 0,
 					class: d(["me-menu__right-toggle", { "is-visible": V.value }]),
 					style: f(Oe.value),
-					onClick: Be
+					onClick: Ve
 				}, [b(r.$slots, "right-toggle", { collapsed: z.value }, () => [z.value ? (h(), i(S(O), {
 					key: 0,
 					size: 14

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

@@ -41,6 +41,8 @@ declare const __VLS_base: import('vue').DefineComponent<MeMenuProps, {
     rightWidth: string | number;
     hideDisabled: boolean;
     showHidden: boolean;
+    parentField: string;
+    childrenField: string;
     showRightToggle: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/menu/types.d.ts

@@ -228,6 +228,14 @@ export interface MeMenuProps {
      * 菜单项唯一标识的字段名，默认 'id'
      */
     keyField?: string;
+    /**
+     * 父级菜单 ID 的字段名，默认 'parentId'（一级菜单通过该字段值为 '0' 识别）
+     */
+    parentField?: string;
+    /**
+     * 子菜单数组的字段名，默认 'children'
+     */
+    childrenField?: string;
     /**
      * 是否折叠右侧子菜单（仅显示左侧一级菜单），点击已激活的一级菜单项可切换，支持 v-model
      */

package/package.json

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