@web-utils/component 2.7.20 → 2.7.22

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

@@ -1,18 +1,346 @@
-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/utils.fa73de78.js";
-import { n as k } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var B = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("div", {
+var __defProp = Object.defineProperty, __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) => {
+  for (var prop in b || (b = {}))
+    __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);
+    }
+  }, 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 { 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";
+var MapShim = function() {
+  if (typeof Map != "undefined")
+    return Map;
+  function getIndex(arr, key) {
+    var result = -1;
+    return arr.some(function(entry, index2) {
+      return entry[0] === key ? (result = index2, !0) : !1;
+    }), result;
+  }
+  return (
+    /** @class */
+    function() {
+      function class_1() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(class_1.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), class_1.prototype.get = function(key) {
+        var index2 = getIndex(this.__entries__, key), entry = this.__entries__[index2];
+        return entry && entry[1];
+      }, class_1.prototype.set = function(key, value) {
+        var index2 = getIndex(this.__entries__, key);
+        ~index2 ? this.__entries__[index2][1] = value : this.__entries__.push([key, value]);
+      }, class_1.prototype.delete = function(key) {
+        var entries = this.__entries__, index2 = getIndex(entries, key);
+        ~index2 && entries.splice(index2, 1);
+      }, class_1.prototype.has = function(key) {
+        return !!~getIndex(this.__entries__, key);
+      }, class_1.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, class_1.prototype.forEach = function(callback, ctx) {
+        ctx === void 0 && (ctx = null);
+        for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+          var entry = _a[_i];
+          callback.call(ctx, entry[1], entry[0]);
+        }
+      }, class_1;
+    }()
+  );
+}(), isBrowser = typeof window != "undefined" && typeof document != "undefined" && window.document === document, global$1 = function() {
+  return typeof global != "undefined" && global.Math === Math ? global : typeof self != "undefined" && self.Math === Math ? self : typeof window != "undefined" && window.Math === Math ? window : Function("return this")();
+}(), requestAnimationFrame$1 = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(global$1) : function(callback) {
+    return setTimeout(function() {
+      return callback(Date.now());
+    }, 1e3 / 60);
+  };
+}(), trailingTimeout = 2;
+function throttle(callback, delay2) {
+  var leadingCall = !1, trailingCall = !1, lastCallTime = 0;
+  function resolvePending() {
+    leadingCall && (leadingCall = !1, callback()), trailingCall && proxy();
+  }
+  function timeoutCallback() {
+    requestAnimationFrame$1(resolvePending);
+  }
+  function proxy() {
+    var timeStamp = Date.now();
+    if (leadingCall) {
+      if (timeStamp - lastCallTime < trailingTimeout)
+        return;
+      trailingCall = !0;
+    } else
+      leadingCall = !0, trailingCall = !1, setTimeout(timeoutCallback, delay2);
+    lastCallTime = timeStamp;
+  }
+  return proxy;
+}
+var REFRESH_DELAY = 20, transitionKeys = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], mutationObserverSupported = typeof MutationObserver != "undefined", ResizeObserverController = (
+  /** @class */
+  function() {
+    function ResizeObserverController2() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+    }
+    return ResizeObserverController2.prototype.addObserver = function(observer) {
+      ~this.observers_.indexOf(observer) || this.observers_.push(observer), this.connected_ || this.connect_();
+    }, ResizeObserverController2.prototype.removeObserver = function(observer) {
+      var observers2 = this.observers_, index2 = observers2.indexOf(observer);
+      ~index2 && observers2.splice(index2, 1), !observers2.length && this.connected_ && this.disconnect_();
+    }, ResizeObserverController2.prototype.refresh = function() {
+      var changesDetected = this.updateObservers_();
+      changesDetected && this.refresh();
+    }, ResizeObserverController2.prototype.updateObservers_ = function() {
+      var activeObservers = this.observers_.filter(function(observer) {
+        return observer.gatherActive(), observer.hasActive();
+      });
+      return activeObservers.forEach(function(observer) {
+        return observer.broadcastActive();
+      }), activeObservers.length > 0;
+    }, ResizeObserverController2.prototype.connect_ = function() {
+      !isBrowser || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), mutationObserverSupported ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+        attributes: !0,
+        childList: !0,
+        characterData: !0,
+        subtree: !0
+      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+    }, ResizeObserverController2.prototype.disconnect_ = function() {
+      !isBrowser || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+    }, ResizeObserverController2.prototype.onTransitionEnd_ = function(_a) {
+      var _b = _a.propertyName, propertyName = _b === void 0 ? "" : _b, isReflowProperty = transitionKeys.some(function(key) {
+        return !!~propertyName.indexOf(key);
+      });
+      isReflowProperty && this.refresh();
+    }, ResizeObserverController2.getInstance = function() {
+      return this.instance_ || (this.instance_ = new ResizeObserverController2()), this.instance_;
+    }, ResizeObserverController2.instance_ = null, ResizeObserverController2;
+  }()
+), defineConfigurable = function(target, props) {
+  for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+    var key = _a[_i];
+    Object.defineProperty(target, key, {
+      value: props[key],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return target;
+}, getWindowOf = function(target) {
+  var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
+  return ownerGlobal || global$1;
+}, emptyRect = createRectInit(0, 0, 0, 0);
+function toFloat(value) {
+  return parseFloat(value) || 0;
+}
+function getBordersSize(styles) {
+  for (var positions = [], _i = 1; _i < arguments.length; _i++)
+    positions[_i - 1] = arguments[_i];
+  return positions.reduce(function(size, position) {
+    var value = styles["border-" + position + "-width"];
+    return size + toFloat(value);
+  }, 0);
+}
+function getPaddings(styles) {
+  for (var positions = ["top", "right", "bottom", "left"], paddings = {}, _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+    var position = positions_1[_i], value = styles["padding-" + position];
+    paddings[position] = toFloat(value);
+  }
+  return paddings;
+}
+function getSVGContentRect(target) {
+  var bbox = target.getBBox();
+  return createRectInit(0, 0, bbox.width, bbox.height);
+}
+function getHTMLElementContentRect(target) {
+  var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
+  if (!clientWidth && !clientHeight)
+    return emptyRect;
+  var styles = getWindowOf(target).getComputedStyle(target), paddings = getPaddings(styles), horizPad = paddings.left + paddings.right, vertPad = paddings.top + paddings.bottom, width = toFloat(styles.width), height = toFloat(styles.height);
+  if (styles.boxSizing === "border-box" && (Math.round(width + horizPad) !== clientWidth && (width -= getBordersSize(styles, "left", "right") + horizPad), Math.round(height + vertPad) !== clientHeight && (height -= getBordersSize(styles, "top", "bottom") + vertPad)), !isDocumentElement(target)) {
+    var vertScrollbar = Math.round(width + horizPad) - clientWidth, horizScrollbar = Math.round(height + vertPad) - clientHeight;
+    Math.abs(vertScrollbar) !== 1 && (width -= vertScrollbar), Math.abs(horizScrollbar) !== 1 && (height -= horizScrollbar);
+  }
+  return createRectInit(paddings.left, paddings.top, width, height);
+}
+var isSVGGraphicsElement = function() {
+  return typeof SVGGraphicsElement != "undefined" ? function(target) {
+    return target instanceof getWindowOf(target).SVGGraphicsElement;
+  } : function(target) {
+    return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox == "function";
+  };
+}();
+function isDocumentElement(target) {
+  return target === getWindowOf(target).document.documentElement;
+}
+function getContentRect(target) {
+  return isBrowser ? isSVGGraphicsElement(target) ? getSVGContentRect(target) : getHTMLElementContentRect(target) : emptyRect;
+}
+function createReadOnlyRect(_a) {
+  var x = _a.x, y = _a.y, width = _a.width, height = _a.height, Constr = typeof DOMRectReadOnly != "undefined" ? DOMRectReadOnly : Object, rect = Object.create(Constr.prototype);
+  return defineConfigurable(rect, {
+    x,
+    y,
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: height + y,
+    left: x
+  }), rect;
+}
+function createRectInit(x, y, width, height) {
+  return { x, y, width, height };
+}
+var ResizeObservation = (
+  /** @class */
+  function() {
+    function ResizeObservation2(target) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = createRectInit(0, 0, 0, 0), this.target = target;
+    }
+    return ResizeObservation2.prototype.isActive = function() {
+      var rect = getContentRect(this.target);
+      return this.contentRect_ = rect, rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight;
+    }, ResizeObservation2.prototype.broadcastRect = function() {
+      var rect = this.contentRect_;
+      return this.broadcastWidth = rect.width, this.broadcastHeight = rect.height, rect;
+    }, ResizeObservation2;
+  }()
+), ResizeObserverEntry = (
+  /** @class */
+  function() {
+    function ResizeObserverEntry2(target, rectInit) {
+      var contentRect = createReadOnlyRect(rectInit);
+      defineConfigurable(this, { target, contentRect });
+    }
+    return ResizeObserverEntry2;
+  }()
+), ResizeObserverSPI = (
+  /** @class */
+  function() {
+    function ResizeObserverSPI2(callback, controller, callbackCtx) {
+      if (this.activeObservations_ = [], this.observations_ = new MapShim(), typeof callback != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = callback, this.controller_ = controller, this.callbackCtx_ = callbackCtx;
+    }
+    return ResizeObserverSPI2.prototype.observe = function(target) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element == "undefined" || !(Element instanceof Object))) {
+        if (!(target instanceof getWindowOf(target).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var observations = this.observations_;
+        observations.has(target) || (observations.set(target, new ResizeObservation(target)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, ResizeObserverSPI2.prototype.unobserve = function(target) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element == "undefined" || !(Element instanceof Object))) {
+        if (!(target instanceof getWindowOf(target).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var observations = this.observations_;
+        observations.has(target) && (observations.delete(target), observations.size || this.controller_.removeObserver(this));
+      }
+    }, ResizeObserverSPI2.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, ResizeObserverSPI2.prototype.gatherActive = function() {
+      var _this = this;
+      this.clearActive(), this.observations_.forEach(function(observation) {
+        observation.isActive() && _this.activeObservations_.push(observation);
+      });
+    }, ResizeObserverSPI2.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var ctx = this.callbackCtx_, entries = this.activeObservations_.map(function(observation) {
+          return new ResizeObserverEntry(observation.target, observation.broadcastRect());
+        });
+        this.callback_.call(ctx, entries, ctx), this.clearActive();
+      }
+    }, ResizeObserverSPI2.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, ResizeObserverSPI2.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, ResizeObserverSPI2;
+  }()
+), observers = typeof WeakMap != "undefined" ? /* @__PURE__ */ new WeakMap() : new MapShim(), ResizeObserver = (
+  /** @class */
+  function() {
+    function ResizeObserver2(callback) {
+      if (!(this instanceof ResizeObserver2))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var controller = ResizeObserverController.getInstance(), observer = new ResizeObserverSPI(callback, controller, this);
+      observers.set(this, observer);
+    }
+    return ResizeObserver2;
+  }()
+);
+[
+  "observe",
+  "unobserve",
+  "disconnect"
+].forEach(function(method) {
+  ResizeObserver.prototype[method] = function() {
+    var _a;
+    return (_a = observers.get(this))[method].apply(_a, arguments);
+  };
+});
+var index = function() {
+  return typeof global$1.ResizeObserver != "undefined" ? global$1.ResizeObserver : ResizeObserver;
+}();
+const isServer = typeof window == "undefined", resizeHandler = (entries) => {
+  for (const entry of entries) {
+    const listeners = entry.target.__resizeListeners__ || [];
+    listeners.length && listeners.forEach((fn) => {
+      fn();
+    });
+  }
+}, addResizeListener = (element, fn) => {
+  isServer || (element.__resizeListeners__ || (element.__resizeListeners__ = [], element.__ro__ = new index(resizeHandler), element.__ro__.observe(element)), element.__resizeListeners__.push(fn));
+}, removeResizeListener = (element, fn) => {
+  !element || !element.__resizeListeners__ || (element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1), element.__resizeListeners__.length || element.__ro__.disconnect());
+};
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "editable-tree"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top-right" ? i("ElButton", {
+  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top-right" ? _c("ElButton", {
     staticStyle: {
       position: "absolute",
       top: "4px",
       "z-index": "1"
     },
     style: {
-      right: `${e.right}px`
+      right: `${_vm.right}px`
     },
     attrs: {
       type: "primary",
@@ -22,95 +350,95 @@ var B = function() {
       plain: ""
     },
     on: {
-      click: function(a) {
-        return a.stopPropagation(), e.$emit("add-root-node");
+      click: function($event) {
+        return $event.stopPropagation(), _vm.$emit("add-root-node");
       }
     }
-  }) : e._e(), i("div", {
+  }) : _vm._e(), _c("div", {
     ref: "treeWrapper",
     staticClass: "et-tree-wrapper"
-  }, [!e.readonly && e.addRootNodeButtonStyle === "top" ? i("div", {
+  }, [!_vm.readonly && _vm.addRootNodeButtonStyle === "top" ? _c("div", {
     staticStyle: {
       "padding-left": "24px"
     }
-  }, [i("ElButton", {
+  }, [_c("ElButton", {
     attrs: {
-      disabled: e.loading,
+      disabled: _vm.loading,
       size: "mini",
       type: "text"
     },
     on: {
-      click: e.appendRootNode
+      click: _vm.appendRootNode
     }
-  }, [i("i", {
+  }, [_c("i", {
     staticClass: "el-icon-lx-add"
-  }), e._v(" " + e._s(e.addRootNodeLabel ? e.addRootNodeLabel : `添加${e.label}`) + " ")])], 1) : e._e(), i("ElTree", e._g(e._b({
-    key: e.treeKey,
+  }), _vm._v(" " + _vm._s(_vm.addRootNodeLabel ? _vm.addRootNodeLabel : `添加${_vm.label}`) + " ")])], 1) : _vm._e(), _c("ElTree", _vm._g(_vm._b({
+    key: _vm.treeKey,
     ref: "tree",
     staticClass: "flex-item",
     attrs: {
-      "default-expanded-keys": e.expandedKeys,
+      "default-expanded-keys": _vm.expandedKeys,
       "expand-on-click-node": !1,
       "highlight-current": "",
-      load: e.loadNode,
-      data: e.innerTreeData,
-      props: e.treeProps,
-      lazy: e.lazy,
-      "node-key": e.nodeKey
+      load: _vm.loadNode,
+      data: _vm.innerTreeData,
+      props: _vm.treeProps,
+      lazy: _vm.lazy,
+      "node-key": _vm.nodeKey
     },
     on: {
-      "node-click": e.nodeClick,
-      "node-contextmenu": e.showContextMenu,
-      "node-expand": e.addExpandKey,
-      "node-collapse": e.removeExpandKey
+      "node-click": _vm.nodeClick,
+      "node-contextmenu": _vm.showContextMenu,
+      "node-expand": _vm.addExpandKey,
+      "node-collapse": _vm.removeExpandKey
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(a) {
-        var o = a.node, s = a.data;
-        return [e._t("default", function() {
-          return [s.edit ? [i("span", {
+      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": s.id
+              "data-id": data.id
             }
-          }, [e.icon ? i("i", {
+          }, [_vm.icon ? _c("i", {
             staticClass: "node-icon shrink-0",
-            class: s.loading ? "el-icon-loading" : "el-icon-edit-outline"
-          }) : e._e(), i("ElInput", {
+            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: e.defaultOptions.inputPlaceholder
+              placeholder: _vm.defaultOptions.inputPlaceholder
             },
             on: {
-              blur: function(n) {
-                return e.inputBlur(n, o, s);
+              blur: function(event) {
+                return _vm.inputBlur(event, node, data);
               }
             },
             nativeOn: {
-              keyup: function(n) {
-                return function(y) {
-                  return e.inputKeyup(y, o, s);
+              keyup: function($event) {
+                return function(event) {
+                  return _vm.inputKeyup(event, node, data);
                 }.apply(null, arguments);
               },
-              click: function(n) {
-                n.stopPropagation();
+              click: function($event) {
+                $event.stopPropagation();
               }
             },
             model: {
-              value: e.text,
-              callback: function(n) {
-                e.text = n;
+              value: _vm.text,
+              callback: function($$v) {
+                _vm.text = $$v;
               },
               expression: "text"
             }
-          }), e.confirmButton ? [i("ElButton", {
+          }), _vm.confirmButton ? [_c("ElButton", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading,
+              value: !data.loading,
               expression: "!data.loading"
             }],
             staticClass: "shrink-0",
@@ -119,15 +447,15 @@ var B = function() {
               type: "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.onConfirm(o, s);
+              click: function($event) {
+                return $event.stopPropagation(), _vm.onConfirm(node, data);
               }
             }
-          }, [e._v("确定")]), i("ElButton", {
+          }, [_vm._v("确定")]), _c("ElButton", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading,
+              value: !data.loading,
               expression: "!data.loading"
             }],
             staticClass: "shrink-0",
@@ -136,85 +464,85 @@ var B = function() {
               type: "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.onCancel(o, s);
+              click: function($event) {
+                return $event.stopPropagation(), _vm.onCancel(node, data);
               }
             }
-          }, [e._v("取消")])] : e._e()], 2)] : [i("span", {
+          }, [_vm._v("取消")])] : _vm._e()], 2)] : [_c("span", {
             staticClass: "custom-tree-node",
             attrs: {
-              "data-id": s.id
+              "data-id": data.id
             }
-          }, [i("span", {
+          }, [_c("span", {
             staticClass: "node-label flex-row flex-item oh ellipsis-1"
-          }, [e.icon ? i("i", {
+          }, [_vm.icon ? _c("i", {
             staticClass: "node-icon",
-            class: s.loading ? "el-icon-loading" : e.icon(s, o)
-          }) : e._e(), i("span", {
+            class: data.loading ? "el-icon-loading" : _vm.icon(data, node)
+          }) : _vm._e(), _c("span", {
             staticClass: "flex-item-relative",
             staticStyle: {
               height: "21px"
             }
-          }, [i("span", {
+          }, [_c("span", {
             staticClass: "ellipsis-1 absolute-box et-tree-label",
             attrs: {
-              title: o.label
+              title: node.label
             }
-          }, [e._t("label", function() {
-            return [e._v(e._s(o.label))];
+          }, [_vm._t("label", function() {
+            return [_vm._v(_vm._s(node.label))];
           }, {
-            data: s,
-            node: o
-          })], 2)]), e._t("label-suffix", null, {
-            node: o,
-            data: s
-          })], 2), !e.contextMenu && !e.readonly ? i("span", {
+            data,
+            node
+          })], 2)]), _vm._t("label-suffix", null, {
+            node,
+            data
+          })], 2), !_vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading && !e.loading,
+              value: !data.loading && !_vm.loading,
               expression: "!data.loading && !loading"
             }],
             staticClass: "handle-actions"
-          }, [i("ElButton", {
+          }, [_c("ElButton", {
             attrs: {
               size: "mini",
               type: "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.appendChildNode(o, s);
+              click: function($event) {
+                return $event.stopPropagation(), _vm.appendChildNode(node, data);
               }
             }
-          }, [e._v("添加")]), i("ElButton", {
+          }, [_vm._v("添加")]), _c("ElButton", {
             attrs: {
               size: "mini",
               type: "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.editNode(o, s);
+              click: function($event) {
+                return $event.stopPropagation(), _vm.editNode(node, data);
               }
             }
-          }, [e._v("修改")]), i("ElPopconfirm", {
+          }, [_vm._v("修改")]), _c("ElPopconfirm", {
             staticClass: "pop-confirm",
             attrs: {
               "icon-color": "red",
               title: "你确定要删除吗？"
             },
             on: {
-              confirm: function(n) {
-                return e.removeNode(o, s);
+              confirm: function($event) {
+                return _vm.removeNode(node, data);
               }
             },
-            scopedSlots: e._u([{
+            scopedSlots: _vm._u([{
               key: "reference",
               fn: function() {
-                return [i("ElButton", {
+                return [_c("ElButton", {
                   directives: [{
                     name: "show",
                     rawName: "v-show",
-                    value: o.isLeaf,
+                    value: node.isLeaf,
                     expression: "node.isLeaf"
                   }],
                   staticStyle: {
@@ -225,26 +553,26 @@ var B = function() {
                     type: "text"
                   },
                   on: {
-                    click: function(n) {
-                      n.stopPropagation();
+                    click: function($event) {
+                      $event.stopPropagation();
                     }
                   }
-                }, [e._v("删除")])];
+                }, [_vm._v("删除")])];
               },
               proxy: !0
             }], null, !0)
-          })], 1) : e._e(), e.contextMenuIcon && e.contextMenu && !e.readonly ? i("span", {
+          })], 1) : _vm._e(), _vm.contextMenuIcon && _vm.contextMenu && !_vm.readonly ? _c("span", {
             directives: [{
               name: "show",
               rawName: "v-show",
-              value: !s.loading && !e.loading,
+              value: !data.loading && !_vm.loading,
               expression: "!data.loading && !loading"
             }],
             staticClass: "handle-actions",
             staticStyle: {
               display: "inline-block"
             }
-          }, [i("ElButton", {
+          }, [_c("ElButton", {
             staticStyle: {
               padding: "6px 10px 0"
             },
@@ -253,103 +581,103 @@ var B = function() {
               type: "text"
             },
             on: {
-              click: function(n) {
-                return n.stopPropagation(), e.showContextMenu(n, s, o);
+              click: function($event) {
+                return $event.stopPropagation(), _vm.showContextMenu($event, data, node);
               }
             }
-          }, [e._v(". . .")])], 1) : e._e()])]];
+          }, [_vm._v(". . .")])], 1) : _vm._e()])]];
         }, {
-          node: o,
-          data: s
+          node,
+          data
         })];
       }
     }], null, !0)
-  }, "ElTree", e.filterTreeProperties(e.$attrs), !1), e.filterTreeEvents(e.$listeners))), e.contextMenu && !e.readonly ? i("div", {
+  }, "ElTree", _vm.filterTreeProperties(_vm.$attrs), !1), _vm.filterTreeEvents(_vm.$listeners))), _vm.contextMenu && !_vm.readonly ? _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.showMenu,
+      value: _vm.showMenu,
       expression: "showMenu"
     }],
     ref: "contextMenu",
     staticClass: "menu",
-    style: e.position
-  }, [i("ul", {
+    style: _vm.position
+  }, [_c("ul", {
     staticClass: "menu-list"
-  }, [e._t("context-menu", function() {
-    return [i("li", {
+  }, [_vm._t("context-menu", function() {
+    return [_c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curData.id > -1,
+        value: _vm.curData.id > -1,
         expression: "curData.id > -1"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.appendPeerNode(e.curNode, e.curData);
+        click: function($event) {
+          return _vm.appendPeerNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
         color: "#228b22"
       }
-    }), e._v(e._s(e.menuLabel.appendPeer) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.appendPeer) + " ")]), _c("li", {
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.appendChildNode(e.curNode, e.curData);
+        click: function($event) {
+          return _vm.appendChildNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-lx-add",
       staticStyle: {
         color: "#228b22"
       }
-    }), e._v(e._s(e.menuLabel.appendChild) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.appendChild) + " ")]), _c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curData.id > -1,
+        value: _vm.curData.id > -1,
         expression: "curData.id > -1"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.editNode(e.curNode, e.curData);
+        click: function($event) {
+          return _vm.editNode(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-edit-outline",
       staticStyle: {
         color: "#ffa500"
       }
-    }), e._v(e._s(e.menuLabel.editNode) + " ")]), i("li", {
+    }), _vm._v(_vm._s(_vm.menuLabel.editNode) + " ")]), _c("li", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.curNode.isLeaf,
+        value: _vm.curNode.isLeaf,
         expression: "curNode.isLeaf"
       }],
       staticClass: "menu-item",
       on: {
-        click: function(a) {
-          return e.removeNodeModal(e.curNode, e.curData);
+        click: function($event) {
+          return _vm.removeNodeModal(_vm.curNode, _vm.curData);
         }
       }
-    }, [i("i", {
+    }, [_c("i", {
       staticClass: "menu-item-icon el-icon-delete",
       staticStyle: {
         color: "#f00"
       }
-    }), e._v(e._s(e.menuLabel.removeNode) + " ")])];
+    }), _vm._v(_vm._s(_vm.menuLabel.removeNode) + " ")])];
   }, {
-    curNode: e.curNode,
-    curData: e.curData
-  })], 2)]) : e._e()], 1)], 1);
-}, T = [];
-const M = {
+    curNode: _vm.curNode,
+    curData: _vm.curData
+  })], 2)]) : _vm._e()], 1)], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "EditableTree",
   props: {
     label: {
@@ -365,9 +693,9 @@ const M = {
     },
     newNodeBuilder: {
       type: Function,
-      default: (e, t) => ({
-        name: e,
-        parentId: t.id
+      default: (name, parent) => ({
+        name,
+        parentId: parent.id
       })
     },
     contextMenu: Boolean,
@@ -408,7 +736,7 @@ const M = {
       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
+        isLeaf: (data) => hasOwn(data, "hasChildren") ? !data.hasChildren : hasOwn(data, "hasChild") ? !data.hasChild : hasOwn(data, "children") && data.children ? data.children.length === 0 : !0
       })
     },
     menuLabel: {
@@ -462,19 +790,19 @@ const M = {
         modal: !0,
         inputErrorMessage: `${this.label}名不能为空！`,
         inputPlaceholder: `请输入${this.label}名...`,
-        inputValidator: (e) => e != null && e.trim().length > 0
+        inputValidator: (value) => value != null && value.trim().length > 0
       };
     },
     innerTreeData() {
-      var e;
-      return (e = this.$attrs.data) != null && e.length ? this.$attrs.data : this.treeData;
+      var _a;
+      return (_a = this.$attrs.data) != null && _a.length ? this.$attrs.data : this.treeData;
     }
   },
   watch: {
     defaultExpandedKeys: {
       immediate: !0,
-      handler(e) {
-        this.expandedKeys = [...e];
+      handler(newVal) {
+        this.expandedKeys = [...newVal];
       }
     }
   },
@@ -482,62 +810,68 @@ const M = {
     this.tryFetch();
   },
   mounted() {
-    h(this.$refs.tree.$el, this.resize), h(this.$refs.treeWrapper, this.resize);
+    addResizeListener(this.$refs.tree.$el, this.resize), addResizeListener(this.$refs.treeWrapper, this.resize);
   },
   beforeDestroy() {
-    u(this.$refs.tree.$el, this.resize), u(this.$refs.treeWrapper, this.resize);
+    removeResizeListener(this.$refs.tree.$el, this.resize), removeResizeListener(this.$refs.treeWrapper, this.resize);
   },
   methods: {
-    filterTreeProperties: b,
-    filterTreeEvents: _,
-    addExpandKey(e) {
-      this.reserveExpandKey && this.expandedKeys.push(e[this.nodeKey]);
+    filterTreeProperties,
+    filterTreeEvents,
+    addExpandKey(data) {
+      this.reserveExpandKey && this.expandedKeys.push(data[this.nodeKey]);
     },
-    removeExpandKey(e) {
-      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((t) => t !== e[this.nodeKey]));
+    removeExpandKey(data) {
+      this.reserveExpandKey && (this.expandedKeys = this.expandedKeys.filter((key) => key !== data[this.nodeKey]));
     },
     resize() {
-      x(this.$refs.treeWrapper) ? this.right = 4 + w : this.right = 4;
+      isVerticalScrollbarVisible(this.$refs.treeWrapper) ? this.right = 4 + scrollbarWidth : this.right = 4;
     },
-    async showContextMenu(e, t, i) {
-      t.contextmenu === !1 || t.id === -1 || t.id === 0 || t.edit === !0 || this.contextMenu && (this.curNode = i, this.curData = t, this.showMenu = !0, this.$refs.tree.setCurrentKey(t.id), await this.$nextTick(), this.position = N(e, this.$refs.contextMenu), window.addEventListener("click", this.hideContextMenu));
+    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));
+      });
     },
     hideContextMenu() {
       this.showMenu = !1, window.removeEventListener("click", this.hideContextMenu);
     },
-    async tryFetch() {
-      var e;
-      if (this.lazy === !1 && this.fetchApi) {
-        const t = await this.fetchApi(((e = this.rootNode) == null ? void 0 : e.id) ?? -1, {});
-        if (r(t.data) && (t.data = [t.data]), t.data = t.data || [], this.empty = t.data.length === 0, r(this.customRootNode)) {
-          const i = p(this.customRootNode);
-          i[this.treeProps.children || "children"] = t.data, this.treeData = [i];
-        } else if (f(this.customRootNode)) {
-          const i = this.customRootNode(t.data);
-          i[this.treeProps.children || "children"] = t.data, this.treeData = r(i) ? [i] : i;
-        } else
-          this.treeData = t.data;
-      }
+    tryFetch() {
+      return __async(this, null, function* () {
+        var _a, _b;
+        if (this.lazy === !1 && 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)) {
+            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(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 (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);
-      }
+    loadNode(node, resolve) {
+      return __async(this, null, function* () {
+        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)) {
+            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);
+          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]);
+        } else {
+          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);
+        }
+      });
     },
     clear() {
       this.cancelEdit(), this.removeNewNode();
@@ -549,241 +883,260 @@ const M = {
       this.newChild && this.newChild.id === -1 && (console.log(this.newChild), this.$refs.tree.remove(this.newChild), this.$emit("remove-new-node"));
     },
     cancelEdit() {
-      this.editData && (l(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
-    },
-    async editNode(e, t) {
-      !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.editData = t, this.text = t[this.treeProps.label], l(t.edit) ? this.$set(t, "edit", !0) : t.edit = !0, await this.$nextTick(), this.$refs.labelTxt.focus()) : await this.$prompt(`请输入新的${this.label}名：`, {
-        ...this.defaultOptions,
-        inputValue: t[this.treeProps.label],
-        beforeClose: async (i, a, o) => {
-          if (i === "confirm") {
-            try {
-              a.confirmButtonLoading = !0, a.confirmButtonText = "处理中...", this.text = a.inputValue, await this.onConfirm(this.curNode, this.curData), o();
-            } catch {
-              a.confirmButtonText = "确定";
-            }
-            a.confirmButtonLoading = !1;
-          } else
-            o();
-        }
-      }).catch((i) => i);
-    },
-    async appendRootNode() {
-      this.text = "", !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(void 0), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.scrollIntoView(!0)) : await this.$prompt(`请输入${this.label}名：`, {
-        ...this.defaultOptions,
-        beforeClose: async (e, t, i) => {
-          if (e === "confirm") {
-            try {
-              this.createNewChild(-1), t.confirmButtonLoading = !0, t.confirmButtonText = "处理中...";
-              const a = await this.saveApi(this.newNodeBuilder(t.inputValue, { id: -1 }));
-              this.newChild[this.treeProps.label] = t.inputValue, this.newChild.edit = !1, c(this.newChild, a.data), this.$refs.tree.root.insertChild({ data: this.newChild }, void 0, !0), await this.locateView(), i();
-            } catch {
-              t.confirmButtonText = "确定";
-            }
-            t.confirmButtonLoading = !1;
-          } else
-            i();
-        }
-      }).catch((e) => e);
+      this.editData && (isUndefined(this.editData.edit) ? this.$set(this.editData, "edit", !0) : this.editData.edit = !1);
+    },
+    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 = "确定";
+              }
+              instance.confirmButtonLoading = !1;
+            } else
+              done();
+          })
+        })).catch((_) => _);
+      });
     },
-    appendChildNode(e) {
-      this.text = "";
-      const t = e.expanded;
-      e.expand(async () => {
-        !this.contextMenu || this.contextMenuIcon || this.contextMenuInline ? (this.clear(), this.createNewChild(e.data.id), this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(t)) : await this.$prompt(`请输入${this.label}名：`, {
-          ...this.defaultOptions,
-          beforeClose: async (i, a, o) => {
-            if (i === "confirm") {
+    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(e.data.id), a.confirmButtonLoading = !0, a.confirmButtonText = "处理中...";
-                const s = await this.saveApi(this.newNodeBuilder(a.inputValue, e.data));
-                this.newChild[this.treeProps.label] = a.inputValue, this.newChild.edit = !1, c(this.newChild, s.data), this.$refs.tree.append(this.newChild, e), await this.locateView(), o();
-              } catch {
-                a.confirmButtonText = "确定";
+                this.createNewChild(-1), instance.confirmButtonLoading = !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 = "确定";
               }
-              a.confirmButtonLoading = !1;
+              instance.confirmButtonLoading = !1;
             } else
-              o();
-          }
-        }).catch((i) => i);
+              done();
+          })
+        })).catch((_) => _);
       });
     },
-    appendChildNodeWithData(e, t, i) {
+    appendChildNode(node) {
       this.text = "";
-      const a = e.expanded;
-      e.expand(async () => {
+      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 = "确定";
+              }
+              instance.confirmButtonLoading = !1;
+            } else
+              done();
+          })
+        })).catch((_) => _);
+      }));
+    },
+    appendChildNodeWithData(node, parentId, label) {
+      this.text = "";
+      const expanded = node.expanded;
+      node.expand(() => __async(this, null, function* () {
         this.clear(), this.newChild = {
           id: -1,
-          parentId: t,
-          [this.treeProps.label]: i,
+          parentId,
+          [this.treeProps.label]: label,
           edit: !1,
           isTempNode: !0,
           hasChildren: !1
-        }, this.$refs.tree.append(this.newChild, e), await this.scrollIntoView(a);
-      });
+        }, this.$refs.tree.append(this.newChild, node), yield this.scrollIntoView(expanded);
+      }));
     },
-    appendPeerNode(e) {
-      e.parent && e.parent.level !== 0 ? this.appendChildNode(e.parent) : this.appendRootNode();
+    appendPeerNode(node) {
+      node.parent && node.parent.level !== 0 ? this.appendChildNode(node.parent) : this.appendRootNode();
     },
-    async addRootNode(e) {
-      this.$refs.tree.remove(e), await this.$nextTick(), this.$refs.tree.root.insertChild({ data: e }, void 0, !0);
+    addRootNode(data) {
+      return __async(this, null, function* () {
+        this.$refs.tree.remove(data), yield this.$nextTick(), this.$refs.tree.root.insertChild({ data }, void 0, !0);
+      });
     },
-    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);
+    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);
+      });
     },
-    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);
+    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);
+      });
     },
-    updateNode(e) {
-      const t = this.$refs.tree.getNode(e);
-      t && (t.data = e);
+    updateNode(data) {
+      const node = this.$refs.tree.getNode(data);
+      node && (node.data = data);
     },
-    setCurrentKey(e) {
-      this.$refs.tree && this.$refs.tree.setCurrentKey(e);
+    setCurrentKey(key) {
+      this.$refs.tree && this.$refs.tree.setCurrentKey(key);
     },
-    createNewChild(e) {
+    createNewChild(parentId) {
       this.newChild = {
         id: -1,
-        parentId: e,
+        parentId,
         [this.treeProps.label]: "",
         edit: !0,
         isTempNode: !0,
         hasChildren: !1
       }, this.$emit("create-new-node", this.newChild);
     },
-    async removeNodeModal(e) {
-      await this.$confirm(
-        `你确定要删除${this.label}[<span class="break-word" style="color: orange">${e.data[this.treeProps.label]}</span>]吗？`,
-        "系统提示",
-        {
-          type: "warning",
-          modal: !0,
-          dangerouslyUseHTMLString: !0,
-          iconClass: "el-icon-question",
-          closeOnClickModal: !1,
-          confirmButtonClass: "el-button--danger",
-          cancelButtonClass: "el-button--primary is-plain",
-          beforeClose: async (t, i, a) => {
-            if (t === "confirm") {
-              try {
-                i.confirmButtonLoading = !0, i.confirmButtonText = "删除...";
-                const o = e.parent, s = await this.deleteApi(e.data.id);
-                s.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", o, e.data), a()) : this.$message.error(s.message);
-              } catch {
-              }
-              i.confirmButtonText = "确定", i.confirmButtonLoading = !1;
-            } else
-              a();
+    removeNodeModal(node) {
+      return __async(this, null, function* () {
+        yield this.$confirm(
+          `你确定要删除${this.label}[<span class="break-word" style="color: orange">${node.data[this.treeProps.label]}</span>]吗？`,
+          "系统提示",
+          {
+            type: "warning",
+            modal: !0,
+            dangerouslyUseHTMLString: !0,
+            iconClass: "el-icon-question",
+            closeOnClickModal: !1,
+            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);
+                } catch (_) {
+                }
+                instance.confirmButtonText = "确定", instance.confirmButtonLoading = !1;
+              } else
+                done();
+            })
           }
+        ).catch((_) => _);
+      });
+    },
+    removeNode(node) {
+      return __async(this, null, function* () {
+        try {
+          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
+            this.$refs.tree.remove(node);
+        } catch (e) {
         }
-      ).catch((t) => t);
-    },
-    async removeNode(e) {
-      try {
-        const t = e.parent;
-        if (this.deleteApi) {
-          const i = await this.deleteApi(e.data.id);
-          i.code === 0 ? (this.$message.success("删除成功!"), this.$refs.tree.remove(e), this.$emit("node-deleted", t, e.data)) : this.$message.error(i.message);
-        } else
-          this.$refs.tree.remove(e);
-      } catch {
-      }
+      });
     },
-    async onConfirm(e, t) {
-      if (t[this.treeProps.label] === this.text || !C(this.text)) {
-        this.clear();
-        return;
-      }
-      l(t.loading) ? this.$set(t, "loading", !0) : t.loading = !0;
-      try {
-        if (this.loading = !0, t.id === -1) {
-          const i = await this.saveApi(this.newNodeBuilder(this.text, e.parent.data || { id: -1 })), a = v(t);
-          c(t, { ...i.data, isTempNode: !1 }), this.$emit("node-added", t, a, e), this.registerNode(e);
-        } else
-          await this.updateApi({ ...t, [this.treeProps.label]: this.text });
-        t[this.treeProps.label] = this.text, t.edit = !1, this.$emit("node-updated", t, e), this.text = "";
-      } catch {
-      }
-      t.loading = !1, this.loading = !1;
+    onConfirm(node, data) {
+      return __async(this, null, function* () {
+        if (data[this.treeProps.label] === this.text || !isNotEmpty(this.text)) {
+          this.clear();
+          return;
+        }
+        isUndefined(data.loading) ? this.$set(data, "loading", !0) : data.loading = !0;
+        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
+            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 = "";
+        } catch (e) {
+        }
+        data.loading = !1, this.loading = !1;
+      });
     },
-    onCancel(e, t) {
-      t.id === -1 ? this.$refs.tree.remove(e) : t.edit = !1, this.text = "";
+    onCancel(node, data) {
+      data.id === -1 ? this.$refs.tree.remove(node) : data.edit = !1, this.text = "";
     },
-    nodeClick(e, t, i) {
-      this.hideContextMenu(), (l(e.loading) || !e.loading) && (this.curNode = t, this.curData = e, this.$emit("on-node-click", e, t, i));
+    nodeClick(data, node, tree) {
+      this.hideContextMenu(), (isUndefined(data.loading) || !data.loading) && (this.curNode = node, this.curData = data, this.$emit("on-node-click", data, node, tree));
     },
     getCurrentNode() {
       return this.$refs.tree.getCurrentNode();
     },
-    async locateView() {
-      await this.$nextTick();
-      const e = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
-      e && e.scrollIntoView();
+    locateView() {
+      return __async(this, null, function* () {
+        yield this.$nextTick();
+        const el = this.$el.querySelector(`[data-id="${this.newChild.id}"]`);
+        el && el.scrollIntoView();
+      });
     },
-    async scrollIntoView(e) {
-      var t, i;
-      await this.$nextTick(), e || await g(300), (i = (t = this.$refs) == null ? void 0 : t.labelTxt) == null || i.focus();
+    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();
+      });
     },
-    inputKeyup(e, t, i) {
-      e.keyCode === 13 && this.onConfirm(t, i), e.keyCode === 27 && this.clear();
+    inputKeyup(event, node, data) {
+      event.keyCode === 13 && this.onConfirm(node, data), event.keyCode === 27 && this.clear();
     },
-    inputBlur(e, t, i) {
-      this.confirmButton || this.onConfirm(t, i);
+    inputBlur(event, node, data) {
+      this.confirmButton || this.onConfirm(node, data);
     },
     getCheckedKeys() {
       return this.$refs.tree.getCheckedKeys();
     },
-    setCheckedKeys(e) {
-      this.$refs.tree.setCheckedKeys(e);
+    setCheckedKeys(keys) {
+      this.$refs.tree.setCheckedKeys(keys);
     },
     getCheckedNodes() {
       return this.$refs.tree.getCheckedNodes();
     },
-    setCheckedNodes(e) {
-      this.$refs.tree.setCheckedNodes(e);
+    setCheckedNodes(nodes) {
+      this.$refs.tree.setCheckedNodes(nodes);
     },
-    getNode(e) {
-      return this.$refs.tree.getNode(e);
+    getNode(data) {
+      return this.$refs.tree.getNode(data);
     },
     getRootNode() {
       return this.$refs.tree.root;
     },
-    findTreeNode(e) {
-      return $(
+    findTreeNode(data) {
+      return findTreeChildren(
         this.$refs.tree.root.childNodes,
-        (t) => t.data === e || t.data.id === e,
+        (node) => node.data === data || node.data.id === data,
         "childNodes"
       );
     },
-    registerNode(e) {
-      e.store.registerNode(e), delete e.store.nodesMap[-1];
+    registerNode(node) {
+      node.store.registerNode(node), delete node.store.nodesMap[-1];
     },
-    async reloadTree() {
-      this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
+    reloadTree() {
+      return __async(this, null, function* () {
+        this.lazy ? this.treeKey = Date.now() : yield this.tryFetch();
+      });
     }
   }
-}, m = {};
-var K = /* @__PURE__ */ k(
-  M,
-  B,
-  T,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  P,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function P(e) {
-  for (let t in m)
-    this[t] = m[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const R = /* @__PURE__ */ function() {
-  return K.exports;
+const EditableTree = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  R as default
+  EditableTree as default
 };