@web-utils/form-ui 1.0.0-beta85 → 1.0.0-beta87

package/chunks/BbJd8Pij.mjs

@@ -0,0 +1,734 @@
+import "./B2vpUK0j.mjs";
+import { l as e, s as t, t as n } from "./cvUTkWmm.mjs";
+import { t as r } from "./OWDOBaZL.mjs";
+import { L as i, T as a, t as o } from "./DiQUqii-.mjs";
+import { n as s } from "./DUQs5bPg.mjs";
+import { n as c, r as l, t as u } from "./BaM7vJ3h.mjs";
+import { t as d } from "./DA1LVvTS.mjs";
+import { a as f } from "./Dq9YiS-H.mjs";
+import { _ as p, m, t as h } from "./b58kljs82.mjs";
+import { i as g, t as _ } from "./DeXyq_xW2.mjs";
+import { t as v } from "./C1rRv4L7.mjs";
+import "./CNcSX5f1.mjs";
+import { t as y } from "./hFCEXdXW.mjs";
+import { t as b } from "./2Bhi7uIl.mjs";
+import "./B9BRO_ca2.mjs";
+import { allProps as x, predicate as S } from "../props/tree.mjs";
+import { Fragment as C, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as k, createVNode as A, defineComponent as j, mergeProps as M, normalizeClass as N, normalizeStyle as P, openBlock as F, ref as I, renderSlot as L, resolveDynamicComponent as ee, toDisplayString as R, toHandlers as z, unref as B, vShow as V, withCtx as H, withDirectives as U, withModifiers as W } from "vue";
+import { computePosition as te, delay as ne, fastClone as G, findTreeChildren as K, isFunction as q, isNotEmpty as J, isPlainObject as Y, isUndefined as X, isVerticalScrollbarVisible as re, patch as ie, scrollbarWidth as ae } from "@web-utils/core";
+import { cloneDeep as Z } from "@web-utils/integrations/lodash";
+import { addResizeListener as Q, removeResizeListener as $ } from "@web-utils/integrations/resize";
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/popconfirm/index.mjs
+var oe = n(/* @__PURE__ */ j({
+	name: "ElPopconfirm",
+	__name: "popconfirm",
+	props: e({
+		title: String,
+		confirmButtonText: String,
+		cancelButtonText: String,
+		confirmButtonType: {
+			type: String,
+			values: g,
+			default: "primary"
+		},
+		cancelButtonType: {
+			type: String,
+			values: g,
+			default: "text"
+		},
+		icon: {
+			type: f,
+			default: () => a
+		},
+		iconColor: {
+			type: String,
+			default: "#f90"
+		},
+		hideIcon: Boolean,
+		hideAfter: {
+			type: Number,
+			default: 200
+		},
+		effect: {
+			...l.effect,
+			default: "light"
+		},
+		teleported: l.teleported,
+		persistent: l.persistent,
+		width: {
+			type: [String, Number],
+			default: 150
+		},
+		virtualTriggering: c.virtualTriggering,
+		virtualRef: c.virtualRef
+	}),
+	emits: {
+		confirm: (e) => e instanceof MouseEvent,
+		cancel: (e) => e instanceof MouseEvent
+	},
+	setup(e, { expose: n, emit: r }) {
+		let a = e, c = r, { t: l } = s(), d = t("popconfirm"), f = I(), p = I(), m = w(() => {
+			var e;
+			return (e = B(f)) == null ? void 0 : e.popperRef;
+		}), h = () => {
+			var e, t;
+			(e = p.value) == null || (t = e.focus) == null || t.call(e);
+		}, g = () => {
+			var e, t;
+			(e = f.value) == null || (t = e.onClose) == null || t.call(e);
+		}, v = w(() => ({ width: i(a.width) })), y = (e) => {
+			c("confirm", e), g();
+		}, b = (e) => {
+			c("cancel", e), g();
+		}, x = w(() => a.confirmButtonText || l("el.popconfirm.confirmButtonText")), S = w(() => a.cancelButtonText || l("el.popconfirm.cancelButtonText"));
+		return n({
+			popperRef: m,
+			hide: g
+		}), (t, n) => (F(), T(B(u), M({
+			ref_key: "tooltipRef",
+			ref: f,
+			trigger: "click",
+			effect: e.effect
+		}, t.$attrs, {
+			"virtual-triggering": e.virtualTriggering,
+			"virtual-ref": e.virtualRef,
+			"popper-class": `${B(d).namespace.value}-popover`,
+			"popper-style": v.value,
+			teleported: e.teleported,
+			"fallback-placements": [
+				"bottom",
+				"top",
+				"right",
+				"left"
+			],
+			"hide-after": e.hideAfter,
+			persistent: e.persistent,
+			loop: "",
+			onShow: h
+		}), {
+			content: H(() => [O("div", {
+				ref_key: "rootRef",
+				ref: p,
+				tabindex: "-1",
+				class: N(B(d).b())
+			}, [O("div", { class: N(B(d).e("main")) }, [!e.hideIcon && e.icon ? (F(), T(B(o), {
+				key: 0,
+				class: N(B(d).e("icon")),
+				style: P({ color: e.iconColor })
+			}, {
+				default: H(() => [(F(), T(ee(e.icon)))]),
+				_: 1
+			}, 8, ["class", "style"])) : E("v-if", !0), k(" " + R(e.title), 1)], 2), O("div", { class: N(B(d).e("action")) }, [L(t.$slots, "actions", {
+				confirm: y,
+				cancel: b
+			}, () => [A(B(_), {
+				size: "small",
+				type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+				text: e.cancelButtonType === "text",
+				onClick: b
+			}, {
+				default: H(() => [k(R(S.value), 1)]),
+				_: 1
+			}, 8, ["type", "text"]), A(B(_), {
+				size: "small",
+				type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+				text: e.confirmButtonType === "text",
+				onClick: y
+			}, {
+				default: H(() => [k(R(x.value), 1)]),
+				_: 1
+			}, 8, ["type", "text"])])], 2)], 2)]),
+			default: H(() => [t.$slots.reference ? L(t.$slots, "reference", { key: 0 }) : E("v-if", !0)]),
+			_: 3
+		}, 16, [
+			"effect",
+			"virtual-triggering",
+			"virtual-ref",
+			"popper-class",
+			"popper-style",
+			"teleported",
+			"hide-after",
+			"persistent"
+		]));
+	}
+})), se = {
+	name: "EditableTree",
+	props: { ...x },
+	emits: {
+		"remove-new-node": null,
+		"node-loaded": null,
+		"root-node-loaded": null,
+		"node-deleted": null,
+		"node-updated": null,
+		"node-added": null,
+		"on-node-click": null,
+		"add-root-node": null,
+		"create-new-node": null
+	},
+	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];
+		}
+	} },
+	setup(e) {
+		let { autoBindProps: t, listeners: n } = m(e, {
+			predicate: S,
+			removeOn: !0
+		});
+		return {
+			autoBindProps: t,
+			listeners: n
+		};
+	},
+	created() {
+		this.tryFetch();
+	},
+	mounted() {
+		Q(this.$refs.tree.$el, this.resize), Q(this.$refs.treeWrapper, this.resize);
+	},
+	beforeUnmount() {
+		$(this.$refs.tree.$el, this.resize), $(this.$refs.treeWrapper, this.resize);
+	},
+	methods: {
+		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() {
+			re(this.$refs.treeWrapper) ? this.right = 4 + ae : 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 = te(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 r;
+				try {
+					var t;
+					r = await this.fetchApi(((t = this.rootNode) == null ? void 0 : t.id) ?? -1, {});
+				} catch {
+					return;
+				}
+				let i = r.data.data;
+				Y(i) && (i = [i]), i = i || [];
+				let a = [];
+				if (this.empty = i.length === 0, Y(this.customRootNode)) {
+					let e = Z(this.customRootNode);
+					e[this.treeProps.children || "children"] = i, a = [e];
+				} else if (q(this.customRootNode)) {
+					let e = this.customRootNode(i);
+					e[this.treeProps.children || "children"] = i, a = Y(e) ? [e] : e;
+				} else a = i;
+				if ((e = this.defaultExpandedKeys) != null && e.length) this.expandedKeys = [...this.defaultExpandedKeys];
+				else if (this.expandFirstNode) {
+					var n;
+					this.expandedKeys = [(n = a[0]) == null ? void 0 : n.id];
+				}
+				this.treeData = a, await this.$nextTick(), this.$emit("node-loaded", a);
+			}
+		},
+		async loadNode(e, t) {
+			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, Y(this.customRootNode)) {
+					let e = Z(this.customRootNode);
+					e[this.treeProps.children || "children"] = o, o = [e], t(o);
+				} else if (q(this.customRootNode)) {
+					let e = this.customRootNode(o);
+					e[this.treeProps.children || "children"] = o, o = Y(e) ? [e] : e;
+				} else t(o);
+				if (await this.$nextTick(), this.$emit("root-node-loaded", o), (r = this.defaultExpandedKeys) != null && r.length) {
+					var i;
+					this.expandedKeys = [(i = o[0]) == null ? void 0 : i.id, ...this.defaultExpandedKeys];
+				} else if (this.expandFirstNode) {
+					var a;
+					this.expandedKeys = [(a = o[0]) == null ? void 0 : a.id];
+				}
+			} else {
+				if (e.leaf || e.data.isTempNode) return t([]);
+				let n = (await this.fetchApi(e.data.id, e)).data.data;
+				t(n), await this.$nextTick(), this.$emit("node-loaded", n);
+			}
+		},
+		clear() {
+			this.cancelEdit(), this.removeNewNode();
+		},
+		clearChecked() {
+			this.$refs.tree.setCheckedKeys([]);
+		},
+		removeNewNode() {
+			this.newChild && this.newChild.id === -1 && (this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
+		},
+		cancelEdit() {
+			this.editData && (X(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], X(t.edit), t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await r.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 r.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, h(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 r.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, h(this.newChild, t.data), this.$refs.tree.append(this.newChild, e), await this.locateView(), r();
+							} catch {
+								n.confirmButtonText = "确定";
+							}
+							n.confirmButtonLoading = !1;
+						} else r();
+					}
+				});
+			});
+		},
+		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 && ie(t.data, e, !0);
+		},
+		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 r.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 ? (p.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data), r()) : p.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 ? (p.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : p.error(n.message);
+				} else this.$refs.tree.remove(e);
+			} catch {}
+		},
+		async onConfirm(e, t) {
+			if (t[this.treeProps.label] === this.text || !J(this.text)) {
+				this.clear();
+				return;
+			}
+			X(t.loading), 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 = G(t);
+					h(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(), (X(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 ne(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 K(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();
+		}
+	}
+}, ce = { class: "editable-tree" }, le = {
+	ref: "treeWrapper",
+	class: "et-tree-wrapper"
+}, ue = {
+	key: 0,
+	style: { "padding-left": "24px" }
+}, de = ["data-id"], fe = {
+	class: "node-label flex-row flex-item ellipsis-1",
+	style: { overflow: "hidden" }
+}, pe = {
+	class: "flex-item-relative",
+	style: { height: "21px" }
+}, me = ["title"], he = {
+	key: 0,
+	class: "handle-actions"
+}, ge = {
+	key: 1,
+	class: "handle-actions",
+	style: { display: "inline-block" }
+}, _e = ["data-id"], ve = { class: "menu-list" };
+function ye(e, t, n, r, i, a) {
+	let o = b, s = oe, c = d, l = v;
+	return F(), D("div", ce, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? (F(), T(o, {
+		key: 0,
+		type: "primary",
+		style: P([{
+			position: "absolute",
+			top: "4px",
+			"z-index": "1"
+		}, { right: `${i.right}px` }]),
+		icon: "el-icon-plus",
+		circle: "",
+		plain: "",
+		onClick: t[0] || (t[0] = W((t) => e.$emit("add-root-node"), ["stop"]))
+	}, null, 8, ["style"])) : E("v-if", !0), O("div", le, [
+		!e.readonly && e.addRootNodeButtonStyle === "top" ? (F(), D("div", ue, [A(o, {
+			disabled: i.loading,
+			type: "text",
+			onClick: a.appendRootNode
+		}, {
+			default: H(() => [t[8] || (t[8] = O("i", { class: "el-icon-lx-add" }, null, -1)), k(" " + R(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`), 1)]),
+			_: 1
+		}, 8, ["disabled", "onClick"])])) : E("v-if", !0),
+		(F(), T(l, M(r.autoBindProps, {
+			key: i.treeKey,
+			ref: "tree",
+			"default-expand-all": e.defaultExpandAll,
+			class: "flex-item",
+			"default-expanded-keys": i.expandedKeys,
+			"expand-on-click-node": !1,
+			"highlight-current": "",
+			load: a.loadNode,
+			data: a.innerTreeData,
+			props: e.treeProps,
+			lazy: e.lazy,
+			"node-key": e.nodeKey
+		}, z(r.listeners), {
+			onNodeClick: a.nodeClick,
+			onNodeContextmenu: a.showContextMenu,
+			onNodeExpand: a.addExpandKey,
+			onNodeCollapse: a.removeExpandKey
+		}), {
+			default: H(({ node: n, data: r }) => [L(e.$slots, "default", {
+				node: n,
+				data: r
+			}, () => [E("非编辑模式"), r.edit ? (F(), D(C, { key: 1 }, [E("编辑模式"), O("span", {
+				"data-id": r.id,
+				class: "custom-tree-node flex-row flex-item",
+				style: { overflow: "hidden" }
+			}, [
+				e.icon ? (F(), D("i", {
+					key: 0,
+					class: N([r.loading ? "el-icon-loading" : "el-icon-edit-outline", "node-icon flex-not-shrink"])
+				}, null, 2)) : E("v-if", !0),
+				A(c, {
+					ref: "labelTxt",
+					modelValue: i.text,
+					"onUpdate:modelValue": t[2] || (t[2] = (e) => i.text = e),
+					class: "node-input flex-item",
+					placeholder: a.defaultOptions.inputPlaceholder,
+					onKeyup: (e) => a.inputKeyup(e, n, r),
+					onBlur: (e) => a.inputBlur(e, n, r),
+					onClick: t[3] || (t[3] = W(() => {}, ["stop"]))
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"onKeyup",
+					"onBlur"
+				]),
+				e.confirmButton ? (F(), D(C, { key: 1 }, [U(A(o, {
+					class: "flex-not-shrink",
+					type: "text",
+					onClick: W((e) => a.onConfirm(n, r), ["stop"])
+				}, {
+					default: H(() => [...t[13] || (t[13] = [k(" 确定 ", -1)])]),
+					_: 1
+				}, 8, ["onClick"]), [[V, !r.loading]]), U(A(o, {
+					class: "flex-not-shrink",
+					type: "text",
+					onClick: W((e) => a.onCancel(n, r), ["stop"])
+				}, {
+					default: H(() => [...t[14] || (t[14] = [k(" 取消 ", -1)])]),
+					_: 1
+				}, 8, ["onClick"]), [[V, !r.loading]])], 64)) : E("v-if", !0)
+			], 8, _e)], 64)) : (F(), D("span", {
+				key: 0,
+				"data-id": r.id,
+				class: "custom-tree-node"
+			}, [
+				O("span", fe, [
+					e.icon ? (F(), D("i", {
+						key: 0,
+						class: N([r.loading ? "el-icon-loading" : e.icon(r, n), "node-icon"])
+					}, null, 2)) : E("v-if", !0),
+					O("span", pe, [O("span", {
+						class: "ellipsis-1 absolute-box et-tree-label",
+						title: n.label
+					}, [L(e.$slots, "label", {
+						data: r,
+						node: n
+					}, () => [k(R(n.label), 1)])], 8, me)]),
+					L(e.$slots, "label-suffix", {
+						node: n,
+						data: r
+					})
+				]),
+				!e.contextMenu && !e.readonly ? U((F(), D("span", he, [
+					A(o, {
+						type: "text",
+						onClick: W((e) => a.appendChildNode(n, r), ["stop"])
+					}, {
+						default: H(() => [...t[9] || (t[9] = [k("添加", -1)])]),
+						_: 1
+					}, 8, ["onClick"]),
+					A(o, {
+						type: "text",
+						onClick: W((e) => a.editNode(n, r), ["stop"])
+					}, {
+						default: H(() => [...t[10] || (t[10] = [k("修改", -1)])]),
+						_: 1
+					}, 8, ["onClick"]),
+					A(s, {
+						class: "pop-confirm",
+						"icon-color": "red",
+						title: "你确定要删除吗？",
+						onConfirm: (e) => a.removeNode(n, r)
+					}, {
+						reference: H(() => [U(A(o, {
+							style: { "margin-left": "4px" },
+							type: "text",
+							onClick: t[1] || (t[1] = W(() => {}, ["stop"]))
+						}, {
+							default: H(() => [...t[11] || (t[11] = [k(" 删除 ", -1)])]),
+							_: 1
+						}, 512), [[V, n.isLeaf]])]),
+						_: 2
+					}, 1032, ["onConfirm"])
+				], 512)), [[V, !r.loading && !i.loading]]) : E("v-if", !0),
+				e.contextMenuIcon && e.contextMenu && !e.readonly ? U((F(), D("span", ge, [A(o, {
+					style: { padding: "6px 10px 0" },
+					type: "text",
+					onClick: W((e) => a.showContextMenu(e, r, n), ["stop"])
+				}, {
+					default: H(() => [...t[12] || (t[12] = [k(" . . . ", -1)])]),
+					_: 1
+				}, 8, ["onClick"])], 512)), [[V, !r.loading && !i.loading]]) : E("v-if", !0)
+			], 8, de))])]),
+			_: 3
+		}, 16, [
+			"default-expand-all",
+			"default-expanded-keys",
+			"load",
+			"data",
+			"props",
+			"lazy",
+			"node-key",
+			"onNodeClick",
+			"onNodeContextmenu",
+			"onNodeExpand",
+			"onNodeCollapse"
+		])),
+		e.contextMenu && !e.readonly ? U((F(), D("div", {
+			key: 1,
+			ref: "contextMenu",
+			style: P(i.position),
+			class: "menu"
+		}, [O("ul", ve, [L(e.$slots, "context-menu", {
+			curNode: i.curNode,
+			curData: i.curData
+		}, () => [
+			U(O("li", {
+				class: "menu-item",
+				onClick: t[4] || (t[4] = (e) => a.appendPeerNode(i.curNode, i.curData))
+			}, [t[15] || (t[15] = O("i", {
+				class: "menu-item-icon el-icon-lx-add",
+				style: { color: "#228b22" }
+			}, null, -1)), k(" " + R(e.menuLabel.appendPeer), 1)], 512), [[V, i.curData.id > -1]]),
+			O("li", {
+				class: "menu-item",
+				onClick: t[5] || (t[5] = (e) => a.appendChildNode(i.curNode, i.curData))
+			}, [t[16] || (t[16] = O("i", {
+				class: "menu-item-icon el-icon-lx-add",
+				style: { color: "#228b22" }
+			}, null, -1)), k(" " + R(e.menuLabel.appendChild), 1)]),
+			U(O("li", {
+				class: "menu-item",
+				onClick: t[6] || (t[6] = (e) => a.editNode(i.curNode, i.curData))
+			}, [t[17] || (t[17] = O("i", {
+				class: "menu-item-icon el-icon-edit-outline",
+				style: { color: "#ffa500" }
+			}, null, -1)), k(" " + R(e.menuLabel.editNode), 1)], 512), [[V, i.curData.id > -1]]),
+			U(O("li", {
+				class: "menu-item",
+				onClick: t[7] || (t[7] = (e) => a.removeNodeModal(i.curNode, i.curData))
+			}, [t[18] || (t[18] = O("i", {
+				class: "menu-item-icon el-icon-delete",
+				style: { color: "#f00" }
+			}, null, -1)), k(" " + R(e.menuLabel.removeNode), 1)], 512), [[V, i.curNode.isLeaf]])
+		])])], 4)), [[V, i.showMenu]]) : E("v-if", !0)
+	], 512)]);
+}
+var be = /* @__PURE__ */ y(se, [["render", ye]]);
+//#endregion
+export { be as t };