easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-tree.js

@@ -1,1125 +1,803 @@
-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 { E as K } from "../core/EaBase.ts.js";
+import { q as D, l as p, C as T, a as _, p as b } from "../core/decorator.js";
+import { t as k } from "../utils/timeout.ts.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;
+import "./ea-icon.js";
+import { s as $ } from "../css/ea-tree.style.js";
+import { c as A } from "../utils/bem.ts.js";
+class M extends Event {
+  constructor(t) {
+    super("ea-check-change", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class qe extends Event {
-  constructor(o) {
-    super("ea-node-collapse", { bubbles: !0, composed: !0 }), this.detail = o;
+class L extends Event {
+  constructor(t) {
+    super("ea-check", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class Le extends Event {
-  constructor(o) {
-    super("ea-node-select", { bubbles: !0, composed: !0 }), this.detail = o;
+class O extends Event {
+  constructor(t) {
+    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class Ce extends Event {
-  constructor(o) {
-    super("ea-node-click", { bubbles: !0, composed: !0 }), this.detail = o;
+class C extends Event {
+  constructor(t) {
+    super("ea-node-click", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class Pe extends Event {
-  constructor(o) {
-    super("ea-node-contextmenu", { bubbles: !0, composed: !0 }), this.detail = o;
+class I extends Event {
+  constructor(t) {
+    super("ea-node-collapse", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class $e extends Event {
-  constructor(o) {
-    super("ea-check-change", { bubbles: !0, composed: !0 }), this.detail = o;
+class B extends Event {
+  constructor(t) {
+    super("ea-node-contextmenu", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class Te extends Event {
-  constructor(o) {
-    super("ea-check", { bubbles: !0, composed: !0 }), this.detail = o;
+class H extends Event {
+  constructor(t) {
+    super("ea-node-expand", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-class Ke extends Event {
-  constructor(o) {
-    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = o;
+class q extends Event {
+  constructor(t) {
+    super("ea-node-select", { bubbles: !0, composed: !0 }), this.detail = t;
   }
 }
-var v, L, P, k, C, $, T, _, M, W, U;
-class Be extends he {
+var F = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, t, s, n) => {
+  for (var a = n > 1 ? void 0 : n ? j(t, s) : t, i = e.length - 1, o; i >= 0; i--)
+    (o = e[i]) && (a = (n ? o(t, s, a) : o(a)) || a);
+  return n && a && F(t, s, a), a;
+};
+const y = "ea-tree", h = A(y);
+let c = class extends K {
   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
-        }
+    super(...arguments), this._nodeStates = /* @__PURE__ */ new Map(), this._treeState = {
+      selectedPath: null
+    }, this._focusedPath = null, this.showCheckbox = !1, this.checkStrictly = !1, this.nodeKey = "", this.label = "", this.expandOnIconClick = !1, this.data = [], this.dataProps = {
+      children: "children",
+      label: "label",
+      disabled: "disabled"
+    }, this.defaultExpandedKeys = [], this.defaultCheckedKeys = [], this._handleDefaultExpandedKeys = (e) => {
+      this.nodeKey && e.forEach((s) => {
+        const n = this._findPathByKey(s);
+        n && this._expandPath(n);
       });
-    });
-    /**
-     * 绑定事件监听器
-     */
-    n(this, U, () => {
-      s(this, k).addEventListener(
-        "change",
-        s(this, _),
-        {
-          signal: s(this, C).signal
+    }, this._handleDefaultCheckedKeys = (e) => {
+      this.nodeKey && e.forEach((s) => {
+        const n = this._findPathByKey(s);
+        if (n) {
+          const a = this._nodeStates.get(n);
+          a && !a.disabled && this._handleCheckboxToggle(n, !0);
         }
-      ), 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
       });
+    };
+  }
+  /** 处理数据变化，重新构建节点状态和渲染树 */
+  async _handleDataChange(e) {
+    if (await customElements.whenDefined("ea-tree"), this._nodeStates.clear(), this._container.innerHTML = "", this._focusedPath = null, e && e.length > 0) {
+      this._buildNodeStates(e, ""), this._container.innerHTML = this._renderTree(e, "");
+      const t = this._getRootPaths();
+      t.length > 0 && (this._focusedPath = t[0], this._updateNodeDOM(t[0])), k(() => {
+        this._handleDefaultExpandedKeys(this.defaultExpandedKeys), this._handleDefaultCheckedKeys(this.defaultCheckedKeys);
+      }, 16);
+    }
+  }
+  /** 递归构建节点状态 Map */
+  _buildNodeStates(e, t) {
+    const { children: s, label: n, disabled: a } = this.dataProps;
+    e.forEach((i, o) => {
+      const r = t ? `${t}-${o + 1}` : `${o + 1}$`, d = r.split("-").length, f = i[s] || [], u = f.length > 0;
+      this._nodeStates.set(r, {
+        raw: i,
+        path: r,
+        depth: d,
+        label: i[n] || "",
+        disabled: i[a] === !0,
+        hasChildren: u,
+        expanded: !1,
+        checked: !1,
+        indeterminate: !1,
+        selected: !1
+      }), u && this._buildNodeStates(f, r);
     });
-    /**
-     * 获取节点深度
-     * @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
-      }
+  /** 生成节点状态类名 */
+  _getNodeStateClasses(e) {
+    return h.s(
+      e.expanded ? "expanded" : "",
+      e.selected ? "selected" : "",
+      e.checked ? "checked" : "",
+      e.indeterminate ? "indeterminate" : "",
+      e.hasChildren ? "has-children" : "",
+      this.showCheckbox ? "show-checkbox" : ""
     );
-    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;
+  /** 渲染树 HTML */
+  _renderTree(e, t) {
+    const { children: s, label: n, disabled: a } = this.dataProps;
+    return e.map((i, o) => {
+      const r = t ? `${t}-${o + 1}` : `${o + 1}$`, d = this._nodeStates.get(r), f = i[s] || [], u = f.length > 0, x = i[a] === !0, g = i[n] || "", P = !t && o === 0, m = this._getNodeStateClasses(d), E = u ? `<div class="${h.e("children")}" role="group">${this._renderTree(
+        f,
+        r
+      )}</div>` : "", S = u ? `<ea-icon name="angle-right" class="${h.e("toggle-icon")}"></ea-icon>` : "", w = ` aria-selected="${d.selected}"`, v = this.showCheckbox ? ` aria-checked="${d.checked || d.indeterminate ? d.indeterminate ? "mixed" : String(d.checked) : "false"}"` : "", N = P && !this._focusedPath ? 'tabindex="0"' : 'tabindex="-1"';
+      return `
+<div class="${h.e("node")} ${m}" data-path="${r}" role="treeitem" aria-label="${g}"${u ? ` aria-expanded="${d.expanded}"` : ""}${w}${v}>
+  <div class="${h.e("label")}" data-path="${r}" ${N}>
+    ${S}
+    <ea-checkbox class="${h.e("checkbox")}"${d.checked ? " checked" : ""}${d.indeterminate ? " indeterminate" : ""}${x ? " disabled" : ""}></ea-checkbox>
+    <span class="${h.e("text")}">${g}</span>
+  </div>
+  ${E}
+</div>`;
+    }).join("");
+  }
+  /** 从事件路径中查找 label 元素 */
+  _findLabelInPath(e) {
+    return e.find(
+      (t) => t instanceof HTMLElement && t.classList.contains(h.e("label"))
+    );
+  }
+  /** 判断事件路径中是否包含 toggle-icon */
+  _isToggleInPath(e) {
+    return e.some(
+      (t) => t instanceof HTMLElement && t.classList.contains(h.e("toggle-icon"))
+    );
+  }
+  /** 判断事件路径中是否包含 checkbox */
+  _isCheckboxInPath(e) {
+    return e.some(
+      (t) => t instanceof HTMLElement && t.classList.contains(h.e("checkbox"))
+    );
+  }
+  /** 根据 path 获取节点 DOM 元素 */
+  _getNodeElement(e) {
+    return this._container.querySelector(
+      `${h.ce("node")}[data-path="${e}"]`
+    );
+  }
+  /** 根据 path 获取 label DOM 元素 */
+  _getLabelElement(e) {
+    return this._container.querySelector(
+      `${h.ce("label")}[data-path="${e}"]`
+    );
+  }
+  /** 根据 path 获取 checkbox 组件 */
+  _getCheckboxElement(e) {
+    const t = this._getLabelElement(e);
+    return t ? t.querySelector(h.ce("checkbox")) : null;
+  }
+  /** 根据 path 获取子节点容器 */
+  _getChildrenElement(e) {
+    const t = this._getNodeElement(e);
+    return t ? t.querySelector(
+      `:scope > ${h.ce("children")}`
+    ) : null;
+  }
+  /** 更新单个节点的 DOM 状态 */
+  _updateNodeDOM(e) {
+    const t = this._nodeStates.get(e);
+    if (!t) return;
+    const s = this._getNodeElement(e);
+    if (!s) return;
+    const n = this._getNodeStateClasses(t);
+    if (s.className = `${h.e("node")} ${n}`, t.hasChildren && s.setAttribute("aria-expanded", String(t.expanded)), s.setAttribute("aria-selected", String(t.selected)), this.showCheckbox) {
+      const o = t.indeterminate ? "mixed" : String(t.checked);
+      s.setAttribute("aria-checked", o);
+    } else
+      s.removeAttribute("aria-checked");
+    const a = this._getLabelElement(e);
+    a && a.setAttribute(
+      "tabindex",
+      this._focusedPath === e ? "0" : "-1"
+    );
+    const i = this._getCheckboxElement(e);
+    i && (i.checked = t.checked, i.indeterminate = t.indeterminate);
+  }
+  /** 根据 key 查找节点路径 */
+  _findPathByKey(e) {
+    if (!this.nodeKey) return null;
+    const t = this.nodeKey;
+    for (const [, s] of this._nodeStates)
+      if (s.raw && s.raw[t] === e)
+        return s.path;
+    return null;
+  }
+  /** 根据数据对象查找节点路径 */
+  _findPathByData(e) {
+    if (!this.nodeKey) return null;
+    for (const [, t] of this._nodeStates)
+      if (JSON.stringify(t.raw) === JSON.stringify(e))
+        return t.path;
+    return null;
+  }
+  /** 解析节点路径（支持 key 或数据对象） */
+  _resolvePath(e) {
+    return e ? typeof e == "string" || typeof e == "number" ? this._findPathByKey(e) : typeof e == "object" ? this._findPathByData(e) : null : null;
+  }
+  /** 展开指定路径的节点 */
+  _expandPath(e) {
+    const t = this._nodeStates.get(e);
+    !t || !t.hasChildren || (t.expanded = !0, this._updateNodeDOM(e), this.dispatchEvent(
+      new H({
+        data: t.raw,
+        node: t,
+        expanded: !0
+      })
+    ));
+  }
+  /** 折叠指定路径的节点 */
+  _collapsePath(e) {
+    const t = this._nodeStates.get(e);
+    !t || !t.hasChildren || (t.expanded = !1, this._updateNodeDOM(e), this.dispatchEvent(
+      new I({
+        data: t.raw,
+        node: t,
+        expanded: !1
+      })
+    ));
+  }
+  /** 切换展开/折叠 */
+  _toggleExpand(e) {
+    const t = this._nodeStates.get(e);
+    !t || !t.hasChildren || (t.expanded ? this._collapsePath(e) : this._expandPath(e));
+  }
+  /** 选中指定路径的节点 */
+  _selectPath(e) {
+    if (this._treeState.selectedPath) {
+      const s = this._nodeStates.get(this._treeState.selectedPath);
+      s && (s.selected = !1, this._updateNodeDOM(this._treeState.selectedPath));
+    }
+    const t = this._nodeStates.get(e);
+    t && (this._treeState.selectedPath = e, t.selected = !0, this._updateNodeDOM(e), this.dispatchEvent(
+      new q({
+        node: t.raw,
+        selected: !0
+      })
+    ), this.dispatchEvent(
+      new O({
+        data: t.raw,
+        node: t
+      })
+    ));
+  }
+  /** 展开指定路径的所有祖先节点 */
+  _expandAncestorPaths(e) {
+    const t = e.split("-");
+    for (let s = 1; s < t.length; s++) {
+      const n = t.slice(0, s).join("-"), a = this._nodeStates.get(n);
+      a && a.hasChildren && !a.expanded && (a.expanded = !0, this._updateNodeDOM(n));
+    }
+  }
+  /** 处理 checkbox 切换逻辑 */
+  _handleCheckboxToggle(e, t) {
+    const s = this._nodeStates.get(e);
+    if (!s || s.disabled) return;
+    const n = t !== void 0 ? t : !s.checked;
+    if (!(s.checked === n && !s.indeterminate)) {
+      if (s.checked = n, s.indeterminate = !1, this.checkStrictly) {
+        this._updateNodeDOM(e), this._emitCheckEvents(e);
+        return;
       }
-      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);
+      this._setDescendantsChecked(e, n), this._updateAncestorsState(e), this._updateAllCheckboxDOM(), this._emitCheckEvents(e);
+    }
+  }
+  /** 设置所有子孙节点的选中状态 */
+  _setDescendantsChecked(e, t) {
+    this._nodeStates.forEach((s, n) => {
+      n.startsWith(e + "-") && !s.disabled && (s.checked = t, s.indeterminate = !1);
     });
-    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;
+  }
+  /** 向上更新祖先节点的选中/半选状态 */
+  _updateAncestorsState(e) {
+    const t = e.split("-");
+    for (; t.length > 1; ) {
+      t.pop();
+      const s = t.join("-"), n = this._nodeStates.get(s);
+      if (!n) continue;
+      const a = this._getDirectChildrenPaths(s), i = a.length > 0 && a.every((r) => this._nodeStates.get(r).checked), o = a.some((r) => {
+        const d = this._nodeStates.get(r);
+        return d.checked || d.indeterminate;
       });
+      n.checked = i, n.indeterminate = !i && o;
+    }
+  }
+  /** 获取直接子节点的路径列表 */
+  _getDirectChildrenPaths(e) {
+    const t = e.split("-").length, s = [];
+    return this._nodeStates.forEach((n, a) => {
+      a.split("-").length === t + 1 && a.startsWith(e + "-") && s.push(a);
+    }), s;
+  }
+  /** 更新所有节点的 checkbox DOM */
+  _updateAllCheckboxDOM() {
+    this._nodeStates.forEach((e, t) => {
+      this._updateNodeDOM(t);
     });
-    this.stylesheet = we, this.$render();
   }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "show-checkbox",
-      "checked",
-      "expanded"
-    ];
+  /** 判断指定路径下是否有已选中的子孙节点 */
+  _hasCheckedChildren(e) {
+    for (const [t, s] of this._nodeStates)
+      if (t.startsWith(e + "-") && s.checked)
+        return !0;
+    return !1;
   }
-  updateContainerClasslist() {
-    const e = this.computedClasslist(
-      this.ns.b(),
-      {
-        // ['--' + this.type]: this.type,
-      },
-      {}
+  /** 派发 checkbox 相关事件 */
+  _emitCheckEvents(e) {
+    const t = this._nodeStates.get(e);
+    if (!t) return;
+    const s = this._hasCheckedChildren(e);
+    this.dispatchEvent(
+      new M({
+        data: t.raw,
+        checked: t.checked,
+        hasCheckedChildren: s
+      })
+    );
+    const n = this.getCheckedNodes(), a = this.getCheckedKeys(), i = this.getHalfCheckedNodes(), o = this.getHalfCheckedKeys();
+    this.dispatchEvent(
+      new L({
+        data: t.raw,
+        checkedState: {
+          checkedNodes: n,
+          checkedKeys: a,
+          halfCheckedNodes: i,
+          halfCheckedKeys: o
+        }
+      })
     );
-    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()
+  /** 更新所有节点的 checkbox 可见性 */
+  _updateCheckboxVisibility() {
+    this._nodeStates.forEach((e, t) => {
+      this._updateNodeDOM(t);
     });
-    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
+  }
+  _handleClick(e) {
+    const t = e.composedPath(), s = this._findLabelInPath(t);
+    if (!s) return;
+    const n = s.dataset.path, a = this._nodeStates.get(n);
+    if (!a || (this._moveFocus(n), this._isCheckboxInPath(t))) return;
+    const o = this._isToggleInPath(t);
+    if (this.expandOnIconClick) {
+      o ? this._toggleExpand(n) : (this.dispatchEvent(new C({ data: a.raw })), this._selectPath(n));
+      return;
+    }
+    a.hasChildren && this._toggleExpand(n), this.dispatchEvent(new C({ data: a.raw })), this._selectPath(n);
+  }
+  _handleCheckboxChange(e) {
+    e.stopPropagation();
+    const s = e.composedPath().find(
+      (r) => r instanceof HTMLElement && r.classList.contains(h.e("label"))
+    );
+    if (!s) return;
+    const n = s.dataset.path, a = this._nodeStates.get(n);
+    if (!a || a.disabled) return;
+    const i = e.detail, o = (i == null ? void 0 : i.checked) !== void 0 ? i.checked : !a.checked;
+    this._handleCheckboxToggle(n, o);
+  }
+  _handleContextmenu(e) {
+    e.preventDefault(), e.stopPropagation();
+    const t = e.composedPath(), s = this._findLabelInPath(t);
+    if (!s) return;
+    const n = s.dataset.path, a = this._nodeStates.get(n);
+    a && this.dispatchEvent(
+      new B({
+        data: a.raw,
+        node: a
+      })
+    );
+  }
+  _handleKeydown(e) {
+    const s = e.target.dataset.path;
+    if (!s) return;
+    const n = this._nodeStates.get(s);
+    if (!n || n.disabled) return;
+    const a = this._getVisiblePaths();
+    switch (e.key) {
+      case "ArrowDown": {
+        e.preventDefault();
+        const i = a.indexOf(s);
+        i < a.length - 1 && this._moveFocus(a[i + 1]);
+        break;
       }
-    }));
-    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: () => {
-        }
+      case "ArrowUp": {
+        e.preventDefault();
+        const i = a.indexOf(s);
+        i > 0 && this._moveFocus(a[i - 1]);
+        break;
       }
-    }));
-    /**
-     * 根据节点键值查找标签元素
-     * @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;
+      case "ArrowRight": {
+        if (e.preventDefault(), n.hasChildren)
+          if (!n.expanded)
+            this._expandPath(s);
+          else {
+            const i = this._getDirectChildrenPaths(s).filter((o) => this._getNodeElement(o) !== null);
+            i.length > 0 && this._moveFocus(i[0]);
+          }
+        break;
+      }
+      case "ArrowLeft": {
+        if (e.preventDefault(), n.hasChildren && n.expanded)
+          this._collapsePath(s);
+        else {
+          const i = this._getParentPath(s);
+          i && this._moveFocus(i);
         }
-        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);
+        break;
       }
-    });
-    /**
-     * 右键点击事件
-     * @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}"]`)
-        );
+      case "Home": {
+        e.preventDefault(), a.length > 0 && this._moveFocus(a[0]);
+        break;
       }
-      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);
+      case "End": {
+        e.preventDefault(), a.length > 0 && this._moveFocus(a[a.length - 1]);
+        break;
+      }
+      case "Enter": {
+        e.preventDefault(), n.hasChildren ? this._toggleExpand(s) : this._selectPath(s);
+        break;
+      }
+      case " ": {
+        e.preventDefault(), this.showCheckbox ? this._handleCheckboxToggle(s) : this._selectPath(s);
+        break;
+      }
+      case "*": {
+        e.preventDefault(), this._expandSiblingNodes(s);
+        break;
+      }
+      default: {
+        e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key) && (e.preventDefault(), this._handleTypeAhead(s, e.key));
+        break;
+      }
+    }
+  }
+  /** 获取所有可见节点的路径列表 */
+  _getVisiblePaths() {
+    const e = [], t = this._getRootPaths(), s = (n) => {
+      for (const a of n) {
+        const i = this._nodeStates.get(a);
+        if (i && (e.push(a), i.hasChildren && i.expanded)) {
+          const o = this._getDirectChildrenPaths(a);
+          s(o);
         }
-      }), a;
-    });
-    /**
-     * 设置选中节点数据
-     * @param {Array} nodes 选中节点数据数组
-     * @param {boolean} leafOnly 是否仅选中叶子节点
-     * @returns {boolean} 是否设置成功
-     */
-    b(this, "setCheckedNodes", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
+      }
+    };
+    return s(t), e;
+  }
+  /** 获取根节点路径列表 */
+  _getRootPaths() {
+    const e = [];
+    return this._nodeStates.forEach((t, s) => {
+      t.depth === 1 && e.push(s);
+    }), e.sort(), e;
+  }
+  /** 获取父节点路径 */
+  _getParentPath(e) {
+    const t = e.split("-");
+    return t.length <= 1 ? null : (t.pop(), t.join("-"));
+  }
+  /** 移动焦点到指定路径的节点 */
+  _moveFocus(e) {
+    const t = this._focusedPath;
+    this._focusedPath = e, t && this._updateNodeDOM(t), this._updateNodeDOM(e);
+    const s = this._getLabelElement(e);
+    s && s.focus();
+  }
+  /** 展开同级所有节点 */
+  _expandSiblingNodes(e) {
+    const t = this._getParentPath(e), s = t ? this._getDirectChildrenPaths(t) : this._getRootPaths();
+    for (const n of s) {
+      const a = this._nodeStates.get(n);
+      a && a.hasChildren && !a.expanded && this._expandPath(n);
+    }
+  }
+  /** 处理 type-ahead 查找 */
+  _handleTypeAhead(e, t) {
+    const s = this._getVisiblePaths(), n = s.indexOf(e), a = t.toLowerCase();
+    for (let i = 1; i < s.length; i++) {
+      const o = (n + i) % s.length, r = s[o], d = this._nodeStates.get(r);
+      if (d && d.label.toLowerCase().startsWith(a)) {
+        this._moveFocus(r);
+        return;
+      }
+    }
+  }
+  html() {
+    return `
+      <div class="${h()}" part="container"></div>
+      <slot></slot>
+    `;
+  }
+  $mount() {
+    this._container.setAttribute("role", "tree"), this._updateTreeAriaAttrs(), this.updateContainerClasslist();
+  }
+  /** 更新树容器的 ARIA 属性 */
+  _updateTreeAriaAttrs() {
+    this._container && (this.label ? this._container.setAttribute("aria-label", this.label) : this._container.removeAttribute("aria-label"), this.showCheckbox ? this._container.setAttribute("aria-multiselectable", "true") : this._container.removeAttribute("aria-multiselectable"));
+  }
+  /** 更新容器类名 */
+  updateContainerClasslist() {
+    const e = h({}, {});
+    return this._container && (this._container.className = e), e;
+  }
+  /** 获取半选中节点数据数组 */
+  getHalfCheckedNodes() {
+    if (!this.showCheckbox) return [];
+    const e = [];
+    return this._nodeStates.forEach((t) => {
+      t.indeterminate && e.push(t.raw);
+    }), e;
+  }
+  /** 获取半选中节点键值数组 */
+  getHalfCheckedKeys() {
+    if (!this.showCheckbox || !this.nodeKey) return [];
+    const e = this.nodeKey, t = [];
+    return this._nodeStates.forEach((s) => {
+      s.indeterminate && s.raw && s.raw[e] && t.push(s.raw[e]);
+    }), t;
+  }
+  /** 获取当前选中节点的键值 */
+  getCurrentKey() {
+    if (!this.nodeKey || !this._treeState.selectedPath) return null;
+    const e = this._nodeStates.get(this._treeState.selectedPath);
+    return !e || !e.raw ? null : e.raw[this.nodeKey] || null;
+  }
+  /** 获取当前选中节点的数据 */
+  getCurrentNode() {
+    if (!this._treeState.selectedPath) return null;
+    const e = this._nodeStates.get(this._treeState.selectedPath);
+    return e ? e.raw : null;
+  }
+  /**
+   * 更新指定节点的子节点数据
+   * @param key - 节点键值
+   * @param data - 新的子节点数据数组
+   * @returns 是否更新成功
+   */
+  updateKeyChildren(e, t) {
+    if (!this.nodeKey)
+      return console.warn("updateKeyChildren requires node-key to be set"), !1;
+    const s = this._findPathByKey(e);
+    if (!s)
+      return console.warn(`Node with key ${e} not found`), !1;
+    const n = this._nodeStates.get(s);
+    if (!n || !n.hasChildren)
+      return console.warn("Target node is not a parent node"), !1;
+    const { children: a } = this.dataProps;
+    n.raw = { ...n.raw, [a]: t };
+    const i = [];
+    this._nodeStates.forEach((r, d) => {
+      d.startsWith(s + "-") && i.push(d);
+    }), i.forEach((r) => this._nodeStates.delete(r)), this._buildNodeStates(t, s);
+    const o = this._getChildrenElement(s);
+    return o && (o.innerHTML = this._renderTree(t, s)), k(() => {
+      this._handleCheckboxToggle(s, n.checked);
+    }, 16), !0;
+  }
+  /**
+   * 获取选中节点数据数组
+   * @param leafOnly - 是否仅返回叶子节点
+   * @param includeHalfChecked - 是否包含半选节点
+   * @returns 选中节点数据数组
+   */
+  getCheckedNodes(e = !1, t = !1) {
+    if (!this.showCheckbox) return [];
+    const s = [];
+    return this._nodeStates.forEach((n) => {
+      if (n.checked || t && n.indeterminate) {
+        if (e && n.hasChildren) return;
+        s.push(n.raw);
+      }
+    }), s;
+  }
+  /**
+   * 通过节点数据设置选中状态
+   * @param nodes - 要选中的节点数据数组
+   * @returns 是否设置成功
+   */
+  setCheckedNodes(e) {
+    return !this.showCheckbox || !this.nodeKey ? (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();
+    ), !1) : (e.forEach((t) => {
+      const s = this._resolvePath(t);
+      if (!s) return;
+      const n = this._nodeStates.get(s);
+      !n || n.disabled || this._handleCheckboxToggle(s, !0);
+    }), !0);
   }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "show-checkbox",
-      "check-strictly",
-      "node-key",
-      "expand-on-icon-click"
-    ];
+  /**
+   * 获取选中节点键值数组
+   * @param leafOnly - 是否仅返回叶子节点
+   * @returns 选中节点键值数组
+   */
+  getCheckedKeys(e = !1) {
+    if (!this.showCheckbox || !this.nodeKey) return [];
+    const t = this.nodeKey, s = [];
+    return this._nodeStates.forEach((n) => {
+      if (n.checked && n.raw && n.raw[t]) {
+        if (e && n.hasChildren) return;
+        s.push(n.raw[t]);
+      }
+    }), s;
   }
   /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
+   * 通过键值设置选中状态
+   * @param keys - 要选中的节点键值数组
+   * @param leafOnly - 是否仅选中叶子节点
+   * @returns 是否设置成功
    */
-  updateContainerClasslist() {
-    const e = this.computedClasslist("ea-tree", {}, {});
-    return s(this, u).className = e, e;
+  setCheckedKeys(e, t = !1) {
+    return !this.showCheckbox || !this.nodeKey ? (console.warn(
+      "setCheckedKeys requires show-checkbox and node-key to be set"
+    ), !1) : (e.forEach((s) => {
+      const n = this._findPathByKey(s);
+      if (!n) return;
+      const a = this._nodeStates.get(n);
+      !a || a.disabled || t && a.hasChildren || this._handleCheckboxToggle(n, !0);
+    }), !0);
   }
-  $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")));
+  /**
+   * 设置指定节点的选中状态
+   * @param keyOrData - 节点键值或数据对象
+   * @param checked - 是否选中
+   * @returns 是否设置成功
+   */
+  setChecked(e, t) {
+    if (!this.showCheckbox || !this.nodeKey)
+      return console.warn("setChecked requires show-checkbox and node-key to be set"), !1;
+    const s = this._resolvePath(e);
+    if (!s)
+      return console.warn("Node not found"), !1;
+    const n = this._nodeStates.get(s);
+    return !n || n.disabled ? (console.warn("Cannot set checked state for disabled node"), !1) : (this._handleCheckboxToggle(s, t), !0);
   }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = s(this, x)) == null || e.abort(), f(this, x, new AbortController()), s(this, ie).call(this), this.updateContainerClasslist();
+  /**
+   * 设置当前选中节点的键值
+   * @param key - 节点键值，传 null 取消选中
+   * @param shouldAutoExpandParent - 是否自动展开父节点
+   * @returns 是否设置成功
+   */
+  setCurrentKey(e, t = !0) {
+    if (!this.nodeKey)
+      return console.warn("setCurrentKey requires node-key to be set"), !1;
+    if (!e) {
+      if (this._treeState.selectedPath) {
+        const a = this._nodeStates.get(this._treeState.selectedPath);
+        a && (a.selected = !1, this._updateNodeDOM(this._treeState.selectedPath)), this._treeState.selectedPath = null;
+      }
+      return !0;
+    }
+    const s = this._findPathByKey(e);
+    if (!s)
+      return console.warn(`Node with key ${e} not found`), !1;
+    const n = this._nodeStates.get(s);
+    return !n || n.disabled ? (console.warn("Cannot select disabled node"), !1) : (this._selectPath(s), t && this._expandAncestorPaths(s), !0);
   }
-  $beforeUnmounted() {
-    var e;
-    (e = s(this, x)) == null || e.abort();
-    for (const t of Object.values(s(this, m)))
-      t == null || t.abort();
+  /**
+   * 设置当前选中节点
+   * @param node - 节点数据对象，传 null 取消选中
+   * @param shouldAutoExpandParent - 是否自动展开父节点
+   * @returns 是否设置成功
+   */
+  setCurrentNode(e, t = !0) {
+    if (!this.nodeKey)
+      return console.warn("setCurrentNode requires node-key to be set"), !1;
+    if (!e) {
+      if (this._treeState.selectedPath) {
+        const a = this._nodeStates.get(this._treeState.selectedPath);
+        a && (a.selected = !1, this._updateNodeDOM(this._treeState.selectedPath)), this._treeState.selectedPath = null;
+      }
+      return !0;
+    }
+    const s = this._findPathByData(e);
+    if (!s)
+      return console.warn("Node not found"), !1;
+    const n = this._nodeStates.get(s);
+    return !n || n.disabled ? (console.warn("Cannot select disabled node"), !1) : (this._selectPath(s), t && this._expandAncestorPaths(s), !0);
   }
-}
-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);
+  /**
+   * 获取节点信息
+   * @param data - 节点键值或数据对象
+   * @returns 节点信息对象，包含 label（节点状态）、child（子节点容器）、data（原始数据）
+   */
+  getNode(e) {
+    if (!this.nodeKey)
+      return console.warn("getNode requires node-key to be set"), null;
+    const t = this._resolvePath(e);
+    if (!t) return null;
+    const s = this._nodeStates.get(t);
+    return {
+      label: s,
+      child: this._getChildrenElement(t),
+      data: s.raw
+    };
+  }
+};
+l([
+  D(h.cb())
+], c.prototype, "_container", 2);
+l([
+  _({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this._updateCheckboxVisibility(), this._updateTreeAriaAttrs();
+    }
+  })
+], c.prototype, "showCheckbox", 2);
+l([
+  _({
+    type: Boolean,
+    default: !1
+  })
+], c.prototype, "checkStrictly", 2);
+l([
+  _({
+    type: String,
+    default: ""
+  })
+], c.prototype, "nodeKey", 2);
+l([
+  _({
+    type: String,
+    default: "",
+    observer() {
+      this._updateTreeAriaAttrs();
+    }
+  })
+], c.prototype, "label", 2);
+l([
+  _({
+    type: Boolean,
+    default: !1
+  })
+], c.prototype, "expandOnIconClick", 2);
+l([
+  b({
+    type: Array,
+    default: [],
+    observer(e) {
+      this._handleDataChange(e);
+    }
+  })
+], c.prototype, "data", 2);
+l([
+  b({
+    type: Object,
+    default: { children: "children", label: "label", disabled: "disabled" }
+  })
+], c.prototype, "dataProps", 2);
+l([
+  b({
+    type: Array,
+    default: []
+  })
+], c.prototype, "defaultExpandedKeys", 2);
+l([
+  b({
+    type: Array,
+    default: []
+  })
+], c.prototype, "defaultCheckedKeys", 2);
+l([
+  p("click", h.ce("node"))
+], c.prototype, "_handleClick", 1);
+l([
+  p("change", h.ce("checkbox"))
+], c.prototype, "_handleCheckboxChange", 1);
+l([
+  p("contextmenu", h.ce("node"))
+], c.prototype, "_handleContextmenu", 1);
+l([
+  p("keydown", h.ce("label"))
+], c.prototype, "_handleKeydown", 1);
+c = l([
+  T(y, { styles: [$] })
+], c);
+const Z = c;
 export {
-  Re as EaTree
+  c as EaTree,
+  Z as default
 };