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

package/dist/tree-menu/index.js

@@ -56,7 +56,7 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 	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({
+}, 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"], z = /*#__PURE__*/ N(/* @__PURE__ */ d({
 	name: "MeTreeMenuActions",
 	__name: "TreeMenuActions",
 	props: { actions: {
@@ -125,7 +125,7 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 			});
 		};
 	}
-}), [["__scopeId", "data-v-d5a9d230"]]), z = { class: "me-tree-menu-card__title" }, B = { class: "me-tree-menu-card__header-right" }, V = /*#__PURE__*/ N(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-d5a9d230"]]), B = { class: "me-tree-menu-card__title" }, V = { class: "me-tree-menu-card__header-right" }, H = /*#__PURE__*/ N(/* @__PURE__ */ d({
 	name: "MeTreeMenuCard",
 	__name: "TreeMenuCard",
 	props: {
@@ -142,19 +142,19 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 		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), {
+				title: D(() => [c("span", B, [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)])]),
+				extra: D(() => [c("div", V, [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({
+}), [["__scopeId", "data-v-ea7cffb8"]]), U = { class: "me-tree-menu-edit__scroll" }, W = { class: "me-tree-menu-edit__body" }, G = { class: "me-tree-menu-edit__id" }, K = /*#__PURE__*/ N(/* @__PURE__ */ d({
 	name: "MeTreeMenuEdit",
 	__name: "TreeMenuEdit",
 	props: {
@@ -200,7 +200,9 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 		}
 	},
 	setup(e, { expose: n }) {
-		let d = e, f = w(), p = v(), m = i(() => {
+		let r = e;
+		w();
+		let s = v(), d = i(() => {
 			let e = [
 				"id",
 				"parentId",
@@ -214,78 +216,104 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 				"hideFlag",
 				"enableFlag"
 			], t = {};
-			for (let n of e) t[n] = Object.prototype.hasOwnProperty.call(d.form, n);
+			for (let n of e) t[n] = Object.prototype.hasOwnProperty.call(r.form, n);
 			return t;
-		}), h = i(() => {
-			let e = f.default?.();
-			return !!e && e.length > 0;
-		}), g = i(() => ({
+		}), f = i({
+			get: () => (r.form.meta || (r.form.meta = {}), r.form.meta),
+			set: (e) => {
+				r.form.meta = e;
+			}
+		}), p = i({
+			get: () => f.value.type || "default",
+			set: (e) => {
+				f.value.type = e;
+			}
+		}), m = 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;
+			...r.rules
+		})), h = i(() => {
+			switch (r.titleType) {
+				case "copy": return `复制添加${r.label}`;
+				case "create": return `新建${r.label}`;
+				case "create-child": return `添加子${r.label}`;
+				case "edit": return `编辑${r.label}`;
+				default: return r.label;
 			}
-		}), E = v(!1), k = () => {
-			E.value = !0;
-		}, A = () => {
-			E.value = !1;
-		}, j = async () => {
-			if (!p.value) return !1;
+		}), g = v(!1), y = () => {
+			g.value = !0;
+		}, E = () => {
+			g.value = !1;
+		}, k = async () => {
+			if (!s.value) return !1;
 			try {
-				return await p.value.validate(), !0;
+				return await s.value.validate(), !0;
 			} catch {
 				return !1;
 			}
-		}, M = i(() => [{
-			title: `顶级${d.label}`,
-			id: "0",
-			children: d.list
-		}]);
+		}, A = i(() => {
+			let e = r.list;
+			if (r.titleType === "edit" && r.form?.id != null) {
+				let t = /* @__PURE__ */ new Set(), n = (e) => {
+					for (let i of e) if (String(i.id) === String(r.form.id)) {
+						let e = (n) => {
+							t.add(String(n.id)), n.children?.forEach(e);
+						};
+						e(i);
+					} else n(i.children || []);
+				};
+				n(e);
+				let i = (e) => e.filter((e) => !t.has(String(e.id))).map((e) => ({
+					...e,
+					children: i(e.children || [])
+				}));
+				e = i(e);
+			}
+			return [{
+				title: `顶级${r.label}`,
+				id: "0",
+				children: e
+			}];
+		});
 		return n({
-			open: k,
-			close: A,
-			validate: j
+			open: y,
+			close: E,
+			validate: k
 		}), (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,
+			let v = x("a-form-item"), y = x("a-col"), w = x("a-tree-select"), E = x("a-input"), k = x("a-input-number"), j = x("a-switch"), M = x("a-divider"), N = x("a-radio-button"), P = x("a-radio-group"), F = x("a-textarea"), I = x("a-row"), L = x("a-form");
+			return O((_(), a(H, {
+				title: r.editTitle || h.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, {
+				default: D(() => [c("div", U, [c("div", W, [u(L, {
 					ref_key: "formRef",
-					ref: p,
+					ref: s,
 					model: e.form,
-					rules: g.value,
+					rules: m.value,
 					"label-col": { span: 6 },
 					"wrapper-col": { span: 18 }
 				}, {
-					default: D(() => [u(P, { gutter: 20 }, {
+					default: D(() => [u(I, { gutter: 20 }, {
 						default: D(() => [
-							m.value.id && e.titleType === "edit" ? (_(), a(v, {
+							d.value.id && e.titleType === "edit" ? (_(), a(y, {
 								key: 0,
 								span: 24
 							}, {
-								default: D(() => [u(f, { label: "ID" }, {
-									default: D(() => [c("span", W, S(e.form.id), 1)]),
+								default: D(() => [u(v, { label: "ID" }, {
+									default: D(() => [c("span", G, S(e.form.id), 1)]),
 									_: 1
 								})]),
 								_: 1
 							})) : o("", !0),
-							m.value.parentId ? (_(), a(v, {
+							d.value.parentId ? (_(), a(y, {
 								key: 1,
 								span: 24
 							}, {
-								default: D(() => [u(f, {
+								default: D(() => [u(v, {
 									label: `上级${e.label}`,
 									name: "parentId"
 								}, {
@@ -293,100 +321,94 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 										value: e.form.parentId,
 										"onUpdate:value": i[0] ||= (t) => e.form.parentId = t,
 										"tree-default-expand-all": "",
-										"tree-data": M.value,
+										"tree-line": "",
+										"tree-data": A.value,
 										"field-names": {
 											children: "children",
 											label: "title",
 											value: "id"
 										},
-										"tree-node-filter-prop": y.value,
+										"tree-node-filter-prop": "title",
 										"show-search": "",
 										style: { width: "100%" },
-										size: d.size
+										size: r.size
 									}, null, 8, [
 										"value",
 										"tree-data",
-										"tree-node-filter-prop",
 										"size"
 									])]),
 									_: 1
 								}, 8, ["label"])]),
 								_: 1
 							})) : o("", !0),
-							m.value.title ? (_(), a(v, {
+							d.value.title ? (_(), a(y, {
 								key: 2,
 								span: 12
 							}, {
-								default: D(() => [u(f, {
+								default: D(() => [u(v, {
 									label: "名称",
 									name: "title"
 								}, {
-									default: D(() => [u(k, {
+									default: D(() => [u(E, {
 										value: e.form.title,
 										"onUpdate:value": i[1] ||= (t) => e.form.title = t,
 										"allow-clear": "",
-										size: d.size
+										size: r.size
 									}, null, 8, ["value", "size"])]),
 									_: 1
 								})]),
 								_: 1
 							})) : o("", !0),
-							m.value.enTitle ? (_(), a(v, {
+							d.value.enTitle ? (_(), a(y, {
 								key: 3,
 								span: 12
 							}, {
-								default: D(() => [u(f, { label: "英文名称" }, {
-									default: D(() => [u(k, {
+								default: D(() => [u(v, { label: "英文名称" }, {
+									default: D(() => [u(E, {
 										value: e.form.enTitle,
 										"onUpdate:value": i[2] ||= (t) => e.form.enTitle = t,
 										"allow-clear": "",
-										size: d.size
+										size: r.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, {
+							u(y, { span: 12 }, {
+								default: D(() => [u(v, { label: "别名" }, {
+									default: D(() => [u(E, {
 										value: e.form.aliasTitle,
 										"onUpdate:value": i[3] ||= (t) => e.form.aliasTitle = t,
 										"allow-clear": "",
-										size: d.size
+										size: r.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, {
+							}),
+							u(y, { span: 12 }, {
+								default: D(() => [u(v, { label: "英文别名" }, {
+									default: D(() => [u(E, {
 										value: e.form.aliasEnTitle,
 										"onUpdate:value": i[4] ||= (t) => e.form.aliasEnTitle = t,
 										"allow-clear": "",
-										size: d.size
+										size: r.size
 									}, null, 8, ["value", "size"])]),
 									_: 1
 								})]),
 								_: 1
-							})) : o("", !0),
-							m.value.icon ? (_(), a(v, {
-								key: 6,
+							}),
+							d.value.icon ? (_(), a(y, {
+								key: 4,
 								span: 12
 							}, {
-								default: D(() => [u(f, { label: "图标" }, {
+								default: D(() => [u(v, { 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,
+										size: r.size,
 										placeholder: "请选择图标"
 									}, null, 8, [
 										"modelValue",
@@ -398,77 +420,259 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 								})]),
 								_: 3
 							})) : o("", !0),
-							m.value.sort ? (_(), a(v, {
-								key: 7,
+							d.value.sort ? (_(), a(y, {
+								key: 5,
 								span: 12
 							}, {
-								default: D(() => [u(f, { label: "排序" }, {
-									default: D(() => [u(A, {
+								default: D(() => [u(v, { label: "排序" }, {
+									default: D(() => [u(k, {
 										value: e.form.sort,
 										"onUpdate:value": i[6] ||= (t) => e.form.sort = t,
 										min: 0,
 										style: { width: "100%" },
-										size: d.size
+										size: r.size
 									}, null, 8, ["value", "size"])]),
 									_: 1
 								})]),
 								_: 1
 							})) : o("", !0),
-							m.value.cover ? (_(), a(v, {
-								key: 8,
+							d.value.cover ? (_(), a(y, {
+								key: 6,
 								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)]),
+								default: D(() => [u(v, { label: "封面" }, {
+									default: D(() => [b(n.$slots, "edit-cover", {}, () => [i[18] ||= c("span", { class: "me-tree-menu-edit__placeholder" }, "请通过 edit-cover 插槽传入封面上传组件", -1)], !0)]),
 									_: 3
 								})]),
 								_: 3
 							})) : o("", !0),
-							m.value.hideFlag ? (_(), a(v, {
-								key: 9,
+							d.value.hideFlag ? (_(), a(y, {
+								key: 7,
 								span: 12
 							}, {
-								default: D(() => [u(f, { label: "隐藏" }, {
+								default: D(() => [u(v, { label: "隐藏" }, {
 									default: D(() => [u(j, {
 										checked: e.form.hideFlag,
 										"onUpdate:checked": i[7] ||= (t) => e.form.hideFlag = t,
-										size: d.size === "small" ? "small" : "medium"
+										size: r.size === "small" ? "small" : "medium"
 									}, null, 8, ["checked", "size"])]),
 									_: 1
 								})]),
 								_: 1
 							})) : o("", !0),
-							m.value.enableFlag ? (_(), a(v, {
-								key: 10,
+							d.value.enableFlag ? (_(), a(y, {
+								key: 8,
 								span: 12
 							}, {
-								default: D(() => [u(f, { label: "启用" }, {
+								default: D(() => [u(v, { label: "启用" }, {
 									default: D(() => [u(j, {
 										checked: e.form.enableFlag,
 										"onUpdate:checked": i[8] ||= (t) => e.form.enableFlag = t,
-										size: d.size === "small" ? "small" : "medium"
+										size: r.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)]]),
+							u(y, { span: 24 }, {
+								default: D(() => [u(M, null, {
+									default: D(() => [...i[19] ||= [l("Meta", -1)]]),
 									_: 1
 								})]),
 								_: 1
-							}), b(n.$slots, "default", {}, void 0, !0)], 64)) : o("", !0)
+							}),
+							u(y, { span: 24 }, {
+								default: D(() => [u(v, { label: "类型" }, {
+									default: D(() => [u(P, {
+										value: p.value,
+										"onUpdate:value": i[9] ||= (e) => p.value = e,
+										"button-style": "solid"
+									}, {
+										default: D(() => [
+											u(N, { value: "default" }, {
+												default: D(() => [...i[20] ||= [l("默认", -1)]]),
+												_: 1
+											}),
+											u(N, { value: "group" }, {
+												default: D(() => [...i[21] ||= [l("分组", -1)]]),
+												_: 1
+											}),
+											u(N, { value: "link" }, {
+												default: D(() => [...i[22] ||= [l("链接", -1)]]),
+												_: 1
+											}),
+											u(N, { value: "iframe" }, {
+												default: D(() => [...i[23] ||= [l("iframe", -1)]]),
+												_: 1
+											})
+										]),
+										_: 1
+									}, 8, ["value"])]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							u(y, { span: 24 }, {
+								default: D(() => [u(v, { label: "meta标题" }, {
+									default: D(() => [u(E, {
+										value: f.value.metaTitle,
+										"onUpdate:value": i[10] ||= (e) => f.value.metaTitle = e,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							p.value === "default" ? (_(), a(y, {
+								key: 9,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "path" }, {
+									default: D(() => [u(E, {
+										value: f.value.path,
+										"onUpdate:value": i[11] ||= (e) => f.value.path = e,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "default" ? (_(), a(y, {
+								key: 10,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "path参数" }, {
+									default: D(() => [u(F, {
+										value: f.value.pathParams,
+										"onUpdate:value": i[12] ||= (e) => f.value.pathParams = e,
+										rows: 2,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "default" ? (_(), a(y, {
+								key: 11,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "关联菜单" }, {
+									default: D(() => [u(w, {
+										value: f.value.activeMenu,
+										"onUpdate:value": i[13] ||= (e) => f.value.activeMenu = e,
+										"tree-data": A.value,
+										"tree-default-expand-all": "",
+										"tree-line": "",
+										"tree-node-filter-prop": "title",
+										"show-search": "",
+										"allow-clear": "",
+										"field-names": {
+											children: "children",
+											label: "title",
+											value: "id"
+										},
+										placeholder: "请选择",
+										style: { width: "100%" },
+										size: r.size
+									}, null, 8, [
+										"value",
+										"tree-data",
+										"size"
+									]), i[24] ||= c("div", { class: "me-tree-menu-edit__hint" }, "设置关联菜单后，将隐藏全部子菜单。", -1)]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "default" ? (_(), a(y, {
+								key: 12,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "高亮菜单" }, {
+									default: D(() => [u(w, {
+										value: f.value.highlightMenu,
+										"onUpdate:value": i[14] ||= (e) => f.value.highlightMenu = e,
+										"tree-data": A.value,
+										"tree-default-expand-all": "",
+										"tree-line": "",
+										"tree-node-filter-prop": "title",
+										"show-search": "",
+										"allow-clear": "",
+										"field-names": {
+											children: "children",
+											label: "title",
+											value: "id"
+										},
+										placeholder: "请选择",
+										style: { width: "100%" },
+										size: r.size
+									}, null, 8, [
+										"value",
+										"tree-data",
+										"size"
+									])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "default" || p.value === "link" ? (_(), a(y, {
+								key: 13,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "徽章" }, {
+									default: D(() => [u(E, {
+										value: f.value.badge,
+										"onUpdate:value": i[15] ||= (e) => f.value.badge = e,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "link" ? (_(), a(y, {
+								key: 14,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "外链URL" }, {
+									default: D(() => [u(E, {
+										value: f.value.linkURL,
+										"onUpdate:value": i[16] ||= (e) => f.value.linkURL = e,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							p.value === "iframe" ? (_(), a(y, {
+								key: 15,
+								span: 24
+							}, {
+								default: D(() => [u(v, { label: "iframeURL" }, {
+									default: D(() => [u(E, {
+										value: f.value.iframeURL,
+										"onUpdate:value": i[17] ||= (e) => f.value.iframeURL = e,
+										"allow-clear": "",
+										size: r.size
+									}, null, 8, ["value", "size"])]),
+									_: 1
+								})]),
+								_: 1
+							})) : o("", !0),
+							b(n.$slots, "default", {}, void 0, !0)
 						]),
 						_: 3
 					})]),
 					_: 3
 				}, 8, ["model", "rules"])])])]),
 				_: 3
-			}, 8, ["title"])), [[T, E.value]]);
+			}, 8, ["title"])), [[T, g.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({
+}), [["__scopeId", "data-v-f142cf99"]]), q = { class: "me-tree-menu__left" }, J = { class: "me-tree-menu__left-header" }, Y = { class: "me-tree-menu__toolbar" }, X = { class: "me-tree-menu__tree-wrap" }, ee = { 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: {
@@ -588,45 +792,45 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 		"update:actions"
 	],
 	setup(t, { expose: r, emit: d }) {
-		let p = t, m = d, y = v(), w = v(), T = v([...p.actions]);
+		let p = t, y = d, w = v(), T = v(), O = v([...p.actions]);
 		E(() => p.actions, (e) => {
-			T.value = [...e];
+			O.value = [...e];
 		}, { deep: !0 });
-		let O = (e) => {
-			T.value = e, m("update:actions", e);
-		}, A = v([]), j = v([]);
+		let A = (e) => {
+			O.value = e, y("update:actions", e);
+		}, j = v([]), M = v([]);
 		g(() => {
 			if (p.expandKeys && p.expandKeys.length > 0) {
 				let e = Array.isArray(p.expandKeys) ? p.expandKeys : [p.expandKeys];
-				A.value = e;
+				j.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(() => ({
+		let N = (e) => {
+			e ? j.value = U(p.list) : j.value = [];
+		}, F = (e) => {
+			j.value = e;
+		}, I = i(() => ({ "--me-tree-menu-left-width": typeof p.leftWidth == "number" ? `${p.leftWidth}px` : p.leftWidth })), L = i(() => p.draggable ? { icon: !1 } : !1), R = 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));
+		})), B = (e) => e[R.value.title || "title"] || "", V = v(""), H = null;
+		E(V, (e) => {
+			H && clearTimeout(H), H = setTimeout(() => {
+				e && (j.value = U(p.list));
 			}, p.filterDebounce);
 		});
-		let V = (e) => {
-			let t = [], n = L.value.children || "children", r = L.value.key || "id", i = (e) => {
+		let U = (e) => {
+			let t = [], n = R.value.children || "children", r = R.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) => {
+		}, W = i(() => {
+			if (!V.value) return p.list;
+			let e = V.value.toLowerCase(), t = R.value.title || "title", n = R.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({
+					((p.filterNodeMethod ? p.filterNodeMethod(V.value, o) : String(o[t] || "").toLowerCase().includes(e)) || s.length > 0) && a.push({
 						...o,
 						[n]: s.length > 0 ? s : i || []
 					});
@@ -634,41 +838,41 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 				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) => [
+		}), G = v(""), Z = () => {
+			G.value = "create", $(), y("create");
+		}, Q = async () => {
+			await T.value?.validate() && y("update", p.form);
+		}, ie = (e) => [
 			{
 				label: `添加子${p.label}`,
 				icon: "PlusCircle",
 				onClick: () => {
-					U.value = "create-child", $(), m("context-menu-add", e);
+					G.value = "create-child", $(), y("context-menu-add", e);
 				}
 			},
 			{
 				label: `编辑${p.label}`,
 				icon: "Pencil",
 				onClick: () => {
-					U.value = "edit", $(), m("context-menu-edit", e);
+					G.value = "edit", $(), y("context-menu-edit", e);
 				}
 			},
 			{
 				label: `复制${p.label}`,
 				icon: "Copy",
 				onClick: () => {
-					U.value = "copy", $(), m("context-menu-copy", e);
+					G.value = "copy", $(), y("context-menu-copy", e);
 				}
 			},
 			{
 				label: `删除${p.label}`,
 				icon: "Trash2",
 				onClick: () => {
-					U.value = "delete", m("context-menu-remove", e);
+					G.value = "delete", y("context-menu-remove", e);
 				}
 			}
-		], ie = (e) => p.nodeMenuItemHandle ? p.nodeMenuItemHandle(e) : Q(e), ae = (t) => ({
-			items: ie(t).map((n, r) => ({
+		], ae = (e) => p.nodeMenuItemHandle ? p.nodeMenuItemHandle(e) : ie(e), oe = (t) => ({
+			items: ae(t).map((n, r) => ({
 				key: String(r),
 				label: n.label,
 				disabled: n.disabled,
@@ -681,18 +885,18 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 				}
 			})),
 			onClick: () => {}
-		}), oe = (e) => {
+		}), se = (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 t = e.node?.dataRef || e.node || {}, n = R.value.key || "id";
+			M.value = [t[n]];
+		}, ce = (e, t) => {
+			if (M.value = e, e.length > 0 && t?.node) {
 				let e = t.node.dataRef || t.node || {};
-				U.value = "edit", $(), m("node-click", e);
+				G.value = "edit", $(), y("node-click", e);
 			}
-		}, ce = (e) => {
+		}, le = (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";
+			let t = e.dragNode, r = e.node, i = e.dropPosition, a = R.value.key || "id", o = R.value.children || "children", s = String(t[a]), c = i === 0 ? String(r[a]) : r.parentId || r.parentNode?.[a] || "0", l = ue(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,
@@ -728,7 +932,7 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 					cancel: () => (p.fetchDataHandle?.({ expandKeys: [c] }), !0)
 				}
 			});
-		}, le = (e, t, n, r, i) => {
+		}, ue = (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]);
@@ -736,50 +940,51 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 			}
 			return t === 0 ? [...e[i]?.map((e) => String(e[r])) || [], n] : o;
 		}, $ = () => {
-			p.openHandle ? p.openHandle() : w.value?.open();
+			p.openHandle ? p.openHandle() : T.value?.open();
 		};
 		return r({
 			open: $,
 			close: () => {
-				w.value?.close();
+				T.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);
+				let n = Array.isArray(e) ? e : [e], r = new Set(j.value.map(String));
+				t ? n.forEach((e) => r.add(String(e))) : n.forEach((e) => r.delete(String(e))), j.value = Array.from(r);
 			},
-			getExpandKeys: () => A.value.map(String)
+			getExpandKeys: () => j.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");
+			let i = x("a-button"), d = x("a-input"), f = x("a-dropdown"), p = x("a-tree"), g = x("a-splitter-panel"), v = 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, {
+				style: h(I.value)
+			}, [u(v, { class: "me-tree-menu__splitter" }, {
+				default: D(() => [u(g, {
 					"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, {
+					default: D(() => [c("div", q, [
+						c("div", J, [b(n.$slots, "header")]),
+						b(n.$slots, "toolbar-prepend"),
+						c("div", Y, [u(i, {
 							type: "primary",
-							onClick: W
+							onClick: Z
 						}, {
 							default: D(() => [...r[3] ||= [l("新建", -1)]]),
 							_: 1
-						}), T.value.length > 0 ? (_(), a(ee, {
+						}), O.value.length > 0 ? (_(), a(z, {
 							key: 0,
-							actions: T.value,
-							"onUpdate:actions": O,
-							onToggleExpandAll: M
+							actions: O.value,
+							"onUpdate:actions": A,
+							onToggleExpandAll: N
 						}, {
 							"dropdown-item": D(() => [b(n.$slots, "dropdown-item")]),
 							_: 3
 						}, 8, ["actions"])) : o("", !0)]),
-						c("div", Y, [t.showFilter ? (_(), a(d, {
+						c("div", X, [t.showFilter ? (_(), a(d, {
 							key: 0,
-							value: z.value,
-							"onUpdate:value": r[0] ||= (e) => z.value = e,
+							value: V.value,
+							"onUpdate:value": r[0] ||= (e) => V.value = e,
 							class: "me-tree-menu__search",
 							"allow-clear": "",
 							placeholder: "搜索"
@@ -789,24 +994,31 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 								size: 16
 							})]),
 							_: 1
-						}, 8, ["value"])) : o("", !0), c("div", X, [u(p, {
+						}, 8, ["value"])) : o("", !0), c("div", ee, [u(p, {
 							ref_key: "treeRef",
-							ref: y,
-							"tree-data": H.value,
-							"field-names": L.value,
-							draggable: I.value,
+							ref: w,
+							"tree-data": W.value,
+							"field-names": R.value,
+							draggable: L.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
+							"expanded-keys": j.value,
+							"selected-keys": M.value,
+							"expand-action": "click",
+							"onUpdate:expandedKeys": F,
+							onSelect: ce,
+							onRightClick: se,
+							onDrop: le
 						}, {
+							switcherIcon: D(({ isLeaf: t, expanded: n }) => [t ? o("", !0) : (_(), a(C(e), {
+								key: 0,
+								class: m(["me-tree-menu__switcher", { "is-expanded": n }]),
+								name: "ChevronRight",
+								size: 14
+							}, null, 8, ["class"]))]),
 							titleRender: D((t) => [c("div", te, [c("div", ne, [b(n.$slots, "label", { data: t }, () => [u(P, {
-								actions: T.value,
-								"node-title": R(t),
+								actions: O.value,
+								"node-title": B(t),
 								data: t
 							}, null, 8, [
 								"actions",
@@ -816,7 +1028,7 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 								trigger: ["click"],
 								placement: "bottomRight",
 								class: "me-tree-menu__node-more",
-								menu: ae(t),
+								menu: oe(t),
 								onClick: r[2] ||= k(() => {}, ["stop"])
 							}, {
 								default: D(() => [u(C(e), {
@@ -839,13 +1051,13 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 						])])])
 					])]),
 					_: 3
-				}, 8, ["default-size"]), u(m, { min: 300 }, {
-					default: D(() => [c("div", re, [b(n.$slots, "right", {}, () => [u(G, {
+				}, 8, ["default-size"]), u(g, { min: 300 }, {
+					default: D(() => [c("div", re, [b(n.$slots, "right", {}, () => [u(K, {
 						ref_key: "editRef",
-						ref: w,
+						ref: T,
 						list: t.list,
 						form: t.form,
-						"title-type": U.value,
+						"title-type": G.value,
 						label: t.label,
 						"edit-title": t.editTitle,
 						size: t.formSize,
@@ -854,9 +1066,9 @@ var A = { class: "me-tree-menu-node" }, j = { class: "me-tree-menu-node__label"
 					}, {
 						"header-submit": D(() => [u(i, {
 							type: "primary",
-							onClick: Z
+							onClick: Q
 						}, {
-							default: D(() => [l(S(U.value === "edit" ? "更新" : "保存"), 1)]),
+							default: D(() => [l(S(G.value === "edit" ? "更新" : "保存"), 1)]),
 							_: 1
 						})]),
 						"edit-icon-selector": D(() => [b(n.$slots, "edit-icon-selector")]),