@web-utils/component 2.0.10 → 2.0.12

package/dist/components/editable-tree/index.js

@@ -1,355 +1,365 @@
-import { hasOwn as d, addResizeListener as h, removeResizeListener as u, isVerticalScrollbarVisible as x, scrollbarWidth as w, computePosition as N, isPlainObject as r, cloneDeep as p, isFunction as f, isUndefined as l, isNotEmpty as C, fastClone as v, delay as g, findTreeChildren as $ } from "@web-utils/core";
-import { a as b, b as _, c } from "../../chunks/f71045fc.js";
-import { n as k } from "../../chunks/5d4282fb.js";
-var B = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("div", {
+import { hasOwn, addResizeListener, removeResizeListener, isVerticalScrollbarVisible, scrollbarWidth, computePosition, isPlainObject, cloneDeep, isFunction, isUndefined, isNotEmpty, fastClone, delay, findTreeChildren } from "@web-utils/core";
+import { a as filterTreeProperties, b as filterTreeEvents, c as assignReactiveProperties } from "../../chunks/c69d5628.js";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "editable-tree"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? i("ElButton", {
+  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top-right" ? _c("ElButton", {
     staticStyle: {
-      position: "absolute",
-      top: "4px",
+      "position": "absolute",
+      "top": "4px",
       "z-index": "1"
     },
     style: {
-      right: `${e.right}px`
+      right: `${_vm.right}px`
     },
     attrs: {
-      type: "primary",
-      size: "mini",
-      icon: "el-icon-plus",
-      circle: "",
-      plain: ""
+      "type": "primary",
+      "size": "mini",
+      "icon": "el-icon-plus",
+      "circle": "",
+      "plain": ""
     },
     on: {
-      click: function(a) {
-        return a.stopPropagation(), e.$emit("add-root-node");
+      "click": function($event) {
+        $event.stopPropagation();
+        return _vm.$emit("add-root-node");
       }
     }
-  }) : e._e(), i("div", {
+  }) : _vm._e(), _c("div", {
     ref: "treeWrapper",
     staticClass: "et-tree-wrapper"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top" ? i("div", {
+  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top" ? _c("div", {
     staticStyle: {
       "padding-left": "24px"
     }
-  }, [i("ElButton", {
+  }, [_c("ElButton", {
     attrs: {
-      disabled: e.loading,
-      size: "mini",
-      type: "text"
+      "disabled": _vm.loading,
+      "size": "mini",
+      "type": "text"
     },
     on: {
-      click: e.appendRootNode
+      "click": _vm.appendRootNode
     }
-  }, [i("i", {
+  }, [_c("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,
+  }), _vm._v(" " + _vm._s(_vm.addRootNodeLabel ? _vm.addRootNodeLabel : `添加${_vm.label}`) + " ")])], 1) : _vm._e(), _c("ElTree", _vm._g(_vm._b({
+    key: _vm.treeKey,
     ref: "tree",
     staticClass: "flex-item",
     attrs: {
-      "default-expanded-keys": e.expandedKeys,
-      "expand-on-click-node": !1,
+      "default-expanded-keys": _vm.expandedKeys,
+      "expand-on-click-node": false,
       "highlight-current": "",
-      load: e.loadNode,
-      data: e.innerTreeData,
-      props: e.treeProps,
-      lazy: e.lazy,
-      "node-key": e.nodeKey
+      "load": _vm.loadNode,
+      "data": _vm.innerTreeData,
+      "props": _vm.treeProps,
+      "lazy": _vm.lazy,
+      "node-key": _vm.nodeKey
     },
     on: {
-      "node-click": e.nodeClick,
-      "node-contextmenu": e.showContextMenu,
-      "node-expand": e.addExpandKey,
-      "node-collapse": e.removeExpandKey
+      "node-click": _vm.nodeClick,
+      "node-contextmenu": _vm.showContextMenu,
+      "node-expand": _vm.addExpandKey,
+      "node-collapse": _vm.removeExpandKey
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(a) {
-        var o = a.node, s = a.data;
-        return [e._t("default", function() {
-          return [s.edit ? [i("span", {
-            staticClass: "custom-tree-node flex-row flex-item oh",
-            attrs: {
-              "data-id": s.id
-            }
-          }, [e.icon ? i("i", {
-            staticClass: "node-icon shrink-0",
-            class: s.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: function(n) {
-                return e.inputBlur(n, o, s);
-              }
-            },
-            nativeOn: {
-              keyup: function(n) {
-                return function(y) {
-                  return e.inputKeyup(y, o, s);
-                }.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: !s.loading,
-              expression: "!data.loading"
-            }],
-            staticClass: "shrink-0",
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(n) {
-                return n.stopPropagation(), e.onConfirm(o, s);
-              }
-            }
-          }, [e._v("确定")]), i("ElButton", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !s.loading,
-              expression: "!data.loading"
-            }],
-            staticClass: "shrink-0",
-            attrs: {
-              size: "mini",
-              type: "text"
-            },
-            on: {
-              click: function(n) {
-                return n.stopPropagation(), e.onCancel(o, s);
-              }
-            }
-          }, [e._v("取消")])] : e._e()], 2)] : [i("span", {
+      fn: function(_ref) {
+        var node = _ref.node, data = _ref.data;
+        return [_vm._t("default", function() {
+          return [!data.edit ? [_c("span", {
             staticClass: "custom-tree-node",
             attrs: {
-              "data-id": s.id
+              "data-id": data.id
             }
-          }, [i("span", {
+          }, [_c("span", {
             staticClass: "node-label flex-row flex-item oh ellipsis-1"
-          }, [e.icon ? i("i", {
+          }, [_vm.icon ? _c("i", {
             staticClass: "node-icon",
-            class: s.loading ? "el-icon-loading" : e.icon(s, o)
-          }) : e._e(), i("span", {
+            class: data.loading ? "el-icon-loading" : _vm.icon(data, node)
+          }) : _vm._e(), _c("span", {
             staticClass: "flex-item-relative",
             staticStyle: {
-              height: "21px"
+              "height": "21px"
             }
-          }, [i("span", {
+          }, [_c("span", {
             staticClass: "ellipsis-1 absolute-box et-tree-label",
             attrs: {
-              title: o.label
+              "title": node.label
             }
-          }, [e._t("label", function() {
-            return [e._v(e._s(o.label))];
+          }, [_vm._t("label", function() {
+            return [_vm._v(_vm._s(node.label))];
           }, {
-            data: s,
-            node: o
-          })], 2)]), e._t("label-suffix", null, {
-            node: o,
-            data: s
-          })], 2), !e.contextMenu && !e.readonly ? i("span", {
+            "data": data,
+            "node": node
+          })], 2)]), _vm._t("label-suffix", null, {
+            "node": node,
+            "data": data
+          })], 2), !_vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading && !e.loading,
+              value: !data.loading && !_vm.loading,
               expression: "!data.loading && !loading"
             }],
             staticClass: "handle-actions"
-          }, [i("ElButton", {
+          }, [_c("ElButton", {
             attrs: {
-              size: "mini",
-              type: "text"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.appendChildNode(o, s);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.appendChildNode(node, data);
               }
             }
-          }, [e._v("添加")]), i("ElButton", {
+          }, [_vm._v("添加")]), _c("ElButton", {
             attrs: {
-              size: "mini",
-              type: "text"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.editNode(o, s);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.editNode(node, data);
               }
             }
-          }, [e._v("修改")]), i("ElPopconfirm", {
+          }, [_vm._v("修改")]), _c("ElPopconfirm", {
             staticClass: "pop-confirm",
             attrs: {
               "icon-color": "red",
-              title: "你确定要删除吗？"
+              "title": "你确定要删除吗？"
             },
             on: {
-              confirm: function(n) {
-                return e.removeNode(o, s);
+              "confirm": function($event) {
+                return _vm.removeNode(node, data);
               }
             },
-            scopedSlots: e._u([{
+            scopedSlots: _vm._u([{
               key: "reference",
               fn: function() {
-                return [i("ElButton", {
+                return [_c("ElButton", {
                   directives: [{
                     name: "show",
                     rawName: "v-show",
-                    value: o.isLeaf,
+                    value: node.isLeaf,
                     expression: "node.isLeaf"
                   }],
                   staticStyle: {
                     "margin-left": "4px"
                   },
                   attrs: {
-                    size: "mini",
-                    type: "text"
+                    "size": "mini",
+                    "type": "text"
                   },
                   on: {
-                    click: function(n) {
-                      n.stopPropagation();
+                    "click": function($event) {
+                      $event.stopPropagation();
                     }
                   }
-                }, [e._v("删除")])];
+                }, [_vm._v("删除")])];
               },
-              proxy: !0
-            }], null, !0)
-          })], 1) : e._e(), e.contextMenuIcon && e.contextMenu && !e.readonly ? i("span", {
+              proxy: true
+            }], null, true)
+          })], 1) : _vm._e(), _vm.contextMenuIcon && _vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading && !e.loading,
+              value: !data.loading && !_vm.loading,
               expression: "!data.loading && !loading"
             }],
             staticClass: "handle-actions",
             staticStyle: {
-              display: "inline-block"
+              "display": "inline-block"
             }
-          }, [i("ElButton", {
+          }, [_c("ElButton", {
             staticStyle: {
-              padding: "6px 10px 0"
+              "padding": "6px 10px 0"
             },
             attrs: {
-              size: "mini",
-              type: "text"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.showContextMenu(n, s, o);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.showContextMenu($event, data, node);
               }
             }
-          }, [e._v(". . .")])], 1) : e._e()])]];
+          }, [_vm._v(". . .")])], 1) : _vm._e()])] : [_c("span", {
+            staticClass: "custom-tree-node flex-row flex-item oh",
+            attrs: {
+              "data-id": data.id
+            }
+          }, [_vm.icon ? _c("i", {
+            staticClass: "node-icon shrink-0",
+            class: data.loading ? "el-icon-loading" : "el-icon-edit-outline"
+          }) : _vm._e(), _c("ElInput", {
+            ref: "labelTxt",
+            staticClass: "node-input flex-item",
+            attrs: {
+              "size": "mini",
+              "placeholder": _vm.defaultOptions.inputPlaceholder
+            },
+            on: {
+              "blur": function(event) {
+                return _vm.inputBlur(event, node, data);
+              }
+            },
+            nativeOn: {
+              "keyup": function($event) {
+                return function(event) {
+                  return _vm.inputKeyup(event, node, data);
+                }.apply(null, arguments);
+              },
+              "click": function($event) {
+                $event.stopPropagation();
+              }
+            },
+            model: {
+              value: _vm.text,
+              callback: function($$v) {
+                _vm.text = $$v;
+              },
+              expression: "text"
+            }
+          }), _vm.confirmButton ? [_c("ElButton", {
+            directives: [{
+              name: "show",
+              rawName: "v-show",
+              value: !data.loading,
+              expression: "!data.loading"
+            }],
+            staticClass: "shrink-0",
+            attrs: {
+              "size": "mini",
+              "type": "text"
+            },
+            on: {
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.onConfirm(node, data);
+              }
+            }
+          }, [_vm._v("确定")]), _c("ElButton", {
+            directives: [{
+              name: "show",
+              rawName: "v-show",
+              value: !data.loading,
+              expression: "!data.loading"
+            }],
+            staticClass: "shrink-0",
+            attrs: {
+              "size": "mini",
+              "type": "text"
+            },
+            on: {
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.onCancel(node, data);
+              }
+            }
+          }, [_vm._v("取消")])] : _vm._e()], 2)]];
         }, {
-          node: o,
-          data: s
+          "node": node,
+          "data": data
         })];
       }
-    }], null, !0)
-  }, "ElTree", e.filterTreeProperties(e.$attrs), !1), e.filterTreeEvents(e.$listeners))), e.contextMenu && !e.readonly ? i("div", {
+    }], null, true)
+  }, "ElTree", _vm.filterTreeProperties(_vm.$attrs), false), _vm.filterTreeEvents(_vm.$listeners))), _vm.contextMenu && !_vm.readonly ? _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.showMenu,
+      value: _vm.showMenu,
       expression: "showMenu"
     }],
     ref: "contextMenu",
     staticClass: "menu",
-    style: e.position
-  }, [i("ul", {
+    style: _vm.position
+  }, [_c("ul", {
     staticClass: "menu-list"
-  }, [e._t("context-menu", function() {
-    return [i("li", {
+  }, [_vm._t("context-menu", function() {
+    return [_c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curData.id > -1,
+        value: _vm.curData.id > -1,
         expression: "curData.id > -1"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.appendPeerNode(e.curNode, e.curData);
+        "click": function($event) {
+          return _vm.appendPeerNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
-        color: "#228b22"
+        "color": "#228b22"
       }
-    }), e._v(e._s(e.menuLabel.appendPeer) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.appendPeer) + " ")]), _c("li", {
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.appendChildNode(e.curNode, e.curData);
+        "click": function($event) {
+          return _vm.appendChildNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
-        color: "#228b22"
+        "color": "#228b22"
       }
-    }), e._v(e._s(e.menuLabel.appendChild) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.appendChild) + " ")]), _c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curData.id > -1,
+        value: _vm.curData.id > -1,
         expression: "curData.id > -1"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.editNode(e.curNode, e.curData);
+        "click": function($event) {
+          return _vm.editNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-edit-outline",
       staticStyle: {
-        color: "#ffa500"
+        "color": "#ffa500"
       }
-    }), e._v(e._s(e.menuLabel.editNode) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.editNode) + " ")]), _c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curNode.isLeaf,
+        value: _vm.curNode.isLeaf,
         expression: "curNode.isLeaf"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.removeNodeModal(e.curNode, e.curData);
+        "click": function($event) {
+          return _vm.removeNodeModal(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-delete",
       staticStyle: {
-        color: "#f00"
+        "color": "#f00"
       }
-    }), e._v(e._s(e.menuLabel.removeNode) + " ")])];
+    }), _vm._v(_vm._s(_vm.menuLabel.removeNode) + " ")])];
   }, {
-    curNode: e.curNode,
-    curData: e.curData
-  })], 2)]) : e._e()], 1)], 1);
-}, T = [];
-const M = {
+    "curNode": _vm.curNode,
+    "curData": _vm.curData
+  })], 2)]) : _vm._e()], 1)], 1);
+};
+var staticRenderFns = [];
+const EditableTree_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "EditableTree",
   props: {
     label: {
@@ -365,19 +375,21 @@ const M = {
     },
     newNodeBuilder: {
       type: Function,
-      default: (e, t) => ({
-        name: e,
-        parentId: t.id
-      })
+      default: (name, parent) => {
+        return {
+          name,
+          parentId: parent.id
+        };
+      }
     },
     contextMenu: Boolean,
     lazy: {
       type: Boolean,
-      default: !0
+      default: true
     },
     expandFirstNode: {
       type: Boolean,
-      default: !0
+      default: true
     },
     readonly: Boolean,
     saveApi: {
@@ -405,11 +417,23 @@ const M = {
     contextMenuInline: Boolean,
     treeProps: {
       type: Object,
-      default: () => ({
-        children: "children",
-        label: "name",
-        isLeaf: (e) => d(e, "hasChildren") ? !e.hasChildren : d(e, "hasChild") ? !e.hasChild : d(e, "children") && e.children ? e.children.length === 0 : !0
-      })
+      default: () => {
+        return {
+          children: "children",
+          label: "name",
+          isLeaf: (data) => {
+            if (hasOwn(data, "hasChildren")) {
+              return !data.hasChildren;
+            } else if (hasOwn(data, "hasChild")) {
+              return !data.hasChild;
+            } else if (hasOwn(data, "children") && data.children) {
+              return data.children.length === 0;
+            } else {
+              return true;
+            }
+          }
+        };
+      }
     },
     menuLabel: {
       type: Object,
@@ -422,11 +446,13 @@ const M = {
     },
     icon: {
       type: [Function, Boolean],
-      default: () => "el-icon-collection-tag"
+      default: () => {
+        return "el-icon-collection-tag";
+      }
     },
     confirmButton: {
       type: Boolean,
-      default: !0
+      default: true
     },
     addRootNodeButtonStyle: {
       type: String,
@@ -440,9 +466,9 @@ const M = {
   },
   data() {
     return {
-      loading: !1,
-      showMenu: !1,
-      empty: !0,
+      loading: false,
+      showMenu: false,
+      empty: true,
       expandedKeys: this.lazy ? [] : this.defaultExpandedKeys,
       treeData: [],
       curNode: {},
@@ -458,23 +484,23 @@ const M = {
       return {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        closeOnClickModal: !1,
-        modal: !0,
+        closeOnClickModal: false,
+        modal: true,
         inputErrorMessage: `${this.label}名不能为空！`,
         inputPlaceholder: `请输入${this.label}名...`,
-        inputValidator: (e) => e != null && e.trim().length > 0
+        inputValidator: (value) => value != null && value.trim().length > 0
       };
     },
     innerTreeData() {
-      var e;
-      return (e = this.$attrs.data) != null && e.length ? this.$attrs.data : this.treeData;
+      var _a;
+      return ((_a = this.$attrs.data) == null ? void 0 : _a.length) ? this.$attrs.data : this.treeData;
     }
   },
   watch: {
     defaultExpandedKeys: {
-      immediate: !0,
-      handler(e) {
-        this.expandedKeys = [...e];
+      immediate: true,
+      handler(newVal) {
+        this.expandedKeys = [...newVal];
       }
     }
   },
@@ -482,308 +508,497 @@ const M = {
     this.tryFetch();
   },
   mounted() {
-    h(this.$refs.tree.$el, this.resize), h(this.$refs.treeWrapper, this.resize);
+    addResizeListener(this.$refs.tree.$el, this.resize);
+    addResizeListener(this.$refs.treeWrapper, this.resize);
   },
   beforeDestroy() {
-    u(this.$refs.tree.$el, this.resize), u(this.$refs.treeWrapper, this.resize);
+    removeResizeListener(this.$refs.tree.$el, this.resize);
+    removeResizeListener(this.$refs.treeWrapper, this.resize);
   },
   methods: {
-    filterTreeProperties: b,
-    filterTreeEvents: _,
-    addExpandKey(e) {
-      this.reserveExpandKey && this.expandedKeys.push(e[this.nodeKey]);
+    filterTreeProperties,
+    filterTreeEvents,
+    addExpandKey(data) {
+      if (this.reserveExpandKey) {
+        this.expandedKeys.push(data[this.nodeKey]);
+      }
     },
-    removeExpandKey(e) {
-      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((t) => t !== e[this.nodeKey]));
+    removeExpandKey(data) {
+      if (this.reserveExpandKey) {
+        this.expandedKeys = this.expandedKeys.filter((key) => key !== data[this.nodeKey]);
+      }
     },
     resize() {
-      x(this.$refs.treeWrapper) ? this.right = 4 + w : this.right = 4;
+      if (isVerticalScrollbarVisible(this.$refs.treeWrapper)) {
+        this.right = 4 + scrollbarWidth;
+      } else {
+        this.right = 4;
+      }
     },
-    async showContextMenu(e, t, i) {
-      t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.contextMenu && (this.curNode = i, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), await this.$nextTick(), this.position = N(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+    async showContextMenu(event, data, node) {
+      if (data.contextmenu === false || data.id === -1 || data.id === 0 || data.edit === true) {
+        return;
+      }
+      if (this.contextMenu) {
+        this.curNode = node;
+        this.curData = data;
+        this.showMenu = true;
+        this.$refs.tree.setCurrentKey(data.id);
+        await this.$nextTick();
+        this.position = computePosition(event, this.$refs.contextMenu);
+        window.addEventListener("click", this.hideContextMenu);
+      }
     },
     hideContextMenu() {
-      this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
+      this.showMenu = false;
+      window.removeEventListener("click", this.hideContextMenu);
     },
     async tryFetch() {
-      var e;
-      if (this.lazy === !1 && this.fetchApi) {
-        const t = await this.fetchApi(((e = this.rootNode) == null ? void 0 : e.id) ?? -1, {});
-        if (r(t.data) && (t.data = [t.data]), t.data = t.data || [], this.empty = t.data.length === 0, r(this.customRootNode)) {
-          const i = p(this.customRootNode);
-          i[this.treeProps.children || "children"] = t.data, this.treeData = [i];
-        } else if (f(this.customRootNode)) {
-          const i = this.customRootNode(t.data);
-          i[this.treeProps.children || "children"] = t.data, this.treeData = r(i) ? [i] : i;
-        } else
-          this.treeData = t.data;
-      }
-    },
-    async loadNode(e, t) {
-      var i, a, o;
-      if (e.level === 0) {
-        const s = await this.fetchApi(((i = this.rootNode) == null ? void 0 : i.id) ?? -1, e);
-        if (this.empty = s.data.length === 0, r(this.customRootNode)) {
-          const n = p(this.customRootNode);
-          n[this.treeProps.children || "children"] = s.data, t([n]);
-        } else if (f(this.customRootNode)) {
-          const n = this.customRootNode(s.data);
-          n[this.treeProps.children || "children"] = s.data, this.treeData = r(n) ? [n] : n;
-        } else
-          t(s.data);
-        await this.$nextTick(), this.$emit("root-node-loaded", s.data), this.defaultExpandedKeys ? this.expandedKeys = [(a = s == null ? void 0 : s.data[0]) == null ? void 0 : a.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(o = s == null ? void 0 : s.data[0]) == null ? void 0 : o.id]);
+      var _a;
+      if (this.lazy === false && this.fetchApi) {
+        const res = await this.fetchApi(((_a = this.rootNode) == null ? void 0 : _a.id) ?? -1, {});
+        if (isPlainObject(res.data)) {
+          res.data = [res.data];
+        }
+        res.data = res.data || [];
+        this.empty = res.data.length === 0;
+        if (isPlainObject(this.customRootNode)) {
+          const data = cloneDeep(this.customRootNode);
+          data[this.treeProps.children || "children"] = res.data;
+          this.treeData = [data];
+        } else if (isFunction(this.customRootNode)) {
+          const data = this.customRootNode(res.data);
+          data[this.treeProps.children || "children"] = res.data;
+          this.treeData = isPlainObject(data) ? [data] : data;
+        } else {
+          this.treeData = res.data;
+        }
+      }
+    },
+    async loadNode(node, resolve) {
+      var _a, _b, _c;
+      if (node.level === 0) {
+        const res = await this.fetchApi(((_a = this.rootNode) == null ? void 0 : _a.id) ?? -1, node);
+        this.empty = res.data.length === 0;
+        if (isPlainObject(this.customRootNode)) {
+          const data = cloneDeep(this.customRootNode);
+          data[this.treeProps.children || "children"] = res.data;
+          resolve([data]);
+        } else if (isFunction(this.customRootNode)) {
+          const data = this.customRootNode(res.data);
+          data[this.treeProps.children || "children"] = res.data;
+          this.treeData = isPlainObject(data) ? [data] : data;
+        } else {
+          resolve(res.data);
+        }
+        await this.$nextTick();
+        this.$emit("root-node-loaded", res.data);
+        if (this.defaultExpandedKeys) {
+          this.expandedKeys = [(_b = res == null ? void 0 : res.data[0]) == null ? void 0 : _b.id, ...this.defaultExpandedKeys];
+        } else {
+          if (this.expandFirstNode) {
+            this.expandedKeys = [(_c = res == null ? void 0 : res.data[0]) == null ? void 0 : _c.id];
+          }
+        }
       } else {
-        if (e.leaf || e.data.isTempNode)
-          return t([]);
-        const s = await this.fetchApi(e.data.id, e);
-        t(s.data), await this.$nextTick(), this.$emit("node-loaded", s.data);
+        if (node.leaf || node.data.isTempNode) {
+          return resolve([]);
+        }
+        const res = await this.fetchApi(node.data.id, node);
+        resolve(res.data);
+        await this.$nextTick();
+        this.$emit("node-loaded", res.data);
       }
     },
     clear() {
-      this.cancelEdit(), this.removeNewNode();
+      this.cancelEdit();
+      this.removeNewNode();
     },
     clearChecked() {
       this.$refs.tree.setCheckedKeys([]);
     },
     removeNewNode() {
-      this.newChild && this.newChild.id === -1 && (console.log(this.newChild), this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
+      if (this.newChild && this.newChild.id === -1) {
+        console.log(this.newChild);
+        this.$refs.tree.remove(this.newChild);
+        this.$emit("remove-new-node");
+      }
     },
     cancelEdit() {
-      this.editData && (l(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
-    },
-    async editNode(e, t) {
-      !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = t, this.text = t[this.treeProps.label], l(t.edit) ? this.$set(t, "edit", !0) : t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await this.$prompt(`请输入新的${this.label}名：`, {
-        ...this.defaultOptions,
-        inputValue: t[this.treeProps.label],
-        beforeClose: async (i, a, o) => {
-          if (i === "confirm") {
-            try {
-              a.confirmButtonLoading = !0, a.confirmButtonText = "处理中...", this.text = a.inputValue, await this.onConfirm(this.curNode, this.curData), o();
-            } catch {
-              a.confirmButtonText = "确定";
-            }
-            a.confirmButtonLoading = !1;
-          } else
-            o();
+      if (this.editData) {
+        if (isUndefined(this.editData.edit)) {
+          this.$set(this.editData, "edit", true);
+        } else {
+          this.editData.edit = false;
         }
-      }).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 (e, t, i) => {
-          if (e === "confirm") {
-            try {
-              this.createNewChild(-1), t.confirmButtonLoading = !0, t.confirmButtonText = "处理中...";
-              const a = await this.saveApi(this.newNodeBuilder(t.inputValue, { id: -1 }));
-              this.newChild[this.treeProps.label] = t.inputValue, this.newChild.edit = !1, c(this.newChild, a.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.locateView(), i();
-            } catch {
-              t.confirmButtonText = "确定";
-            }
-            t.confirmButtonLoading = !1;
-          } else
-            i();
+    async editNode(node, data) {
+      if (!this.contextMenu || this.contextMenuIcon || this.contextMenuInline) {
+        this.clear();
+        this.editData = data;
+        this.text = data[this.treeProps.label];
+        if (isUndefined(data.edit)) {
+          this.$set(data, "edit", true);
+        } else {
+          data.edit = true;
         }
-      }).catch((e) => e);
+        await this.$nextTick();
+        this.$refs.labelTxt.focus();
+      } else {
+        await this.$prompt(`请输入新的${this.label}名：`, {
+          ...this.defaultOptions,
+          inputValue: data[this.treeProps.label],
+          beforeClose: async (action, instance, done) => {
+            if (action === "confirm") {
+              try {
+                instance.confirmButtonLoading = true;
+                instance.confirmButtonText = "处理中...";
+                this.text = instance.inputValue;
+                await this.onConfirm(this.curNode, this.curData);
+                done();
+              } catch (e) {
+                instance.confirmButtonText = "确定";
+              }
+              instance.confirmButtonLoading = false;
+            } else {
+              done();
+            }
+          }
+        }).catch((_) => _);
+      }
     },
-    appendChildNode(e) {
+    async appendRootNode() {
       this.text = "";
-      const t = e.expanded;
-      e.expand(async () => {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(t)) : await this.$prompt(`请输入${this.label}名：`, {
+      if (!this.contextMenu || this.contextMenuIcon || this.contextMenuInline) {
+        this.clear();
+        this.createNewChild(void 0);
+        this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, true);
+        await this.scrollIntoView(true);
+      } else {
+        await this.$prompt(`请输入${this.label}名：`, {
           ...this.defaultOptions,
-          beforeClose: async (i, a, o) => {
-            if (i === "confirm") {
+          beforeClose: async (action, instance, done) => {
+            if (action === "confirm") {
               try {
-                this.createNewChild(e.data.id), a.confirmButtonLoading = !0, a.confirmButtonText = "处理中...";
-                const s = await this.saveApi(this.newNodeBuilder(a.inputValue, e.data));
-                this.newChild[this.treeProps.label] = a.inputValue, this.newChild.edit = !1, c(this.newChild, s.data), this.$refs.tree.append(this.newChild, e), await this.locateView(), o();
-              } catch {
-                a.confirmButtonText = "确定";
+                this.createNewChild(-1);
+                instance.confirmButtonLoading = true;
+                instance.confirmButtonText = "处理中...";
+                const res = await this.saveApi(this.newNodeBuilder(instance.inputValue, { id: -1 }));
+                this.newChild[this.treeProps.label] = instance.inputValue;
+                this.newChild.edit = false;
+                assignReactiveProperties(this.newChild, res.data);
+                this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, true);
+                await this.locateView();
+                done();
+              } catch (e) {
+                instance.confirmButtonText = "确定";
               }
-              a.confirmButtonLoading = !1;
-            } else
-              o();
+              instance.confirmButtonLoading = false;
+            } else {
+              done();
+            }
           }
-        }).catch((i) => i);
+        }).catch((_) => _);
+      }
+    },
+    appendChildNode(node) {
+      this.text = "";
+      const expanded = node.expanded;
+      node.expand(async () => {
+        if (!this.contextMenu || this.contextMenuIcon || this.contextMenuInline) {
+          this.clear();
+          this.createNewChild(node.data.id);
+          this.$refs.tree.append(this.newChild, node);
+          await this.scrollIntoView(expanded);
+        } else {
+          await this.$prompt(`请输入${this.label}名：`, {
+            ...this.defaultOptions,
+            beforeClose: async (action, instance, done) => {
+              if (action === "confirm") {
+                try {
+                  this.createNewChild(node.data.id);
+                  instance.confirmButtonLoading = true;
+                  instance.confirmButtonText = "处理中...";
+                  const res = await this.saveApi(this.newNodeBuilder(instance.inputValue, node.data));
+                  this.newChild[this.treeProps.label] = instance.inputValue;
+                  this.newChild.edit = false;
+                  assignReactiveProperties(this.newChild, res.data);
+                  this.$refs.tree.append(this.newChild, node);
+                  await this.locateView();
+                  done();
+                } catch (e) {
+                  instance.confirmButtonText = "确定";
+                }
+                instance.confirmButtonLoading = false;
+              } else {
+                done();
+              }
+            }
+          }).catch((_) => _);
+        }
       });
     },
-    appendChildNodeWithData(e, t, i) {
+    appendChildNodeWithData(node, parentId, label) {
       this.text = "";
-      const a = e.expanded;
-      e.expand(async () => {
-        this.clear(), this.newChild = {
+      const expanded = node.expanded;
+      node.expand(async () => {
+        this.clear();
+        this.newChild = {
           id: -1,
-          parentId: t,
-          [this.treeProps.label]: i,
-          edit: !1,
-          isTempNode: !0,
-          hasChildren: !1
-        }, this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(a);
+          parentId,
+          [this.treeProps.label]: label,
+          edit: false,
+          isTempNode: true,
+          hasChildren: false
+        };
+        this.$refs.tree.append(this.newChild, node);
+        await this.scrollIntoView(expanded);
       });
     },
-    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);
+    appendPeerNode(node) {
+      if (node.parent && node.parent.level !== 0) {
+        this.appendChildNode(node.parent);
+      } else {
+        this.appendRootNode();
+      }
     },
-    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 addRootNode(data) {
+      this.$refs.tree.remove(data);
+      await this.$nextTick();
+      this.$refs.tree.root.insertChild({ data }, void 0, true);
+    },
+    async addChildNode(data) {
+      if (this.curNode && this.curNode.level !== 0) {
+        this.curNode.expand(async () => {
+          this.$refs.tree.remove(data);
+          await this.$nextTick();
+          this.$refs.tree.append(data, this.curNode);
+        });
+      } else {
+        await this.addRootNode(data);
+      }
     },
-    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);
+    async addPeerNode(data) {
+      if (this.curNode && this.curNode.parent && this.curNode.parent.level !== 0) {
+        this.curNode.parent.expand(async () => {
+          this.$refs.tree.remove(data);
+          await this.$nextTick();
+          this.$refs.tree.append(data, this.curNode.parent);
+        });
+      } else {
+        await this.addRootNode(data);
+      }
     },
-    updateNode(e) {
-      const t = this.$refs.tree.getNode(e);
-      t && (t.data = e);
+    updateNode(data) {
+      const node = this.$refs.tree.getNode(data);
+      node && (node.data = data);
     },
-    setCurrentKey(e) {
-      this.$refs.tree && this.$refs.tree.setCurrentKey(e);
+    setCurrentKey(key) {
+      this.$refs.tree && this.$refs.tree.setCurrentKey(key);
     },
-    createNewChild(e) {
+    createNewChild(parentId) {
       this.newChild = {
         id: -1,
-        parentId: e,
+        parentId,
         [this.treeProps.label]: "",
-        edit: !0,
-        isTempNode: !0,
-        hasChildren: !1
-      }, this.$emit("create-new-node", this.newChild);
+        edit: true,
+        isTempNode: true,
+        hasChildren: false
+      };
+      this.$emit("create-new-node", this.newChild);
     },
-    async removeNodeModal(e) {
+    async removeNodeModal(node) {
       await 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">${node.data[this.treeProps.label]}</span>]吗？`,
         "系统提示",
         {
           type: "warning",
-          modal: !0,
-          dangerouslyUseHTMLString: !0,
+          modal: true,
+          dangerouslyUseHTMLString: true,
           iconClass: "el-icon-question",
-          closeOnClickModal: !1,
+          closeOnClickModal: false,
           confirmButtonClass: "el-button--danger",
           cancelButtonClass: "el-button--primary is-plain",
-          beforeClose: async (t, i, a) => {
-            if (t === "confirm") {
+          beforeClose: async (action, instance, done) => {
+            if (action === "confirm") {
               try {
-                i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
-                const o = e.parent, s = await this.deleteApi(e.data.id);
-                s.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", o, e.data), a()) : this.$message.error(s.message);
-              } catch {
+                instance.confirmButtonLoading = true;
+                instance.confirmButtonText = "删除...";
+                const parentNode = node.parent;
+                const res = await this.deleteApi(node.data.id);
+                if (res.code === 0) {
+                  this.$message.success("删除成功!");
+                  this.$refs.tree.remove(node);
+                  this.$emit("node-deleted", parentNode, node.data);
+                  done();
+                } else {
+                  this.$message.error(res.message);
+                }
+              } catch (_) {
               }
-              i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
-            } else
-              a();
+              instance.confirmButtonText = "确定";
+              instance.confirmButtonLoading = false;
+            } else {
+              done();
+            }
           }
         }
-      ).catch((t) => t);
+      ).catch((_) => _);
     },
-    async removeNode(e) {
+    async removeNode(node) {
       try {
-        const t = e.parent;
+        const parentNode = node.parent;
         if (this.deleteApi) {
-          const i = await this.deleteApi(e.data.id);
-          i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : this.$message.error(i.message);
-        } else
-          this.$refs.tree.remove(e);
-      } catch {
+          const res = await this.deleteApi(node.data.id);
+          if (res.code === 0) {
+            this.$message.success("删除成功!");
+            this.$refs.tree.remove(node);
+            this.$emit("node-deleted", parentNode, node.data);
+          } else {
+            this.$message.error(res.message);
+          }
+        } else {
+          this.$refs.tree.remove(node);
+        }
+      } catch (e) {
       }
     },
-    async onConfirm(e, t) {
-      if (t[this.treeProps.label] === this.text || !C(this.text)) {
+    async onConfirm(node, data) {
+      if (data[this.treeProps.label] === this.text || !isNotEmpty(this.text)) {
         this.clear();
         return;
       }
-      l(t.loading) ? this.$set(t, "loading", !0) : t.loading = !0;
+      if (isUndefined(data.loading)) {
+        this.$set(data, "loading", true);
+      } else {
+        data.loading = true;
+      }
       try {
-        if (this.loading = !0, t.id === -1) {
-          const i = await this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), a = v(t);
-          c(t, { ...i.data, isTempNode: !1 }), this.$emit("node-added", t, a, e), this.registerNode(e);
-        } else
-          await this.updateApi({ ...t, [this.treeProps.label]: this.text });
-        t[this.treeProps.label] = this.text, t.edit = !1, this.$emit("node-updated", t, e), this.text = "";
-      } catch {
+        this.loading = true;
+        if (data.id === -1) {
+          const res = await this.saveApi(this.newNodeBuilder(this.text, node.parent.data || { id: -1 }));
+          const old = fastClone(data);
+          assignReactiveProperties(data, { ...res.data, isTempNode: false });
+          this.$emit("node-added", data, old, node);
+          this.registerNode(node);
+        } else {
+          await this.updateApi({ ...data, [this.treeProps.label]: this.text });
+        }
+        data[this.treeProps.label] = this.text;
+        data.edit = false;
+        this.$emit("node-updated", data, node);
+        this.text = "";
+      } catch (e) {
       }
-      t.loading = !1, this.loading = !1;
+      data.loading = false;
+      this.loading = false;
     },
-    onCancel(e, t) {
-      t.id === -1 ? this.$refs.tree.remove(e) : t.edit = !1, this.text = "";
+    onCancel(node, data) {
+      if (data.id === -1) {
+        this.$refs.tree.remove(node);
+      } else {
+        data.edit = false;
+      }
+      this.text = "";
     },
-    nodeClick(e, t, i) {
-      this.hideContextMenu(), (l(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, i));
+    nodeClick(data, node, tree) {
+      this.hideContextMenu();
+      if (isUndefined(data.loading) || !data.loading) {
+        this.curNode = node;
+        this.curData = data;
+        this.$emit("on-node-click", data, node, tree);
+      }
     },
     getCurrentNode() {
       return this.$refs.tree.getCurrentNode();
     },
     async locateView() {
       await this.$nextTick();
-      const e = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-      e && e.scrollIntoView();
+      const el = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
+      if (el) {
+        el.scrollIntoView();
+      }
     },
-    async scrollIntoView(e) {
-      var t, i;
-      await this.$nextTick(), e || await g(300), (i = (t = this.$refs) == null ? void 0 : t.labelTxt) == null || i.focus();
+    async scrollIntoView(expanded) {
+      var _a, _b;
+      await this.$nextTick();
+      if (!expanded) {
+        await delay(300);
+      }
+      (_b = (_a = this.$refs) == null ? void 0 : _a.labelTxt) == null ? void 0 : _b.focus();
     },
-    inputKeyup(e, t, i) {
-      e.keyCode === 13 && this.onConfirm(t, i), e.keyCode === 27 && this.clear();
+    inputKeyup(event, node, data) {
+      if (event.keyCode === 13) {
+        this.onConfirm(node, data);
+      }
+      if (event.keyCode === 27) {
+        this.clear();
+      }
     },
-    inputBlur(e, t, i) {
-      this.confirmButton || this.onConfirm(t, i);
+    inputBlur(event, node, data) {
+      if (this.confirmButton) {
+        return;
+      }
+      this.onConfirm(node, data);
     },
     getCheckedKeys() {
       return this.$refs.tree.getCheckedKeys();
     },
-    setCheckedKeys(e) {
-      this.$refs.tree.setCheckedKeys(e);
+    setCheckedKeys(keys) {
+      this.$refs.tree.setCheckedKeys(keys);
     },
     getCheckedNodes() {
       return this.$refs.tree.getCheckedNodes();
     },
-    setCheckedNodes(e) {
-      this.$refs.tree.setCheckedNodes(e);
+    setCheckedNodes(nodes) {
+      this.$refs.tree.setCheckedNodes(nodes);
     },
-    getNode(e) {
-      return this.$refs.tree.getNode(e);
+    getNode(data) {
+      return this.$refs.tree.getNode(data);
     },
     getRootNode() {
       return this.$refs.tree.root;
     },
-    findTreeNode(e) {
-      return $(
+    findTreeNode(data) {
+      return findTreeChildren(
         this.$refs.tree.root.childNodes,
-        (t) => t.data === e || t.data.id === e,
+        (node) => node.data === data || node.data.id === data,
         "childNodes"
       );
     },
-    registerNode(e) {
-      e.store.registerNode(e), delete e.store.nodesMap[-1];
+    registerNode(node) {
+      node.store.registerNode(node);
+      delete node.store.nodesMap[-1];
     },
     async reloadTree() {
-      this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
+      if (this.lazy) {
+        this.treeKey = Date.now();
+      } else {
+        await this.tryFetch();
+      }
     }
   }
-}, m = {};
-var K = /* @__PURE__ */ k(
-  M,
-  B,
-  T,
-  !1,
-  P,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function P(e) {
-  for (let t in m)
-    this[t] = m[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const R = /* @__PURE__ */ function() {
-  return K.exports;
+const EditableTree = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  R as default
+  EditableTree as default
 };