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

package/editable-tree/index.mjs

@@ -1,596 +1,2 @@
-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, 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 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 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 V, removeResizeListener as H } from "@web-utils/integrations/resize";
-//#region src/components/form/EditableTree.vue
-var U = {
-	name: "EditableTree",
-	props: { ...i },
-	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(t) {
-		let { autoBindProps: n, listeners: r } = e(t, {
-			predicate: a,
-			removeOn: !0
-		});
-		return {
-			autoBindProps: n,
-			listeners: r
-		};
-	},
-	created() {
-		this.tryFetch();
-	},
-	mounted() {
-		V(this.$refs.tree.$el, this.resize), V(this.$refs.treeWrapper, this.resize);
-	},
-	beforeUnmount() {
-		H(this.$refs.tree.$el, this.resize), H(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() {
-			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 = k(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;
-				F(i) && (i = [i]), i = i || [];
-				let a = [];
-				if (this.empty = i.length === 0, F(this.customRootNode)) {
-					let e = B(this.customRootNode);
-					e[this.treeProps.children || "children"] = i, a = [e];
-				} else if (N(this.customRootNode)) {
-					let e = this.customRootNode(i);
-					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) {
-					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, F(this.customRootNode)) {
-					let e = B(this.customRootNode);
-					e[this.treeProps.children || "children"] = o, o = [e], t(o);
-				} else if (N(this.customRootNode)) {
-					let e = this.customRootNode(o);
-					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;
-					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 && (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], 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) => {
-					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 c.prompt(`请输入${this.label}名：`, {
-				...this.defaultOptions,
-				beforeClose: async (e, n, r) => {
-					if (e === "confirm") {
-						try {
-							this.createNewChild(-1), n.confirmButtonLoading = !0, n.confirmButtonText = "处理中...";
-							let e = await this.saveApi(this.newNodeBuilder(n.inputValue, { id: -1 }));
-							this.newChild[this.treeProps.label] = n.inputValue, this.newChild.edit = !1, t(this.newChild, e.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.locateView(), r();
-						} catch {
-							n.confirmButtonText = "确定";
-						}
-						n.confirmButtonLoading = !1;
-					} else r();
-				}
-			}).catch((e) => e);
-		},
-		appendChildNode(e) {
-			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 c.prompt(`请输入${this.label}名：`, {
-					...this.defaultOptions,
-					beforeClose: async (n, r, i) => {
-						if (n === "confirm") {
-							try {
-								this.createNewChild(e.data.id), r.confirmButtonLoading = !0, r.confirmButtonText = "处理中...";
-								let n = await this.saveApi(this.newNodeBuilder(r.inputValue, e.data));
-								this.newChild[this.treeProps.label] = r.inputValue, this.newChild.edit = !1, t(this.newChild, n.data), this.$refs.tree.append(this.newChild, e), await this.locateView(), i();
-							} catch {
-								r.confirmButtonText = "确定";
-							}
-							r.confirmButtonLoading = !1;
-						} else i();
-					}
-				});
-			});
-		},
-		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 && R(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 c.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 ? (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();
-				}
-			}).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 ? (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 || !P(this.text)) {
-				this.clear();
-				return;
-			}
-			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 = j(n);
-					t(n, {
-						...r.data,
-						isTempNode: !1
-					}), this.$emit("node-added", n, i, e), this.registerNode(e);
-				} else await this.updateApi({
-					...n,
-					[this.treeProps.label]: this.text
-				});
-				n[this.treeProps.label] = this.text, n.edit = !1, this.$emit("node-updated", n, e), this.text = "";
-			} catch {}
-			n.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(), (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();
-		},
-		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 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();
-		},
-		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 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];
-		},
-		async reloadTree() {
-			this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
-		}
-	}
-}, W = { class: "editable-tree" }, G = {
-	ref: "treeWrapper",
-	class: "et-tree-wrapper"
-}, K = {
-	key: 0,
-	style: { "padding-left": "24px" }
-}, q = ["data-id"], J = {
-	class: "node-label flex-row flex-item ellipsis-1",
-	style: { overflow: "hidden" }
-}, Y = {
-	class: "flex-item-relative",
-	style: { height: "21px" }
-}, X = ["title"], Z = {
-	key: 0,
-	class: "handle-actions"
-}, Q = {
-	key: 1,
-	class: "handle-actions",
-	style: { display: "inline-block" }
-}, $ = ["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: b([{
-			position: "absolute",
-			top: "4px",
-			"z-index": "1"
-		}, { right: `${a.right}px` }]),
-		icon: "el-icon-plus",
-		circle: "",
-		plain: "",
-		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: 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"])])) : p("v-if", !0),
-		(x(), f(j, v(i.autoBindProps, {
-			key: a.treeKey,
-			ref: "tree",
-			"default-expand-all": e.defaultExpandAll,
-			class: "flex-item",
-			"default-expanded-keys": a.expandedKeys,
-			"expand-on-click-node": !1,
-			"highlight-current": "",
-			load: s.loadNode,
-			data: s.innerTreeData,
-			props: e.treeProps,
-			lazy: e.lazy,
-			"node-key": e.nodeKey
-		}, w(i.listeners), {
-			onNodeClick: s.nodeClick,
-			onNodeContextmenu: s.showContextMenu,
-			onNodeExpand: s.addExpandKey,
-			onNodeCollapse: s.removeExpandKey
-		}), {
-			default: E(({ node: n, data: r }) => [S(e.$slots, "default", {
-				node: n,
-				data: r
-			}, () => [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 ? (x(), m("i", {
-					key: 0,
-					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),
-					class: "node-input flex-item",
-					placeholder: s.defaultOptions.inputPlaceholder,
-					onKeyup: (e) => s.inputKeyup(e, n, r),
-					onBlur: (e) => s.inputBlur(e, n, r),
-					onClick: t[3] || (t[3] = O(() => {}, ["stop"]))
-				}, null, 8, [
-					"modelValue",
-					"placeholder",
-					"onKeyup",
-					"onBlur"
-				]),
-				e.confirmButton ? (x(), m(d, { key: 1 }, [D(_(c, {
-					class: "flex-not-shrink",
-					type: "text",
-					onClick: O((e) => s.onConfirm(n, r), ["stop"])
-				}, {
-					default: E(() => [...t[13] || (t[13] = [g(" 确定 ", -1)])]),
-					_: 1
-				}, 8, ["onClick"]), [[T, !r.loading]]), D(_(c, {
-					class: "flex-not-shrink",
-					type: "text",
-					onClick: O((e) => s.onCancel(n, r), ["stop"])
-				}, {
-					default: E(() => [...t[14] || (t[14] = [g(" 取消 ", -1)])]),
-					_: 1
-				}, 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"
-			}, [
-				h("span", J, [
-					e.icon ? (x(), m("i", {
-						key: 0,
-						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
-					}, [S(e.$slots, "label", {
-						data: r,
-						node: n
-					}, () => [g(C(n.label), 1)])], 8, X)]),
-					S(e.$slots, "label-suffix", {
-						node: n,
-						data: r
-					})
-				]),
-				!e.contextMenu && !e.readonly ? D((x(), m("span", Z, [
-					_(c, {
-						type: "text",
-						onClick: O((e) => s.appendChildNode(n, r), ["stop"])
-					}, {
-						default: E(() => [...t[9] || (t[9] = [g("添加", -1)])]),
-						_: 1
-					}, 8, ["onClick"]),
-					_(c, {
-						type: "text",
-						onClick: O((e) => s.editNode(n, r), ["stop"])
-					}, {
-						default: E(() => [...t[10] || (t[10] = [g("修改", -1)])]),
-						_: 1
-					}, 8, ["onClick"]),
-					_(k, {
-						class: "pop-confirm",
-						"icon-color": "red",
-						title: "你确定要删除吗？",
-						onConfirm: (e) => s.removeNode(n, r)
-					}, {
-						reference: E(() => [D(_(c, {
-							style: { "margin-left": "4px" },
-							type: "text",
-							onClick: t[1] || (t[1] = O(() => {}, ["stop"]))
-						}, {
-							default: E(() => [...t[11] || (t[11] = [g(" 删除 ", -1)])]),
-							_: 1
-						}, 512), [[T, n.isLeaf]])]),
-						_: 2
-					}, 1032, ["onConfirm"])
-				], 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: O((e) => s.showContextMenu(e, r, n), ["stop"])
-				}, {
-					default: E(() => [...t[12] || (t[12] = [g(" . . . ", -1)])]),
-					_: 1
-				}, 8, ["onClick"])], 512)), [[T, !r.loading && !a.loading]]) : p("v-if", !0)
-			], 8, q))])]),
-			_: 3
-		}, 16, [
-			"default-expand-all",
-			"default-expanded-keys",
-			"load",
-			"data",
-			"props",
-			"lazy",
-			"node-key",
-			"onNodeClick",
-			"onNodeContextmenu",
-			"onNodeExpand",
-			"onNodeCollapse"
-		])),
-		e.contextMenu && !e.readonly ? D((x(), m("div", {
-			key: 1,
-			ref: "contextMenu",
-			style: b(a.position),
-			class: "menu"
-		}, [h("ul", ee, [S(e.$slots, "context-menu", {
-			curNode: a.curNode,
-			curData: a.curData
-		}, () => [
-			D(h("li", {
-				class: "menu-item",
-				onClick: t[4] || (t[4] = (e) => s.appendPeerNode(a.curNode, a.curData))
-			}, [t[15] || (t[15] = h("i", {
-				class: "menu-item-icon el-icon-lx-add",
-				style: { color: "#228b22" }
-			}, 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] = h("i", {
-				class: "menu-item-icon el-icon-lx-add",
-				style: { color: "#228b22" }
-			}, 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] = h("i", {
-				class: "menu-item-icon el-icon-edit-outline",
-				style: { color: "#ffa500" }
-			}, 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] = h("i", {
-				class: "menu-item-icon el-icon-delete",
-				style: { color: "#f00" }
-			}, null, -1)), g(" " + C(e.menuLabel.removeNode), 1)], 512), [[T, a.curNode.isLeaf]])
-		])])], 4)), [[T, a.showMenu]]) : p("v-if", !0)
-	], 512)]);
-}
-var ne = /* @__PURE__ */ n(U, [["render", te]]);
-//#endregion
-export { ne as default };
+import { t as e } from "../chunks/BbJd8Pij.mjs";
+export { e as default };

package/editable-tree/style.css

@@ -1 +1 @@
-.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}
+.el-popconfirm{outline:none}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin-top:8px}.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}

package/element-dialog/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/V-Js6hNd.mjs";
+import { t as e } from "../chunks/Bs8cIxmy.mjs";
 export { e as default };

package/element-dialog/style.css

@@ -1 +1 @@
-:root{--dialog-header-background-color:#025cde}.element-dialog.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.element-dialog.el-dialog .dialog-title{min-height:20px}.element-dialog.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.element-dialog.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.element-dialog.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.element-dialog.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.element-dialog.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.element-dialog.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.element-dialog.el-dialog .el-dialog__body.no-padding{padding:0}.element-dialog.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}
+:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color);position:fixed;top:0;left:0}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;padding:var(--el-dialog-padding-primary);width:var(--el-dialog-width,50%);overflow-wrap:break-word;position:relative}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size,16px))}.el-dialog__headerbtn{cursor:pointer;width:48px;height:48px;font-size:var(--el-message-close-size,16px);background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{padding-top:var(--el-dialog-padding-primary);text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-overlay-dialog.is-closing .el-dialog{pointer-events:none}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}:root{--dialog-header-background-color:#025cde}.element-dialog.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.element-dialog.el-dialog .dialog-title{min-height:20px}.element-dialog.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.element-dialog.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.element-dialog.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.element-dialog.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.element-dialog.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.element-dialog.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.element-dialog.el-dialog .el-dialog__body.no-padding{padding:0}.element-dialog.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}

package/element-resize-observer/index.mjs

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t as e } from "../chunks/hFCEXdXW.mjs";
 import { createElementBlock as t, openBlock as n } from "vue";
 //#region src/components/ElementResizeObserver.vue
 var r = {

package/empty-view/index.d.ts

@@ -6,15 +6,15 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     icon: string;
     height: string;
-    emptyTips: string;
     fontSize: string;
+    emptyTips: string;
     iconSize: string;
     showIcon: boolean;
     $props: {
         readonly icon?: string | undefined;
         readonly height?: string | undefined;
-        readonly emptyTips?: string | undefined;
         readonly fontSize?: string | undefined;
+        readonly emptyTips?: string | undefined;
         readonly iconSize?: string | undefined;
         readonly showIcon?: boolean | undefined;
     };

package/flex-box/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/X-ckP2Hj.mjs";
+import { t as e } from "../chunks/CISLTyi_2.mjs";
 export { e as default };

package/flex-column/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CLn5E7NV.mjs";
+import { t as e } from "../chunks/DOPqetRk2.mjs";
 export { e as default };

package/flex-item/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CHmZyvFr.mjs";
+import { t as e } from "../chunks/BMdSzPpD2.mjs";
 export { e as default };

package/flex-row/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/SInS7QSL.mjs";
+import { t as e } from "../chunks/Bi03Pb_j2.mjs";
 export { e as default };

package/flex-scroller/index.mjs

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t as e } from "../chunks/hFCEXdXW.mjs";
 import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
 //#region src/components/flex-scroller/FlexScroller.vue
 var o = {

package/flow-designer/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BrSqLOi5.mjs";
+import { t as e } from "../chunks/LnWJAAlm2.mjs";
 export { e as default };