@web-utils/component 3.8.3 → 4.0.1

package/editable-tree/index.mjs

@@ -1,37 +1,15 @@
-var $ = Object.defineProperty, b = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
-var x = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var w = (t, e, i) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, c = (t, e) => {
-  for (var i in e || (e = {}))
-    B.call(e, i) && w(t, i, e[i]);
-  if (x)
-    for (var i of x(e))
-      _.call(e, i) && w(t, i, e[i]);
+import { findTreeChildren as m, delay as y, isUndefined as l, isNotEmpty as x, fastClone as w, isPlainObject as r, isFunction as h, computePosition as N, isVerticalScrollbarVisible as C, scrollbarWidth as g, hasOwn as d } from "@web-utils/core";
+import { removeResizeListener as u, addResizeListener as p } from "@web-utils/integrations/resize";
+import { cloneDeep as f } from "@web-utils/integrations/lodash";
+import { a as v, b as $ } from "../chunks/index.d3MV3Wq2.mjs";
+import b from "vue";
+import { n as k } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+function c(t, e) {
+  for (const i in e)
+    b.set(t, i, e[i]);
   return t;
-}, h = (t, e) => b(t, k(e));
-var a = (t, e, i) => new Promise((s, o) => {
-  var n = (d) => {
-    try {
-      l(i.next(d));
-    } catch (f) {
-      o(f);
-    }
-  }, r = (d) => {
-    try {
-      l(i.throw(d));
-    } catch (f) {
-      o(f);
-    }
-  }, l = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(n, r);
-  l((i = i.apply(t, e)).next());
-});
-import { findTreeChildren as T, delay as M, isUndefined as p, isNotEmpty as K, fastClone as P, isPlainObject as u, isFunction as N, computePosition as E, isVerticalScrollbarVisible as D, scrollbarWidth as L, hasOwn as m } from "@web-utils/core";
-import { removeResizeListener as C, addResizeListener as g } from "@web-utils/integrations/resize";
-import { cloneDeep as v } from "@web-utils/integrations/lodash";
-import { a as R, b as z, c as y } from "../chunks/index.MAFc4eFi.mjs";
-import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const V = {
+}
+const B = {
   name: "EditableTree",
   props: {
     label: {
@@ -90,7 +68,7 @@ const V = {
       default: () => ({
         children: "children",
         label: "name",
-        isLeaf: (t) => m(t, "hasChildren") ? !t.hasChildren : m(t, "hasChild") ? !t.hasChild : m(t, "children") && t.children ? t.children.length === 0 : !0
+        isLeaf: (t) => d(t, "hasChildren") ? !t.hasChildren : d(t, "hasChild") ? !t.hasChild : d(t, "children") && t.children ? t.children.length === 0 : !0
       })
     },
     menuLabel: {
@@ -164,14 +142,14 @@ const V = {
     this.tryFetch();
   },
   mounted() {
-    g(this.$refs.tree.$el, this.resize), g(this.$refs.treeWrapper, this.resize);
+    p(this.$refs.tree.$el, this.resize), p(this.$refs.treeWrapper, this.resize);
   },
   beforeDestroy() {
-    C(this.$refs.tree.$el, this.resize), C(this.$refs.treeWrapper, this.resize);
+    u(this.$refs.tree.$el, this.resize), u(this.$refs.treeWrapper, this.resize);
   },
   methods: {
-    filterTreeProperties: z,
-    filterTreeEvents: R,
+    filterTreeProperties: $,
+    filterTreeEvents: v,
     addExpandKey(t) {
       this.reserveExpandKey && this.expandedKeys.push(t[this.nodeKey]);
     },
@@ -179,53 +157,47 @@ const V = {
       this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((e) => e !== t[this.nodeKey]));
     },
     resize() {
-      D(this.$refs.treeWrapper) ? this.right = 4 + L : this.right = 4;
+      C(this.$refs.treeWrapper) ? this.right = 4 + g : this.right = 4;
     },
-    showContextMenu(t, e, i) {
-      return a(this, null, function* () {
-        e.contextmenu === !1 || e.id === -1 || e.id === 0 || e.edit === !0 || this.contextMenu && (this.curNode = i, this.curData = e, this.showMenu = !0, this.$refs.tree.setCurrentKey(e.id), yield this.$nextTick(), this.position = E(t, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
-      });
+    async showContextMenu(t, e, i) {
+      e.contextmenu === !1 || e.id === -1 || e.id === 0 || e.edit === !0 || this.contextMenu && (this.curNode = i, this.curData = e, this.showMenu = !0, this.$refs.tree.setCurrentKey(e.id), await this.$nextTick(), this.position = N(t, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
     },
     hideContextMenu() {
       this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
     },
-    tryFetch() {
-      return a(this, null, function* () {
-        var t, e;
-        if (this.lazy === !1 && this.fetchApi) {
-          const i = yield this.fetchApi((e = (t = this.rootNode) == null ? void 0 : t.id) != null ? e : -1, {});
-          if (u(i.data) && (i.data = [i.data]), i.data = i.data || [], this.empty = i.data.length === 0, u(this.customRootNode)) {
-            const s = v(this.customRootNode);
-            s[this.treeProps.children || "children"] = i.data, this.treeData = [s];
-          } else if (N(this.customRootNode)) {
-            const s = this.customRootNode(i.data);
-            s[this.treeProps.children || "children"] = i.data, this.treeData = u(s) ? [s] : s;
-          } else
-            this.treeData = i.data;
-        }
-      });
+    async tryFetch() {
+      var t;
+      if (this.lazy === !1 && this.fetchApi) {
+        const e = await this.fetchApi(((t = this.rootNode) == null ? void 0 : t.id) ?? -1, {});
+        if (r(e.data) && (e.data = [e.data]), e.data = e.data || [], this.empty = e.data.length === 0, r(this.customRootNode)) {
+          const i = f(this.customRootNode);
+          i[this.treeProps.children || "children"] = e.data, this.treeData = [i];
+        } else if (h(this.customRootNode)) {
+          const i = this.customRootNode(e.data);
+          i[this.treeProps.children || "children"] = e.data, this.treeData = r(i) ? [i] : i;
+        } else
+          this.treeData = e.data;
+      }
     },
-    loadNode(t, e) {
-      return a(this, null, function* () {
-        var i, s, o, n;
-        if (t.level === 0) {
-          const r = yield this.fetchApi((s = (i = this.rootNode) == null ? void 0 : i.id) != null ? s : -1, t);
-          if (this.empty = r.data.length === 0, u(this.customRootNode)) {
-            const l = v(this.customRootNode);
-            l[this.treeProps.children || "children"] = r.data, e([l]);
-          } else if (N(this.customRootNode)) {
-            const l = this.customRootNode(r.data);
-            l[this.treeProps.children || "children"] = r.data, this.treeData = u(l) ? [l] : l;
-          } else
-            e(r.data);
-          yield this.$nextTick(), this.$emit("root-node-loaded", r.data), this.defaultExpandedKeys ? this.expandedKeys = [(o = r == null ? void 0 : r.data[0]) == null ? void 0 : o.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(n = r == null ? void 0 : r.data[0]) == null ? void 0 : n.id]);
-        } else {
-          if (t.leaf || t.data.isTempNode)
-            return e([]);
-          const r = yield this.fetchApi(t.data.id, t);
-          e(r.data), yield this.$nextTick(), this.$emit("node-loaded", r.data);
-        }
-      });
+    async loadNode(t, e) {
+      var i, s, n;
+      if (t.level === 0) {
+        const o = await this.fetchApi(((i = this.rootNode) == null ? void 0 : i.id) ?? -1, t);
+        if (this.empty = o.data.length === 0, r(this.customRootNode)) {
+          const a = f(this.customRootNode);
+          a[this.treeProps.children || "children"] = o.data, e([a]);
+        } else if (h(this.customRootNode)) {
+          const a = this.customRootNode(o.data);
+          a[this.treeProps.children || "children"] = o.data, this.treeData = r(a) ? [a] : a;
+        } else
+          e(o.data);
+        await this.$nextTick(), this.$emit("root-node-loaded", o.data), this.defaultExpandedKeys ? this.expandedKeys = [(s = o == null ? void 0 : o.data[0]) == null ? void 0 : s.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(n = o == null ? void 0 : o.data[0]) == null ? void 0 : n.id]);
+      } else {
+        if (t.leaf || t.data.isTempNode)
+          return e([]);
+        const o = await this.fetchApi(t.data.id, t);
+        e(o.data), await this.$nextTick(), this.$emit("node-loaded", o.data);
+      }
     },
     clear() {
       this.cancelEdit(), this.removeNewNode();
@@ -237,70 +209,69 @@ const V = {
       this.newChild && this.newChild.id === -1 && (console.log(this.newChild), this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
     },
     cancelEdit() {
-      this.editData && (p(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
-    },
-    editNode(t, e) {
-      return a(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = e, this.text = e[this.treeProps.label], p(e.edit) ? this.$set(e, "edit", !0) : e.edit = !0, yield this.$nextTick(), this.$refs.labelTxt.focus()) : yield this.$prompt(`请输入新的${this.label}名：`, h(c({}, this.defaultOptions), {
-          inputValue: e[this.treeProps.label],
-          beforeClose: (i, s, o) => a(this, null, function* () {
-            if (i === "confirm") {
-              try {
-                s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...", this.text = s.inputValue, yield this.onConfirm(this.curNode, this.curData), o();
-              } catch (n) {
-                s.confirmButtonText = "确定";
-              }
-              s.confirmButtonLoading = !1;
-            } else
-              o();
-          })
-        })).catch((i) => i);
-      });
-    },
-    appendRootNode() {
-      return a(this, null, function* () {
-        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), yield this.scrollIntoView(!0)) : yield this.$prompt(`请输入${this.label}名：`, h(c({}, this.defaultOptions), {
-          beforeClose: (t, e, i) => a(this, null, function* () {
-            if (t === "confirm") {
-              try {
-                this.createNewChild(-1), e.confirmButtonLoading = !0, e.confirmButtonText = "处理中...";
-                const s = yield this.saveApi(this.newNodeBuilder(e.inputValue, { id: -1 }));
-                this.newChild[this.treeProps.label] = e.inputValue, this.newChild.edit = !1, y(this.newChild, s.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.locateView(), i();
-              } catch (s) {
-                e.confirmButtonText = "确定";
-              }
-              e.confirmButtonLoading = !1;
-            } else
-              i();
-          })
-        })).catch((t) => t);
-      });
+      this.editData && (l(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
+    },
+    async editNode(t, e) {
+      !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = e, this.text = e[this.treeProps.label], l(e.edit) ? this.$set(e, "edit", !0) : e.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await this.$prompt(`请输入新的${this.label}名：`, {
+        ...this.defaultOptions,
+        inputValue: e[this.treeProps.label],
+        beforeClose: async (i, s, n) => {
+          if (i === "confirm") {
+            try {
+              s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...", this.text = s.inputValue, await this.onConfirm(this.curNode, this.curData), n();
+            } catch {
+              s.confirmButtonText = "确定";
+            }
+            s.confirmButtonLoading = !1;
+          } else
+            n();
+        }
+      }).catch((i) => i);
+    },
+    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 (t, e, i) => {
+          if (t === "confirm") {
+            try {
+              this.createNewChild(-1), e.confirmButtonLoading = !0, e.confirmButtonText = "处理中...";
+              const s = await this.saveApi(this.newNodeBuilder(e.inputValue, { id: -1 }));
+              this.newChild[this.treeProps.label] = e.inputValue, this.newChild.edit = !1, c(this.newChild, s.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.locateView(), i();
+            } catch {
+              e.confirmButtonText = "确定";
+            }
+            e.confirmButtonLoading = !1;
+          } else
+            i();
+        }
+      }).catch((t) => t);
     },
     appendChildNode(t) {
       this.text = "";
       const e = t.expanded;
-      t.expand(() => a(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(t.data.id), this.$refs.tree.append(this.newChild, t), yield this.scrollIntoView(e)) : yield this.$prompt(`请输入${this.label}名：`, h(c({}, this.defaultOptions), {
-          beforeClose: (i, s, o) => a(this, null, function* () {
+      t.expand(async () => {
+        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(t.data.id), this.$refs.tree.append(this.newChild, t), await this.scrollIntoView(e)) : await this.$prompt(`请输入${this.label}名：`, {
+          ...this.defaultOptions,
+          beforeClose: async (i, s, n) => {
             if (i === "confirm") {
               try {
                 this.createNewChild(t.data.id), s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...";
-                const n = yield this.saveApi(this.newNodeBuilder(s.inputValue, t.data));
-                this.newChild[this.treeProps.label] = s.inputValue, this.newChild.edit = !1, y(this.newChild, n.data), this.$refs.tree.append(this.newChild, t), yield this.locateView(), o();
-              } catch (n) {
+                const o = await this.saveApi(this.newNodeBuilder(s.inputValue, t.data));
+                this.newChild[this.treeProps.label] = s.inputValue, this.newChild.edit = !1, c(this.newChild, o.data), this.$refs.tree.append(this.newChild, t), await this.locateView(), n();
+              } catch {
                 s.confirmButtonText = "确定";
               }
               s.confirmButtonLoading = !1;
             } else
-              o();
-          })
-        })).catch((i) => i);
-      }));
+              n();
+          }
+        }).catch((i) => i);
+      });
     },
     appendChildNodeWithData(t, e, i) {
       this.text = "";
       const s = t.expanded;
-      t.expand(() => a(this, null, function* () {
+      t.expand(async () => {
         this.clear(), this.newChild = {
           id: -1,
           parentId: e,
@@ -308,30 +279,24 @@ const V = {
           edit: !1,
           isTempNode: !0,
           hasChildren: !1
-        }, this.$refs.tree.append(this.newChild, t), yield this.scrollIntoView(s);
-      }));
+        }, this.$refs.tree.append(this.newChild, t), await this.scrollIntoView(s);
+      });
     },
     appendPeerNode(t) {
       t.parent && t.parent.level !== 0 ? this.appendChildNode(t.parent) : this.appendRootNode();
     },
-    addRootNode(t) {
-      return a(this, null, function* () {
-        this.$refs.tree.remove(t), yield this.$nextTick(), this.$refs.tree.root.insertChild({ data: t }, void 0, !0);
-      });
+    async addRootNode(t) {
+      this.$refs.tree.remove(t), await this.$nextTick(), this.$refs.tree.root.insertChild({ data: t }, void 0, !0);
     },
-    addChildNode(t) {
-      return a(this, null, function* () {
-        this.curNode && this.curNode.level !== 0 ? this.curNode.expand(() => a(this, null, function* () {
-          this.$refs.tree.remove(t), yield this.$nextTick(), this.$refs.tree.append(t, this.curNode);
-        })) : yield this.addRootNode(t);
-      });
+    async addChildNode(t) {
+      this.curNode && this.curNode.level !== 0 ? this.curNode.expand(async () => {
+        this.$refs.tree.remove(t), await this.$nextTick(), this.$refs.tree.append(t, this.curNode);
+      }) : await this.addRootNode(t);
     },
-    addPeerNode(t) {
-      return a(this, null, function* () {
-        this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(() => a(this, null, function* () {
-          this.$refs.tree.remove(t), yield this.$nextTick(), this.$refs.tree.append(t, this.curNode.parent);
-        })) : yield this.addRootNode(t);
-      });
+    async addPeerNode(t) {
+      this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(async () => {
+        this.$refs.tree.remove(t), await this.$nextTick(), this.$refs.tree.append(t, this.curNode.parent);
+      }) : await this.addRootNode(t);
     },
     updateNode(t) {
       const e = this.$refs.tree.getNode(t);
@@ -351,88 +316,78 @@ const V = {
         hasChildren: !1
       }, this.$emit("create-new-node", this.newChild);
     },
-    removeNodeModal(t) {
-      return a(this, null, function* () {
-        yield this.$confirm(
-          `你确定要删除${this.label}[<span class="break-word" style="color: orange">${t.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: (e, i, s) => a(this, null, function* () {
-              if (e === "confirm") {
-                try {
-                  i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
-                  const o = t.parent, n = yield this.deleteApi(t.data.id);
-                  n.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(t), this.$emit("node-deleted", o, t.data), s()) : this.$message.error(n.message);
-                } catch (o) {
-                }
-                i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
-              } else
-                s();
-            })
+    async removeNodeModal(t) {
+      await this.$confirm(
+        `你确定要删除${this.label}[<span class="break-word" style="color: orange">${t.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 (e, i, s) => {
+            if (e === "confirm") {
+              try {
+                i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
+                const n = t.parent, o = await this.deleteApi(t.data.id);
+                o.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(t), this.$emit("node-deleted", n, t.data), s()) : this.$message.error(o.message);
+              } catch {
+              }
+              i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
+            } else
+              s();
           }
-        ).catch((e) => e);
-      });
-    },
-    removeNode(t) {
-      return a(this, null, function* () {
-        try {
-          const e = t.parent;
-          if (this.deleteApi) {
-            const i = yield this.deleteApi(t.data.id);
-            i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(t), this.$emit("node-deleted", e, t.data)) : this.$message.error(i.message);
-          } else
-            this.$refs.tree.remove(t);
-        } catch (e) {
         }
-      });
+      ).catch((e) => e);
+    },
+    async removeNode(t) {
+      try {
+        const e = t.parent;
+        if (this.deleteApi) {
+          const i = await this.deleteApi(t.data.id);
+          i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(t), this.$emit("node-deleted", e, t.data)) : this.$message.error(i.message);
+        } else
+          this.$refs.tree.remove(t);
+      } catch {
+      }
     },
-    onConfirm(t, e) {
-      return a(this, null, function* () {
-        if (e[this.treeProps.label] === this.text || !K(this.text)) {
-          this.clear();
-          return;
-        }
-        p(e.loading) ? this.$set(e, "loading", !0) : e.loading = !0;
-        try {
-          if (this.loading = !0, e.id === -1) {
-            const i = yield this.saveApi(this.newNodeBuilder(this.text, t.parent.data || { id: -1 })), s = P(e);
-            y(e, h(c({}, i.data), { isTempNode: !1 })), this.$emit("node-added", e, s, t), this.registerNode(t);
-          } else
-            yield this.updateApi(h(c({}, e), { [this.treeProps.label]: this.text }));
-          e[this.treeProps.label] = this.text, e.edit = !1, this.$emit("node-updated", e, t), this.text = "";
-        } catch (i) {
-        }
-        e.loading = !1, this.loading = !1;
-      });
+    async onConfirm(t, e) {
+      if (e[this.treeProps.label] === this.text || !x(this.text)) {
+        this.clear();
+        return;
+      }
+      l(e.loading) ? this.$set(e, "loading", !0) : e.loading = !0;
+      try {
+        if (this.loading = !0, e.id === -1) {
+          const i = await this.saveApi(this.newNodeBuilder(this.text, t.parent.data || { id: -1 })), s = w(e);
+          c(e, { ...i.data, isTempNode: !1 }), this.$emit("node-added", e, s, t), this.registerNode(t);
+        } else
+          await this.updateApi({ ...e, [this.treeProps.label]: this.text });
+        e[this.treeProps.label] = this.text, e.edit = !1, this.$emit("node-updated", e, t), this.text = "";
+      } catch {
+      }
+      e.loading = !1, this.loading = !1;
     },
     onCancel(t, e) {
       e.id === -1 ? this.$refs.tree.remove(t) : e.edit = !1, this.text = "";
     },
     nodeClick(t, e, i) {
-      this.hideContextMenu(), (p(t.loading) || !t.loading) && (this.curNode = e, this.curData = t, this.$emit("on-node-click", t, e, i));
+      this.hideContextMenu(), (l(t.loading) || !t.loading) && (this.curNode = e, this.curData = t, this.$emit("on-node-click", t, e, i));
     },
     getCurrentNode() {
       return this.$refs.tree.getCurrentNode();
     },
-    locateView() {
-      return a(this, null, function* () {
-        yield this.$nextTick();
-        const t = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-        t && t.scrollIntoView();
-      });
+    async locateView() {
+      await this.$nextTick();
+      const t = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
+      t && t.scrollIntoView();
     },
-    scrollIntoView(t) {
-      return a(this, null, function* () {
-        var e, i;
-        yield this.$nextTick(), t || (yield M(300)), (i = (e = this.$refs) == null ? void 0 : e.labelTxt) == null || i.focus();
-      });
+    async scrollIntoView(t) {
+      var e, i;
+      await this.$nextTick(), t || await y(300), (i = (e = this.$refs) == null ? void 0 : e.labelTxt) == null || i.focus();
     },
     inputKeyup(t, e, i) {
       t.keyCode === 13 && this.onConfirm(e, i), t.keyCode === 27 && this.clear();
@@ -459,50 +414,48 @@ const V = {
       return this.$refs.tree.root;
     },
     findTreeNode(t) {
-      return T(this.$refs.tree.root.childNodes, (e) => e.data === t || e.data.id === t, "childNodes");
+      return m(this.$refs.tree.root.childNodes, (e) => e.data === t || e.data.id === t, "childNodes");
     },
     registerNode(t) {
       t.store.registerNode(t), delete t.store.nodesMap[-1];
     },
-    reloadTree() {
-      return a(this, null, function* () {
-        this.lazy ? this.treeKey = Date.now() : yield this.tryFetch();
-      });
+    async reloadTree() {
+      this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
     }
   }
 };
-var A = function() {
+var _ = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "editable-tree" }, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? i("ElButton", { staticStyle: { position: "absolute", top: "4px", "z-index": "1" }, style: { right: `${e.right}px` }, attrs: { type: "primary", size: "mini", icon: "el-icon-plus", circle: "", plain: "" }, on: { click: function(s) {
     return s.stopPropagation(), e.$emit("add-root-node");
-  } } }) : e._e(), i("div", { ref: "treeWrapper", staticClass: "et-tree-wrapper" }, [!e.readonly && e.addRootNodeButtonStyle === "top" ? i("div", { staticStyle: { "padding-left": "24px" } }, [i("ElButton", { attrs: { disabled: e.loading, size: "mini", type: "text" }, on: { click: e.appendRootNode } }, [i("i", { staticClass: "el-icon-lx-add" }), e._v(" " + e._s(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`) + " ")])], 1) : e._e(), i("ElTree", e._g(e._b({ key: e.treeKey, ref: "tree", staticClass: "flex-item", attrs: { "default-expanded-keys": e.expandedKeys, "expand-on-click-node": !1, "highlight-current": "", load: e.loadNode, data: e.innerTreeData, props: e.treeProps, lazy: e.lazy, "node-key": e.nodeKey }, on: { "node-click": e.nodeClick, "node-contextmenu": e.showContextMenu, "node-expand": e.addExpandKey, "node-collapse": e.removeExpandKey }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: o }) {
+  } } }) : e._e(), i("div", { ref: "treeWrapper", staticClass: "et-tree-wrapper" }, [!e.readonly && e.addRootNodeButtonStyle === "top" ? i("div", { staticStyle: { "padding-left": "24px" } }, [i("ElButton", { attrs: { disabled: e.loading, size: "mini", type: "text" }, on: { click: e.appendRootNode } }, [i("i", { staticClass: "el-icon-lx-add" }), e._v(" " + e._s(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`) + " ")])], 1) : e._e(), i("ElTree", e._g(e._b({ key: e.treeKey, ref: "tree", staticClass: "flex-item", attrs: { "default-expanded-keys": e.expandedKeys, "expand-on-click-node": !1, "highlight-current": "", load: e.loadNode, data: e.innerTreeData, props: e.treeProps, lazy: e.lazy, "node-key": e.nodeKey }, on: { "node-click": e.nodeClick, "node-contextmenu": e.showContextMenu, "node-expand": e.addExpandKey, "node-collapse": e.removeExpandKey }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: n }) {
     return [e._t("default", function() {
-      return [o.edit ? [i("span", { staticClass: "custom-tree-node flex-row flex-item oh", attrs: { "data-id": o.id } }, [e.icon ? i("i", { staticClass: "node-icon shrink-0", class: o.loading ? "el-icon-loading" : "el-icon-edit-outline" }) : e._e(), i("ElInput", { ref: "labelTxt", staticClass: "node-input flex-item", attrs: { size: "mini", placeholder: e.defaultOptions.inputPlaceholder }, on: { blur: (n) => e.inputBlur(n, s, o) }, nativeOn: { keyup: function(n) {
-        return ((r) => e.inputKeyup(r, s, o)).apply(null, arguments);
-      }, click: function(n) {
-        n.stopPropagation();
-      } }, model: { value: e.text, callback: function(n) {
-        e.text = n;
-      }, expression: "text" } }), e.confirmButton ? [i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: !o.loading, expression: "!data.loading" }], staticClass: "shrink-0", attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-        return n.stopPropagation(), e.onConfirm(s, o);
-      } } }, [e._v("确定")]), i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: !o.loading, expression: "!data.loading" }], staticClass: "shrink-0", attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-        return n.stopPropagation(), e.onCancel(s, o);
-      } } }, [e._v("取消")])] : e._e()], 2)] : [i("span", { staticClass: "custom-tree-node", attrs: { "data-id": o.id } }, [i("span", { staticClass: "node-label flex-row flex-item oh ellipsis-1" }, [e.icon ? i("i", { staticClass: "node-icon", class: o.loading ? "el-icon-loading" : e.icon(o, s) }) : e._e(), i("span", { staticClass: "flex-item-relative", staticStyle: { height: "21px" } }, [i("span", { staticClass: "ellipsis-1 absolute-box et-tree-label", attrs: { title: s.label } }, [e._t("label", function() {
+      return [n.edit ? [i("span", { staticClass: "custom-tree-node flex-row flex-item oh", attrs: { "data-id": n.id } }, [e.icon ? i("i", { staticClass: "node-icon shrink-0", class: n.loading ? "el-icon-loading" : "el-icon-edit-outline" }) : e._e(), i("ElInput", { ref: "labelTxt", staticClass: "node-input flex-item", attrs: { size: "mini", placeholder: e.defaultOptions.inputPlaceholder }, on: { blur: (o) => e.inputBlur(o, s, n) }, nativeOn: { keyup: function(o) {
+        return ((a) => e.inputKeyup(a, s, n)).apply(null, arguments);
+      }, click: function(o) {
+        o.stopPropagation();
+      } }, model: { value: e.text, callback: function(o) {
+        e.text = o;
+      }, expression: "text" } }), e.confirmButton ? [i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: !n.loading, expression: "!data.loading" }], staticClass: "shrink-0", attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+        return o.stopPropagation(), e.onConfirm(s, n);
+      } } }, [e._v("确定")]), i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: !n.loading, expression: "!data.loading" }], staticClass: "shrink-0", attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+        return o.stopPropagation(), e.onCancel(s, n);
+      } } }, [e._v("取消")])] : e._e()], 2)] : [i("span", { staticClass: "custom-tree-node", attrs: { "data-id": n.id } }, [i("span", { staticClass: "node-label flex-row flex-item oh ellipsis-1" }, [e.icon ? i("i", { staticClass: "node-icon", class: n.loading ? "el-icon-loading" : e.icon(n, s) }) : e._e(), i("span", { staticClass: "flex-item-relative", staticStyle: { height: "21px" } }, [i("span", { staticClass: "ellipsis-1 absolute-box et-tree-label", attrs: { title: s.label } }, [e._t("label", function() {
         return [e._v(e._s(s.label))];
-      }, { data: o, node: s })], 2)]), e._t("label-suffix", null, { node: s, data: o })], 2), !e.contextMenu && !e.readonly ? i("span", { directives: [{ name: "show", rawName: "v-show", value: !o.loading && !e.loading, expression: "!data.loading && !loading" }], staticClass: "handle-actions" }, [i("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-        return n.stopPropagation(), e.appendChildNode(s, o);
-      } } }, [e._v("添加")]), i("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-        return n.stopPropagation(), e.editNode(s, o);
-      } } }, [e._v("修改")]), i("ElPopconfirm", { staticClass: "pop-confirm", attrs: { "icon-color": "red", title: "你确定要删除吗？" }, on: { confirm: function(n) {
-        return e.removeNode(s, o);
+      }, { data: n, node: s })], 2)]), e._t("label-suffix", null, { node: s, data: n })], 2), !e.contextMenu && !e.readonly ? i("span", { directives: [{ name: "show", rawName: "v-show", value: !n.loading && !e.loading, expression: "!data.loading && !loading" }], staticClass: "handle-actions" }, [i("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+        return o.stopPropagation(), e.appendChildNode(s, n);
+      } } }, [e._v("添加")]), i("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+        return o.stopPropagation(), e.editNode(s, n);
+      } } }, [e._v("修改")]), i("ElPopconfirm", { staticClass: "pop-confirm", attrs: { "icon-color": "red", title: "你确定要删除吗？" }, on: { confirm: function(o) {
+        return e.removeNode(s, n);
       } }, scopedSlots: e._u([{ key: "reference", fn: function() {
-        return [i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: s.isLeaf, expression: "node.isLeaf" }], staticStyle: { "margin-left": "4px" }, attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-          n.stopPropagation();
+        return [i("ElButton", { directives: [{ name: "show", rawName: "v-show", value: s.isLeaf, expression: "node.isLeaf" }], staticStyle: { "margin-left": "4px" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+          o.stopPropagation();
         } } }, [e._v("删除")])];
-      }, proxy: !0 }], null, !0) })], 1) : e._e(), e.contextMenuIcon && e.contextMenu && !e.readonly ? i("span", { directives: [{ name: "show", rawName: "v-show", value: !o.loading && !e.loading, expression: "!data.loading && !loading" }], staticClass: "handle-actions", staticStyle: { display: "inline-block" } }, [i("ElButton", { staticStyle: { padding: "6px 10px 0" }, attrs: { size: "mini", type: "text" }, on: { click: function(n) {
-        return n.stopPropagation(), e.showContextMenu(n, o, s);
+      }, proxy: !0 }], null, !0) })], 1) : e._e(), e.contextMenuIcon && e.contextMenu && !e.readonly ? i("span", { directives: [{ name: "show", rawName: "v-show", value: !n.loading && !e.loading, expression: "!data.loading && !loading" }], staticClass: "handle-actions", staticStyle: { display: "inline-block" } }, [i("ElButton", { staticStyle: { padding: "6px 10px 0" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+        return o.stopPropagation(), e.showContextMenu(o, n, s);
       } } }, [e._v(". . .")])], 1) : e._e()])]];
-    }, { node: s, data: o })];
+    }, { node: s, data: n })];
   } }], null, !0) }, "ElTree", e.filterTreeProperties(e.$attrs), !1), e.filterTreeEvents(e.$listeners))), e.contextMenu && !e.readonly ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showMenu, expression: "showMenu" }], ref: "contextMenu", staticClass: "menu", style: e.position }, [i("ul", { staticClass: "menu-list" }, [e._t("context-menu", function() {
     return [i("li", { directives: [{ name: "show", rawName: "v-show", value: e.curData.id > -1, expression: "curData.id > -1" }], staticClass: "menu-item", on: { click: function(s) {
       return e.appendPeerNode(e.curNode, e.curData);
@@ -514,15 +467,15 @@ var A = function() {
       return e.removeNodeModal(e.curNode, e.curData);
     } } }, [i("i", { staticClass: "menu-item-icon el-icon-delete", staticStyle: { color: "#f00" } }), e._v(e._s(e.menuLabel.removeNode) + " ")])];
   }, { curNode: e.curNode, curData: e.curData })], 2)]) : e._e()], 1)], 1);
-}, I = [], O = /* @__PURE__ */ S(
-  V,
-  A,
-  I,
+}, T = [], K = /* @__PURE__ */ k(
+  B,
+  _,
+  T,
   !1,
   null,
   null
 );
-const G = O.exports;
+const z = K.exports;
 export {
-  G as default
+  z 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;-moz-user-select:none;-ms-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}
+.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}