@web-utils/component 3.0.6 → 3.1.0

package/editable-tree/index.mjs

@@ -1,385 +1,37 @@
-var b = Object.defineProperty, _ = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
+var $ = Object.defineProperty, b = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
 var x = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var w = (e, i, t) => i in e ? b(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, c = (e, i) => {
-  for (var t in i || (i = {}))
-    B.call(i, t) && w(e, t, i[t]);
+var k = Object.prototype.hasOwnProperty, B = 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 = {}))
+    k.call(e, i) && w(t, i, e[i]);
   if (x)
-    for (var t of x(i))
-      T.call(i, t) && w(e, t, i[t]);
-  return e;
-}, h = (e, i) => _(e, k(i));
-var r = (e, i, t) => new Promise((s, o) => {
-  var n = (d) => {
+    for (var i of x(e))
+      B.call(e, i) && w(t, i, e[i]);
+  return t;
+}, h = (t, e) => b(t, _(e));
+var a = (t, e, i) => new Promise((s, n) => {
+  var o = (d) => {
     try {
-      l(t.next(d));
+      l(i.next(d));
     } catch (f) {
-      o(f);
+      n(f);
     }
-  }, a = (d) => {
+  }, r = (d) => {
     try {
-      l(t.throw(d));
+      l(i.throw(d));
     } catch (f) {
-      o(f);
+      n(f);
     }
-  }, l = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(n, a);
-  l((t = t.apply(e, i)).next());
+  }, l = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(o, r);
+  l((i = i.apply(t, e)).next());
 });
-import { hasOwn as m, isVerticalScrollbarVisible as M, scrollbarWidth as K, computePosition as P, isPlainObject as u, isFunction as N, isUndefined as p, isNotEmpty as E, fastClone as D, delay as L, findTreeChildren as R } from "@web-utils/core";
-import { addResizeListener as C, removeResizeListener as v } from "@web-utils/integrations/resize";
-import { cloneDeep as g } from "@web-utils/integrations/lodash";
-import { a as z, b as S, c as y } from "../chunks/index.57f871af.mjs";
-import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var A = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "editable-tree"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? t("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(), t("div", {
-    ref: "treeWrapper",
-    staticClass: "et-tree-wrapper"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top" ? t("div", {
-    staticStyle: {
-      "padding-left": "24px"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      disabled: e.loading,
-      size: "mini",
-      type: "text"
-    },
-    on: {
-      click: e.appendRootNode
-    }
-  }, [t("i", {
-    staticClass: "el-icon-lx-add"
-  }), e._v(" " + e._s(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`) + " ")])], 1) : e._e(), t("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(s) {
-        var o = s.node, n = s.data;
-        return [e._t("default", function() {
-          return [n.edit ? [t("span", {
-            staticClass: "custom-tree-node flex-row flex-item oh",
-            attrs: {
-              "data-id": n.id
-            }
-          }, [e.icon ? t("i", {
-            staticClass: "node-icon shrink-0",
-            class: n.loading ? "el-icon-loading" : "el-icon-edit-outline"
-          }) : e._e(), t("ElInput", {
-            ref: "labelTxt",
-            staticClass: "node-input flex-item",
-            attrs: {
-              size: "mini",
-              placeholder: e.defaultOptions.inputPlaceholder
-            },
-            on: {
-              blur: function(a) {
-                return e.inputBlur(a, o, n);
-              }
-            },
-            nativeOn: {
-              keyup: function(a) {
-                return function(l) {
-                  return e.inputKeyup(l, o, n);
-                }.apply(null, arguments);
-              },
-              click: function(a) {
-                a.stopPropagation();
-              }
-            },
-            model: {
-              value: e.text,
-              callback: function(a) {
-                e.text = a;
-              },
-              expression: "text"
-            }
-          }), e.confirmButton ? [t("ElButton", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !n.loading,
-              expression: "!data.loading"
-            }],
-            staticClass: "shrink-0",
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(a) {
-                return a.stopPropagation(), e.onConfirm(o, n);
-              }
-            }
-          }, [e._v("确定")]), t("ElButton", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !n.loading,
-              expression: "!data.loading"
-            }],
-            staticClass: "shrink-0",
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(a) {
-                return a.stopPropagation(), e.onCancel(o, n);
-              }
-            }
-          }, [e._v("取消")])] : e._e()], 2)] : [t("span", {
-            staticClass: "custom-tree-node",
-            attrs: {
-              "data-id": n.id
-            }
-          }, [t("span", {
-            staticClass: "node-label flex-row flex-item oh ellipsis-1"
-          }, [e.icon ? t("i", {
-            staticClass: "node-icon",
-            class: n.loading ? "el-icon-loading" : e.icon(n, o)
-          }) : e._e(), t("span", {
-            staticClass: "flex-item-relative",
-            staticStyle: {
-              height: "21px"
-            }
-          }, [t("span", {
-            staticClass: "ellipsis-1 absolute-box et-tree-label",
-            attrs: {
-              title: o.label
-            }
-          }, [e._t("label", function() {
-            return [e._v(e._s(o.label))];
-          }, {
-            data: n,
-            node: o
-          })], 2)]), e._t("label-suffix", null, {
-            node: o,
-            data: n
-          })], 2), !e.contextMenu && !e.readonly ? t("span", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !n.loading && !e.loading,
-              expression: "!data.loading && !loading"
-            }],
-            staticClass: "handle-actions"
-          }, [t("ElButton", {
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(a) {
-                return a.stopPropagation(), e.appendChildNode(o, n);
-              }
-            }
-          }, [e._v("添加")]), t("ElButton", {
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(a) {
-                return a.stopPropagation(), e.editNode(o, n);
-              }
-            }
-          }, [e._v("修改")]), t("ElPopconfirm", {
-            staticClass: "pop-confirm",
-            attrs: {
-              "icon-color": "red",
-              title: "你确定要删除吗？"
-            },
-            on: {
-              confirm: function(a) {
-                return e.removeNode(o, n);
-              }
-            },
-            scopedSlots: e._u([{
-              key: "reference",
-              fn: function() {
-                return [t("ElButton", {
-                  directives: [{
-                    name: "show",
-                    rawName: "v-show",
-                    value: o.isLeaf,
-                    expression: "node.isLeaf"
-                  }],
-                  staticStyle: {
-                    "margin-left": "4px"
-                  },
-                  attrs: {
-                    size: "mini",
-                    type: "text"
-                  },
-                  on: {
-                    click: function(a) {
-                      a.stopPropagation();
-                    }
-                  }
-                }, [e._v("删除")])];
-              },
-              proxy: !0
-            }], null, !0)
-          })], 1) : e._e(), e.contextMenuIcon && e.contextMenu && !e.readonly ? t("span", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !n.loading && !e.loading,
-              expression: "!data.loading && !loading"
-            }],
-            staticClass: "handle-actions",
-            staticStyle: {
-              display: "inline-block"
-            }
-          }, [t("ElButton", {
-            staticStyle: {
-              padding: "6px 10px 0"
-            },
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(a) {
-                return a.stopPropagation(), e.showContextMenu(a, n, o);
-              }
-            }
-          }, [e._v(". . .")])], 1) : e._e()])]];
-        }, {
-          node: o,
-          data: n
-        })];
-      }
-    }], null, !0)
-  }, "ElTree", e.filterTreeProperties(e.$attrs), !1), e.filterTreeEvents(e.$listeners))), e.contextMenu && !e.readonly ? t("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.showMenu,
-      expression: "showMenu"
-    }],
-    ref: "contextMenu",
-    staticClass: "menu",
-    style: e.position
-  }, [t("ul", {
-    staticClass: "menu-list"
-  }, [e._t("context-menu", function() {
-    return [t("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);
-        }
-      }
-    }, [t("i", {
-      staticClass: "menu-item-icon el-icon-lx-add",
-      staticStyle: {
-        color: "#228b22"
-      }
-    }), e._v(e._s(e.menuLabel.appendPeer) + " ")]), t("li", {
-      staticClass: "menu-item",
-      on: {
-        click: function(s) {
-          return e.appendChildNode(e.curNode, e.curData);
-        }
-      }
-    }, [t("i", {
-      staticClass: "menu-item-icon el-icon-lx-add",
-      staticStyle: {
-        color: "#228b22"
-      }
-    }), e._v(e._s(e.menuLabel.appendChild) + " ")]), t("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.editNode(e.curNode, e.curData);
-        }
-      }
-    }, [t("i", {
-      staticClass: "menu-item-icon el-icon-edit-outline",
-      staticStyle: {
-        color: "#ffa500"
-      }
-    }), e._v(e._s(e.menuLabel.editNode) + " ")]), t("li", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: e.curNode.isLeaf,
-        expression: "curNode.isLeaf"
-      }],
-      staticClass: "menu-item",
-      on: {
-        click: function(s) {
-          return e.removeNodeModal(e.curNode, e.curData);
-        }
-      }
-    }, [t("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 = [];
-const O = {
+import { hasOwn as m, isVerticalScrollbarVisible as T, scrollbarWidth as M, computePosition as K, isPlainObject as u, isFunction as N, isUndefined as p, isNotEmpty as P, fastClone as E, delay as D, findTreeChildren as L } from "@web-utils/core";
+import { addResizeListener as C, removeResizeListener 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.57f871af.mjs";
+import { n as S } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const V = {
   name: "EditableTree",
   props: {
     label: {
@@ -395,9 +47,9 @@ const O = {
     },
     newNodeBuilder: {
       type: Function,
-      default: (e, i) => ({
-        name: e,
-        parentId: i.id
+      default: (t, e) => ({
+        name: t,
+        parentId: e.id
       })
     },
     contextMenu: Boolean,
@@ -438,7 +90,7 @@ const O = {
       default: () => ({
         children: "children",
         label: "name",
-        isLeaf: (e) => m(e, "hasChildren") ? !e.hasChildren : m(e, "hasChild") ? !e.hasChild : m(e, "children") && e.children ? e.children.length === 0 : !0
+        isLeaf: (t) => m(t, "hasChildren") ? !t.hasChildren : m(t, "hasChild") ? !t.hasChild : m(t, "children") && t.children ? t.children.length === 0 : !0
       })
     },
     menuLabel: {
@@ -492,19 +144,19 @@ const O = {
         modal: !0,
         inputErrorMessage: `${this.label}名不能为空！`,
         inputPlaceholder: `请输入${this.label}名...`,
-        inputValidator: (e) => e != null && e.trim().length > 0
+        inputValidator: (t) => t != null && t.trim().length > 0
       };
     },
     innerTreeData() {
-      var e;
-      return (e = this.$attrs.data) != null && e.length ? this.$attrs.data : this.treeData;
+      var t;
+      return (t = this.$attrs.data) != null && t.length ? this.$attrs.data : this.treeData;
     }
   },
   watch: {
     defaultExpandedKeys: {
       immediate: !0,
-      handler(e) {
-        this.expandedKeys = [...e];
+      handler(t) {
+        this.expandedKeys = [...t];
       }
     }
   },
@@ -515,63 +167,63 @@ const O = {
     C(this.$refs.tree.$el, this.resize), C(this.$refs.treeWrapper, this.resize);
   },
   beforeDestroy() {
-    v(this.$refs.tree.$el, this.resize), v(this.$refs.treeWrapper, this.resize);
+    g(this.$refs.tree.$el, this.resize), g(this.$refs.treeWrapper, this.resize);
   },
   methods: {
-    filterTreeProperties: z,
-    filterTreeEvents: S,
-    addExpandKey(e) {
-      this.reserveExpandKey && this.expandedKeys.push(e[this.nodeKey]);
+    filterTreeProperties: R,
+    filterTreeEvents: z,
+    addExpandKey(t) {
+      this.reserveExpandKey && this.expandedKeys.push(t[this.nodeKey]);
     },
-    removeExpandKey(e) {
-      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((i) => i !== e[this.nodeKey]));
+    removeExpandKey(t) {
+      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((e) => e !== t[this.nodeKey]));
     },
     resize() {
-      M(this.$refs.treeWrapper) ? this.right = 4 + K : this.right = 4;
+      T(this.$refs.treeWrapper) ? this.right = 4 + M : this.right = 4;
     },
-    showContextMenu(e, i, t) {
-      return r(this, null, function* () {
-        i.contextmenu === !1 || i.id === -1 || i.id === 0 || i.edit === !0 || this.contextMenu && (this.curNode = t, this.curData = i, this.showMenu = !0, this.$refs.tree.setCurrentKey(i.id), yield this.$nextTick(), this.position = P(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+    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 = K(t, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
       });
     },
     hideContextMenu() {
       this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
     },
     tryFetch() {
-      return r(this, null, function* () {
-        var e, i;
+      return a(this, null, function* () {
+        var t, e;
         if (this.lazy === !1 && this.fetchApi) {
-          const t = yield this.fetchApi((i = (e = this.rootNode) == null ? void 0 : e.id) != null ? i : -1, {});
-          if (u(t.data) && (t.data = [t.data]), t.data = t.data || [], this.empty = t.data.length === 0, u(this.customRootNode)) {
-            const s = g(this.customRootNode);
-            s[this.treeProps.children || "children"] = t.data, this.treeData = [s];
+          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(t.data);
-            s[this.treeProps.children || "children"] = t.data, this.treeData = u(s) ? [s] : s;
+            const s = this.customRootNode(i.data);
+            s[this.treeProps.children || "children"] = i.data, this.treeData = u(s) ? [s] : s;
           } else
-            this.treeData = t.data;
+            this.treeData = i.data;
         }
       });
     },
-    loadNode(e, i) {
-      return r(this, null, function* () {
-        var t, s, o, n;
-        if (e.level === 0) {
-          const a = yield this.fetchApi((s = (t = this.rootNode) == null ? void 0 : t.id) != null ? s : -1, e);
-          if (this.empty = a.data.length === 0, u(this.customRootNode)) {
-            const l = g(this.customRootNode);
-            l[this.treeProps.children || "children"] = a.data, i([l]);
+    loadNode(t, e) {
+      return a(this, null, function* () {
+        var i, s, n, o;
+        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(a.data);
-            l[this.treeProps.children || "children"] = a.data, this.treeData = u(l) ? [l] : l;
+            const l = this.customRootNode(r.data);
+            l[this.treeProps.children || "children"] = r.data, this.treeData = u(l) ? [l] : l;
           } else
-            i(a.data);
-          yield this.$nextTick(), this.$emit("root-node-loaded", a.data), this.defaultExpandedKeys ? this.expandedKeys = [(o = a == null ? void 0 : a.data[0]) == null ? void 0 : o.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(n = a == null ? void 0 : a.data[0]) == null ? void 0 : n.id]);
+            e(r.data);
+          yield this.$nextTick(), this.$emit("root-node-loaded", r.data), this.defaultExpandedKeys ? this.expandedKeys = [(n = r == null ? void 0 : r.data[0]) == null ? void 0 : n.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(o = r == null ? void 0 : r.data[0]) == null ? void 0 : o.id]);
         } else {
-          if (e.leaf || e.data.isTempNode)
-            return i([]);
-          const a = yield this.fetchApi(e.data.id, e);
-          i(a.data), yield this.$nextTick(), this.$emit("node-loaded", a.data);
+          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);
         }
       });
     },
@@ -587,121 +239,121 @@ const O = {
     cancelEdit() {
       this.editData && (p(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
     },
-    editNode(e, i) {
-      return r(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = i, this.text = i[this.treeProps.label], p(i.edit) ? this.$set(i, "edit", !0) : i.edit = !0, yield this.$nextTick(), this.$refs.labelTxt.focus()) : yield this.$prompt(`请输入新的${this.label}名：`, h(c({}, this.defaultOptions), {
-          inputValue: i[this.treeProps.label],
-          beforeClose: (t, s, o) => r(this, null, function* () {
-            if (t === "confirm") {
+    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, n) => 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.confirmButtonLoading = !0, s.confirmButtonText = "处理中...", this.text = s.inputValue, yield this.onConfirm(this.curNode, this.curData), n();
+              } catch (o) {
                 s.confirmButtonText = "确定";
               }
               s.confirmButtonLoading = !1;
             } else
-              o();
+              n();
           })
-        })).catch((t) => t);
+        })).catch((i) => i);
       });
     },
     appendRootNode() {
-      return r(this, null, function* () {
+      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: (e, i, t) => r(this, null, function* () {
-            if (e === "confirm") {
+          beforeClose: (t, e, i) => a(this, null, function* () {
+            if (t === "confirm") {
               try {
-                this.createNewChild(-1), i.confirmButtonLoading = !0, i.confirmButtonText = "处理中...";
-                const s = yield this.saveApi(this.newNodeBuilder(i.inputValue, { id: -1 }));
-                this.newChild[this.treeProps.label] = i.inputValue, this.newChild.edit = !1, y(this.newChild, s.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.locateView(), t();
+                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) {
-                i.confirmButtonText = "确定";
+                e.confirmButtonText = "确定";
               }
-              i.confirmButtonLoading = !1;
+              e.confirmButtonLoading = !1;
             } else
-              t();
+              i();
           })
-        })).catch((e) => e);
+        })).catch((t) => t);
       });
     },
-    appendChildNode(e) {
+    appendChildNode(t) {
       this.text = "";
-      const i = e.expanded;
-      e.expand(() => r(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), yield this.scrollIntoView(i)) : yield this.$prompt(`请输入${this.label}名：`, h(c({}, this.defaultOptions), {
-          beforeClose: (t, s, o) => r(this, null, function* () {
-            if (t === "confirm") {
+      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, n) => a(this, null, function* () {
+            if (i === "confirm") {
               try {
-                this.createNewChild(e.data.id), s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...";
-                const n = yield this.saveApi(this.newNodeBuilder(s.inputValue, e.data));
-                this.newChild[this.treeProps.label] = s.inputValue, this.newChild.edit = !1, y(this.newChild, n.data), this.$refs.tree.append(this.newChild, e), yield this.locateView(), o();
-              } catch (n) {
+                this.createNewChild(t.data.id), s.confirmButtonLoading = !0, s.confirmButtonText = "处理中...";
+                const o = yield this.saveApi(this.newNodeBuilder(s.inputValue, t.data));
+                this.newChild[this.treeProps.label] = s.inputValue, this.newChild.edit = !1, y(this.newChild, o.data), this.$refs.tree.append(this.newChild, t), yield this.locateView(), n();
+              } catch (o) {
                 s.confirmButtonText = "确定";
               }
               s.confirmButtonLoading = !1;
             } else
-              o();
+              n();
           })
-        })).catch((t) => t);
+        })).catch((i) => i);
       }));
     },
-    appendChildNodeWithData(e, i, t) {
+    appendChildNodeWithData(t, e, i) {
       this.text = "";
-      const s = e.expanded;
-      e.expand(() => r(this, null, function* () {
+      const s = t.expanded;
+      t.expand(() => a(this, null, function* () {
         this.clear(), this.newChild = {
           id: -1,
-          parentId: i,
-          [this.treeProps.label]: t,
+          parentId: e,
+          [this.treeProps.label]: i,
           edit: !1,
           isTempNode: !0,
           hasChildren: !1
-        }, this.$refs.tree.append(this.newChild, e), yield this.scrollIntoView(s);
+        }, this.$refs.tree.append(this.newChild, t), yield this.scrollIntoView(s);
       }));
     },
-    appendPeerNode(e) {
-      e.parent && e.parent.level !== 0 ? this.appendChildNode(e.parent) : this.appendRootNode();
+    appendPeerNode(t) {
+      t.parent && t.parent.level !== 0 ? this.appendChildNode(t.parent) : this.appendRootNode();
     },
-    addRootNode(e) {
-      return r(this, null, function* () {
-        this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.root.insertChild({ data: e }, void 0, !0);
+    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);
       });
     },
-    addChildNode(e) {
-      return r(this, null, function* () {
-        this.curNode && this.curNode.level !== 0 ? this.curNode.expand(() => r(this, null, function* () {
-          this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.append(e, this.curNode);
-        })) : yield this.addRootNode(e);
+    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);
       });
     },
-    addPeerNode(e) {
-      return r(this, null, function* () {
-        this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(() => r(this, null, function* () {
-          this.$refs.tree.remove(e), yield this.$nextTick(), this.$refs.tree.append(e, this.curNode.parent);
-        })) : yield this.addRootNode(e);
+    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);
       });
     },
-    updateNode(e) {
-      const i = this.$refs.tree.getNode(e);
-      i && (i.data = e);
+    updateNode(t) {
+      const e = this.$refs.tree.getNode(t);
+      e && (e.data = t);
     },
-    setCurrentKey(e) {
-      this.$refs.tree && this.$refs.tree.setCurrentKey(e);
+    setCurrentKey(t) {
+      this.$refs.tree && this.$refs.tree.setCurrentKey(t);
     },
-    createNewChild(e) {
+    createNewChild(t) {
       this.newChild = {
         id: -1,
-        parentId: e,
+        parentId: t,
         [this.treeProps.label]: "",
         edit: !0,
         isTempNode: !0,
         hasChildren: !1
       }, this.$emit("create-new-node", this.newChild);
     },
-    removeNodeModal(e) {
-      return r(this, null, function* () {
+    removeNodeModal(t) {
+      return a(this, null, function* () {
         yield this.$confirm(
-          `你确定要删除${this.label}[<span class="break-word" style="color: orange">${e.data[this.treeProps.label]}</span>]吗？`,
+          `你确定要删除${this.label}[<span class="break-word" style="color: orange">${t.data[this.treeProps.label]}</span>]吗？`,
           "系统提示",
           {
             type: "warning",
@@ -711,134 +363,171 @@ const O = {
             closeOnClickModal: !1,
             confirmButtonClass: "el-button--danger",
             cancelButtonClass: "el-button--primary is-plain",
-            beforeClose: (i, t, s) => r(this, null, function* () {
-              if (i === "confirm") {
+            beforeClose: (e, i, s) => a(this, null, function* () {
+              if (e === "confirm") {
                 try {
-                  t.confirmButtonLoading = !0, t.confirmButtonText = "删除...";
-                  const o = e.parent, n = yield this.deleteApi(e.data.id);
-                  n.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", o, e.data), s()) : this.$message.error(n.message);
-                } catch (o) {
+                  i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
+                  const n = t.parent, o = yield 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 (n) {
                 }
-                t.confirmButtonText = "确定", t.confirmButtonLoading = !1;
+                i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
               } else
                 s();
             })
           }
-        ).catch((i) => i);
+        ).catch((e) => e);
       });
     },
-    removeNode(e) {
-      return r(this, null, function* () {
+    removeNode(t) {
+      return a(this, null, function* () {
         try {
-          const i = e.parent;
+          const e = t.parent;
           if (this.deleteApi) {
-            const t = yield this.deleteApi(e.data.id);
-            t.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", i, e.data)) : this.$message.error(t.message);
+            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(e);
-        } catch (i) {
+            this.$refs.tree.remove(t);
+        } catch (e) {
         }
       });
     },
-    onConfirm(e, i) {
-      return r(this, null, function* () {
-        if (i[this.treeProps.label] === this.text || !E(this.text)) {
+    onConfirm(t, e) {
+      return a(this, null, function* () {
+        if (e[this.treeProps.label] === this.text || !P(this.text)) {
           this.clear();
           return;
         }
-        p(i.loading) ? this.$set(i, "loading", !0) : i.loading = !0;
+        p(e.loading) ? this.$set(e, "loading", !0) : e.loading = !0;
         try {
-          if (this.loading = !0, i.id === -1) {
-            const t = yield this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), s = D(i);
-            y(i, h(c({}, t.data), { isTempNode: !1 })), this.$emit("node-added", i, s, e), this.registerNode(e);
+          if (this.loading = !0, e.id === -1) {
+            const i = yield this.saveApi(this.newNodeBuilder(this.text, t.parent.data || { id: -1 })), s = E(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({}, i), { [this.treeProps.label]: this.text }));
-          i[this.treeProps.label] = this.text, i.edit = !1, this.$emit("node-updated", i, e), this.text = "";
-        } catch (t) {
+            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) {
         }
-        i.loading = !1, this.loading = !1;
+        e.loading = !1, this.loading = !1;
       });
     },
-    onCancel(e, i) {
-      i.id === -1 ? this.$refs.tree.remove(e) : i.edit = !1, this.text = "";
+    onCancel(t, e) {
+      e.id === -1 ? this.$refs.tree.remove(t) : e.edit = !1, this.text = "";
     },
-    nodeClick(e, i, t) {
-      this.hideContextMenu(), (p(e.loading) || !e.loading) && (this.curNode = i, this.curData = e, this.$emit("on-node-click", e, i, t));
+    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));
     },
     getCurrentNode() {
       return this.$refs.tree.getCurrentNode();
     },
     locateView() {
-      return r(this, null, function* () {
+      return a(this, null, function* () {
         yield this.$nextTick();
-        const e = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-        e && e.scrollIntoView();
+        const t = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
+        t && t.scrollIntoView();
       });
     },
-    scrollIntoView(e) {
-      return r(this, null, function* () {
-        var i, t;
-        yield this.$nextTick(), e || (yield L(300)), (t = (i = this.$refs) == null ? void 0 : i.labelTxt) == null || t.focus();
+    scrollIntoView(t) {
+      return a(this, null, function* () {
+        var e, i;
+        yield this.$nextTick(), t || (yield D(300)), (i = (e = this.$refs) == null ? void 0 : e.labelTxt) == null || i.focus();
       });
     },
-    inputKeyup(e, i, t) {
-      e.keyCode === 13 && this.onConfirm(i, t), e.keyCode === 27 && this.clear();
+    inputKeyup(t, e, i) {
+      t.keyCode === 13 && this.onConfirm(e, i), t.keyCode === 27 && this.clear();
     },
-    inputBlur(e, i, t) {
-      this.confirmButton || this.onConfirm(i, t);
+    inputBlur(t, e, i) {
+      this.confirmButton || this.onConfirm(e, i);
     },
     getCheckedKeys() {
       return this.$refs.tree.getCheckedKeys();
     },
-    setCheckedKeys(e) {
-      this.$refs.tree.setCheckedKeys(e);
+    setCheckedKeys(t) {
+      this.$refs.tree.setCheckedKeys(t);
     },
     getCheckedNodes() {
       return this.$refs.tree.getCheckedNodes();
     },
-    setCheckedNodes(e) {
-      this.$refs.tree.setCheckedNodes(e);
+    setCheckedNodes(t) {
+      this.$refs.tree.setCheckedNodes(t);
     },
-    getNode(e) {
-      return this.$refs.tree.getNode(e);
+    getNode(t) {
+      return this.$refs.tree.getNode(t);
     },
     getRootNode() {
       return this.$refs.tree.root;
     },
-    findTreeNode(e) {
-      return R(
+    findTreeNode(t) {
+      return L(
         this.$refs.tree.root.childNodes,
-        (i) => i.data === e || i.data.id === e,
+        (e) => e.data === t || e.data.id === t,
         "childNodes"
       );
     },
-    registerNode(e) {
-      e.store.registerNode(e), delete e.store.nodesMap[-1];
+    registerNode(t) {
+      t.store.registerNode(t), delete t.store.nodesMap[-1];
     },
     reloadTree() {
-      return r(this, null, function* () {
+      return a(this, null, function* () {
         this.lazy ? this.treeKey = Date.now() : yield this.tryFetch();
       });
     }
   }
-}, $ = {};
-var F = /* @__PURE__ */ V(
-  O,
+};
+var A = 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: n }) {
+    return [e._t("default", 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 ((r) => e.inputKeyup(r, 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: 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(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: !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: 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);
+    } } }, [i("i", { staticClass: "menu-item-icon el-icon-lx-add", staticStyle: { color: "#228b22" } }), e._v(e._s(e.menuLabel.appendPeer) + " ")]), i("li", { staticClass: "menu-item", on: { click: function(s) {
+      return e.appendChildNode(e.curNode, e.curData);
+    } } }, [i("i", { staticClass: "menu-item-icon el-icon-lx-add", staticStyle: { color: "#228b22" } }), e._v(e._s(e.menuLabel.appendChild) + " ")]), 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.editNode(e.curNode, e.curData);
+    } } }, [i("i", { staticClass: "menu-item-icon el-icon-edit-outline", staticStyle: { color: "#ffa500" } }), e._v(e._s(e.menuLabel.editNode) + " ")]), i("li", { directives: [{ name: "show", rawName: "v-show", value: e.curNode.isLeaf, expression: "curNode.isLeaf" }], staticClass: "menu-item", on: { click: function(s) {
+      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,
   !1,
-  j,
+  null,
   null,
   null,
   null
 );
-function j(e) {
-  for (let i in $)
-    this[i] = $[i];
-}
-const Q = /* @__PURE__ */ function() {
-  return F.exports;
-}();
+const G = O.exports;
 export {
-  Q as default
+  G as default
 };