@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/chunks/EditableTree.D0ByhRTi.mjs

@@ -1,648 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
-import { o as t, s as n } from "./util.Ce4MHRmD.mjs";
-import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, vShow as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
-import { computePosition as S, delay as C, fastClone as w, findTreeChildren as T, hasOwn as E, isFunction as D, isNotEmpty as O, isPlainObject as k, isUndefined as A, isVerticalScrollbarVisible as j, scrollbarWidth as M } from "@web-utils/core";
-import { cloneDeep as N } from "@web-utils/integrations/lodash";
-import { addResizeListener as P, removeResizeListener as F } from "@web-utils/integrations/resize";
-//#region src/util/reactive.js
-function I(e, t) {
-	for (let n in t) e[n] = t[n];
-	return e;
-}
-//#endregion
-//#region src/components/EditableTree.vue
-var L = {
-	name: "EditableTree",
-	props: {
-		label: {
-			type: String,
-			default: "书签"
-		},
-		addRootNodeLabel: { type: String },
-		defaultExpandedKeys: {
-			type: Array,
-			default: () => []
-		},
-		newNodeBuilder: {
-			type: Function,
-			default: (e, t) => ({
-				name: e,
-				parentId: t.id
-			})
-		},
-		contextMenu: Boolean,
-		lazy: {
-			type: Boolean,
-			default: !0
-		},
-		expandFirstNode: {
-			type: Boolean,
-			default: !0
-		},
-		readonly: Boolean,
-		saveApi: { type: Function },
-		updateApi: { type: Function },
-		deleteApi: { type: Function },
-		fetchApi: { type: Function },
-		customRootNode: { type: {
-			type: Object,
-			default: void 0
-		} },
-		rootNode: { type: Object },
-		contextMenuIcon: Boolean,
-		contextMenuInline: Boolean,
-		treeProps: {
-			type: Object,
-			default: () => ({
-				children: "children",
-				label: "name",
-				isLeaf: (e) => E(e, "hasChildren") ? !e.hasChildren : E(e, "hasChild") ? !e.hasChild : E(e, "children") && e.children ? e.children.length === 0 : !0
-			})
-		},
-		menuLabel: {
-			type: Object,
-			default: () => ({
-				appendPeer: "添加同级节点",
-				appendChild: "添加",
-				removeNode: "删除",
-				editNode: "修改"
-			})
-		},
-		icon: {
-			type: [Function, Boolean],
-			default: () => "el-icon-collection-tag"
-		},
-		confirmButton: {
-			type: Boolean,
-			default: !0
-		},
-		addRootNodeButtonStyle: {
-			type: String,
-			default: "top"
-		},
-		reserveExpandKey: Boolean,
-		nodeKey: {
-			type: String,
-			default: "id"
-		}
-	},
-	emits: [
-		"add-root-node",
-		"root-node-loaded",
-		"node-loaded",
-		"remove-new-node",
-		"create-new-node",
-		"node-added",
-		"node-updated",
-		"on-node-click"
-	],
-	data() {
-		return {
-			loading: !1,
-			showMenu: !1,
-			empty: !0,
-			expandedKeys: this.lazy ? [] : this.defaultExpandedKeys,
-			treeData: [],
-			curNode: {},
-			curData: {},
-			position: {},
-			text: "",
-			right: 4,
-			treeKey: Date.now()
-		};
-	},
-	computed: {
-		defaultOptions() {
-			return {
-				confirmButtonText: "确定",
-				cancelButtonText: "取消",
-				closeOnClickModal: !1,
-				modal: !0,
-				inputErrorMessage: `${this.label}名不能为空！`,
-				inputPlaceholder: `请输入${this.label}名...`,
-				inputValidator: (e) => e != null && e.trim().length > 0
-			};
-		},
-		innerTreeData() {
-			var e;
-			return (e = this.$attrs.data) != null && e.length ? this.$attrs.data : this.treeData;
-		}
-	},
-	watch: { defaultExpandedKeys: {
-		immediate: !0,
-		handler(e) {
-			this.expandedKeys = [...e];
-		}
-	} },
-	created() {
-		this.tryFetch();
-	},
-	mounted() {
-		P(this.$refs.tree.$el, this.resize), P(this.$refs.treeWrapper, this.resize);
-	},
-	beforeUnmount() {
-		F(this.$refs.tree.$el, this.resize), F(this.$refs.treeWrapper, this.resize);
-	},
-	methods: {
-		filterTreeProperties: n,
-		filterTreeEvents: t,
-		addExpandKey(e) {
-			this.reserveExpandKey && this.expandedKeys.push(e[this.nodeKey]);
-		},
-		removeExpandKey(e) {
-			this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((t) => t !== e[this.nodeKey]));
-		},
-		resize() {
-			j(this.$refs.treeWrapper) ? this.right = 4 + M : this.right = 4;
-		},
-		async showContextMenu(e, t, n) {
-			t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.contextMenu && (this.curNode = n, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), await this.$nextTick(), this.position = S(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
-		},
-		hideContextMenu() {
-			this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
-		},
-		async tryFetch() {
-			if (this.lazy === !1 && this.fetchApi) {
-				var e;
-				let t = await this.fetchApi(((e = this.rootNode) == null ? void 0 : e.id) ?? -1, {});
-				if (k(t.data) && (t.data = [t.data]), t.data = t.data || [], this.empty = t.data.length === 0, k(this.customRootNode)) {
-					let e = N(this.customRootNode);
-					e[this.treeProps.children || "children"] = t.data, this.treeData = [e];
-				} else if (D(this.customRootNode)) {
-					let e = this.customRootNode(t.data);
-					e[this.treeProps.children || "children"] = t.data, this.treeData = k(e) ? [e] : e;
-				} else this.treeData = t.data;
-			}
-		},
-		async loadNode(e, t) {
-			if (e.level === 0) {
-				var n;
-				let a = await this.fetchApi(((n = this.rootNode) == null ? void 0 : n.id) ?? -1, e);
-				if (this.empty = a.data.length === 0, k(this.customRootNode)) {
-					let e = N(this.customRootNode);
-					e[this.treeProps.children || "children"] = a.data, t([e]);
-				} else if (D(this.customRootNode)) {
-					let e = this.customRootNode(a.data);
-					e[this.treeProps.children || "children"] = a.data, this.treeData = k(e) ? [e] : e;
-				} else t(a.data);
-				if (await this.$nextTick(), this.$emit("root-node-loaded", a.data), this.defaultExpandedKeys) {
-					var r;
-					this.expandedKeys = [a == null || (r = a.data[0]) == null ? void 0 : r.id, ...this.defaultExpandedKeys];
-				} else if (this.expandFirstNode) {
-					var i;
-					this.expandedKeys = [a == null || (i = a.data[0]) == null ? void 0 : i.id];
-				}
-			} else {
-				if (e.leaf || e.data.isTempNode) return t([]);
-				let n = await this.fetchApi(e.data.id, e);
-				t(n.data), await this.$nextTick(), this.$emit("node-loaded", n.data);
-			}
-		},
-		clear() {
-			this.cancelEdit(), this.removeNewNode();
-		},
-		clearChecked() {
-			this.$refs.tree.setCheckedKeys([]);
-		},
-		removeNewNode() {
-			this.newChild && this.newChild.id === -1 && (console.log(this.newChild), this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
-		},
-		cancelEdit() {
-			this.editData && (A(this.editData.edit) ? this.$set(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], A(t.edit) ? this.$set(t, "edit", !0) : t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await this.$prompt(`请输入新的${this.label}名：`, {
-				...this.defaultOptions,
-				inputValue: t[this.treeProps.label],
-				beforeClose: async (e, t, n) => {
-					if (e === "confirm") {
-						try {
-							t.confirmButtonLoading = !0, t.confirmButtonText = "处理中...", this.text = t.inputValue, await this.onConfirm(this.curNode, this.curData), n();
-						} catch {
-							t.confirmButtonText = "确定";
-						}
-						t.confirmButtonLoading = !1;
-					} else n();
-				}
-			}).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 this.$prompt(`请输入${this.label}名：`, {
-				...this.defaultOptions,
-				beforeClose: async (e, t, n) => {
-					if (e === "confirm") {
-						try {
-							this.createNewChild(-1), t.confirmButtonLoading = !0, t.confirmButtonText = "处理中...";
-							let e = await this.saveApi(this.newNodeBuilder(t.inputValue, { id: -1 }));
-							this.newChild[this.treeProps.label] = t.inputValue, this.newChild.edit = !1, I(this.newChild, e.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.locateView(), n();
-						} catch {
-							t.confirmButtonText = "确定";
-						}
-						t.confirmButtonLoading = !1;
-					} else n();
-				}
-			}).catch((e) => e);
-		},
-		appendChildNode(e) {
-			this.text = "";
-			let t = 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(t)) : await this.$prompt(`请输入${this.label}名：`, {
-					...this.defaultOptions,
-					beforeClose: async (t, n, r) => {
-						if (t === "confirm") {
-							try {
-								this.createNewChild(e.data.id), n.confirmButtonLoading = !0, n.confirmButtonText = "处理中...";
-								let t = await this.saveApi(this.newNodeBuilder(n.inputValue, e.data));
-								this.newChild[this.treeProps.label] = n.inputValue, this.newChild.edit = !1, I(this.newChild, t.data), this.$refs.tree.append(this.newChild, e), await this.locateView(), r();
-							} catch {
-								n.confirmButtonText = "确定";
-							}
-							n.confirmButtonLoading = !1;
-						} else r();
-					}
-				}).catch((e) => e);
-			});
-		},
-		appendChildNodeWithData(e, t, n) {
-			this.text = "";
-			let r = e.expanded;
-			e.expand(async () => {
-				this.clear(), this.newChild = {
-					id: -1,
-					parentId: t,
-					[this.treeProps.label]: n,
-					edit: !1,
-					isTempNode: !0,
-					hasChildren: !1
-				}, this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(r);
-			});
-		},
-		appendPeerNode(e) {
-			e.parent && e.parent.level !== 0 ? this.appendChildNode(e.parent) : this.appendRootNode();
-		},
-		async addRootNode(e) {
-			this.$refs.tree.remove(e), await this.$nextTick(), this.$refs.tree.root.insertChild({ data: e }, void 0, !0);
-		},
-		async addChildNode(e) {
-			this.curNode && this.curNode.level !== 0 ? this.curNode.expand(async () => {
-				this.$refs.tree.remove(e), await this.$nextTick(), this.$refs.tree.append(e, this.curNode);
-			}) : await this.addRootNode(e);
-		},
-		async addPeerNode(e) {
-			this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(async () => {
-				this.$refs.tree.remove(e), await this.$nextTick(), this.$refs.tree.append(e, this.curNode.parent);
-			}) : await this.addRootNode(e);
-		},
-		updateNode(e) {
-			let t = this.$refs.tree.getNode(e);
-			t && (t.data = e);
-		},
-		setCurrentKey(e) {
-			var t;
-			(t = this.$refs.tree) == null || t.setCurrentKey(e);
-		},
-		createNewChild(e) {
-			this.newChild = {
-				id: -1,
-				parentId: e,
-				[this.treeProps.label]: "",
-				edit: !0,
-				isTempNode: !0,
-				hasChildren: !1
-			}, 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>]吗？`, "系统提示", {
-				type: "warning",
-				modal: !0,
-				dangerouslyUseHTMLString: !0,
-				iconClass: "el-icon-question",
-				closeOnClickModal: !1,
-				confirmButtonClass: "el-button--danger",
-				cancelButtonClass: "el-button--primary is-plain",
-				beforeClose: async (t, n, r) => {
-					if (t === "confirm") {
-						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);
-						} catch {}
-						n.confirmButtonText = "确定", n.confirmButtonLoading = !1;
-					} else r();
-				}
-			}).catch((e) => e);
-		},
-		async removeNode(e) {
-			try {
-				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);
-				} else this.$refs.tree.remove(e);
-			} catch {}
-		},
-		async onConfirm(e, t) {
-			if (t[this.treeProps.label] === this.text || !O(this.text)) {
-				this.clear();
-				return;
-			}
-			A(t.loading) ? this.$set(t, "loading", !0) : t.loading = !0;
-			try {
-				if (this.loading = !0, t.id === -1) {
-					let n = await this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), r = w(t);
-					I(t, {
-						...n.data,
-						isTempNode: !1
-					}), this.$emit("node-added", t, r, e), this.registerNode(e);
-				} else await this.updateApi({
-					...t,
-					[this.treeProps.label]: this.text
-				});
-				t[this.treeProps.label] = this.text, t.edit = !1, this.$emit("node-updated", t, e), this.text = "";
-			} catch {}
-			t.loading = !1, this.loading = !1;
-		},
-		onCancel(e, t) {
-			t.id === -1 ? this.$refs.tree.remove(e) : t.edit = !1, this.text = "";
-		},
-		nodeClick(e, t, n) {
-			this.hideContextMenu(), (A(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, n));
-		},
-		getCurrentNode() {
-			return this.$refs.tree.getCurrentNode();
-		},
-		async locateView() {
-			await this.$nextTick();
-			let e = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-			e && e.scrollIntoView();
-		},
-		async scrollIntoView(e) {
-			var t;
-			await this.$nextTick(), e || await C(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();
-		},
-		inputBlur(e, t, n) {
-			this.confirmButton || this.onConfirm(t, n);
-		},
-		getCheckedKeys() {
-			return this.$refs.tree.getCheckedKeys();
-		},
-		setCheckedKeys(e) {
-			this.$refs.tree.setCheckedKeys(e);
-		},
-		getCheckedNodes() {
-			return this.$refs.tree.getCheckedNodes();
-		},
-		setCheckedNodes(e) {
-			this.$refs.tree.setCheckedNodes(e);
-		},
-		getNode(e) {
-			return this.$refs.tree.getNode(e);
-		},
-		getRootNode() {
-			return this.$refs.tree.root;
-		},
-		findTreeNode(e) {
-			return T(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];
-		},
-		async reloadTree() {
-			this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
-		}
-	}
-}, R = { class: "editable-tree" }, z = {
-	ref: "treeWrapper",
-	class: "et-tree-wrapper"
-}, B = {
-	key: 0,
-	style: { "padding-left": "24px" }
-}, V = ["data-id"], H = { class: "node-label flex-row flex-item oh ellipsis-1" }, U = {
-	class: "flex-item-relative",
-	style: { height: "21px" }
-}, W = ["title"], G = {
-	key: 0,
-	class: "handle-actions"
-}, K = {
-	key: 1,
-	class: "handle-actions",
-	style: { display: "inline-block" }
-}, q = ["data-id"], J = { class: "menu-list" };
-function Y(e, t, n, S, C, w) {
-	let T = h("ElButton"), E = h("ElPopconfirm"), D = h("ElInput"), O = h("ElTree");
-	return p(), o("div", R, [
-		a(" 添加根节点事件\r\n    @event add-root-node "),
-		!n.readonly && n.addRootNodeButtonStyle === "top-right" ? (p(), i(T, {
-			key: 0,
-			type: "primary",
-			size: "default",
-			style: f([{
-				position: "absolute",
-				top: "4px",
-				"z-index": "1"
-			}, { right: `${C.right}px` }]),
-			icon: "el-icon-plus",
-			circle: "",
-			plain: "",
-			onClick: t[0] || (t[0] = x((t) => e.$emit("add-root-node"), ["stop"]))
-		}, null, 8, ["style"])) : a("v-if", !0),
-		s("div", z, [
-			!n.readonly && n.addRootNodeButtonStyle === "top" ? (p(), o("div", B, [l(T, {
-				disabled: C.loading,
-				size: "default",
-				type: "text",
-				onClick: w.appendRootNode
-			}, {
-				default: y(() => [t[8] || (t[8] = s("i", { class: "el-icon-lx-add" }, null, -1)), c(" " + g(n.addRootNodeLabel ? n.addRootNodeLabel : `添加${n.label}`), 1)]),
-				_: 1
-			}, 8, ["disabled", "onClick"])])) : a("v-if", !0),
-			(p(), i(O, u(w.filterTreeProperties(e.$attrs), {
-				key: C.treeKey,
-				ref: "tree",
-				class: "flex-item",
-				"default-expanded-keys": C.expandedKeys,
-				"expand-on-click-node": !1,
-				"highlight-current": "",
-				load: w.loadNode,
-				data: w.innerTreeData,
-				props: n.treeProps,
-				lazy: n.lazy,
-				"node-key": n.nodeKey
-			}, _(w.filterTreeEvents(e.$listeners)), {
-				onNodeClick: w.nodeClick,
-				onNodeContextmenu: w.showContextMenu,
-				onNodeExpand: w.addExpandKey,
-				onNodeCollapse: w.removeExpandKey
-			}), {
-				default: y(({ node: i, data: u }) => [m(e.$slots, "default", {
-					node: i,
-					data: u
-				}, () => [a("非编辑模式"), u.edit ? (p(), o(r, { key: 1 }, [a("编辑模式"), s("span", {
-					"data-id": u.id,
-					class: "custom-tree-node flex-row flex-item oh"
-				}, [
-					n.icon ? (p(), o("i", {
-						key: 0,
-						class: d([u.loading ? "el-icon-loading" : "el-icon-edit-outline", "node-icon shrink-0"])
-					}, null, 2)) : a("v-if", !0),
-					l(D, {
-						ref: "labelTxt",
-						modelValue: C.text,
-						"onUpdate:modelValue": t[2] || (t[2] = (e) => C.text = e),
-						class: "node-input flex-item",
-						size: "default",
-						placeholder: w.defaultOptions.inputPlaceholder,
-						onKeyup: (e) => w.inputKeyup(e, i, u),
-						onBlur: (e) => w.inputBlur(e, i, u),
-						onClick: t[3] || (t[3] = x(() => {}, ["stop"]))
-					}, null, 8, [
-						"modelValue",
-						"placeholder",
-						"onKeyup",
-						"onBlur"
-					]),
-					n.confirmButton ? (p(), o(r, { key: 1 }, [b(l(T, {
-						class: "shrink-0",
-						size: "default",
-						type: "text",
-						onClick: x((e) => w.onConfirm(i, u), ["stop"])
-					}, {
-						default: y(() => [...t[13] || (t[13] = [c("确定", -1)])]),
-						_: 1
-					}, 8, ["onClick"]), [[v, !u.loading]]), b(l(T, {
-						class: "shrink-0",
-						size: "default",
-						type: "text",
-						onClick: x((e) => w.onCancel(i, u), ["stop"])
-					}, {
-						default: y(() => [...t[14] || (t[14] = [c("取消", -1)])]),
-						_: 1
-					}, 8, ["onClick"]), [[v, !u.loading]])], 64)) : a("v-if", !0)
-				], 8, q)], 64)) : (p(), o("span", {
-					key: 0,
-					"data-id": u.id,
-					class: "custom-tree-node"
-				}, [
-					s("span", H, [
-						n.icon ? (p(), o("i", {
-							key: 0,
-							class: d([u.loading ? "el-icon-loading" : n.icon(u, i), "node-icon"])
-						}, null, 2)) : a("v-if", !0),
-						s("span", U, [s("span", {
-							class: "ellipsis-1 absolute-box et-tree-label",
-							title: i.label
-						}, [m(e.$slots, "label", {
-							data: u,
-							node: i
-						}, () => [c(g(i.label), 1)])], 8, W)]),
-						m(e.$slots, "label-suffix", {
-							node: i,
-							data: u
-						})
-					]),
-					!n.contextMenu && !n.readonly ? b((p(), o("span", G, [
-						l(T, {
-							size: "default",
-							type: "text",
-							onClick: x((e) => w.appendChildNode(i, u), ["stop"])
-						}, {
-							default: y(() => [...t[9] || (t[9] = [c("添加", -1)])]),
-							_: 1
-						}, 8, ["onClick"]),
-						l(T, {
-							size: "default",
-							type: "text",
-							onClick: x((e) => w.editNode(i, u), ["stop"])
-						}, {
-							default: y(() => [...t[10] || (t[10] = [c("修改", -1)])]),
-							_: 1
-						}, 8, ["onClick"]),
-						l(E, {
-							class: "pop-confirm",
-							"icon-color": "red",
-							title: "你确定要删除吗？",
-							onConfirm: (e) => w.removeNode(i, u)
-						}, {
-							reference: y(() => [b(l(T, {
-								size: "default",
-								style: { "margin-left": "4px" },
-								type: "text",
-								onClick: t[1] || (t[1] = x(() => {}, ["stop"]))
-							}, {
-								default: y(() => [...t[11] || (t[11] = [c("删除", -1)])]),
-								_: 1
-							}, 512), [[v, i.isLeaf]])]),
-							_: 2
-						}, 1032, ["onConfirm"])
-					], 512)), [[v, !u.loading && !C.loading]]) : a("v-if", !0),
-					n.contextMenuIcon && n.contextMenu && !n.readonly ? b((p(), o("span", K, [l(T, {
-						size: "default",
-						style: { padding: "6px 10px 0" },
-						type: "text",
-						onClick: x((e) => w.showContextMenu(e, u, i), ["stop"])
-					}, {
-						default: y(() => [...t[12] || (t[12] = [c(". . .", -1)])]),
-						_: 1
-					}, 8, ["onClick"])], 512)), [[v, !u.loading && !C.loading]]) : a("v-if", !0)
-				], 8, V))])]),
-				_: 3
-			}, 16, [
-				"default-expanded-keys",
-				"load",
-				"data",
-				"props",
-				"lazy",
-				"node-key",
-				"onNodeClick",
-				"onNodeContextmenu",
-				"onNodeExpand",
-				"onNodeCollapse"
-			])),
-			n.contextMenu && !n.readonly ? b((p(), o("div", {
-				key: 1,
-				ref: "contextMenu",
-				style: f(C.position),
-				class: "menu"
-			}, [s("ul", J, [m(e.$slots, "context-menu", {
-				curNode: C.curNode,
-				curData: C.curData
-			}, () => [
-				b(s("li", {
-					class: "menu-item",
-					onClick: t[4] || (t[4] = (e) => w.appendPeerNode(C.curNode, C.curData))
-				}, [t[15] || (t[15] = s("i", {
-					class: "menu-item-icon el-icon-lx-add",
-					style: { color: "#228b22" }
-				}, null, -1)), c(g(n.menuLabel.appendPeer), 1)], 512), [[v, C.curData.id > -1]]),
-				s("li", {
-					class: "menu-item",
-					onClick: t[5] || (t[5] = (e) => w.appendChildNode(C.curNode, C.curData))
-				}, [t[16] || (t[16] = s("i", {
-					class: "menu-item-icon el-icon-lx-add",
-					style: { color: "#228b22" }
-				}, null, -1)), c(g(n.menuLabel.appendChild), 1)]),
-				b(s("li", {
-					class: "menu-item",
-					onClick: t[6] || (t[6] = (e) => w.editNode(C.curNode, C.curData))
-				}, [t[17] || (t[17] = s("i", {
-					class: "menu-item-icon el-icon-edit-outline",
-					style: { color: "#ffa500" }
-				}, null, -1)), c(g(n.menuLabel.editNode), 1)], 512), [[v, C.curData.id > -1]]),
-				b(s("li", {
-					class: "menu-item",
-					onClick: t[7] || (t[7] = (e) => w.removeNodeModal(C.curNode, C.curData))
-				}, [t[18] || (t[18] = s("i", {
-					class: "menu-item-icon el-icon-delete",
-					style: { color: "#f00" }
-				}, null, -1)), c(g(n.menuLabel.removeNode), 1)], 512), [[v, C.curNode.isLeaf]])
-			])])], 4)), [[v, C.showMenu]]) : a("v-if", !0)
-		], 512)
-	]);
-}
-var X = /* @__PURE__ */ e(L, [["render", Y]]);
-//#endregion
-export { X as t };