@web-utils/form-ui 1.0.0-beta77 → 1.0.0-beta79

package/editable-tree/index.mjs

@@ -2,18 +2,19 @@ import { m as e, t } from "../chunks/ClVh1Lek.mjs";
 import { t as n } from "../chunks/B1MSrc6f.mjs";
 import { t as r } from "../chunks/mnqSaATq.mjs";
 import { allProps as i, predicate as a } from "../props/tree.mjs";
-import { ElInput as o, ElMessageBox as s, ElPopconfirm as c, ElTree as l } from "element-plus/es";
+import { ElInput as o, ElMessage as s, ElMessageBox as c, ElPopconfirm as l, ElTree as u } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/input/style/css";
-import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, renderSlot as x, toDisplayString as S, toHandlers as C, vShow as w, withCtx as T, withDirectives as E, withModifiers as D } from "vue";
-import { computePosition as O, delay as k, fastClone as A, findTreeChildren as j, isFunction as M, isNotEmpty as N, isPlainObject as P, isUndefined as F, isVerticalScrollbarVisible as I, patch as L, scrollbarWidth as R } from "@web-utils/core";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, mergeProps as v, normalizeClass as y, normalizeStyle as b, openBlock as x, renderSlot as S, toDisplayString as C, toHandlers as w, vShow as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+import { computePosition as k, delay as A, fastClone as j, findTreeChildren as M, isFunction as N, isNotEmpty as P, isPlainObject as F, isUndefined as I, isVerticalScrollbarVisible as L, patch as R, scrollbarWidth as z } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
 import "element-plus/es/components/message-box/style/css";
-import { cloneDeep as z } from "@web-utils/integrations/lodash";
+import { cloneDeep as B } from "@web-utils/integrations/lodash";
 import "element-plus/es/components/tree/style/css";
 import "element-plus/es/components/popconfirm/style/css";
-import { addResizeListener as B, removeResizeListener as V } from "@web-utils/integrations/resize";
+import { addResizeListener as V, removeResizeListener as H } from "@web-utils/integrations/resize";
 //#region src/components/form/EditableTree.vue
-var H = {
+var U = {
 	name: "EditableTree",
 	props: { ...i },
 	emits: {
@@ -79,10 +80,10 @@ var H = {
 		this.tryFetch();
 	},
 	mounted() {
-		B(this.$refs.tree.$el, this.resize), B(this.$refs.treeWrapper, this.resize);
+		V(this.$refs.tree.$el, this.resize), V(this.$refs.treeWrapper, this.resize);
 	},
 	beforeUnmount() {
-		V(this.$refs.tree.$el, this.resize), V(this.$refs.treeWrapper, this.resize);
+		H(this.$refs.tree.$el, this.resize), H(this.$refs.treeWrapper, this.resize);
 	},
 	methods: {
 		addExpandKey(e) {
@@ -92,10 +93,10 @@ var H = {
 			this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((t) => t !== e[this.nodeKey]));
 		},
 		resize() {
-			I(this.$refs.treeWrapper) ? this.right = 4 + R : this.right = 4;
+			L(this.$refs.treeWrapper) ? this.right = 4 + z : this.right = 4;
 		},
 		async showContextMenu(e, t, n) {
-			t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.readonly || this.contextMenu && (this.curNode = n, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), await this.$nextTick(), this.position = O(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+			t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.readonly || this.contextMenu && (this.curNode = n, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), await this.$nextTick(), this.position = k(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
 		},
 		hideContextMenu() {
 			this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
@@ -111,14 +112,14 @@ var H = {
 					return;
 				}
 				let i = r.data.data;
-				P(i) && (i = [i]), i = i || [];
+				F(i) && (i = [i]), i = i || [];
 				let a = [];
-				if (this.empty = i.length === 0, P(this.customRootNode)) {
-					let e = z(this.customRootNode);
+				if (this.empty = i.length === 0, F(this.customRootNode)) {
+					let e = B(this.customRootNode);
 					e[this.treeProps.children || "children"] = i, a = [e];
-				} else if (M(this.customRootNode)) {
+				} else if (N(this.customRootNode)) {
 					let e = this.customRootNode(i);
-					e[this.treeProps.children || "children"] = i, a = P(e) ? [e] : e;
+					e[this.treeProps.children || "children"] = i, a = F(e) ? [e] : e;
 				} else a = i;
 				if ((e = this.defaultExpandedKeys) != null && e.length) this.expandedKeys = [...this.defaultExpandedKeys];
 				else if (this.expandFirstNode) {
@@ -132,12 +133,12 @@ var H = {
 			if (e.level === 0) {
 				var n, r;
 				let o = (await this.fetchApi(((n = this.rootNode) == null ? void 0 : n.id) ?? -1, e)).data.data;
-				if (this.empty = o.length === 0, P(this.customRootNode)) {
-					let e = z(this.customRootNode);
+				if (this.empty = o.length === 0, F(this.customRootNode)) {
+					let e = B(this.customRootNode);
 					e[this.treeProps.children || "children"] = o, o = [e], t(o);
-				} else if (M(this.customRootNode)) {
+				} else if (N(this.customRootNode)) {
 					let e = this.customRootNode(o);
-					e[this.treeProps.children || "children"] = o, o = P(e) ? [e] : e;
+					e[this.treeProps.children || "children"] = o, o = F(e) ? [e] : e;
 				} else t(o);
 				if (await this.$nextTick(), this.$emit("root-node-loaded", o), (r = this.defaultExpandedKeys) != null && r.length) {
 					var i;
@@ -162,10 +163,10 @@ var H = {
 			this.newChild && this.newChild.id === -1 && (this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
 		},
 		cancelEdit() {
-			this.editData && (F(this.editData.edit) ? this.editData.edit = !0 : this.editData.edit = !1);
+			this.editData && (I(this.editData.edit) ? this.editData.edit = !0 : this.editData.edit = !1);
 		},
 		async editNode(e, t) {
-			!this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = t, this.text = t[this.treeProps.label], F(t.edit), t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await s.prompt(`请输入新的${this.label}名：`, {
+			!this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = t, this.text = t[this.treeProps.label], I(t.edit), t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await c.prompt(`请输入新的${this.label}名：`, {
 				...this.defaultOptions,
 				inputValue: t[this.treeProps.label],
 				beforeClose: async (e, t, n) => {
@@ -181,7 +182,7 @@ var H = {
 			}).catch((e) => e);
 		},
 		async appendRootNode() {
-			this.text = "", !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(void 0), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.scrollIntoView(!0)) : await s.prompt(`请输入${this.label}名：`, {
+			this.text = "", !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(void 0), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.scrollIntoView(!0)) : await c.prompt(`请输入${this.label}名：`, {
 				...this.defaultOptions,
 				beforeClose: async (e, n, r) => {
 					if (e === "confirm") {
@@ -201,7 +202,7 @@ var H = {
 			this.text = "";
 			let n = e.expanded;
 			e.expand(async () => {
-				!this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(n)) : await s.prompt(`请输入${this.label}名：`, {
+				!this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(n)) : await c.prompt(`请输入${this.label}名：`, {
 					...this.defaultOptions,
 					beforeClose: async (n, r, i) => {
 						if (n === "confirm") {
@@ -250,7 +251,7 @@ var H = {
 		},
 		updateNode(e) {
 			let t = this.$refs.tree.getNode(e);
-			t && L(t.data, e, !0);
+			t && R(t.data, e, !0);
 		},
 		setCurrentKey(e) {
 			var t;
@@ -267,7 +268,7 @@ var H = {
 			}, this.$emit("create-new-node", this.newChild);
 		},
 		async removeNodeModal(e) {
-			await this.$confirm(`你确定要删除${this.label}[<span class="break-word" style="color: orange">${e.data[this.treeProps.label]}</span>]吗？`, "系统提示", {
+			await c.confirm(`你确定要删除${this.label}[<span class="break-word" style="color: orange">${e.data[this.treeProps.label]}</span>]吗？`, "系统提示", {
 				type: "warning",
 				modal: !0,
 				dangerouslyUseHTMLString: !0,
@@ -280,7 +281,7 @@ var H = {
 						try {
 							n.confirmButtonLoading = !0, n.confirmButtonText = "删除...";
 							let t = e.parent, i = await this.deleteApi(e.data.id);
-							i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data), r()) : this.$message.error(i.message);
+							i.code === 0 ? (s.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data), r()) : s.error(i.message);
 						} catch {}
 						n.confirmButtonText = "确定", n.confirmButtonLoading = !1;
 					} else r();
@@ -292,19 +293,19 @@ var H = {
 				let t = e.parent;
 				if (this.deleteApi) {
 					let n = await this.deleteApi(e.data.id);
-					n.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : this.$message.error(n.message);
+					n.code === 0 ? (s.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : s.error(n.message);
 				} else this.$refs.tree.remove(e);
 			} catch {}
 		},
 		async onConfirm(e, n) {
-			if (n[this.treeProps.label] === this.text || !N(this.text)) {
+			if (n[this.treeProps.label] === this.text || !P(this.text)) {
 				this.clear();
 				return;
 			}
-			F(n.loading), n.loading = !0;
+			I(n.loading), n.loading = !0;
 			try {
 				if (this.loading = !0, n.id === -1) {
-					let r = await this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), i = A(n);
+					let r = await this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), i = j(n);
 					t(n, {
 						...r.data,
 						isTempNode: !1
@@ -321,7 +322,7 @@ var H = {
 			t.id === -1 ? this.$refs.tree.remove(e) : t.edit = !1, this.text = "";
 		},
 		nodeClick(e, t, n) {
-			this.hideContextMenu(), (F(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, n));
+			this.hideContextMenu(), (I(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, n));
 		},
 		getCurrentNode() {
 			return this.$refs.tree.getCurrentNode();
@@ -333,7 +334,7 @@ var H = {
 		},
 		async scrollIntoView(e) {
 			var t;
-			await this.$nextTick(), e || await k(300), (t = this.$refs) == null || (t = t.labelTxt) == null || t.focus();
+			await this.$nextTick(), e || await A(300), (t = this.$refs) == null || (t = t.labelTxt) == null || t.focus();
 		},
 		inputKeyup(e, t, n) {
 			e.keyCode === 13 && this.onConfirm(t, n), e.keyCode === 27 && this.clear();
@@ -360,7 +361,7 @@ var H = {
 			return this.$refs.tree.root;
 		},
 		findTreeNode(e) {
-			return j(this.$refs.tree.root.childNodes, (t) => t.data === e || t.data.id === e, "childNodes");
+			return M(this.$refs.tree.root.childNodes, (t) => t.data === e || t.data.id === e, "childNodes");
 		},
 		registerNode(e) {
 			e.store.registerNode(e), delete e.store.nodesMap[-1];
@@ -369,32 +370,32 @@ var H = {
 			this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
 		}
 	}
-}, U = { class: "editable-tree" }, W = {
+}, W = { class: "editable-tree" }, G = {
 	ref: "treeWrapper",
 	class: "et-tree-wrapper"
-}, G = {
+}, K = {
 	key: 0,
 	style: { "padding-left": "24px" }
-}, K = ["data-id"], q = {
+}, q = ["data-id"], J = {
 	class: "node-label flex-row flex-item ellipsis-1",
 	style: { overflow: "hidden" }
-}, J = {
+}, Y = {
 	class: "flex-item-relative",
 	style: { height: "21px" }
-}, Y = ["title"], X = {
+}, X = ["title"], Z = {
 	key: 0,
 	class: "handle-actions"
-}, Z = {
+}, Q = {
 	key: 1,
 	class: "handle-actions",
 	style: { display: "inline-block" }
-}, Q = ["data-id"], $ = { class: "menu-list" };
-function ee(e, t, n, i, a, s) {
-	let O = r, k = c, A = o, j = l;
-	return b(), p("div", U, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? (b(), d(O, {
+}, $ = ["data-id"], ee = { class: "menu-list" };
+function te(e, t, n, i, a, s) {
+	let c = r, k = l, A = o, j = u;
+	return x(), m("div", W, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? (x(), f(c, {
 		key: 0,
 		type: "primary",
-		style: y([{
+		style: b([{
 			position: "absolute",
 			top: "4px",
 			"z-index": "1"
@@ -402,17 +403,17 @@ function ee(e, t, n, i, a, s) {
 		icon: "el-icon-plus",
 		circle: "",
 		plain: "",
-		onClick: t[0] || (t[0] = D((t) => e.$emit("add-root-node"), ["stop"]))
-	}, null, 8, ["style"])) : f("v-if", !0), m("div", W, [
-		!e.readonly && e.addRootNodeButtonStyle === "top" ? (b(), p("div", G, [g(O, {
+		onClick: t[0] || (t[0] = O((t) => e.$emit("add-root-node"), ["stop"]))
+	}, null, 8, ["style"])) : p("v-if", !0), h("div", G, [
+		!e.readonly && e.addRootNodeButtonStyle === "top" ? (x(), m("div", K, [_(c, {
 			disabled: a.loading,
 			type: "text",
 			onClick: s.appendRootNode
 		}, {
-			default: T(() => [t[8] || (t[8] = m("i", { class: "el-icon-lx-add" }, null, -1)), h(" " + S(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`), 1)]),
+			default: E(() => [t[8] || (t[8] = h("i", { class: "el-icon-lx-add" }, null, -1)), g(" " + C(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`), 1)]),
 			_: 1
-		}, 8, ["disabled", "onClick"])])) : f("v-if", !0),
-		(b(), d(j, _(i.autoBindProps, {
+		}, 8, ["disabled", "onClick"])])) : p("v-if", !0),
+		(x(), f(j, v(i.autoBindProps, {
 			key: a.treeKey,
 			ref: "tree",
 			"default-expand-all": e.defaultExpandAll,
@@ -425,25 +426,25 @@ function ee(e, t, n, i, a, s) {
 			props: e.treeProps,
 			lazy: e.lazy,
 			"node-key": e.nodeKey
-		}, C(i.listeners), {
+		}, w(i.listeners), {
 			onNodeClick: s.nodeClick,
 			onNodeContextmenu: s.showContextMenu,
 			onNodeExpand: s.addExpandKey,
 			onNodeCollapse: s.removeExpandKey
 		}), {
-			default: T(({ node: n, data: r }) => [x(e.$slots, "default", {
+			default: E(({ node: n, data: r }) => [S(e.$slots, "default", {
 				node: n,
 				data: r
-			}, () => [f("非编辑模式"), r.edit ? (b(), p(u, { key: 1 }, [f("编辑模式"), m("span", {
+			}, () => [p("非编辑模式"), r.edit ? (x(), m(d, { key: 1 }, [p("编辑模式"), h("span", {
 				"data-id": r.id,
 				class: "custom-tree-node flex-row flex-item",
 				style: { overflow: "hidden" }
 			}, [
-				e.icon ? (b(), p("i", {
+				e.icon ? (x(), m("i", {
 					key: 0,
-					class: v([r.loading ? "el-icon-loading" : "el-icon-edit-outline", "node-icon flex-not-shrink"])
-				}, null, 2)) : f("v-if", !0),
-				g(A, {
+					class: y([r.loading ? "el-icon-loading" : "el-icon-edit-outline", "node-icon flex-not-shrink"])
+				}, null, 2)) : p("v-if", !0),
+				_(A, {
 					ref: "labelTxt",
 					modelValue: a.text,
 					"onUpdate:modelValue": t[2] || (t[2] = (e) => a.text = e),
@@ -451,91 +452,91 @@ function ee(e, t, n, i, a, s) {
 					placeholder: s.defaultOptions.inputPlaceholder,
 					onKeyup: (e) => s.inputKeyup(e, n, r),
 					onBlur: (e) => s.inputBlur(e, n, r),
-					onClick: t[3] || (t[3] = D(() => {}, ["stop"]))
+					onClick: t[3] || (t[3] = O(() => {}, ["stop"]))
 				}, null, 8, [
 					"modelValue",
 					"placeholder",
 					"onKeyup",
 					"onBlur"
 				]),
-				e.confirmButton ? (b(), p(u, { key: 1 }, [E(g(O, {
+				e.confirmButton ? (x(), m(d, { key: 1 }, [D(_(c, {
 					class: "flex-not-shrink",
 					type: "text",
-					onClick: D((e) => s.onConfirm(n, r), ["stop"])
+					onClick: O((e) => s.onConfirm(n, r), ["stop"])
 				}, {
-					default: T(() => [...t[13] || (t[13] = [h(" 确定 ", -1)])]),
+					default: E(() => [...t[13] || (t[13] = [g(" 确定 ", -1)])]),
 					_: 1
-				}, 8, ["onClick"]), [[w, !r.loading]]), E(g(O, {
+				}, 8, ["onClick"]), [[T, !r.loading]]), D(_(c, {
 					class: "flex-not-shrink",
 					type: "text",
-					onClick: D((e) => s.onCancel(n, r), ["stop"])
+					onClick: O((e) => s.onCancel(n, r), ["stop"])
 				}, {
-					default: T(() => [...t[14] || (t[14] = [h(" 取消 ", -1)])]),
+					default: E(() => [...t[14] || (t[14] = [g(" 取消 ", -1)])]),
 					_: 1
-				}, 8, ["onClick"]), [[w, !r.loading]])], 64)) : f("v-if", !0)
-			], 8, Q)], 64)) : (b(), p("span", {
+				}, 8, ["onClick"]), [[T, !r.loading]])], 64)) : p("v-if", !0)
+			], 8, $)], 64)) : (x(), m("span", {
 				key: 0,
 				"data-id": r.id,
 				class: "custom-tree-node"
 			}, [
-				m("span", q, [
-					e.icon ? (b(), p("i", {
+				h("span", J, [
+					e.icon ? (x(), m("i", {
 						key: 0,
-						class: v([r.loading ? "el-icon-loading" : e.icon(r, n), "node-icon"])
-					}, null, 2)) : f("v-if", !0),
-					m("span", J, [m("span", {
+						class: y([r.loading ? "el-icon-loading" : e.icon(r, n), "node-icon"])
+					}, null, 2)) : p("v-if", !0),
+					h("span", Y, [h("span", {
 						class: "ellipsis-1 absolute-box et-tree-label",
 						title: n.label
-					}, [x(e.$slots, "label", {
+					}, [S(e.$slots, "label", {
 						data: r,
 						node: n
-					}, () => [h(S(n.label), 1)])], 8, Y)]),
-					x(e.$slots, "label-suffix", {
+					}, () => [g(C(n.label), 1)])], 8, X)]),
+					S(e.$slots, "label-suffix", {
 						node: n,
 						data: r
 					})
 				]),
-				!e.contextMenu && !e.readonly ? E((b(), p("span", X, [
-					g(O, {
+				!e.contextMenu && !e.readonly ? D((x(), m("span", Z, [
+					_(c, {
 						type: "text",
-						onClick: D((e) => s.appendChildNode(n, r), ["stop"])
+						onClick: O((e) => s.appendChildNode(n, r), ["stop"])
 					}, {
-						default: T(() => [...t[9] || (t[9] = [h("添加", -1)])]),
+						default: E(() => [...t[9] || (t[9] = [g("添加", -1)])]),
 						_: 1
 					}, 8, ["onClick"]),
-					g(O, {
+					_(c, {
 						type: "text",
-						onClick: D((e) => s.editNode(n, r), ["stop"])
+						onClick: O((e) => s.editNode(n, r), ["stop"])
 					}, {
-						default: T(() => [...t[10] || (t[10] = [h("修改", -1)])]),
+						default: E(() => [...t[10] || (t[10] = [g("修改", -1)])]),
 						_: 1
 					}, 8, ["onClick"]),
-					g(k, {
+					_(k, {
 						class: "pop-confirm",
 						"icon-color": "red",
 						title: "你确定要删除吗？",
 						onConfirm: (e) => s.removeNode(n, r)
 					}, {
-						reference: T(() => [E(g(O, {
+						reference: E(() => [D(_(c, {
 							style: { "margin-left": "4px" },
 							type: "text",
-							onClick: t[1] || (t[1] = D(() => {}, ["stop"]))
+							onClick: t[1] || (t[1] = O(() => {}, ["stop"]))
 						}, {
-							default: T(() => [...t[11] || (t[11] = [h(" 删除 ", -1)])]),
+							default: E(() => [...t[11] || (t[11] = [g(" 删除 ", -1)])]),
 							_: 1
-						}, 512), [[w, n.isLeaf]])]),
+						}, 512), [[T, n.isLeaf]])]),
 						_: 2
 					}, 1032, ["onConfirm"])
-				], 512)), [[w, !r.loading && !a.loading]]) : f("v-if", !0),
-				e.contextMenuIcon && e.contextMenu && !e.readonly ? E((b(), p("span", Z, [g(O, {
+				], 512)), [[T, !r.loading && !a.loading]]) : p("v-if", !0),
+				e.contextMenuIcon && e.contextMenu && !e.readonly ? D((x(), m("span", Q, [_(c, {
 					style: { padding: "6px 10px 0" },
 					type: "text",
-					onClick: D((e) => s.showContextMenu(e, r, n), ["stop"])
+					onClick: O((e) => s.showContextMenu(e, r, n), ["stop"])
 				}, {
-					default: T(() => [...t[12] || (t[12] = [h(" . . . ", -1)])]),
+					default: E(() => [...t[12] || (t[12] = [g(" . . . ", -1)])]),
 					_: 1
-				}, 8, ["onClick"])], 512)), [[w, !r.loading && !a.loading]]) : f("v-if", !0)
-			], 8, K))])]),
+				}, 8, ["onClick"])], 512)), [[T, !r.loading && !a.loading]]) : p("v-if", !0)
+			], 8, q))])]),
 			_: 3
 		}, 16, [
 			"default-expand-all",
@@ -550,46 +551,46 @@ function ee(e, t, n, i, a, s) {
 			"onNodeExpand",
 			"onNodeCollapse"
 		])),
-		e.contextMenu && !e.readonly ? E((b(), p("div", {
+		e.contextMenu && !e.readonly ? D((x(), m("div", {
 			key: 1,
 			ref: "contextMenu",
-			style: y(a.position),
+			style: b(a.position),
 			class: "menu"
-		}, [m("ul", $, [x(e.$slots, "context-menu", {
+		}, [h("ul", ee, [S(e.$slots, "context-menu", {
 			curNode: a.curNode,
 			curData: a.curData
 		}, () => [
-			E(m("li", {
+			D(h("li", {
 				class: "menu-item",
 				onClick: t[4] || (t[4] = (e) => s.appendPeerNode(a.curNode, a.curData))
-			}, [t[15] || (t[15] = m("i", {
+			}, [t[15] || (t[15] = h("i", {
 				class: "menu-item-icon el-icon-lx-add",
 				style: { color: "#228b22" }
-			}, null, -1)), h(" " + S(e.menuLabel.appendPeer), 1)], 512), [[w, a.curData.id > -1]]),
-			m("li", {
+			}, null, -1)), g(" " + C(e.menuLabel.appendPeer), 1)], 512), [[T, a.curData.id > -1]]),
+			h("li", {
 				class: "menu-item",
 				onClick: t[5] || (t[5] = (e) => s.appendChildNode(a.curNode, a.curData))
-			}, [t[16] || (t[16] = m("i", {
+			}, [t[16] || (t[16] = h("i", {
 				class: "menu-item-icon el-icon-lx-add",
 				style: { color: "#228b22" }
-			}, null, -1)), h(" " + S(e.menuLabel.appendChild), 1)]),
-			E(m("li", {
+			}, null, -1)), g(" " + C(e.menuLabel.appendChild), 1)]),
+			D(h("li", {
 				class: "menu-item",
 				onClick: t[6] || (t[6] = (e) => s.editNode(a.curNode, a.curData))
-			}, [t[17] || (t[17] = m("i", {
+			}, [t[17] || (t[17] = h("i", {
 				class: "menu-item-icon el-icon-edit-outline",
 				style: { color: "#ffa500" }
-			}, null, -1)), h(" " + S(e.menuLabel.editNode), 1)], 512), [[w, a.curData.id > -1]]),
-			E(m("li", {
+			}, null, -1)), g(" " + C(e.menuLabel.editNode), 1)], 512), [[T, a.curData.id > -1]]),
+			D(h("li", {
 				class: "menu-item",
 				onClick: t[7] || (t[7] = (e) => s.removeNodeModal(a.curNode, a.curData))
-			}, [t[18] || (t[18] = m("i", {
+			}, [t[18] || (t[18] = h("i", {
 				class: "menu-item-icon el-icon-delete",
 				style: { color: "#f00" }
-			}, null, -1)), h(" " + S(e.menuLabel.removeNode), 1)], 512), [[w, a.curNode.isLeaf]])
-		])])], 4)), [[w, a.showMenu]]) : f("v-if", !0)
+			}, null, -1)), g(" " + C(e.menuLabel.removeNode), 1)], 512), [[T, a.curNode.isLeaf]])
+		])])], 4)), [[T, a.showMenu]]) : p("v-if", !0)
 	], 512)]);
 }
-var te = /* @__PURE__ */ n(H, [["render", ee]]);
+var ne = /* @__PURE__ */ n(U, [["render", te]]);
 //#endregion
-export { te as default };
+export { ne as default };