@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,1004 +0,0 @@
-import { hasOwn, addResizeListener, removeResizeListener, isVerticalScrollbarVisible, scrollbarWidth, computePosition, isPlainObject, cloneDeep, isFunction, isUndefined, isNotEmpty, fastClone, delay, findTreeChildren } from "@web-utils/core";
-import { a as filterTreeProperties, b as filterTreeEvents, c as assignReactiveProperties } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "editable-tree"
-  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top-right" ? _c("ElButton", {
-    staticStyle: {
-      "position": "absolute",
-      "top": "4px",
-      "z-index": "1"
-    },
-    style: {
-      right: `${_vm.right}px`
-    },
-    attrs: {
-      "type": "primary",
-      "size": "mini",
-      "icon": "el-icon-plus",
-      "circle": "",
-      "plain": ""
-    },
-    on: {
-      "click": function($event) {
-        $event.stopPropagation();
-        return _vm.$emit("add-root-node");
-      }
-    }
-  }) : _vm._e(), _c("div", {
-    ref: "treeWrapper",
-    staticClass: "et-tree-wrapper"
-  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top" ? _c("div", {
-    staticStyle: {
-      "padding-left": "24px"
-    }
-  }, [_c("ElButton", {
-    attrs: {
-      "disabled": _vm.loading,
-      "size": "mini",
-      "type": "text"
-    },
-    on: {
-      "click": _vm.appendRootNode
-    }
-  }, [_c("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,
-    ref: "tree",
-    staticClass: "flex-item",
-    attrs: {
-      "default-expanded-keys": _vm.expandedKeys,
-      "expand-on-click-node": false,
-      "highlight-current": "",
-      "load": _vm.loadNode,
-      "data": _vm.innerTreeData,
-      "props": _vm.treeProps,
-      "lazy": _vm.lazy,
-      "node-key": _vm.nodeKey
-    },
-    on: {
-      "node-click": _vm.nodeClick,
-      "node-contextmenu": _vm.showContextMenu,
-      "node-expand": _vm.addExpandKey,
-      "node-collapse": _vm.removeExpandKey
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function(_ref) {
-        var node = _ref.node, data = _ref.data;
-        return [_vm._t("default", function() {
-          return [!data.edit ? [_c("span", {
-            staticClass: "custom-tree-node",
-            attrs: {
-              "data-id": data.id
-            }
-          }, [_c("span", {
-            staticClass: "node-label flex-row flex-item oh ellipsis-1"
-          }, [_vm.icon ? _c("i", {
-            staticClass: "node-icon",
-            class: data.loading ? "el-icon-loading" : _vm.icon(data, node)
-          }) : _vm._e(), _c("span", {
-            staticClass: "flex-item-relative",
-            staticStyle: {
-              "height": "21px"
-            }
-          }, [_c("span", {
-            staticClass: "ellipsis-1 absolute-box et-tree-label",
-            attrs: {
-              "title": node.label
-            }
-          }, [_vm._t("label", function() {
-            return [_vm._v(_vm._s(node.label))];
-          }, {
-            "data": data,
-            "node": node
-          })], 2)]), _vm._t("label-suffix", null, {
-            "node": node,
-            "data": data
-          })], 2), !_vm.contextMenu && !_vm.readonly ? _c("span", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !data.loading && !_vm.loading,
-              expression: "!data.loading && !loading"
-            }],
-            staticClass: "handle-actions"
-          }, [_c("ElButton", {
-            attrs: {
-              "size": "mini",
-              "type": "text"
-            },
-            on: {
-              "click": function($event) {
-                $event.stopPropagation();
-                return _vm.appendChildNode(node, data);
-              }
-            }
-          }, [_vm._v("添加")]), _c("ElButton", {
-            attrs: {
-              "size": "mini",
-              "type": "text"
-            },
-            on: {
-              "click": function($event) {
-                $event.stopPropagation();
-                return _vm.editNode(node, data);
-              }
-            }
-          }, [_vm._v("修改")]), _c("ElPopconfirm", {
-            staticClass: "pop-confirm",
-            attrs: {
-              "icon-color": "red",
-              "title": "你确定要删除吗？"
-            },
-            on: {
-              "confirm": function($event) {
-                return _vm.removeNode(node, data);
-              }
-            },
-            scopedSlots: _vm._u([{
-              key: "reference",
-              fn: function() {
-                return [_c("ElButton", {
-                  directives: [{
-                    name: "show",
-                    rawName: "v-show",
-                    value: node.isLeaf,
-                    expression: "node.isLeaf"
-                  }],
-                  staticStyle: {
-                    "margin-left": "4px"
-                  },
-                  attrs: {
-                    "size": "mini",
-                    "type": "text"
-                  },
-                  on: {
-                    "click": function($event) {
-                      $event.stopPropagation();
-                    }
-                  }
-                }, [_vm._v("删除")])];
-              },
-              proxy: true
-            }], null, true)
-          })], 1) : _vm._e(), _vm.contextMenuIcon && _vm.contextMenu && !_vm.readonly ? _c("span", {
-            directives: [{
-              name: "show",
-              rawName: "v-show",
-              value: !data.loading && !_vm.loading,
-              expression: "!data.loading && !loading"
-            }],
-            staticClass: "handle-actions",
-            staticStyle: {
-              "display": "inline-block"
-            }
-          }, [_c("ElButton", {
-            staticStyle: {
-              "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"
-            },
-            on: {
-              "click": function($event) {
-                $event.stopPropagation();
-                return _vm.onCancel(node, data);
-              }
-            }
-          }, [_vm._v("取消")])] : _vm._e()], 2)]];
-        }, {
-          "node": node,
-          "data": data
-        })];
-      }
-    }], null, true)
-  }, "ElTree", _vm.filterTreeProperties(_vm.$attrs), false), _vm.filterTreeEvents(_vm.$listeners))), _vm.contextMenu && !_vm.readonly ? _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.showMenu,
-      expression: "showMenu"
-    }],
-    ref: "contextMenu",
-    staticClass: "menu",
-    style: _vm.position
-  }, [_c("ul", {
-    staticClass: "menu-list"
-  }, [_vm._t("context-menu", function() {
-    return [_c("li", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.curData.id > -1,
-        expression: "curData.id > -1"
-      }],
-      staticClass: "menu-item",
-      on: {
-        "click": function($event) {
-          return _vm.appendPeerNode(_vm.curNode, _vm.curData);
-        }
-      }
-    }, [_c("i", {
-      staticClass: "menu-item-icon el-icon-lx-add",
-      staticStyle: {
-        "color": "#228b22"
-      }
-    }), _vm._v(_vm._s(_vm.menuLabel.appendPeer) + " ")]), _c("li", {
-      staticClass: "menu-item",
-      on: {
-        "click": function($event) {
-          return _vm.appendChildNode(_vm.curNode, _vm.curData);
-        }
-      }
-    }, [_c("i", {
-      staticClass: "menu-item-icon el-icon-lx-add",
-      staticStyle: {
-        "color": "#228b22"
-      }
-    }), _vm._v(_vm._s(_vm.menuLabel.appendChild) + " ")]), _c("li", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.curData.id > -1,
-        expression: "curData.id > -1"
-      }],
-      staticClass: "menu-item",
-      on: {
-        "click": function($event) {
-          return _vm.editNode(_vm.curNode, _vm.curData);
-        }
-      }
-    }, [_c("i", {
-      staticClass: "menu-item-icon el-icon-edit-outline",
-      staticStyle: {
-        "color": "#ffa500"
-      }
-    }), _vm._v(_vm._s(_vm.menuLabel.editNode) + " ")]), _c("li", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.curNode.isLeaf,
-        expression: "curNode.isLeaf"
-      }],
-      staticClass: "menu-item",
-      on: {
-        "click": function($event) {
-          return _vm.removeNodeModal(_vm.curNode, _vm.curData);
-        }
-      }
-    }, [_c("i", {
-      staticClass: "menu-item-icon el-icon-delete",
-      staticStyle: {
-        "color": "#f00"
-      }
-    }), _vm._v(_vm._s(_vm.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 = {
-  name: "EditableTree",
-  props: {
-    label: {
-      type: String,
-      default: "书签"
-    },
-    addRootNodeLabel: {
-      type: String
-    },
-    defaultExpandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    newNodeBuilder: {
-      type: Function,
-      default: (name, parent) => {
-        return {
-          name,
-          parentId: parent.id
-        };
-      }
-    },
-    contextMenu: Boolean,
-    lazy: {
-      type: Boolean,
-      default: true
-    },
-    expandFirstNode: {
-      type: Boolean,
-      default: true
-    },
-    readonly: Boolean,
-    saveApi: {
-      type: Function
-    },
-    updateApi: {
-      type: Function
-    },
-    deleteApi: {
-      type: Function
-    },
-    fetchApi: {
-      type: Function
-    },
-    customRootNode: {
-      type: {
-        type: Object,
-        default: void 0
-      }
-    },
-    rootNode: {
-      type: Object
-    },
-    contextMenuIcon: Boolean,
-    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;
-            }
-          }
-        };
-      }
-    },
-    menuLabel: {
-      type: Object,
-      default: () => ({
-        appendPeer: "添加同级节点",
-        appendChild: "添加",
-        removeNode: "删除",
-        editNode: "修改"
-      })
-    },
-    icon: {
-      type: [Function, Boolean],
-      default: () => {
-        return "el-icon-collection-tag";
-      }
-    },
-    confirmButton: {
-      type: Boolean,
-      default: true
-    },
-    addRootNodeButtonStyle: {
-      type: String,
-      default: "top"
-    },
-    reserveExpandKey: Boolean,
-    nodeKey: {
-      type: String,
-      default: "id"
-    }
-  },
-  data() {
-    return {
-      loading: false,
-      showMenu: false,
-      empty: true,
-      expandedKeys: this.lazy ? [] : this.defaultExpandedKeys,
-      treeData: [],
-      curNode: {},
-      curData: {},
-      position: {},
-      text: "",
-      right: 4,
-      treeKey: Date.now()
-    };
-  },
-  computed: {
-    defaultOptions() {
-      return {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        closeOnClickModal: false,
-        modal: true,
-        inputErrorMessage: `${this.label}名不能为空！`,
-        inputPlaceholder: `请输入${this.label}名...`,
-        inputValidator: (value) => value != null && value.trim().length > 0
-      };
-    },
-    innerTreeData() {
-      var _a;
-      return ((_a = this.$attrs.data) == null ? void 0 : _a.length) ? this.$attrs.data : this.treeData;
-    }
-  },
-  watch: {
-    defaultExpandedKeys: {
-      immediate: true,
-      handler(newVal) {
-        this.expandedKeys = [...newVal];
-      }
-    }
-  },
-  created() {
-    this.tryFetch();
-  },
-  mounted() {
-    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);
-  },
-  methods: {
-    filterTreeProperties,
-    filterTreeEvents,
-    addExpandKey(data) {
-      if (this.reserveExpandKey) {
-        this.expandedKeys.push(data[this.nodeKey]);
-      }
-    },
-    removeExpandKey(data) {
-      if (this.reserveExpandKey) {
-        this.expandedKeys = this.expandedKeys.filter((key) => key !== data[this.nodeKey]);
-      }
-    },
-    resize() {
-      if (isVerticalScrollbarVisible(this.$refs.treeWrapper)) {
-        this.right = 4 + scrollbarWidth;
-      } else {
-        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);
-      }
-    },
-    hideContextMenu() {
-      this.showMenu = false;
-      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];
-          }
-        }
-      } 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);
-      }
-    },
-    clear() {
-      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");
-      }
-    },
-    cancelEdit() {
-      if (this.editData) {
-        if (isUndefined(this.editData.edit)) {
-          this.$set(this.editData, "edit", true);
-        } else {
-          this.editData.edit = false;
-        }
-      }
-    },
-    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();
-            }
-          }
-        }).catch((_) => _);
-      }
-    },
-    async appendRootNode() {
-      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}名：`, {
-          ...this.defaultOptions,
-          beforeClose: async (action, instance, done) => {
-            if (action === "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 = "确定";
-              }
-              instance.confirmButtonLoading = false;
-            } else {
-              done();
-            }
-          }
-        }).catch((_) => _);
-      }
-    },
-    appendChildNode(node) {
-      this.text = "";
-      const expanded = node.expanded;
-      node.expand(async () => {
-        if (!this.contextMenu || this.contextMenuIcon || this.contextMenuInline) {
-          this.clear();
-          this.createNewChild(node.data.id);
-          this.$refs.tree.append(this.newChild, node);
-          await this.scrollIntoView(expanded);
-        } else {
-          await this.$prompt(`请输入${this.label}名：`, {
-            ...this.defaultOptions,
-            beforeClose: async (action, instance, done) => {
-              if (action === "confirm") {
-                try {
-                  this.createNewChild(node.data.id);
-                  instance.confirmButtonLoading = true;
-                  instance.confirmButtonText = "处理中...";
-                  const res = await this.saveApi(this.newNodeBuilder(instance.inputValue, node.data));
-                  this.newChild[this.treeProps.label] = instance.inputValue;
-                  this.newChild.edit = false;
-                  assignReactiveProperties(this.newChild, res.data);
-                  this.$refs.tree.append(this.newChild, node);
-                  await this.locateView();
-                  done();
-                } catch (e) {
-                  instance.confirmButtonText = "确定";
-                }
-                instance.confirmButtonLoading = false;
-              } else {
-                done();
-              }
-            }
-          }).catch((_) => _);
-        }
-      });
-    },
-    appendChildNodeWithData(node, parentId, label) {
-      this.text = "";
-      const expanded = node.expanded;
-      node.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);
-      });
-    },
-    appendPeerNode(node) {
-      if (node.parent && node.parent.level !== 0) {
-        this.appendChildNode(node.parent);
-      } else {
-        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 addPeerNode(data) {
-      if (this.curNode && this.curNode.parent && this.curNode.parent.level !== 0) {
-        this.curNode.parent.expand(async () => {
-          this.$refs.tree.remove(data);
-          await this.$nextTick();
-          this.$refs.tree.append(data, this.curNode.parent);
-        });
-      } else {
-        await this.addRootNode(data);
-      }
-    },
-    updateNode(data) {
-      const node = this.$refs.tree.getNode(data);
-      node && (node.data = data);
-    },
-    setCurrentKey(key) {
-      this.$refs.tree && this.$refs.tree.setCurrentKey(key);
-    },
-    createNewChild(parentId) {
-      this.newChild = {
-        id: -1,
-        parentId,
-        [this.treeProps.label]: "",
-        edit: true,
-        isTempNode: true,
-        hasChildren: false
-      };
-      this.$emit("create-new-node", this.newChild);
-    },
-    async removeNodeModal(node) {
-      await this.$confirm(
-        `你确定要删除${this.label}[<span class="break-word" style="color: orange">${node.data[this.treeProps.label]}</span>]吗？`,
-        "系统提示",
-        {
-          type: "warning",
-          modal: true,
-          dangerouslyUseHTMLString: true,
-          iconClass: "el-icon-question",
-          closeOnClickModal: false,
-          confirmButtonClass: "el-button--danger",
-          cancelButtonClass: "el-button--primary is-plain",
-          beforeClose: async (action, instance, done) => {
-            if (action === "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 (_) {
-              }
-              instance.confirmButtonText = "确定";
-              instance.confirmButtonLoading = false;
-            } else {
-              done();
-            }
-          }
-        }
-      ).catch((_) => _);
-    },
-    async removeNode(node) {
-      try {
-        const parentNode = node.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) {
-      }
-    },
-    async onConfirm(node, data) {
-      if (data[this.treeProps.label] === this.text || !isNotEmpty(this.text)) {
-        this.clear();
-        return;
-      }
-      if (isUndefined(data.loading)) {
-        this.$set(data, "loading", true);
-      } else {
-        data.loading = true;
-      }
-      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) {
-      }
-      data.loading = false;
-      this.loading = false;
-    },
-    onCancel(node, data) {
-      if (data.id === -1) {
-        this.$refs.tree.remove(node);
-      } else {
-        data.edit = false;
-      }
-      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);
-      }
-    },
-    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();
-      }
-    },
-    async scrollIntoView(expanded) {
-      var _a, _b;
-      await this.$nextTick();
-      if (!expanded) {
-        await delay(300);
-      }
-      (_b = (_a = this.$refs) == null ? void 0 : _a.labelTxt) == null ? void 0 : _b.focus();
-    },
-    inputKeyup(event, node, data) {
-      if (event.keyCode === 13) {
-        this.onConfirm(node, data);
-      }
-      if (event.keyCode === 27) {
-        this.clear();
-      }
-    },
-    inputBlur(event, node, data) {
-      if (this.confirmButton) {
-        return;
-      }
-      this.onConfirm(node, data);
-    },
-    getCheckedKeys() {
-      return this.$refs.tree.getCheckedKeys();
-    },
-    setCheckedKeys(keys) {
-      this.$refs.tree.setCheckedKeys(keys);
-    },
-    getCheckedNodes() {
-      return this.$refs.tree.getCheckedNodes();
-    },
-    setCheckedNodes(nodes) {
-      this.$refs.tree.setCheckedNodes(nodes);
-    },
-    getNode(data) {
-      return this.$refs.tree.getNode(data);
-    },
-    getRootNode() {
-      return this.$refs.tree.root;
-    },
-    findTreeNode(data) {
-      return findTreeChildren(
-        this.$refs.tree.root.childNodes,
-        (node) => node.data === data || node.data.id === data,
-        "childNodes"
-      );
-    },
-    registerNode(node) {
-      node.store.registerNode(node);
-      delete node.store.nodesMap[-1];
-    },
-    async reloadTree() {
-      if (this.lazy) {
-        this.treeKey = Date.now();
-      } else {
-        await this.tryFetch();
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const EditableTree = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  EditableTree as default
-};