easy-component-ui 2.1.0 → 3.0.0

package/dist/components/ea-tree.js

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