@web-utils/component 2.0.12 → 2.0.14

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

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