@web-utils/component 2.7.29 → 2.7.31

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

@@ -1,59 +1,73 @@
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
-  var fulfilled = (value) => {
-    try {
-      step(generator.next(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, rejected = (value) => {
-    try {
-      step(generator.throw(value));
-    } catch (e) {
-      reject(e);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-  step((generator = generator.apply(__this, __arguments)).next());
-});
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { hasOwn, isVerticalScrollbarVisible, scrollbarWidth, computePosition, isPlainObject, isFunction, isUndefined, isNotEmpty, fastClone, delay, findTreeChildren } from "@web-utils/core";
 import { addResizeListener, removeResizeListener } from "@web-utils/integrations/resize";
 import { cloneDeep } from "@web-utils/integrations/lodash";
-import { a as filterTreeProperties, b as filterTreeEvents, c as assignReactiveProperties } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { a as filterTreeProperties, b as filterTreeEvents, c as assignReactiveProperties } from "../../chunks/utils.2a3ffac9.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "editable-tree"
   }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top-right" ? _c("ElButton", {
     staticStyle: {
-      position: "absolute",
-      top: "4px",
+      "position": "absolute",
+      "top": "4px",
       "z-index": "1"
     },
     style: {
       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($event) {
-        return $event.stopPropagation(), _vm.$emit("add-root-node");
+      "click": function($event) {
+        $event.stopPropagation();
+        return _vm.$emit("add-root-node");
       }
     }
   }) : _vm._e(), _c("div", {
@@ -65,12 +79,12 @@ var render = function() {
     }
   }, [_c("ElButton", {
     attrs: {
-      disabled: _vm.loading,
-      size: "mini",
-      type: "text"
+      "disabled": _vm.loading,
+      "size": "mini",
+      "type": "text"
     },
     on: {
-      click: _vm.appendRootNode
+      "click": _vm.appendRootNode
     }
   }, [_c("i", {
     staticClass: "el-icon-lx-add"
@@ -80,12 +94,12 @@ var render = function() {
     staticClass: "flex-item",
     attrs: {
       "default-expanded-keys": _vm.expandedKeys,
-      "expand-on-click-node": !1,
+      "expand-on-click-node": false,
       "highlight-current": "",
-      load: _vm.loadNode,
-      data: _vm.innerTreeData,
-      props: _vm.treeProps,
-      lazy: _vm.lazy,
+      "load": _vm.loadNode,
+      "data": _vm.innerTreeData,
+      "props": _vm.treeProps,
+      "lazy": _vm.lazy,
       "node-key": _vm.nodeKey
     },
     on: {
@@ -99,78 +113,7 @@ var render = function() {
       fn: function(_ref) {
         var node = _ref.node, data = _ref.data;
         return [_vm._t("default", function() {
-          return [data.edit ? [_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) {
-                return $event.stopPropagation(), _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) {
-                return $event.stopPropagation(), _vm.onCancel(node, data);
-              }
-            }
-          }, [_vm._v("取消")])] : _vm._e()], 2)] : [_c("span", {
+          return [!data.edit ? [_c("span", {
             staticClass: "custom-tree-node",
             attrs: {
               "data-id": data.id
@@ -183,21 +126,21 @@ var render = function() {
           }) : _vm._e(), _c("span", {
             staticClass: "flex-item-relative",
             staticStyle: {
-              height: "21px"
+              "height": "21px"
             }
           }, [_c("span", {
             staticClass: "ellipsis-1 absolute-box et-tree-label",
             attrs: {
-              title: node.label
+              "title": node.label
             }
           }, [_vm._t("label", function() {
             return [_vm._v(_vm._s(node.label))];
           }, {
-            data,
-            node
+            "data": data,
+            "node": node
           })], 2)]), _vm._t("label-suffix", null, {
-            node,
-            data
+            "node": node,
+            "data": data
           })], 2), !_vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
@@ -208,32 +151,34 @@ var render = function() {
             staticClass: "handle-actions"
           }, [_c("ElButton", {
             attrs: {
-              size: "mini",
-              type: "text"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function($event) {
-                return $event.stopPropagation(), _vm.appendChildNode(node, data);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.appendChildNode(node, data);
               }
             }
           }, [_vm._v("添加")]), _c("ElButton", {
             attrs: {
-              size: "mini",
-              type: "text"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function($event) {
-                return $event.stopPropagation(), _vm.editNode(node, data);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.editNode(node, data);
               }
             }
           }, [_vm._v("修改")]), _c("ElPopconfirm", {
             staticClass: "pop-confirm",
             attrs: {
               "icon-color": "red",
-              title: "你确定要删除吗？"
+              "title": "你确定要删除吗？"
             },
             on: {
-              confirm: function($event) {
+              "confirm": function($event) {
                 return _vm.removeNode(node, data);
               }
             },
@@ -251,18 +196,18 @@ var render = function() {
                     "margin-left": "4px"
                   },
                   attrs: {
-                    size: "mini",
-                    type: "text"
+                    "size": "mini",
+                    "type": "text"
                   },
                   on: {
-                    click: function($event) {
+                    "click": function($event) {
                       $event.stopPropagation();
                     }
                   }
                 }, [_vm._v("删除")])];
               },
-              proxy: !0
-            }], null, !0)
+              proxy: true
+            }], null, true)
           })], 1) : _vm._e(), _vm.contextMenuIcon && _vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
@@ -272,29 +217,103 @@ var render = function() {
             }],
             staticClass: "handle-actions",
             staticStyle: {
-              display: "inline-block"
+              "display": "inline-block"
             }
           }, [_c("ElButton", {
             staticStyle: {
-              padding: "6px 10px 0"
+              "padding": "6px 10px 0"
+            },
+            attrs: {
+              "size": "mini",
+              "type": "text"
+            },
+            on: {
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.showContextMenu($event, data, node);
+              }
+            }
+          }, [_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"
+              "size": "mini",
+              "type": "text"
             },
             on: {
-              click: function($event) {
-                return $event.stopPropagation(), _vm.showContextMenu($event, data, node);
+              "click": function($event) {
+                $event.stopPropagation();
+                return _vm.onCancel(node, data);
               }
             }
-          }, [_vm._v(". . .")])], 1) : _vm._e()])]];
+          }, [_vm._v("取消")])] : _vm._e()], 2)]];
         }, {
-          node,
-          data
+          "node": node,
+          "data": data
         })];
       }
-    }], null, !0)
-  }, "ElTree", _vm.filterTreeProperties(_vm.$attrs), !1), _vm.filterTreeEvents(_vm.$listeners))), _vm.contextMenu && !_vm.readonly ? _c("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",
@@ -316,26 +335,26 @@ var render = function() {
       }],
       staticClass: "menu-item",
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.appendPeerNode(_vm.curNode, _vm.curData);
         }
       }
     }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
-        color: "#228b22"
+        "color": "#228b22"
       }
     }), _vm._v(_vm._s(_vm.menuLabel.appendPeer) + " ")]), _c("li", {
       staticClass: "menu-item",
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.appendChildNode(_vm.curNode, _vm.curData);
         }
       }
     }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
-        color: "#228b22"
+        "color": "#228b22"
       }
     }), _vm._v(_vm._s(_vm.menuLabel.appendChild) + " ")]), _c("li", {
       directives: [{
@@ -346,14 +365,14 @@ var render = function() {
       }],
       staticClass: "menu-item",
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.editNode(_vm.curNode, _vm.curData);
         }
       }
     }, [_c("i", {
       staticClass: "menu-item-icon el-icon-edit-outline",
       staticStyle: {
-        color: "#ffa500"
+        "color": "#ffa500"
       }
     }), _vm._v(_vm._s(_vm.menuLabel.editNode) + " ")]), _c("li", {
       directives: [{
@@ -364,21 +383,23 @@ var render = function() {
       }],
       staticClass: "menu-item",
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.removeNodeModal(_vm.curNode, _vm.curData);
         }
       }
     }, [_c("i", {
       staticClass: "menu-item-icon el-icon-delete",
       staticStyle: {
-        color: "#f00"
+        "color": "#f00"
       }
     }), _vm._v(_vm._s(_vm.menuLabel.removeNode) + " ")])];
   }, {
-    curNode: _vm.curNode,
-    curData: _vm.curData
+    "curNode": _vm.curNode,
+    "curData": _vm.curData
   })], 2)]) : _vm._e()], 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const EditableTree_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "EditableTree",
   props: {
@@ -395,19 +416,21 @@ const __vue2_script = {
     },
     newNodeBuilder: {
       type: Function,
-      default: (name, parent) => ({
-        name,
-        parentId: parent.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: {
@@ -435,11 +458,23 @@ const __vue2_script = {
     contextMenuInline: Boolean,
     treeProps: {
       type: Object,
-      default: () => ({
-        children: "children",
-        label: "name",
-        isLeaf: (data) => hasOwn(data, "hasChildren") ? !data.hasChildren : hasOwn(data, "hasChild") ? !data.hasChild : hasOwn(data, "children") && data.children ? data.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,
@@ -452,11 +487,13 @@ const __vue2_script = {
     },
     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,
@@ -470,9 +507,9 @@ const __vue2_script = {
   },
   data() {
     return {
-      loading: !1,
-      showMenu: !1,
-      empty: !0,
+      loading: false,
+      showMenu: false,
+      empty: true,
       expandedKeys: this.lazy ? [] : this.defaultExpandedKeys,
       treeData: [],
       curNode: {},
@@ -488,8 +525,8 @@ const __vue2_script = {
       return {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        closeOnClickModal: !1,
-        modal: !0,
+        closeOnClickModal: false,
+        modal: true,
         inputErrorMessage: `${this.label}名不能为空！`,
         inputPlaceholder: `请输入${this.label}名...`,
         inputValidator: (value) => value != null && value.trim().length > 0
@@ -497,12 +534,12 @@ const __vue2_script = {
     },
     innerTreeData() {
       var _a;
-      return (_a = this.$attrs.data) != null && _a.length ? this.$attrs.data : this.treeData;
+      return ((_a = this.$attrs.data) == null ? void 0 : _a.length) ? this.$attrs.data : this.treeData;
     }
   },
   watch: {
     defaultExpandedKeys: {
-      immediate: !0,
+      immediate: true,
       handler(newVal) {
         this.expandedKeys = [...newVal];
       }
@@ -512,44 +549,74 @@ const __vue2_script = {
     this.tryFetch();
   },
   mounted() {
-    addResizeListener(this.$refs.tree.$el, this.resize), addResizeListener(this.$refs.treeWrapper, this.resize);
+    addResizeListener(this.$refs.tree.$el, this.resize);
+    addResizeListener(this.$refs.treeWrapper, this.resize);
   },
   beforeDestroy() {
-    removeResizeListener(this.$refs.tree.$el, this.resize), removeResizeListener(this.$refs.treeWrapper, this.resize);
+    removeResizeListener(this.$refs.tree.$el, this.resize);
+    removeResizeListener(this.$refs.treeWrapper, this.resize);
   },
   methods: {
     filterTreeProperties,
     filterTreeEvents,
     addExpandKey(data) {
-      this.reserveExpandKey && this.expandedKeys.push(data[this.nodeKey]);
+      if (this.reserveExpandKey) {
+        this.expandedKeys.push(data[this.nodeKey]);
+      }
     },
     removeExpandKey(data) {
-      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((key) => key !== data[this.nodeKey]));
+      if (this.reserveExpandKey) {
+        this.expandedKeys = this.expandedKeys.filter((key) => key !== data[this.nodeKey]);
+      }
     },
     resize() {
-      isVerticalScrollbarVisible(this.$refs.treeWrapper) ? this.right = 4 + scrollbarWidth : this.right = 4;
+      if (isVerticalScrollbarVisible(this.$refs.treeWrapper)) {
+        this.right = 4 + scrollbarWidth;
+      } else {
+        this.right = 4;
+      }
     },
     showContextMenu(event, data, node) {
       return __async(this, null, function* () {
-        data.contextmenu === !1 || data.id === -1 || data.id === 0 || data.edit === !0 || this.contextMenu && (this.curNode = node, this.curData = data, this.showMenu = !0, this.$refs.tree.setCurrentKey(data.id), yield this.$nextTick(), this.position = computePosition(event, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+        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);
+          yield 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);
     },
     tryFetch() {
       return __async(this, null, function* () {
         var _a, _b;
-        if (this.lazy === !1 && this.fetchApi) {
+        if (this.lazy === false && this.fetchApi) {
           const res = yield this.fetchApi((_b = (_a = this.rootNode) == null ? void 0 : _a.id) != null ? _b : -1, {});
-          if (isPlainObject(res.data) && (res.data = [res.data]), res.data = res.data || [], this.empty = res.data.length === 0, isPlainObject(this.customRootNode)) {
+          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];
+            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
+            data[this.treeProps.children || "children"] = res.data;
+            this.treeData = isPlainObject(data) ? [data] : data;
+          } else {
             this.treeData = res.data;
+          }
         }
       });
     },
@@ -558,127 +625,223 @@ const __vue2_script = {
         var _a, _b, _c, _d;
         if (node.level === 0) {
           const res = yield this.fetchApi((_b = (_a = this.rootNode) == null ? void 0 : _a.id) != null ? _b : -1, node);
-          if (this.empty = res.data.length === 0, isPlainObject(this.customRootNode)) {
+          this.empty = res.data.length === 0;
+          if (isPlainObject(this.customRootNode)) {
             const data = cloneDeep(this.customRootNode);
-            data[this.treeProps.children || "children"] = res.data, resolve([data]);
+            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
+            data[this.treeProps.children || "children"] = res.data;
+            this.treeData = isPlainObject(data) ? [data] : data;
+          } else {
             resolve(res.data);
-          yield this.$nextTick(), this.$emit("root-node-loaded", res.data), this.defaultExpandedKeys ? this.expandedKeys = [(_c = res == null ? void 0 : res.data[0]) == null ? void 0 : _c.id, ...this.defaultExpandedKeys] : this.expandFirstNode && (this.expandedKeys = [(_d = res == null ? void 0 : res.data[0]) == null ? void 0 : _d.id]);
+          }
+          yield this.$nextTick();
+          this.$emit("root-node-loaded", res.data);
+          if (this.defaultExpandedKeys) {
+            this.expandedKeys = [(_c = res == null ? void 0 : res.data[0]) == null ? void 0 : _c.id, ...this.defaultExpandedKeys];
+          } else {
+            if (this.expandFirstNode) {
+              this.expandedKeys = [(_d = res == null ? void 0 : res.data[0]) == null ? void 0 : _d.id];
+            }
+          }
         } else {
-          if (node.leaf || node.data.isTempNode)
+          if (node.leaf || node.data.isTempNode) {
             return resolve([]);
+          }
           const res = yield this.fetchApi(node.data.id, node);
-          resolve(res.data), yield this.$nextTick(), this.$emit("node-loaded", res.data);
+          resolve(res.data);
+          yield 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 && (isUndefined(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
+      if (this.editData) {
+        if (isUndefined(this.editData.edit)) {
+          this.$set(this.editData, "edit", true);
+        } else {
+          this.editData.edit = false;
+        }
+      }
     },
     editNode(node, data) {
       return __async(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = data, this.text = data[this.treeProps.label], isUndefined(data.edit) ? this.$set(data, "edit", !0) : data.edit = !0, yield this.$nextTick(), this.$refs.labelTxt.focus()) : yield this.$prompt(`请输入新的${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
-          inputValue: data[this.treeProps.label],
-          beforeClose: (action, instance, done) => __async(this, null, function* () {
-            if (action === "confirm") {
-              try {
-                instance.confirmButtonLoading = !0, instance.confirmButtonText = "处理中...", this.text = instance.inputValue, yield this.onConfirm(this.curNode, this.curData), done();
-              } catch (e) {
-                instance.confirmButtonText = "确定";
+        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;
+          }
+          yield this.$nextTick();
+          this.$refs.labelTxt.focus();
+        } else {
+          yield this.$prompt(`请输入新的${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
+            inputValue: data[this.treeProps.label],
+            beforeClose: (action, instance, done) => __async(this, null, function* () {
+              if (action === "confirm") {
+                try {
+                  instance.confirmButtonLoading = true;
+                  instance.confirmButtonText = "处理中...";
+                  this.text = instance.inputValue;
+                  yield this.onConfirm(this.curNode, this.curData);
+                  done();
+                } catch (e) {
+                  instance.confirmButtonText = "确定";
+                }
+                instance.confirmButtonLoading = false;
+              } else {
+                done();
               }
-              instance.confirmButtonLoading = !1;
-            } else
-              done();
-          })
-        })).catch((_) => _);
+            })
+          })).catch((_) => _);
+        }
       });
     },
     appendRootNode() {
       return __async(this, null, function* () {
-        this.text = "", !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(void 0), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.scrollIntoView(!0)) : yield this.$prompt(`请输入${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
-          beforeClose: (action, instance, done) => __async(this, null, function* () {
-            if (action === "confirm") {
-              try {
-                this.createNewChild(-1), instance.confirmButtonLoading = !0, instance.confirmButtonText = "处理中...";
-                const res = yield this.saveApi(this.newNodeBuilder(instance.inputValue, { id: -1 }));
-                this.newChild[this.treeProps.label] = instance.inputValue, this.newChild.edit = !1, assignReactiveProperties(this.newChild, res.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), yield this.locateView(), done();
-              } catch (e) {
-                instance.confirmButtonText = "确定";
+        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);
+          yield this.scrollIntoView(true);
+        } else {
+          yield this.$prompt(`请输入${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
+            beforeClose: (action, instance, done) => __async(this, null, function* () {
+              if (action === "confirm") {
+                try {
+                  this.createNewChild(-1);
+                  instance.confirmButtonLoading = true;
+                  instance.confirmButtonText = "处理中...";
+                  const res = yield 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);
+                  yield this.locateView();
+                  done();
+                } catch (e) {
+                  instance.confirmButtonText = "确定";
+                }
+                instance.confirmButtonLoading = false;
+              } else {
+                done();
               }
-              instance.confirmButtonLoading = !1;
-            } else
-              done();
-          })
-        })).catch((_) => _);
+            })
+          })).catch((_) => _);
+        }
       });
     },
     appendChildNode(node) {
       this.text = "";
       const expanded = node.expanded;
       node.expand(() => __async(this, null, function* () {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(node.data.id), this.$refs.tree.append(this.newChild, node), yield this.scrollIntoView(expanded)) : yield this.$prompt(`请输入${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
-          beforeClose: (action, instance, done) => __async(this, null, function* () {
-            if (action === "confirm") {
-              try {
-                this.createNewChild(node.data.id), instance.confirmButtonLoading = !0, instance.confirmButtonText = "处理中...";
-                const res = yield this.saveApi(this.newNodeBuilder(instance.inputValue, node.data));
-                this.newChild[this.treeProps.label] = instance.inputValue, this.newChild.edit = !1, assignReactiveProperties(this.newChild, res.data), this.$refs.tree.append(this.newChild, node), yield this.locateView(), done();
-              } catch (e) {
-                instance.confirmButtonText = "确定";
+        if (!this.contextMenu || this.contextMenuIcon || this.contextMenuInline) {
+          this.clear();
+          this.createNewChild(node.data.id);
+          this.$refs.tree.append(this.newChild, node);
+          yield this.scrollIntoView(expanded);
+        } else {
+          yield this.$prompt(`请输入${this.label}名：`, __spreadProps(__spreadValues({}, this.defaultOptions), {
+            beforeClose: (action, instance, done) => __async(this, null, function* () {
+              if (action === "confirm") {
+                try {
+                  this.createNewChild(node.data.id);
+                  instance.confirmButtonLoading = true;
+                  instance.confirmButtonText = "处理中...";
+                  const res = yield 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);
+                  yield this.locateView();
+                  done();
+                } catch (e) {
+                  instance.confirmButtonText = "确定";
+                }
+                instance.confirmButtonLoading = false;
+              } else {
+                done();
               }
-              instance.confirmButtonLoading = !1;
-            } else
-              done();
-          })
-        })).catch((_) => _);
+            })
+          })).catch((_) => _);
+        }
       }));
     },
     appendChildNodeWithData(node, parentId, label) {
       this.text = "";
       const expanded = node.expanded;
       node.expand(() => __async(this, null, function* () {
-        this.clear(), this.newChild = {
+        this.clear();
+        this.newChild = {
           id: -1,
           parentId,
           [this.treeProps.label]: label,
-          edit: !1,
-          isTempNode: !0,
-          hasChildren: !1
-        }, this.$refs.tree.append(this.newChild, node), yield this.scrollIntoView(expanded);
+          edit: false,
+          isTempNode: true,
+          hasChildren: false
+        };
+        this.$refs.tree.append(this.newChild, node);
+        yield this.scrollIntoView(expanded);
       }));
     },
     appendPeerNode(node) {
-      node.parent && node.parent.level !== 0 ? this.appendChildNode(node.parent) : this.appendRootNode();
+      if (node.parent && node.parent.level !== 0) {
+        this.appendChildNode(node.parent);
+      } else {
+        this.appendRootNode();
+      }
     },
     addRootNode(data) {
       return __async(this, null, function* () {
-        this.$refs.tree.remove(data), yield this.$nextTick(), this.$refs.tree.root.insertChild({ data }, void 0, !0);
+        this.$refs.tree.remove(data);
+        yield this.$nextTick();
+        this.$refs.tree.root.insertChild({ data }, void 0, true);
       });
     },
     addChildNode(data) {
       return __async(this, null, function* () {
-        this.curNode && this.curNode.level !== 0 ? this.curNode.expand(() => __async(this, null, function* () {
-          this.$refs.tree.remove(data), yield this.$nextTick(), this.$refs.tree.append(data, this.curNode);
-        })) : yield this.addRootNode(data);
+        if (this.curNode && this.curNode.level !== 0) {
+          this.curNode.expand(() => __async(this, null, function* () {
+            this.$refs.tree.remove(data);
+            yield this.$nextTick();
+            this.$refs.tree.append(data, this.curNode);
+          }));
+        } else {
+          yield this.addRootNode(data);
+        }
       });
     },
     addPeerNode(data) {
       return __async(this, null, function* () {
-        this.curNode && this.curNode.parent && this.curNode.parent.level !== 0 ? this.curNode.parent.expand(() => __async(this, null, function* () {
-          this.$refs.tree.remove(data), yield this.$nextTick(), this.$refs.tree.append(data, this.curNode.parent);
-        })) : yield this.addRootNode(data);
+        if (this.curNode && this.curNode.parent && this.curNode.parent.level !== 0) {
+          this.curNode.parent.expand(() => __async(this, null, function* () {
+            this.$refs.tree.remove(data);
+            yield this.$nextTick();
+            this.$refs.tree.append(data, this.curNode.parent);
+          }));
+        } else {
+          yield this.addRootNode(data);
+        }
       });
     },
     updateNode(data) {
@@ -693,10 +856,11 @@ const __vue2_script = {
         id: -1,
         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);
     },
     removeNodeModal(node) {
       return __async(this, null, function* () {
@@ -705,23 +869,34 @@ const __vue2_script = {
           "系统提示",
           {
             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: (action, instance, done) => __async(this, null, function* () {
               if (action === "confirm") {
                 try {
-                  instance.confirmButtonLoading = !0, instance.confirmButtonText = "删除...";
-                  const parentNode = node.parent, res = yield this.deleteApi(node.data.id);
-                  res.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(node), this.$emit("node-deleted", parentNode, node.data), done()) : this.$message.error(res.message);
+                  instance.confirmButtonLoading = true;
+                  instance.confirmButtonText = "删除...";
+                  const parentNode = node.parent;
+                  const res = yield 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 (_) {
                 }
-                instance.confirmButtonText = "确定", instance.confirmButtonLoading = !1;
-              } else
+                instance.confirmButtonText = "确定";
+                instance.confirmButtonLoading = false;
+              } else {
                 done();
+              }
             })
           }
         ).catch((_) => _);
@@ -733,9 +908,16 @@ const __vue2_script = {
           const parentNode = node.parent;
           if (this.deleteApi) {
             const res = yield this.deleteApi(node.data.id);
-            res.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(node), this.$emit("node-deleted", parentNode, node.data)) : this.$message.error(res.message);
-          } else
+            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) {
         }
       });
@@ -746,24 +928,47 @@ const __vue2_script = {
           this.clear();
           return;
         }
-        isUndefined(data.loading) ? this.$set(data, "loading", !0) : data.loading = !0;
+        if (isUndefined(data.loading)) {
+          this.$set(data, "loading", true);
+        } else {
+          data.loading = true;
+        }
         try {
-          if (this.loading = !0, data.id === -1) {
-            const res = yield this.saveApi(this.newNodeBuilder(this.text, node.parent.data || { id: -1 })), old = fastClone(data);
-            assignReactiveProperties(data, __spreadProps(__spreadValues({}, res.data), { isTempNode: !1 })), this.$emit("node-added", data, old, node), this.registerNode(node);
-          } else
+          this.loading = true;
+          if (data.id === -1) {
+            const res = yield this.saveApi(this.newNodeBuilder(this.text, node.parent.data || { id: -1 }));
+            const old = fastClone(data);
+            assignReactiveProperties(data, __spreadProps(__spreadValues({}, res.data), { isTempNode: false }));
+            this.$emit("node-added", data, old, node);
+            this.registerNode(node);
+          } else {
             yield this.updateApi(__spreadProps(__spreadValues({}, data), { [this.treeProps.label]: this.text }));
-          data[this.treeProps.label] = this.text, data.edit = !1, this.$emit("node-updated", data, node), this.text = "";
+          }
+          data[this.treeProps.label] = this.text;
+          data.edit = false;
+          this.$emit("node-updated", data, node);
+          this.text = "";
         } catch (e) {
         }
-        data.loading = !1, this.loading = !1;
+        data.loading = false;
+        this.loading = false;
       });
     },
     onCancel(node, data) {
-      data.id === -1 ? this.$refs.tree.remove(node) : data.edit = !1, this.text = "";
+      if (data.id === -1) {
+        this.$refs.tree.remove(node);
+      } else {
+        data.edit = false;
+      }
+      this.text = "";
     },
     nodeClick(data, node, tree) {
-      this.hideContextMenu(), (isUndefined(data.loading) || !data.loading) && (this.curNode = node, this.curData = data, this.$emit("on-node-click", 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();
@@ -772,20 +977,34 @@ const __vue2_script = {
       return __async(this, null, function* () {
         yield this.$nextTick();
         const el = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-        el && el.scrollIntoView();
+        if (el) {
+          el.scrollIntoView();
+        }
       });
     },
     scrollIntoView(expanded) {
       return __async(this, null, function* () {
         var _a, _b;
-        yield this.$nextTick(), expanded || (yield delay(300)), (_b = (_a = this.$refs) == null ? void 0 : _a.labelTxt) == null || _b.focus();
+        yield this.$nextTick();
+        if (!expanded) {
+          yield delay(300);
+        }
+        (_b = (_a = this.$refs) == null ? void 0 : _a.labelTxt) == null ? void 0 : _b.focus();
       });
     },
     inputKeyup(event, node, data) {
-      event.keyCode === 13 && this.onConfirm(node, data), event.keyCode === 27 && this.clear();
+      if (event.keyCode === 13) {
+        this.onConfirm(node, data);
+      }
+      if (event.keyCode === 27) {
+        this.clear();
+      }
     },
     inputBlur(event, node, data) {
-      this.confirmButton || this.onConfirm(node, data);
+      if (this.confirmButton) {
+        return;
+      }
+      this.onConfirm(node, data);
     },
     getCheckedKeys() {
       return this.$refs.tree.getCheckedKeys();
@@ -813,28 +1032,35 @@ const __vue2_script = {
       );
     },
     registerNode(node) {
-      node.store.registerNode(node), delete node.store.nodesMap[-1];
+      node.store.registerNode(node);
+      delete node.store.nodesMap[-1];
     },
     reloadTree() {
       return __async(this, null, function* () {
-        this.lazy ? this.treeKey = Date.now() : yield this.tryFetch();
+        if (this.lazy) {
+          this.treeKey = Date.now();
+        } else {
+          yield this.tryFetch();
+        }
       });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const EditableTree = /* @__PURE__ */ function() {
   return __component__.exports;