@me-framework/me-ui-antdv-next 0.0.23 → 0.0.26

package/dist/tree-menu/index.js

@@ -0,0 +1,890 @@
+import e from "../icon/index.js";
+import { n as t } from "../chunks/input-icon-selector-D5c45QL8.js";
+import { t as n } from "../chunks/message-CPHX2tAR.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, toDisplayString as S, unref as C, useSlots as w, vShow as T, watch as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
+//#region src/components/tree-menu/TreeMenuNode.vue?vue&type=script&setup=true&lang.ts
+var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label" }, M = /*@__PURE__*/ d({
+	name: "MeTreeMenuNode",
+	__name: "TreeMenuNode",
+	props: {
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		nodeTitle: {
+			type: String,
+			default: ""
+		},
+		data: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(t) {
+		let n = t, i = (e) => {
+			if (e.status === !1) return !1;
+			if (e.key.indexOf("meta.") !== -1) {
+				let t = e.key.split(".")[1];
+				return n.data.meta?.[t] === e.value;
+			}
+			return n.data[e.key] === e.value;
+		}, u = (e) => ({
+			primary: "blue",
+			success: "green",
+			warning: "orange",
+			info: "default",
+			error: "red",
+			danger: "red"
+		})[e || ""] || "default";
+		return (n, d) => {
+			let f = x("a-tag");
+			return _(), s("div", A, [c("span", j, S(t.nodeTitle), 1), (_(!0), s(r, null, y(t.actions, (t) => (_(), s(r, { key: t.key }, [i(t) ? (_(), a(f, {
+				key: 0,
+				class: "me-tree-menu-node__tag",
+				color: u(t.type)
+			}, {
+				default: D(() => [t.tagIcon ? (_(), a(C(e), {
+					key: 0,
+					name: t.tagIcon,
+					size: 12
+				}, null, 8, ["name"])) : (_(), s(r, { key: 1 }, [l(S(t.tagLabel), 1)], 64))]),
+				_: 2
+			}, 1032, ["color"])) : o("", !0)], 64))), 128))]);
+		};
+	}
+}), N = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, P = /*#__PURE__*/ N(M, [["__scopeId", "data-v-17881bc7"]]), F = { class: "me-tree-menu-actions__menu" }, I = { class: "me-tree-menu-actions__group" }, L = { class: "me-tree-menu-actions__btn-row" }, R = ["onClick"], ee = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	name: "MeTreeMenuActions",
+	__name: "TreeMenuActions",
+	props: { actions: {
+		type: Array,
+		default: () => []
+	} },
+	emits: ["update:actions", "toggle-expand-all"],
+	setup(t, { emit: n }) {
+		let i = t, d = n, f = (e) => {
+			e.status = !e.status, d("update:actions", [...i.actions]);
+		}, p = (e) => {
+			d("toggle-expand-all", e);
+		};
+		return (n, i) => {
+			let d = x("a-button"), h = x("a-divider"), g = x("a-popover");
+			return _(), a(g, {
+				trigger: ["click"],
+				placement: "bottomRight",
+				overlayClassName: "me-tree-menu-actions-popover",
+				class: "me-tree-menu-actions"
+			}, {
+				content: D(() => [c("div", F, [
+					c("div", I, [c("div", L, [u(d, {
+						size: "small",
+						onClick: i[0] ||= (e) => p(!0)
+					}, {
+						icon: D(() => [u(C(e), {
+							name: "ChevronDown",
+							size: 14
+						})]),
+						default: D(() => [i[3] ||= l(" 展开 ", -1)]),
+						_: 1
+					}), u(d, {
+						size: "small",
+						onClick: i[1] ||= (e) => p(!1)
+					}, {
+						icon: D(() => [u(C(e), {
+							name: "ChevronRight",
+							size: 14
+						})]),
+						default: D(() => [i[4] ||= l(" 折叠 ", -1)]),
+						_: 1
+					})])]),
+					u(h, { style: { margin: "8px 0" } }),
+					(_(!0), s(r, null, y(t.actions, (t, n) => (_(), s("div", {
+						key: n,
+						class: "me-tree-menu-actions__item",
+						onClick: (e) => f(t)
+					}, [c("span", { class: m({ "is-active": t.status }) }, S(t.label), 3), t.status ? (_(), a(C(e), {
+						key: 0,
+						name: "Check",
+						size: 14,
+						color: "var(--ant-color-primary)"
+					})) : o("", !0)], 8, R))), 128)),
+					b(n.$slots, "dropdown-item", {}, void 0, !0)
+				])]),
+				default: D(() => [u(d, {
+					type: "text",
+					size: "small",
+					class: "me-tree-menu-actions__trigger"
+				}, {
+					default: D(() => [...i[2] ||= [l("操作", -1)]]),
+					_: 1
+				})]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-d5a9d230"]]), z = { class: "me-tree-menu-card__title" }, B = { class: "me-tree-menu-card__header-right" }, V = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	name: "MeTreeMenuCard",
+	__name: "TreeMenuCard",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		icon: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		return (n, r) => {
+			let i = x("a-card");
+			return _(), a(i, p({ class: "me-tree-menu-card" }, n.$attrs), {
+				title: D(() => [c("span", z, [t.icon ? (_(), a(C(e), {
+					key: 0,
+					name: t.icon,
+					size: 16,
+					class: "mr-5"
+				}, null, 8, ["name"])) : o("", !0), l(" " + S(t.title), 1)])]),
+				extra: D(() => [c("div", B, [b(n.$slots, "header-right", {}, void 0, !0)])]),
+				default: D(() => [b(n.$slots, "default", {}, void 0, !0)]),
+				_: 3
+			}, 16);
+		};
+	}
+}), [["__scopeId", "data-v-ea7cffb8"]]), H = { class: "me-tree-menu-edit__scroll" }, U = { class: "me-tree-menu-edit__body" }, W = { class: "me-tree-menu-edit__id" }, G = /*#__PURE__*/ N(/* @__PURE__ */ d({
+	name: "MeTreeMenuEdit",
+	__name: "TreeMenuEdit",
+	props: {
+		list: {
+			type: Array,
+			default: () => []
+		},
+		form: {
+			type: Object,
+			default: () => ({})
+		},
+		titleType: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: "菜单"
+		},
+		editTitle: {
+			type: String,
+			default: ""
+		},
+		rules: {
+			type: Object,
+			default: () => ({})
+		},
+		size: {
+			type: String,
+			default: "middle"
+		},
+		iconSources: {
+			type: Array,
+			default: () => [
+				"lucide",
+				"remixicon",
+				"iconfont"
+			]
+		},
+		iconfontData: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e, { expose: n }) {
+		let d = e, f = w(), p = v(), m = i(() => {
+			let e = [
+				"id",
+				"parentId",
+				"title",
+				"enTitle",
+				"aliasTitle",
+				"aliasEnTitle",
+				"icon",
+				"sort",
+				"cover",
+				"hideFlag",
+				"enableFlag"
+			], t = {};
+			for (let n of e) t[n] = Object.prototype.hasOwnProperty.call(d.form, n);
+			return t;
+		}), h = i(() => {
+			let e = f.default?.();
+			return !!e && e.length > 0;
+		}), g = i(() => ({
+			title: [{
+				required: !0,
+				message: "请输入名称",
+				trigger: "blur"
+			}],
+			...d.rules
+		})), y = i(() => {
+			switch (d.titleType) {
+				case "copy": return `复制添加${d.label}`;
+				case "create": return `新建${d.label}`;
+				case "create-child": return `添加子${d.label}`;
+				case "edit": return `编辑${d.label}`;
+				default: return d.label;
+			}
+		}), E = v(!1), k = () => {
+			E.value = !0;
+		}, A = () => {
+			E.value = !1;
+		}, j = async () => {
+			if (!p.value) return !1;
+			try {
+				return await p.value.validate(), !0;
+			} catch {
+				return !1;
+			}
+		}, M = i(() => [{
+			title: `顶级${d.label}`,
+			id: "0",
+			children: d.list
+		}]);
+		return n({
+			open: k,
+			close: A,
+			validate: j
+		}), (n, i) => {
+			let f = x("a-form-item"), v = x("a-col"), w = x("a-tree-select"), k = x("a-input"), A = x("a-input-number"), j = x("a-switch"), N = x("a-divider"), P = x("a-row"), F = x("a-form");
+			return O((_(), a(V, {
+				title: d.editTitle || y.value,
+				class: "me-tree-menu-edit"
+			}, {
+				"header-right": D(() => [b(n.$slots, "header-submit", {}, void 0, !0)]),
+				default: D(() => [c("div", H, [c("div", U, [u(F, {
+					ref_key: "formRef",
+					ref: p,
+					model: e.form,
+					rules: g.value,
+					"label-col": { span: 6 },
+					"wrapper-col": { span: 18 }
+				}, {
+					default: D(() => [u(P, { gutter: 20 }, {
+						default: D(() => [
+							m.value.id && e.titleType === "edit" ? (_(), a(v, {
+								key: 0,
+								span: 24
+							}, {
+								default: D(() => [u(f, { label: "ID" }, {
+									default: D(() => [c("span", W, S(e.form.id), 1)]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.parentId ? (_(), a(v, {
+								key: 1,
+								span: 24
+							}, {
+								default: D(() => [u(f, {
+									label: `上级${e.label}`,
+									name: "parentId"
+								}, {
+									default: D(() => [u(w, {
+										value: e.form.parentId,
+										"onUpdate:value": i[0] ||= (t) => e.form.parentId = t,
+										"tree-default-expand-all": "",
+										"tree-data": M.value,
+										"field-names": {
+											children: "children",
+											label: "title",
+											value: "id"
+										},
+										"tree-node-filter-prop": y.value,
+										"show-search": "",
+										style: { width: "100%" },
+										size: d.size
+									}, null, 8, [
+										"value",
+										"tree-data",
+										"tree-node-filter-prop",
+										"size"
+									])]),
+									_: 1
+								}, 8, ["label"])]),
+								_: 1
+							})) : o("", !0),
+							m.value.title ? (_(), a(v, {
+								key: 2,
+								span: 12
+							}, {
+								default: D(() => [u(f, {
+									label: "名称",
+									name: "title"
+								}, {
+									default: D(() => [u(k, {
+										value: e.form.title,
+										"onUpdate:value": i[1] ||= (t) => e.form.title = t,
+										"allow-clear": "",
+										size: d.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.enTitle ? (_(), a(v, {
+								key: 3,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "英文名称" }, {
+									default: D(() => [u(k, {
+										value: e.form.enTitle,
+										"onUpdate:value": i[2] ||= (t) => e.form.enTitle = t,
+										"allow-clear": "",
+										size: d.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.aliasTitle ? (_(), a(v, {
+								key: 4,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "别名" }, {
+									default: D(() => [u(k, {
+										value: e.form.aliasTitle,
+										"onUpdate:value": i[3] ||= (t) => e.form.aliasTitle = t,
+										"allow-clear": "",
+										size: d.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.aliasEnTitle ? (_(), a(v, {
+								key: 5,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "英文别名" }, {
+									default: D(() => [u(k, {
+										value: e.form.aliasEnTitle,
+										"onUpdate:value": i[4] ||= (t) => e.form.aliasEnTitle = t,
+										"allow-clear": "",
+										size: d.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.icon ? (_(), a(v, {
+								key: 6,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "图标" }, {
+									default: D(() => [b(n.$slots, "edit-icon-selector", {}, () => [u(C(t), {
+										modelValue: e.form.icon,
+										"onUpdate:modelValue": i[5] ||= (t) => e.form.icon = t,
+										sources: e.iconSources,
+										"iconfont-data": e.iconfontData,
+										size: d.size,
+										placeholder: "请选择图标"
+									}, null, 8, [
+										"modelValue",
+										"sources",
+										"iconfont-data",
+										"size"
+									])], !0)]),
+									_: 3
+								})]),
+								_: 3
+							})) : o("", !0),
+							m.value.sort ? (_(), a(v, {
+								key: 7,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "排序" }, {
+									default: D(() => [u(A, {
+										value: e.form.sort,
+										"onUpdate:value": i[6] ||= (t) => e.form.sort = t,
+										min: 0,
+										style: { width: "100%" },
+										size: d.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.cover ? (_(), a(v, {
+								key: 8,
+								span: 24
+							}, {
+								default: D(() => [u(f, { label: "封面" }, {
+									default: D(() => [b(n.$slots, "edit-cover", {}, () => [i[9] ||= c("span", { class: "me-tree-menu-edit__placeholder" }, "请通过 edit-cover 插槽传入封面上传组件", -1)], !0)]),
+									_: 3
+								})]),
+								_: 3
+							})) : o("", !0),
+							m.value.hideFlag ? (_(), a(v, {
+								key: 9,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "隐藏" }, {
+									default: D(() => [u(j, {
+										checked: e.form.hideFlag,
+										"onUpdate:checked": i[7] ||= (t) => e.form.hideFlag = t,
+										size: d.size === "small" ? "small" : "medium"
+									}, null, 8, ["checked", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							m.value.enableFlag ? (_(), a(v, {
+								key: 10,
+								span: 12
+							}, {
+								default: D(() => [u(f, { label: "启用" }, {
+									default: D(() => [u(j, {
+										checked: e.form.enableFlag,
+										"onUpdate:checked": i[8] ||= (t) => e.form.enableFlag = t,
+										size: d.size === "small" ? "small" : "medium"
+									}, null, 8, ["checked", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							h.value ? (_(), s(r, { key: 11 }, [u(v, { span: 24 }, {
+								default: D(() => [u(N, null, {
+									default: D(() => [...i[10] ||= [l("Meta", -1)]]),
+									_: 1
+								})]),
+								_: 1
+							}), b(n.$slots, "default", {}, void 0, !0)], 64)) : o("", !0)
+						]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["model", "rules"])])])]),
+				_: 3
+			}, 8, ["title"])), [[T, E.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-3d2fbfce"]]), K = { class: "me-tree-menu__left" }, q = { class: "me-tree-menu__left-header" }, J = { class: "me-tree-menu__toolbar" }, Y = { class: "me-tree-menu__tree-wrap" }, X = { class: "me-tree-menu__tree-scroll" }, te = { class: "me-tree-menu__custom-node" }, ne = { class: "me-tree-menu__node-label" }, re = { class: "me-tree-menu__right" }, Z = /* @__PURE__ */ d({
+	name: "MeTreeMenu",
+	__name: "index",
+	props: {
+		list: {
+			type: Array,
+			default: () => []
+		},
+		showCheckbox: {
+			type: Boolean,
+			default: !1
+		},
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		showFilter: {
+			type: Boolean,
+			default: !0
+		},
+		showLine: {
+			type: Boolean,
+			default: !0
+		},
+		indent: {
+			type: Number,
+			default: 20
+		},
+		leftWidth: {
+			type: [Number, String],
+			default: 400
+		},
+		filterDebounce: {
+			type: Number,
+			default: 200
+		},
+		treeProps: {
+			type: Object,
+			default: () => ({})
+		},
+		nodeKey: {
+			type: String,
+			default: "id"
+		},
+		label: {
+			type: String,
+			default: "菜单"
+		},
+		form: {
+			type: Object,
+			default: () => ({})
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		expandKeys: {
+			type: [Array, String],
+			default: () => []
+		},
+		editTitle: {
+			type: String,
+			default: ""
+		},
+		apiMoveHandle: {
+			type: Function,
+			default: void 0
+		},
+		fetchDataHandle: {
+			type: Function,
+			default: void 0
+		},
+		openHandle: {
+			type: Function,
+			default: void 0
+		},
+		nodeMenuItemHandle: {
+			type: Function,
+			default: void 0
+		},
+		filterNodeMethod: {
+			type: Function,
+			default: void 0
+		},
+		moveConfirm: {
+			type: Object,
+			default: () => ({})
+		},
+		showMoveConfirm: {
+			type: Boolean,
+			default: !0
+		},
+		formSize: {
+			type: String,
+			default: "middle"
+		},
+		iconSources: {
+			type: Array,
+			default: () => [
+				"lucide",
+				"remixicon",
+				"iconfont"
+			]
+		},
+		iconfontData: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: [
+		"node-click",
+		"context-menu-add",
+		"context-menu-edit",
+		"context-menu-remove",
+		"context-menu-copy",
+		"update",
+		"create",
+		"update:actions"
+	],
+	setup(t, { expose: r, emit: d }) {
+		let p = t, m = d, y = v(), w = v(), T = v([...p.actions]);
+		E(() => p.actions, (e) => {
+			T.value = [...e];
+		}, { deep: !0 });
+		let O = (e) => {
+			T.value = e, m("update:actions", e);
+		}, A = v([]), j = v([]);
+		g(() => {
+			if (p.expandKeys && p.expandKeys.length > 0) {
+				let e = Array.isArray(p.expandKeys) ? p.expandKeys : [p.expandKeys];
+				A.value = e;
+			}
+		});
+		let M = (e) => {
+			e ? A.value = V(p.list) : A.value = [];
+		}, N = (e) => {
+			A.value = e;
+		}, F = i(() => ({ "--me-tree-menu-left-width": typeof p.leftWidth == "number" ? `${p.leftWidth}px` : p.leftWidth })), I = i(() => p.draggable ? { icon: !1 } : !1), L = i(() => ({
+			title: p.treeProps.title || "title",
+			key: p.treeProps.key || p.nodeKey,
+			children: p.treeProps.children || "children"
+		})), R = (e) => e[L.value.title || "title"] || "", z = v(""), B = null;
+		E(z, (e) => {
+			B && clearTimeout(B), B = setTimeout(() => {
+				e && (A.value = V(p.list));
+			}, p.filterDebounce);
+		});
+		let V = (e) => {
+			let t = [], n = L.value.children || "children", r = L.value.key || "id", i = (e) => {
+				for (let a of e) t.push(a[r]), a[n] && a[n].length > 0 && i(a[n]);
+			};
+			return i(e), t;
+		}, H = i(() => {
+			if (!z.value) return p.list;
+			let e = z.value.toLowerCase(), t = L.value.title || "title", n = L.value.children || "children", r = (i) => {
+				let a = [];
+				for (let o of i) {
+					let i = o[n], s = i && i.length > 0 ? r(i) : [];
+					((p.filterNodeMethod ? p.filterNodeMethod(z.value, o) : String(o[t] || "").toLowerCase().includes(e)) || s.length > 0) && a.push({
+						...o,
+						[n]: s.length > 0 ? s : i || []
+					});
+				}
+				return a;
+			};
+			return r(p.list);
+		}), U = v(""), W = () => {
+			U.value = "create", $(), m("create");
+		}, Z = async () => {
+			await w.value?.validate() && m("update", p.form);
+		}, Q = (e) => [
+			{
+				label: `添加子${p.label}`,
+				icon: "PlusCircle",
+				onClick: () => {
+					U.value = "create-child", $(), m("context-menu-add", e);
+				}
+			},
+			{
+				label: `编辑${p.label}`,
+				icon: "Pencil",
+				onClick: () => {
+					U.value = "edit", $(), m("context-menu-edit", e);
+				}
+			},
+			{
+				label: `复制${p.label}`,
+				icon: "Copy",
+				onClick: () => {
+					U.value = "copy", $(), m("context-menu-copy", e);
+				}
+			},
+			{
+				label: `删除${p.label}`,
+				icon: "Trash2",
+				onClick: () => {
+					U.value = "delete", m("context-menu-remove", e);
+				}
+			}
+		], ie = (e) => p.nodeMenuItemHandle ? p.nodeMenuItemHandle(e) : Q(e), ae = (t) => ({
+			items: ie(t).map((n, r) => ({
+				key: String(r),
+				label: n.label,
+				disabled: n.disabled,
+				icon: n.icon ? () => f(e, {
+					name: n.icon,
+					size: 14
+				}) : void 0,
+				onClick: ({ domEvent: e }) => {
+					e.stopPropagation(), n.onClick(t);
+				}
+			})),
+			onClick: () => {}
+		}), oe = (e) => {
+			e.event.preventDefault();
+			let t = e.node?.dataRef || e.node || {}, n = L.value.key || "id";
+			j.value = [t[n]];
+		}, se = (e, t) => {
+			if (j.value = e, e.length > 0 && t?.node) {
+				let e = t.node.dataRef || t.node || {};
+				U.value = "edit", $(), m("node-click", e);
+			}
+		}, ce = (e) => {
+			if (!p.fetchDataHandle) return;
+			let t = e.dragNode, r = e.node, i = e.dropPosition, a = L.value.key || "id", o = L.value.children || "children", s = String(t[a]), c = i === 0 ? String(r[a]) : r.parentId || r.parentNode?.[a] || "0", l = le(r, i, s, a, o), u = p.moveConfirm.title || "提示", d = p.moveConfirm.message || "确定保存移动吗?", f = p.moveConfirm.type || "danger";
+			if (!p.showMoveConfirm) {
+				p.apiMoveHandle?.({
+					id: s,
+					pid: c,
+					sortId: l
+				}).then(() => {
+					p.fetchDataHandle?.({ expandKeys: [c] });
+				});
+				return;
+			}
+			n({
+				data: {
+					request: {
+						api: p.apiMoveHandle,
+						data: {
+							id: s,
+							pid: c,
+							sortId: l
+						}
+					},
+					normal: {
+						title: u,
+						message: d,
+						type: f
+					},
+					process: {
+						title: u,
+						loading: !0
+					}
+				},
+				handler: {
+					confirm: () => (p.fetchDataHandle?.({ expandKeys: [c] }), !0),
+					cancel: () => (p.fetchDataHandle?.({ expandKeys: [c] }), !0)
+				}
+			});
+		}, le = (e, t, n, r, i) => {
+			let a = e.parentNode?.[i] || e.parent?.children || p.list, o = [];
+			for (let i of a) {
+				let a = String(i[r]);
+				a !== n && t !== 0 && (t === -1 && a === String(e[r]) ? (o.push(n), o.push(a)) : t === 1 && a === String(e[r]) ? (o.push(a), o.push(n)) : o.push(a));
+			}
+			return t === 0 ? [...e[i]?.map((e) => String(e[r])) || [], n] : o;
+		}, $ = () => {
+			p.openHandle ? p.openHandle() : w.value?.open();
+		};
+		return r({
+			open: $,
+			close: () => {
+				w.value?.close();
+			},
+			setExpandKeys: (e, t = !0) => {
+				let n = Array.isArray(e) ? e : [e], r = new Set(A.value.map(String));
+				t ? n.forEach((e) => r.add(String(e))) : n.forEach((e) => r.delete(String(e))), A.value = Array.from(r);
+			},
+			getExpandKeys: () => A.value.map(String)
+		}), (n, r) => {
+			let i = x("a-button"), d = x("a-input"), f = x("a-dropdown"), p = x("a-tree"), m = x("a-splitter-panel"), g = x("a-splitter");
+			return _(), s("div", {
+				class: "me-tree-menu",
+				style: h(F.value)
+			}, [u(g, { class: "me-tree-menu__splitter" }, {
+				default: D(() => [u(m, {
+					"default-size": t.leftWidth,
+					min: 280,
+					class: "me-tree-menu__left-panel"
+				}, {
+					default: D(() => [c("div", K, [
+						c("div", q, [b(n.$slots, "header")]),
+						c("div", J, [u(i, {
+							type: "primary",
+							onClick: W
+						}, {
+							default: D(() => [...r[3] ||= [l("新建", -1)]]),
+							_: 1
+						}), T.value.length > 0 ? (_(), a(ee, {
+							key: 0,
+							actions: T.value,
+							"onUpdate:actions": O,
+							onToggleExpandAll: M
+						}, {
+							"dropdown-item": D(() => [b(n.$slots, "dropdown-item")]),
+							_: 3
+						}, 8, ["actions"])) : o("", !0)]),
+						c("div", Y, [t.showFilter ? (_(), a(d, {
+							key: 0,
+							value: z.value,
+							"onUpdate:value": r[0] ||= (e) => z.value = e,
+							class: "me-tree-menu__search",
+							"allow-clear": "",
+							placeholder: "搜索"
+						}, {
+							prefix: D(() => [u(C(e), {
+								name: "Search",
+								size: 16
+							})]),
+							_: 1
+						}, 8, ["value"])) : o("", !0), c("div", X, [u(p, {
+							ref_key: "treeRef",
+							ref: y,
+							"tree-data": H.value,
+							"field-names": L.value,
+							draggable: I.value,
+							"block-node": !0,
+							"show-line": t.showLine,
+							"expanded-keys": A.value,
+							"selected-keys": j.value,
+							"onUpdate:expandedKeys": N,
+							onSelect: se,
+							onRightClick: oe,
+							onDrop: ce
+						}, {
+							titleRender: D((t) => [c("div", te, [c("div", ne, [b(n.$slots, "label", { data: t }, () => [u(P, {
+								actions: T.value,
+								"node-title": R(t),
+								data: t
+							}, null, 8, [
+								"actions",
+								"node-title",
+								"data"
+							])])]), u(f, {
+								trigger: ["click"],
+								placement: "bottomRight",
+								class: "me-tree-menu__node-more",
+								menu: ae(t),
+								onClick: r[2] ||= k(() => {}, ["stop"])
+							}, {
+								default: D(() => [u(C(e), {
+									class: "icon-more",
+									name: "Ellipsis",
+									color: "#d9d9d9",
+									size: 16,
+									onClick: r[1] ||= k(() => {}, ["stop"])
+								})]),
+								_: 1
+							}, 8, ["menu"])])]),
+							_: 3
+						}, 8, [
+							"tree-data",
+							"field-names",
+							"draggable",
+							"show-line",
+							"expanded-keys",
+							"selected-keys"
+						])])])
+					])]),
+					_: 3
+				}, 8, ["default-size"]), u(m, { min: 300 }, {
+					default: D(() => [c("div", re, [b(n.$slots, "right", {}, () => [u(G, {
+						ref_key: "editRef",
+						ref: w,
+						list: t.list,
+						form: t.form,
+						"title-type": U.value,
+						label: t.label,
+						"edit-title": t.editTitle,
+						size: t.formSize,
+						"icon-sources": t.iconSources,
+						"iconfont-data": t.iconfontData
+					}, {
+						"header-submit": D(() => [u(i, {
+							type: "primary",
+							onClick: Z
+						}, {
+							default: D(() => [l(S(U.value === "edit" ? "更新" : "保存"), 1)]),
+							_: 1
+						})]),
+						"edit-icon-selector": D(() => [b(n.$slots, "edit-icon-selector")]),
+						"edit-cover": D(() => [b(n.$slots, "edit-cover")]),
+						default: D(() => [b(n.$slots, "edit")]),
+						_: 3
+					}, 8, [
+						"list",
+						"form",
+						"title-type",
+						"label",
+						"edit-title",
+						"size",
+						"icon-sources",
+						"iconfont-data"
+					])])])]),
+					_: 3
+				})]),
+				_: 3
+			})], 4);
+		};
+	}
+});
+//#endregion
+//#region src/components/tree-menu/index.ts
+Z.install = (e) => {
+	e.component("MeTreeMenu", Z);
+};
+var Q = Z;
+//#endregion
+export { Z as MeTreeMenu, Q as default };