easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-tree.js

@@ -1,1125 +0,0 @@
-var Ee = Object.defineProperty;
-var pe = (d) => {
-  throw TypeError(d);
-};
-var ve = (d, o, e) => o in d ? Ee(d, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[o] = e;
-var b = (d, o, e) => ve(d, typeof o != "symbol" ? o + "" : o, e), fe = (d, o, e) => o.has(d) || pe("Cannot " + e);
-var s = (d, o, e) => (fe(d, o, "read from private field"), e ? e.call(d) : o.get(d)), n = (d, o, e) => o.has(d) ? pe("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(d) : o.set(d, e), f = (d, o, e, t) => (fe(d, o, "write to private field"), t ? t.call(d, e) : o.set(d, e), e);
-import { n as ce } from "./ea-calendar2.js";
-import { B as he } from "./Base.js";
-import { s as Ne, a as we, b as Ae } from "../css/ea-tree.style.js";
-import "./ea-checkbox.js";
-import { t as ke } from "../utils/timeout.js";
-class Se extends Event {
-  constructor(o) {
-    super("ea-node-expand", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class qe extends Event {
-  constructor(o) {
-    super("ea-node-collapse", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class Le extends Event {
-  constructor(o) {
-    super("ea-node-select", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class Ce extends Event {
-  constructor(o) {
-    super("ea-node-click", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class Pe extends Event {
-  constructor(o) {
-    super("ea-node-contextmenu", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class $e extends Event {
-  constructor(o) {
-    super("ea-check-change", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class Te extends Event {
-  constructor(o) {
-    super("ea-check", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-class Ke extends Event {
-  constructor(o) {
-    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = o;
-  }
-}
-var v, L, P, k, C, $, T, _, M, W, U;
-class Be extends he {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, v);
-    /** @type {HTMLElement} */
-    n(this, L);
-    /** @type {HTMLElement} */
-    n(this, P);
-    /** @type {HTMLElement} */
-    n(this, k);
-    /** @type {AbortController} */
-    n(this, C, new AbortController());
-    b(this, "state", this.properties({
-      path: {
-        type: String,
-        default: ""
-      },
-      label: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          s(this, L).textContent = e;
-        }
-      },
-      selected: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      expanded: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          if (!this.hasChildren) return;
-          this.updateContainerClasslist();
-          const t = this.nextElementSibling;
-          t && (t.expanded = e);
-        }
-      },
-      checked: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          s(this, $).call(this, e), this.updateContainerClasslist();
-        }
-      },
-      indeterminate: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          s(this, $).call(this), this.updateContainerClasslist();
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          s(this, T).call(this), this.updateContainerClasslist();
-        }
-      },
-      "show-checkbox": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      }
-    }));
-    b(this, "propStates", this.properties({
-      hasChildren: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      dataProps: {
-        props: !0,
-        type: Object,
-        default: {
-          children: "children",
-          label: "label",
-          disabled: "disabled"
-        },
-        observer: () => {
-        }
-      },
-      data: {
-        props: !0,
-        type: Object,
-        default: {},
-        observer: (e) => {
-          var i;
-          const { children: t, label: r, disabled: a } = this.dataProps;
-          this.label = (e == null ? void 0 : e[r]) || this.label, this.hasChildren = ((i = e == null ? void 0 : e[t]) == null ? void 0 : i.length) > 0, this.disabled = (e == null ? void 0 : e[a]) || !1;
-        }
-      }
-    }));
-    /**
-     * 更新 checkbox 状态
-     * @param {boolean} checked - 是否选中
-     * @param {boolean} indeterminate - 是否不确定
-     */
-    n(this, $, (e = this.checked, t = this.indeterminate) => {
-      s(this, k) && (s(this, k).checked = e, s(this, k).indeterminate = t);
-    });
-    /**
-     * 更新禁用状态
-     */
-    n(this, T, () => {
-      s(this, k) && (s(this, k).disabled = this.disabled);
-    });
-    /**
-     * 处理复选框变化事件
-     * @param {Event} e 事件对象
-     */
-    n(this, _, (e) => {
-      e.stopImmediatePropagation(), !this.disabled && (this.checked = e.detail.checked, this.emit("ea-tree-checkbox-click", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          label: this,
-          checked: e.detail.checked
-        }
-      }));
-    });
-    /**
-     * 处理标签点击事件
-     * @param {Event} e 事件对象
-     */
-    n(this, M, (e) => {
-      if (e.stopImmediatePropagation(), e.target.closest(this.ns.ce("checkbox"))) return;
-      const r = e.target.closest(this.ns.e("toggle-icon")), a = this.parentElement.querySelector("ea-tree-child");
-      this.emit("ea-tree-label-click", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          label: this,
-          child: a,
-          isIconClick: !!r
-        }
-      });
-    });
-    /**
-     * 处理展开/收起图标点击事件
-     * @param {Event} e 事件对象
-     */
-    n(this, W, (e) => {
-      if (e.stopImmediatePropagation(), !this.hasChildren) return;
-      const t = this.parentElement.querySelector("ea-tree-child");
-      this.emit("ea-tree-label-click", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          label: this,
-          child: t,
-          isIconClick: !0
-        }
-      });
-    });
-    /**
-     * 绑定事件监听器
-     */
-    n(this, U, () => {
-      s(this, k).addEventListener(
-        "change",
-        s(this, _),
-        {
-          signal: s(this, C).signal
-        }
-      ), s(this, v).addEventListener("click", s(this, M), {
-        signal: s(this, C).signal
-      }), s(this, P).addEventListener("click", s(this, W), {
-        signal: s(this, C).signal
-      });
-    });
-    /**
-     * 获取节点深度
-     * @returns {number} 节点深度
-     */
-    b(this, "getDepth", () => {
-      const e = this.path;
-      return e ? e.split("-").length : 0;
-    });
-    /**
-     * 判断是否为根节点
-     * @returns {boolean} 是否为根节点
-     */
-    b(this, "isRoot", () => this.getDepth() === 1);
-    /**
-     * 判断是否为叶子节点
-     * @returns {boolean} 是否为叶子节点
-     */
-    b(this, "isLeaf", () => this.hasChildren ? childTree.querySelectorAll("ea-tree-label").length === 0 : !0);
-    this.stylesheet = Ne, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "label",
-      "expanded",
-      "selected",
-      "checked",
-      "indeterminate",
-      "show-checkbox",
-      "disabled",
-      "path"
-    ];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist(
-      "ea-tree-label",
-      {
-        // ['--' + this.type]: this.type,
-      },
-      {
-        "has-children": this.hasChildren,
-        expanded: this.expanded,
-        selected: this.selected,
-        checked: this.checked,
-        indeterminate: this.indeterminate,
-        "show-checkbox": this["show-checkbox"],
-        disabled: this.disabled
-      }
-    );
-    return s(this, v).className = e, e;
-  }
-  $render() {
-    const e = ce("tree-label");
-    this.ns = e, this.shadowRoot.innerHTML = `
-      <div class='${e.b()}' part='container'>
-        <ea-icon name="angle-right" class='${e.e("toggle-icon")}' part='toggle'></ea-icon>
-        <ea-checkbox class='${e.e("checkbox")}' part='checkbox'></ea-checkbox>
-        <span class='${e.e("text")}' part='text'></span>
-      </div>
-    `, f(this, v, this.shadowRoot.querySelector(`.${e.b()}`)), f(this, L, this.shadowRoot.querySelector(`.${e.e("text")}`)), f(this, k, this.shadowRoot.querySelector(e.ce("checkbox"))), f(this, P, this.shadowRoot.querySelector(
-      `.${e.e("toggle-icon")}`
-    )), this.updateContainerClasslist(), s(this, T).call(this);
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = s(this, C)) == null || e.abort(), f(this, C, new AbortController()), s(this, U).call(this);
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = s(this, C)) == null || e.abort();
-  }
-}
-v = new WeakMap(), L = new WeakMap(), P = new WeakMap(), k = new WeakMap(), C = new WeakMap(), $ = new WeakMap(), T = new WeakMap(), _ = new WeakMap(), M = new WeakMap(), W = new WeakMap(), U = new WeakMap();
-window.customElements.get("ea-tree-label") || window.customElements.define("ea-tree-label", Be);
-var y, N, F, w, J, K, z, G, Q, X;
-class Ie extends he {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, y);
-    /** @type {AbortController} */
-    n(this, N, new AbortController());
-    n(this, F, {
-      expandedNodes: /* @__PURE__ */ new Set(),
-      selectedNode: null
-    });
-    n(this, w, {
-      /** @type {AbortController} */
-      dataController: null
-    });
-    b(this, "propState", this.properties({
-      data: {
-        props: !0,
-        type: Array,
-        default: "",
-        /** @param {Array} newVal */
-        observer: async (e) => {
-          var t;
-          if (await customElements.whenDefined("ea-tree-label"), (t = s(this, w).dataController) == null || t.abort(), Array.isArray(e)) {
-            s(this, w).dataController = new AbortController();
-            const r = s(this, K).call(this);
-            r.innerHTML = "", s(this, Q).call(this, e);
-          }
-        }
-      },
-      dataProps: {
-        props: !0,
-        type: Object,
-        default: {
-          children: "children",
-          label: "label",
-          disabled: "disabled"
-        },
-        observer: () => {
-        }
-      },
-      "node-key": {
-        props: !0,
-        type: String,
-        default: "id"
-      },
-      "show-checkbox": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          s(this, J).call(this);
-        }
-      },
-      checked: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          s(this, X).call(this, e), this.updateContainerClasslist();
-        }
-      },
-      expanded: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          this.hidden = !e, this.updateContainerClasslist();
-        }
-      }
-    }));
-    /**
-     * 获取 classlist 列表
-     * @return {string} 属性值
-     */
-    /**
-     * 更新 checkbox 可见性
-     */
-    n(this, J, () => {
-      s(this, y).querySelectorAll("ea-tree-label").forEach((t) => {
-        t["show-checkbox"] = this["show-checkbox"];
-      });
-    });
-    /**
-     * 获取或创建子节点插槽元素
-     * @return {HTMLElement} 子节点插槽元素
-     */
-    n(this, K, () => {
-      let e = this.querySelector('[slot="children"]');
-      if (!e) {
-        const t = document.createElement("div");
-        t.slot = "children", this.appendChild(t), e = t;
-      }
-      return e;
-    });
-    /**
-     * 创建树节点路径
-     * @param {number} index 节点索引
-     * @returns {string} 节点路径
-     */
-    n(this, z, (e) => {
-      var r;
-      const t = (r = this.parentElement) == null ? void 0 : r.querySelector("ea-tree-label");
-      return t ? `${t.getAttribute("path")}-${e + 1}` : (e + 1).toString();
-    });
-    /**
-     * 创建子节点元素
-     * @param {Object} item 数据项
-     * @param {number} index 索引
-     * @returns {Object} 包含section、treeLabel和tree的对象
-     */
-    n(this, G, (e, t) => {
-      if (!e) return { section: null, treeLabel: null, tree: null };
-      const { children: r, disabled: a } = this.dataProps, i = document.createElement("section"), l = document.createElement("ea-tree-child"), c = document.createElement("ea-tree-label");
-      return i.className = this.ns.e("children"), i.part = "children-wrapper", l.part = "children", c.part = "label", c.dataProps = this.dataProps, l.dataProps = this.dataProps, c.data = e, l.data = e[r], l.hidden = !0, c["show-checkbox"] = this["show-checkbox"], c.setAttribute("path", s(this, z).call(this, t)), a && e[a] === !0 && c.toggleAttribute("disabled", !0), this["show-checkbox"] && l.toggleAttribute("show-checkbox", !0), e[r] && e[r].length > 0 && (c.hasChildren = !0, l.hidden = !s(this, F).expandedNodes.has(c)), { section: i, treeLabel: c, tree: l };
-    });
-    /**
-     * 渲染树节点
-     * @param {Array} treeData 树数据
-     */
-    n(this, Q, (e) => {
-      const t = document.createDocumentFragment(), r = s(this, K).call(this);
-      e.forEach((a, i) => {
-        const { section: l, treeLabel: c, tree: q } = s(this, G).call(this, a, i);
-        l.appendChild(c), l.appendChild(q), t.appendChild(l);
-      }), r.appendChild(t);
-    });
-    n(this, X, (e) => {
-      s(this, y).querySelectorAll("ea-tree-label").forEach((t) => {
-        t.checked = e;
-      }), s(this, y).querySelectorAll("ea-tree-child").forEach((t) => {
-        t.checked = e;
-      });
-    });
-    this.stylesheet = we, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "show-checkbox",
-      "checked",
-      "expanded"
-    ];
-  }
-  updateContainerClasslist() {
-    const e = this.computedClasslist(
-      this.ns.b(),
-      {
-        // ['--' + this.type]: this.type,
-      },
-      {}
-    );
-    return s(this, y).className = e, e;
-  }
-  $render() {
-    const e = ce("tree-child");
-    this.ns = e, this.shadowRoot.innerHTML = `
-      <div class='${e.b()}' part='container'>
-        <slot name="children"></slot>
-      </div>
-    `, f(this, y, this.shadowRoot.querySelector(e.cb()));
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = s(this, N)) == null || e.abort(), f(this, N, new AbortController()), this.updateContainerClasslist();
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = s(this, N)) == null || e.abort();
-    for (const t of Object.values(s(this, w)))
-      t == null || t.abort();
-  }
-}
-y = new WeakMap(), N = new WeakMap(), F = new WeakMap(), w = new WeakMap(), J = new WeakMap(), K = new WeakMap(), z = new WeakMap(), G = new WeakMap(), Q = new WeakMap(), X = new WeakMap();
-customElements.get("ea-tree-child") || customElements.define("ea-tree-child", Ie);
-var u, x, h, m, A, B, g, Y, Z, O, V, ee, te, S, I, E, se, R, re, H, j, D, ae, ie, ne, oe, le, de;
-class Re extends he {
-  constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, u);
-    /** @type {AbortController} */
-    n(this, x, new AbortController());
-    n(this, h, {
-      expandedNodes: /* @__PURE__ */ new Set(),
-      selectedNode: null,
-      checkedNodes: /* @__PURE__ */ new Set()
-    });
-    n(this, m, {
-      /** @type {AbortController} */
-      dataController: null
-    });
-    b(this, "attrState", this.properties({
-      "show-checkbox": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          s(this, se).call(this);
-        }
-      },
-      "check-strictly": {
-        type: Boolean,
-        default: !1
-      },
-      "node-key": {
-        type: String,
-        default: null
-      },
-      "expand-on-icon-click": {
-        type: Boolean,
-        default: !1
-      }
-    }));
-    b(this, "propState", this.properties({
-      data: {
-        props: !0,
-        type: Array,
-        default: "",
-        /** @param {Array} newVal */
-        observer: async (e) => {
-          var t;
-          await customElements.whenDefined("ea-tree"), await customElements.whenDefined("ea-tree-label"), (t = s(this, m).dataController) == null || t.abort(), s(this, u).innerHTML = "", e && (s(this, m).dataController = new AbortController(), s(this, Z).call(this, e), s(this, ae).call(this), ke(() => {
-            s(this, O).call(this, this.defaultExpandedKeys), s(this, V).call(this, this.defaultCheckedKeys);
-          }, 16));
-        }
-      },
-      dataProps: {
-        props: !0,
-        type: Object,
-        default: {
-          children: "children",
-          label: "label",
-          disabled: "disabled"
-        }
-      },
-      defaultExpandedKeys: {
-        props: !0,
-        type: Array,
-        default: [],
-        observer: () => {
-        }
-      },
-      defaultCheckedKeys: {
-        props: !0,
-        type: Array,
-        default: [],
-        observer: () => {
-        }
-      }
-    }));
-    /**
-     * 根据节点键值查找标签元素
-     * @param {*} key 节点键值
-     * @returns {HTMLElement|null} 找到的标签元素或null
-     */
-    n(this, A, (e) => {
-      if (!this["node-key"]) return null;
-      const t = this["node-key"];
-      return [...s(this, u).querySelectorAll("ea-tree-label")].find((a) => a.data && a.data[t] === e);
-    });
-    /**
-     * 根据节点数据查找标签元素
-     * @param {Object} data 节点数据
-     * @returns {HTMLElement|null} 找到的标签元素或null
-     */
-    n(this, B, (e) => this["node-key"] ? [...s(this, u).querySelectorAll("ea-tree-label")].find((r) => r.data ? JSON.stringify(r.data) === JSON.stringify(e) : !1) : null);
-    n(this, g, (e) => e ? typeof e == "object" ? s(this, B).call(this, e) : typeof e == "number" || typeof e == "string" ? s(this, A).call(this, e) : null : null);
-    /**
-     * 创建树节点元素
-     * @param {Object} item 数据项
-     * @param {number} index 索引
-     * @returns {Object} 包含section、treeLabel和tree的对象
-     */
-    n(this, Y, (e, t) => {
-      const { children: r, disabled: a } = this.dataProps, i = document.createElement("section"), l = document.createElement("ea-tree-child"), c = document.createElement("ea-tree-label");
-      return i.className = "ea-tree__children", i.part = "children-wrapper", l.part = "children", c.part = "label", c.dataProps = this.dataProps, l.dataProps = this.dataProps, c.data = e, l.data = e[r], c["show-checkbox"] = this["show-checkbox"], c.setAttribute("path", (t + 1).toString().concat("$")), a && e[a] === !0 && c.toggleAttribute("disabled", !0), this["show-checkbox"] && l.setAttribute("show-checkbox", ""), e[r] && e[r].length > 0 && (c.hasChildren = !0, l.hidden = !s(this, h).expandedNodes.has(c)), { section: i, treeLabel: c, tree: l };
-    });
-    /**
-     * 渲染树节点
-     * @param {Array} treeData 树数据
-     */
-    n(this, Z, (e) => {
-      const t = document.createDocumentFragment();
-      e.forEach((r, a) => {
-        const { section: i, treeLabel: l, tree: c } = s(this, Y).call(this, r, a);
-        i.appendChild(l), i.appendChild(c), t.appendChild(i);
-      }), s(this, u).appendChild(t);
-    });
-    /**
-     * 处理默认展开键
-     * @param {Array} expandedKeys 展开键数组
-     */
-    n(this, O, (e) => {
-      const t = this["node-key"];
-      if (!t) return;
-      const r = [...s(this, u).querySelectorAll("ea-tree-label")];
-      e.forEach((a) => {
-        const i = r.find((l) => l.data[t] === a);
-        i && (s(this, h).expandedNodes.add(i), s(this, S).call(this, i.nextElementSibling, i));
-      });
-    });
-    /**
-     * 处理默认选中键
-     * @param {Array} checkedKeys 选中键数组
-     */
-    n(this, V, (e) => {
-      const t = this["node-key"];
-      if (!t) return;
-      const r = [...s(this, u).querySelectorAll("ea-tree-label")];
-      e.forEach((a) => {
-        const i = r.find((l) => l.data[t] === a);
-        i && (i.checked = !0, i.dispatchEvent(
-          new CustomEvent("ea-tree-checkbox-click", {
-            bubbles: !0,
-            composed: !0,
-            detail: {
-              label: i,
-              checked: !0
-            }
-          })
-        ));
-      });
-    });
-    /**
-     * 点击标签事件
-     * @param {MouseEvent} e 事件对象
-     */
-    n(this, ee, (e) => {
-      e.stopImmediatePropagation();
-      const t = e.detail.label, r = e.detail.child, a = e.detail.isIconClick;
-      if (t) {
-        if (this["expand-on-icon-click"]) {
-          a ? t.hasChildren && (s(this, h).expandedNodes.has(t) ? (s(this, h).expandedNodes.delete(t), s(this, I).call(this, r, t)) : (s(this, h).expandedNodes.add(t), s(this, S).call(this, r, t))) : (this.dispatchEvent(
-            new Ce({
-              data: t.data
-            })
-          ), s(this, E).call(this, t));
-          return;
-        }
-        this.dispatchEvent(
-          new Ce({
-            data: t.data
-          })
-        ), t.hasChildren && (s(this, h).expandedNodes.has(t) ? (s(this, h).expandedNodes.delete(t), s(this, I).call(this, r, t)) : (s(this, h).expandedNodes.add(t), s(this, S).call(this, r, t))), s(this, E).call(this, t);
-      }
-    });
-    /**
-     * 右键点击事件
-     * @param {MouseEvent} e 事件对象
-     */
-    n(this, te, (e) => {
-      e.preventDefault(), e.stopImmediatePropagation();
-      const t = e.target.closest("ea-tree-label");
-      !t || t.disabled || this.dispatchEvent(
-        new Pe({
-          data: t.data,
-          node: t
-        })
-      );
-    });
-    /**
-     * 展开节点
-     * @param {HTMLElement} tree 树元素
-     * @param {HTMLElement} label 标签元素
-     */
-    n(this, S, (e, t) => {
-      e.toggleAttribute("hidden", !1), t.toggleAttribute("expanded", !0), this.dispatchEvent(
-        new Se({
-          data: t.data,
-          node: t,
-          expanded: !0
-        })
-      );
-    });
-    /**
-     * 收起节点
-     * @param {HTMLElement} tree 树元素
-     * @param {HTMLElement} label 标签元素
-     */
-    n(this, I, (e, t) => {
-      e.toggleAttribute("hidden", !0), t.toggleAttribute("expanded", !1), this.dispatchEvent(
-        new qe({
-          data: t.data,
-          node: t,
-          expanded: !1
-        })
-      );
-    });
-    /**
-     * 选中节点
-     * @param {HTMLElement} label 标签元素
-     */
-    n(this, E, (e) => {
-      s(this, h).selectedNode && (s(this, h).selectedNode.selected = !1), s(this, h).selectedNode = e, e.selected = !0, this.dispatchEvent(
-        new Le({
-          node: e.data,
-          selected: !0
-        })
-      ), this.dispatchEvent(
-        new Ke({
-          data: e.data,
-          node: e
-        })
-      );
-    });
-    /**
-     * 更新 checkbox 可见性
-     */
-    n(this, se, () => {
-      s(this, u).querySelectorAll("ea-tree-label").forEach((t) => {
-        t["show-checkbox"] = this["show-checkbox"];
-      });
-    });
-    /**
-     * 获取相同树路径下的所有节点
-     * @param {string} treeRootPath 树路径
-     * @returns {Array} 相同树路径的节点数组
-     */
-    n(this, R, (e) => {
-      const t = [], r = e.split("-");
-      for (t.push(s(this, u).querySelector(`[path="${r[0]}"]`)); r.length > 1; ) {
-        const a = r.join("-");
-        r.pop(), t.push(
-          ...s(this, u).querySelectorAll(`[path^="${a}"]`)
-        );
-      }
-      return t;
-    });
-    /**
-     * 检查节点状态
-     * @param {Array} labelEls 标签元素数组
-     * @param {HTMLElement} currentNode 当前节点
-     * @returns {Object} 包含isAllChecked和isAnyChecked的对象
-     */
-    n(this, re, (e, t) => {
-      const r = e.every(
-        (i) => i.getAttribute("checked") || i === t
-      ), a = e.some(
-        (i) => i.getAttribute("checked") && i !== t
-      );
-      return { isAllChecked: r, isAnyChecked: a };
-    });
-    /**
-     * 更新节点复选框状态
-     * @param {HTMLElement} node 节点元素
-     * @param {boolean} isAllChecked 是否全部选中
-     * @param {boolean} isAnyChecked 是否有选中
-     */
-    n(this, H, (e, t, r) => {
-      t ? (e.toggleAttribute("checked", !0), e.toggleAttribute("indeterminate", !1)) : r ? (e.toggleAttribute("checked", !1), e.toggleAttribute("indeterminate", !0)) : (e.toggleAttribute("checked", !1), e.toggleAttribute("indeterminate", !1));
-    });
-    /**
-     * 获取所有标签元素
-     * @returns {Array} 所有标签元素数组
-     */
-    n(this, j, () => [...s(this, u).querySelectorAll("ea-tree-label")]);
-    n(this, D, (e) => {
-      if (e.disabled) return;
-      const t = e.getAttribute("path"), r = s(this, R).call(this, t), a = r.filter(
-        (l) => l.getAttribute("path").startsWith(t) && l !== e
-      );
-      r.filter(
-        (l) => !a.includes(l) && l !== e
-      ).forEach((l) => {
-        l.expanded = !0;
-      });
-    });
-    /**
-     * 绑定树组件事件
-     */
-    n(this, ae, () => {
-      s(this, u).addEventListener(
-        "ea-tree-label-click",
-        s(this, ee),
-        {
-          signal: s(this, m).dataController.signal
-        }
-      ), s(this, u).addEventListener(
-        "ea-tree-checkbox-click",
-        s(this, de),
-        {
-          signal: s(this, m).dataController.signal
-        }
-      ), s(this, u).addEventListener("contextmenu", s(this, te), {
-        signal: s(this, m).dataController.signal
-      });
-    });
-    /**
-     * 绑定复选框状态管理事件
-     */
-    n(this, ie, () => {
-      s(this, u).addEventListener(
-        "ea-tree-checkbox-click",
-        s(this, le),
-        {
-          signal: s(this, x).signal
-        }
-      );
-    });
-    /**
-     * 检查节点子树中是否存在被选中的节点
-     * @param {HTMLElement} label 标签元素
-     * @returns {boolean} 子树中是否存在被选中的节点
-     */
-    n(this, ne, (e) => {
-      const t = e.getAttribute("path"), r = s(this, u).querySelectorAll(
-        `[path^="${t}-"]`
-      );
-      for (const a of r)
-        if (a.hasAttribute("checked"))
-          return !0;
-      return !1;
-    });
-    /**
-     * 触发 ea-check 事件
-     * @param {HTMLElement} label 标签元素
-     * @param {boolean} checked 选中状态
-     */
-    n(this, oe, (e, t) => {
-      const r = this.getCheckedNodes(), a = this.getCheckedKeys(), i = this.getHalfCheckedNodes(), l = this.getHalfCheckedKeys();
-      this.dispatchEvent(
-        new Te({
-          data: e.data,
-          checkedState: {
-            checkedNodes: r,
-            checkedKeys: a,
-            halfCheckedNodes: i,
-            halfCheckedKeys: l
-          }
-        })
-      );
-    });
-    /**
-     * 处理复选框状态变化
-     * @param {CustomEvent} e 事件对象
-     */
-    n(this, le, (e) => {
-      var ue;
-      e.stopImmediatePropagation();
-      const { label: t, checked: r } = e.detail;
-      if (t.disabled) return;
-      const a = t.getAttribute("path"), i = s(this, R).call(this, a), l = i.filter(
-        (p) => p.getAttribute("path").startsWith(a) && p !== t
-      ), c = i.filter(
-        (p) => p !== t && !l.includes(p)
-      );
-      l.forEach((p) => {
-        p.disabled || (p.checked = r);
-      }), c.reverse().forEach((p) => {
-        if (p.disabled) return;
-        const be = p.closest(".ea-tree-child__children"), me = p.closest(".ea-tree__children"), ye = be ? [...be.querySelectorAll("ea-tree-label")] : [...me.querySelectorAll("ea-tree-label")], { isAllChecked: ge, isAnyChecked: xe } = s(this, re).call(this, ye, p);
-        s(this, H).call(this, p, ge, xe);
-      }), (ue = t == null ? void 0 : t.isRoot) != null && ue.call(t) && (s(this, H).call(this, t, r, r), s(this, u).querySelectorAll(`[path^="${a}"]`).forEach((p) => {
-        p.disabled || (p.checked = r);
-      }));
-      const q = s(this, ne).call(this, t);
-      this.dispatchEvent(
-        new $e({
-          data: t.data,
-          checked: r,
-          hasCheckedChildren: q
-        })
-      ), s(this, oe).call(this, t, r);
-    });
-    /**
-     * 复选框点击事件
-     * @param {CustomEvent} e 事件对象
-     */
-    n(this, de, (e) => {
-      e.stopImmediatePropagation();
-      const t = e.detail.label, r = e.detail.checked;
-      t && this.dispatchEvent(
-        new CustomEvent("ea-check-change", {
-          detail: {
-            node: t.item,
-            checked: r,
-            checkedNodes: Array.from(s(this, h).checkedNodes).map(
-              (a) => a.item
-            )
-          }
-        })
-      );
-    });
-    /**
-     * 获取半选中节点数据
-     * @returns {Array} 半选中节点数据数组
-     */
-    b(this, "getHalfCheckedNodes", () => {
-      if (!this["show-checkbox"])
-        return [];
-      const e = [...s(this, u).querySelectorAll("ea-tree-label")], t = [];
-      return e.forEach((r) => {
-        r.hasAttribute("indeterminate") && t.push(r.data);
-      }), t;
-    });
-    /**
-     * 获取半选中节点键值
-     * @returns {Array} 半选中节点键值数组
-     */
-    b(this, "getHalfCheckedKeys", () => {
-      if (!this["show-checkbox"] || !this["node-key"])
-        return [];
-      const e = s(this, u).querySelectorAll("ea-tree-label"), t = [], r = this["node-key"];
-      return e.forEach((a) => {
-        a.hasAttribute("indeterminate") && a.data && a.data[r] && t.push(a.data[r]);
-      }), t;
-    });
-    /**
-     * 获取当前选中节点键值
-     * @returns {*} 当前选中节点键值或null
-     */
-    b(this, "getCurrentKey", () => {
-      if (!this["node-key"] || !s(this, h).selectedNode)
-        return null;
-      const e = this["node-key"], t = s(this, h).selectedNode.data;
-      return t && t[e] ? t[e] : null;
-    });
-    /**
-     * 获取当前选中节点数据
-     * @returns {*} 当前选中节点数据或null
-     */
-    b(this, "getCurrentNode", () => s(this, h).selectedNode ? s(this, h).selectedNode.data : null);
-    /**
-     * 更新节点键值的子节点数据
-     * @param {*} key 节点键值
-     * @param {Array} data 子节点数据数组
-     * @returns {boolean} 是否更新成功
-     */
-    b(this, "updateKeyChildren", (e, t) => {
-      if (!this["node-key"])
-        return console.warn("updateKeyChildren requires node-key to be set"), !1;
-      const r = s(this, A).call(this, e);
-      if (!r)
-        return console.warn(`Node with key ${e} not found`), !1;
-      const a = r.nextElementSibling;
-      if (!a || a.tagName !== "EA-TREE-CHILD")
-        return console.warn("Target node is not a parent node"), !1;
-      const { children: i } = this.dataProps;
-      return r.data = { ...r.data, [i]: t }, a.data = t, ke(() => {
-        r.emit("ea-tree-checkbox-click", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            label: r,
-            checked: r.checked
-          }
-        });
-      }, 16), !0;
-    });
-    /**
-     * 获取选中节点数据
-     * @param {boolean} leafOnly 是否仅返回叶子节点
-     * @param {boolean} includeHalfChecked 是否包含半选中节点
-     * @returns {Array} 选中节点数据数组
-     */
-    b(this, "getCheckedNodes", (e = !1, t = !1) => {
-      if (!this["show-checkbox"])
-        return [];
-      const r = s(this, j).call(this), a = [];
-      return r.forEach((i) => {
-        const l = i.hasAttribute("checked"), c = i.hasAttribute("indeterminate");
-        if (l || t && c) {
-          if (e && i.hasChildren)
-            return;
-          a.push(i.data);
-        }
-      }), a;
-    });
-    /**
-     * 设置选中节点数据
-     * @param {Array} nodes 选中节点数据数组
-     * @param {boolean} leafOnly 是否仅选中叶子节点
-     * @returns {boolean} 是否设置成功
-     */
-    b(this, "setCheckedNodes", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
-      "setCheckedNodes requires show-checkbox and node-key to be set"
-    ), !1) : (e.forEach((r) => {
-      const a = s(this, g).call(this, r);
-      a && (a.disabled || (a.checked = !0, a.indeterminate = !1, this["check-strictly"] || a.dispatchEvent(
-        new CustomEvent("ea-tree-checkbox-click", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            label: a,
-            checked: !0
-          }
-        })
-      )));
-    }), !0));
-    /**
-     * 获取选中节点键值
-     * @param {boolean} leafOnly 是否仅返回叶子节点
-     * @returns {Array} 选中节点键值数组
-     */
-    b(this, "getCheckedKeys", (e = !1) => {
-      if (!this["show-checkbox"] || !this["node-key"])
-        return [];
-      const t = s(this, j).call(this), r = [], a = this["node-key"];
-      return t.forEach((i) => {
-        if (i.hasAttribute("checked") && i.data && i.data[a]) {
-          if (e && i.hasChildren)
-            return;
-          r.push(i.data[a]);
-        }
-      }), r;
-    });
-    /**
-     * 设置选中节点键值
-     * @param {Array} keys 选中节点键值数组
-     * @param {boolean} leafOnly 是否仅选中叶子节点
-     * @returns {boolean} 是否设置成功
-     */
-    b(this, "setCheckedKeys", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
-      "setCheckedKeys requires show-checkbox and node-key to be set"
-    ), !1) : (e.forEach((r) => {
-      const a = s(this, g).call(this, r);
-      a && (a.disabled || t && a.hasChildren || (a.checked = !0, a.indeterminate = !1, this["check-strictly"] || a.dispatchEvent(
-        new CustomEvent("ea-tree-checkbox-click", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            label: a,
-            checked: !0
-          }
-        })
-      )));
-    }), !0));
-    /**
-     * 设置节点选中状态
-     * @param {*} keyOrData 节点键值或数据对象
-     * @param {boolean} checked 是否选中
-     * @returns {boolean} 是否设置成功
-     */
-    b(this, "setChecked", (e, t) => {
-      if (!this["show-checkbox"] || !this["node-key"])
-        return console.warn("setChecked requires show-checkbox and node-key to be set"), !1;
-      let r;
-      return typeof e == "object" ? r = s(this, B).call(this, e) : r = s(this, A).call(this, e), r ? r.disabled ? (console.warn("Cannot set checked state for disabled node"), !1) : (r.checked = t, this["check-strictly"] || r.dispatchEvent(
-        new CustomEvent("ea-tree-checkbox-click", {
-          bubbles: !0,
-          composed: !0,
-          detail: {
-            label: r,
-            checked: t
-          }
-        })
-      ), !0) : (console.warn("Node not found"), !1);
-    });
-    b(this, "setCurrentKey", (e, t = !0) => {
-      if (!this["node-key"])
-        return console.warn("setCurrentKey requires node-key to be set"), !1;
-      if (!e)
-        return s(this, h).selectedNode && (s(this, h).selectedNode.selected = !1, s(this, h).selectedNode = null), !0;
-      const r = s(this, g).call(this, e);
-      return r ? r.disabled ? (console.warn("Cannot select disabled node"), !1) : (s(this, E).call(this, r), t && s(this, D).call(this, r), !0) : (console.warn(`Node with key ${e} not found`), !1);
-    });
-    b(this, "setCurrentNode", (e, t = !0) => {
-      if (!this["node-key"])
-        return console.warn("setCurrentNode requires node-key to be set"), !1;
-      if (!e)
-        return s(this, h).selectedNode && (s(this, h).selectedNode.selected = !1, s(this, h).selectedNode = null), !0;
-      const r = s(this, g).call(this, e);
-      return r ? r.disabled ? (console.warn("Cannot select disabled node"), !1) : (s(this, E).call(this, r), t && s(this, D).call(this, r), !0) : (console.warn("Node not found"), !1);
-    });
-    b(this, "getNode", (e) => {
-      if (!this["node-key"])
-        return console.warn("getNode requires node-key to be set"), null;
-      const t = s(this, g).call(this, e);
-      return t ? {
-        label: t,
-        child: t.nextElementSibling,
-        data: e
-      } : null;
-    });
-    this.stylesheet = Ae, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "show-checkbox",
-      "check-strictly",
-      "node-key",
-      "expand-on-icon-click"
-    ];
-  }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
-  updateContainerClasslist() {
-    const e = this.computedClasslist("ea-tree", {}, {});
-    return s(this, u).className = e, e;
-  }
-  $render() {
-    const e = ce("tree");
-    this.ns = e, this.shadowRoot.innerHTML = `
-      <div class='${e.b("tree")}' part='container'></div>
-      <slot></slot>
-    `, f(this, u, this.shadowRoot.querySelector(e.cb("tree")));
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = s(this, x)) == null || e.abort(), f(this, x, new AbortController()), s(this, ie).call(this), this.updateContainerClasslist();
-  }
-  $beforeUnmounted() {
-    var e;
-    (e = s(this, x)) == null || e.abort();
-    for (const t of Object.values(s(this, m)))
-      t == null || t.abort();
-  }
-}
-u = new WeakMap(), x = new WeakMap(), h = new WeakMap(), m = new WeakMap(), A = new WeakMap(), B = new WeakMap(), g = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), O = new WeakMap(), V = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), S = new WeakMap(), I = new WeakMap(), E = new WeakMap(), se = new WeakMap(), R = new WeakMap(), re = new WeakMap(), H = new WeakMap(), j = new WeakMap(), D = new WeakMap(), ae = new WeakMap(), ie = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), de = new WeakMap();
-customElements.get("ea-tree") || customElements.define("ea-tree", Re);
-export {
-  Re as EaTree
-};