@web-utils/component 4.0.16 → 5.0.0-beta01

package/editable-progress/index.mjs

@@ -1,84 +1,113 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "EditableProgress",
-  props: {
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    strokeWidth: {
-      type: Number,
-      default: 22
-    },
-    step: {
-      type: Number,
-      default: 10
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    value: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      slider: !1,
-      mouseDown: !1,
-      tooltipClass: "hide-tooltip",
-      percent: this.value
-    };
-  },
-  watch: {
-    value(s) {
-      this.percent !== s && (this.percent = s);
-    }
-  },
-  methods: {
-    formatTooltip(s) {
-      return `${s}%`;
-    },
-    onInput(s) {
-      this.value !== s && this.$emit("input", s);
-    },
-    onChange(s) {
-      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", s);
-    },
-    onMouseOver() {
-      this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
-        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
-      }));
-    },
-    onMouseDown() {
-      this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
-    },
-    onMouseUp() {
-      this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
-    },
-    onMouseLeave() {
-      this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
-    },
-    wrapperClick() {
-      this.disabled || (this.slider = !0);
-    }
-  }
-};
-var a = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "editable-progress", on: { mouseover: e.onMouseOver, mousedown: e.onMouseDown, mouseleave: e.onMouseLeave, click: e.wrapperClick } }, [t("ElProgress", { directives: [{ name: "show", rawName: "v-show", value: !e.slider, expression: "!slider" }], class: e.percent === 100 ? "progress__success" : "", attrs: { "stroke-width": e.strokeWidth, "text-inside": "", percentage: e.percent } }), e.disabled ? e._e() : t("ElSlider", { directives: [{ name: "show", rawName: "v-show", value: e.slider, expression: "slider" }], ref: "slider", style: { width: `${e.max === 100 ? 100 : e.max - 1}%` }, attrs: { "tooltip-class": e.tooltipClass, max: e.max, "format-tooltip": e.formatTooltip, disabled: e.disabled, step: e.step }, on: { input: e.onInput, change: e.onChange }, model: { value: e.percent, callback: function(i) {
-    e.percent = i;
-  }, expression: "percent" } })], 1);
-}, l = [], n = /* @__PURE__ */ o(
-  r,
-  a,
-  l,
-  !1,
-  null,
-  null
-);
-const p = n.exports;
-export {
-  p as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, resolveComponent as c, vShow as l, withDirectives as u } from "vue";
+//#region src/components/EditableProgress.vue
+var d = {
+	name: "EditableProgress",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		strokeWidth: {
+			type: Number,
+			default: 22
+		},
+		step: {
+			type: Number,
+			default: 10
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		value: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: ["input", "change"],
+	data() {
+		return {
+			slider: !1,
+			mouseDown: !1,
+			tooltipClass: "hide-tooltip",
+			percent: this.value
+		};
+	},
+	watch: { value(e) {
+		this.percent !== e && (this.percent = e);
+	} },
+	methods: {
+		formatTooltip(e) {
+			return `${e}%`;
+		},
+		onInput(e) {
+			this.value !== e && this.$emit("input", e);
+		},
+		onChange(e) {
+			this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
+		},
+		onMouseOver() {
+			this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
+				this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
+			}));
+		},
+		onMouseDown() {
+			this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseUp() {
+			this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseLeave() {
+			this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
+		},
+		wrapperClick() {
+			this.disabled || (this.slider = !0);
+		}
+	}
 };
+function f(e, d, f, p, m, h) {
+	let g = c("ElProgress"), _ = c("ElSlider");
+	return s(), r("div", {
+		class: "editable-progress",
+		onMouseover: d[1] || (d[1] = (...e) => h.onMouseOver && h.onMouseOver(...e)),
+		onMousedown: d[2] || (d[2] = (...e) => h.onMouseDown && h.onMouseDown(...e)),
+		onMouseleave: d[3] || (d[3] = (...e) => h.onMouseLeave && h.onMouseLeave(...e)),
+		onClick: d[4] || (d[4] = (...e) => h.wrapperClick && h.wrapperClick(...e))
+	}, [u(i(g, {
+		class: a(m.percent === 100 ? "progress__success" : ""),
+		"stroke-width": f.strokeWidth,
+		"text-inside": "",
+		percentage: m.percent
+	}, null, 8, [
+		"class",
+		"stroke-width",
+		"percentage"
+	]), [[l, !m.slider]]), f.disabled ? n("v-if", !0) : u((s(), t(_, {
+		key: 0,
+		ref: "slider",
+		modelValue: m.percent,
+		"onUpdate:modelValue": d[0] || (d[0] = (e) => m.percent = e),
+		"tooltip-class": m.tooltipClass,
+		max: f.max,
+		"format-tooltip": h.formatTooltip,
+		style: o({ width: `${f.max === 100 ? 100 : f.max - 1}%` }),
+		disabled: f.disabled,
+		step: f.step,
+		onInput: h.onInput,
+		onChange: h.onChange
+	}, null, 8, [
+		"modelValue",
+		"tooltip-class",
+		"max",
+		"format-tooltip",
+		"style",
+		"disabled",
+		"step",
+		"onInput",
+		"onChange"
+	])), [[l, m.slider]])], 32);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };

package/editable-tree/index.mjs

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