easy-component-ui 3.0.5 → 3.0.7

package/dist/components/ea-tree.js

@@ -1,70 +1,70 @@
-var ge = Object.defineProperty;
-var be = (d) => {
+var Ee = Object.defineProperty;
+var pe = (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";
+var ve = (d, o, e) => o in d ? Ee(d, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[o] = e;
+var b = (d, o, e) => ve(d, typeof o != "symbol" ? o + "" : o, e), fe = (d, o, e) => o.has(d) || pe("Cannot " + e);
+var s = (d, o, e) => (fe(d, o, "read from private field"), e ? e.call(d) : o.get(d)), n = (d, o, e) => o.has(d) ? pe("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(d) : o.set(d, e), f = (d, o, e, t) => (fe(d, o, "write to private field"), t ? t.call(d, e) : o.set(d, e), e);
+import { n as ce } from "./ea-calendar2.js";
+import { B as he } from "./Base.js";
+import { s as Ne, a as we, b as Ae } from "../css/ea-tree.style.js";
 import "./ea-checkbox.js";
-import { t as 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;
-  }
-}
+import { t as ke } from "../utils/timeout.js";
 class Se extends Event {
-  constructor(i) {
-    super("ea-node-select", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-node-expand", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
 class qe extends Event {
-  constructor(i) {
-    super("ea-node-click", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-node-collapse", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
 class Le extends Event {
-  constructor(i) {
-    super("ea-node-contextmenu", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-node-select", { bubbles: !0, composed: !0 }), this.detail = o;
+  }
+}
+class Ce extends Event {
+  constructor(o) {
+    super("ea-node-click", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
 class Pe extends Event {
-  constructor(i) {
-    super("ea-check-change", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-node-contextmenu", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
 class $e extends Event {
-  constructor(i) {
-    super("ea-check", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-check-change", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
 class Te extends Event {
-  constructor(i) {
-    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = i;
+  constructor(o) {
+    super("ea-check", { bubbles: !0, composed: !0 }), this.detail = o;
   }
 }
-var x, q, I, k, y, L, P, D, _, M;
-class Ke extends ce {
+class Ke extends Event {
+  constructor(o) {
+    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = o;
+  }
+}
+var v, L, P, k, C, $, T, _, M, W, U;
+class Be extends he {
   constructor() {
     super();
     /** @type {HTMLElement} */
-    o(this, x);
+    n(this, v);
     /** @type {HTMLElement} */
-    o(this, q);
+    n(this, L);
     /** @type {HTMLElement} */
-    o(this, I);
+    n(this, P);
     /** @type {HTMLElement} */
-    o(this, k);
+    n(this, k);
     /** @type {AbortController} */
-    o(this, y, new AbortController());
-    u(this, "state", this.properties({
+    n(this, C, new AbortController());
+    b(this, "state", this.properties({
       path: {
         type: String,
         default: ""
@@ -73,7 +73,7 @@ class Ke extends ce {
         type: String,
         default: "",
         observer: (e) => {
-          s(this, q).textContent = e;
+          s(this, L).textContent = e;
         }
       },
       selected: {
@@ -97,21 +97,21 @@ class Ke extends ce {
         type: Boolean,
         default: !1,
         observer: (e) => {
-          s(this, L).call(this, e), this.updateContainerClasslist();
+          s(this, $).call(this, e), this.updateContainerClasslist();
         }
       },
       indeterminate: {
         type: Boolean,
         default: !1,
         observer: () => {
-          s(this, L).call(this), this.updateContainerClasslist();
+          s(this, $).call(this), this.updateContainerClasslist();
         }
       },
       disabled: {
         type: Boolean,
         default: !1,
         observer: () => {
-          s(this, P).call(this), this.updateContainerClasslist();
+          s(this, T).call(this), this.updateContainerClasslist();
         }
       },
       "show-checkbox": {
@@ -122,7 +122,7 @@ class Ke extends ce {
         }
       }
     }));
-    u(this, "propStates", this.properties({
+    b(this, "propStates", this.properties({
       hasChildren: {
         props: !0,
         type: Boolean,
@@ -147,9 +147,9 @@ class Ke extends ce {
         type: Object,
         default: {},
         observer: (e) => {
-          var n;
+          var i;
           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;
+          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;
         }
       }
     }));
@@ -158,20 +158,20 @@ class Ke extends ce {
      * @param {boolean} checked - 是否选中
      * @param {boolean} indeterminate - 是否不确定
      */
-    o(this, L, (e = this.checked, t = this.indeterminate) => {
+    n(this, $, (e = this.checked, t = this.indeterminate) => {
       s(this, k) && (s(this, k).checked = e, s(this, k).indeterminate = t);
     });
     /**
      * 更新禁用状态
      */
-    o(this, P, () => {
+    n(this, T, () => {
       s(this, k) && (s(this, k).disabled = this.disabled);
     });
     /**
      * 处理复选框变化事件
      * @param {Event} e 事件对象
      */
-    o(this, D, (e) => {
+    n(this, _, (e) => {
       e.stopImmediatePropagation(), !this.disabled && (this.checked = e.detail.checked, this.emit("ea-tree-checkbox-click", {
         bubbles: !0,
         composed: !0,
@@ -185,37 +185,57 @@ class Ke extends ce {
      * 处理标签点击事件
      * @param {Event} e 事件对象
      */
-    o(this, _, (e) => {
+    n(this, M, (e) => {
       if (e.stopImmediatePropagation(), e.target.closest(this.ns.ce("checkbox"))) return;
-      const r = this.parentElement.querySelector("ea-tree-child");
+      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: r
+          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
         }
       });
     });
     /**
      * 绑定事件监听器
      */
-    o(this, M, () => {
+    n(this, U, () => {
       s(this, k).addEventListener(
         "change",
-        s(this, D),
+        s(this, _),
         {
-          signal: s(this, y).signal
+          signal: s(this, C).signal
         }
-      ), s(this, x).addEventListener("click", s(this, _), {
-        signal: s(this, y).signal
+      ), s(this, v).addEventListener("click", s(this, M), {
+        signal: s(this, C).signal
+      }), s(this, P).addEventListener("click", s(this, W), {
+        signal: s(this, C).signal
       });
     });
     /**
      * 获取节点深度
      * @returns {number} 节点深度
      */
-    u(this, "getDepth", () => {
+    b(this, "getDepth", () => {
       const e = this.path;
       return e ? e.split("-").length : 0;
     });
@@ -223,13 +243,13 @@ class Ke extends ce {
      * 判断是否为根节点
      * @returns {boolean} 是否为根节点
      */
-    u(this, "isRoot", () => this.getDepth() === 1);
+    b(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();
+    b(this, "isLeaf", () => this.hasChildren ? childTree.querySelectorAll("ea-tree-label").length === 0 : !0);
+    this.stylesheet = Ne, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -264,46 +284,48 @@ class Ke extends ce {
         disabled: this.disabled
       }
     );
-    return s(this, x).className = e, e;
+    return s(this, v).className = e, e;
   }
   $render() {
-    const e = de("tree-label");
+    const e = ce("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);
+    `, 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, y)) == null || e.abort(), f(this, y, new AbortController()), s(this, M).call(this);
+    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, y)) == null || e.abort();
+    (e = s(this, C)) == 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 {
+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} */
-    o(this, m);
+    n(this, y);
     /** @type {AbortController} */
-    o(this, v, new AbortController());
-    o(this, W, {
+    n(this, N, new AbortController());
+    n(this, F, {
       expandedNodes: /* @__PURE__ */ new Set(),
       selectedNode: null
     });
-    o(this, N, {
+    n(this, w, {
       /** @type {AbortController} */
       dataController: null
     });
-    u(this, "propState", this.properties({
+    b(this, "propState", this.properties({
       data: {
         props: !0,
         type: Array,
@@ -311,10 +333,10 @@ class Be extends ce {
         /** @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);
+          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);
           }
         }
       },
@@ -338,14 +360,14 @@ class Be extends ce {
         type: Boolean,
         default: !1,
         observer: () => {
-          s(this, U).call(this);
+          s(this, J).call(this);
         }
       },
       checked: {
         type: Boolean,
         default: !1,
         observer: (e) => {
-          s(this, G).call(this, e), this.updateContainerClasslist();
+          s(this, X).call(this, e), this.updateContainerClasslist();
         }
       },
       expanded: {
@@ -363,8 +385,8 @@ class Be extends ce {
     /**
      * 更新 checkbox 可见性
      */
-    o(this, U, () => {
-      s(this, m).querySelectorAll("ea-tree-label").forEach((t) => {
+    n(this, J, () => {
+      s(this, y).querySelectorAll("ea-tree-label").forEach((t) => {
         t["show-checkbox"] = this["show-checkbox"];
       });
     });
@@ -372,7 +394,7 @@ class Be extends ce {
      * 获取或创建子节点插槽元素
      * @return {HTMLElement} 子节点插槽元素
      */
-    o(this, $, () => {
+    n(this, K, () => {
       let e = this.querySelector('[slot="children"]');
       if (!e) {
         const t = document.createElement("div");
@@ -385,7 +407,7 @@ class Be extends ce {
      * @param {number} index 节点索引
      * @returns {string} 节点路径
      */
-    o(this, F, (e) => {
+    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();
@@ -396,30 +418,30 @@ class Be extends ce {
      * @param {number} index 索引
      * @returns {Object} 包含section、treeLabel和tree的对象
      */
-    o(this, J, (e, t) => {
+    n(this, G, (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 };
+      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 树数据
      */
-    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);
+    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);
     });
-    o(this, G, (e) => {
-      s(this, m).querySelectorAll("ea-tree-label").forEach((t) => {
+    n(this, X, (e) => {
+      s(this, y).querySelectorAll("ea-tree-label").forEach((t) => {
         t.checked = e;
-      }), s(this, m).querySelectorAll("ea-tree-child").forEach((t) => {
+      }), s(this, y).querySelectorAll("ea-tree-child").forEach((t) => {
         t.checked = e;
       });
     });
-    this.stylesheet = ve, this.$render();
+    this.stylesheet = we, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -437,52 +459,52 @@ class Be extends ce {
       },
       {}
     );
-    return s(this, m).className = e, e;
+    return s(this, y).className = e, e;
   }
   $render() {
-    const e = de("tree-child");
+    const e = ce("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()));
+    `, f(this, y, this.shadowRoot.querySelector(e.cb()));
   }
   connectedCallback() {
     var e;
-    super.connectedCallback(), (e = s(this, v)) == null || e.abort(), f(this, v, new AbortController()), this.updateContainerClasslist();
+    super.connectedCallback(), (e = s(this, N)) == null || e.abort(), f(this, N, new AbortController()), this.updateContainerClasslist();
   }
   $beforeUnmounted() {
     var e;
-    (e = s(this, v)) == null || e.abort();
-    for (const t of Object.values(s(this, N)))
+    (e = s(this, N)) == null || e.abort();
+    for (const t of Object.values(s(this, w)))
       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 {
+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} */
-    o(this, h);
+    n(this, u);
     /** @type {AbortController} */
-    o(this, E, new AbortController());
-    o(this, b, {
+    n(this, x, new AbortController());
+    n(this, h, {
       expandedNodes: /* @__PURE__ */ new Set(),
       selectedNode: null,
       checkedNodes: /* @__PURE__ */ new Set()
     });
-    o(this, C, {
+    n(this, m, {
       /** @type {AbortController} */
       dataController: null
     });
-    u(this, "attrState", this.properties({
+    b(this, "attrState", this.properties({
       "show-checkbox": {
         type: Boolean,
         default: !1,
         observer: () => {
-          s(this, te).call(this);
+          s(this, se).call(this);
         }
       },
       "check-strictly": {
@@ -492,9 +514,13 @@ class Re extends ce {
       "node-key": {
         type: String,
         default: null
+      },
+      "expand-on-icon-click": {
+        type: Boolean,
+        default: !1
       }
     }));
-    u(this, "propState", this.properties({
+    b(this, "propState", this.properties({
       data: {
         props: !0,
         type: Array,
@@ -502,8 +528,8 @@ class Re extends ce {
         /** @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);
+          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));
         }
       },
@@ -536,68 +562,68 @@ class Re extends ce {
      * @param {*} key 节点键值
      * @returns {HTMLElement|null} 找到的标签元素或null
      */
-    o(this, w, (e) => {
+    n(this, A, (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);
+      return [...s(this, u).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);
+    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的对象
      */
-    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 };
+    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 树数据
      */
-    o(this, X, (e) => {
+    n(this, Z, (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);
+        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 展开键数组
      */
-    o(this, Y, (e) => {
+    n(this, O, (e) => {
       const t = this["node-key"];
       if (!t) return;
-      const r = [...s(this, h).querySelectorAll("ea-tree-label")];
+      const r = [...s(this, u).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));
+        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 选中键数组
      */
-    o(this, Z, (e) => {
+    n(this, V, (e) => {
       const t = this["node-key"];
       if (!t) return;
-      const r = [...s(this, h).querySelectorAll("ea-tree-label")];
+      const r = [...s(this, u).querySelectorAll("ea-tree-label")];
       e.forEach((a) => {
-        const n = r.find((l) => l.data[t] === a);
-        n && (n.checked = !0, n.dispatchEvent(
+        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: n,
+              label: i,
               checked: !0
             }
           })
@@ -608,24 +634,34 @@ class Re extends ce {
      * 点击标签事件
      * @param {MouseEvent} e 事件对象
      */
-    o(this, O, (e) => {
+    n(this, ee, (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));
+      const t = e.detail.label, r = e.detail.child, a = e.detail.isIconClick;
+      if (t) {
+        if (this["expand-on-icon-click"]) {
+          a ? t.hasChildren && (s(this, h).expandedNodes.has(t) ? (s(this, h).expandedNodes.delete(t), s(this, I).call(this, r, t)) : (s(this, h).expandedNodes.add(t), s(this, S).call(this, r, t))) : (this.dispatchEvent(
+            new Ce({
+              data: t.data
+            })
+          ), s(this, E).call(this, t));
+          return;
+        }
+        this.dispatchEvent(
+          new Ce({
+            data: t.data
+          })
+        ), t.hasChildren && (s(this, h).expandedNodes.has(t) ? (s(this, h).expandedNodes.delete(t), s(this, I).call(this, r, t)) : (s(this, h).expandedNodes.add(t), s(this, S).call(this, r, t))), s(this, E).call(this, t);
+      }
     });
     /**
      * 右键点击事件
      * @param {MouseEvent} e 事件对象
      */
-    o(this, V, (e) => {
+    n(this, te, (e) => {
       e.preventDefault(), e.stopImmediatePropagation();
       const t = e.target.closest("ea-tree-label");
       !t || t.disabled || this.dispatchEvent(
-        new Le({
+        new Pe({
           data: t.data,
           node: t
         })
@@ -636,9 +672,9 @@ class Re extends ce {
      * @param {HTMLElement} tree 树元素
      * @param {HTMLElement} label 标签元素
      */
-    o(this, K, (e, t) => {
+    n(this, S, (e, t) => {
       e.toggleAttribute("hidden", !1), t.toggleAttribute("expanded", !0), this.dispatchEvent(
-        new we({
+        new Se({
           data: t.data,
           node: t,
           expanded: !0
@@ -650,9 +686,9 @@ class Re extends ce {
      * @param {HTMLElement} tree 树元素
      * @param {HTMLElement} label 标签元素
      */
-    o(this, ee, (e, t) => {
+    n(this, I, (e, t) => {
       e.toggleAttribute("hidden", !0), t.toggleAttribute("expanded", !1), this.dispatchEvent(
-        new Ae({
+        new qe({
           data: t.data,
           node: t,
           expanded: !1
@@ -663,14 +699,14 @@ class Re extends ce {
      * 选中节点
      * @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({
+    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 Te({
+        new Ke({
           data: e.data,
           node: e
         })
@@ -679,8 +715,8 @@ class Re extends ce {
     /**
      * 更新 checkbox 可见性
      */
-    o(this, te, () => {
-      s(this, h).querySelectorAll("ea-tree-label").forEach((t) => {
+    n(this, se, () => {
+      s(this, u).querySelectorAll("ea-tree-label").forEach((t) => {
         t["show-checkbox"] = this["show-checkbox"];
       });
     });
@@ -689,12 +725,12 @@ class Re extends ce {
      * @param {string} treeRootPath 树路径
      * @returns {Array} 相同树路径的节点数组
      */
-    o(this, B, (e) => {
+    n(this, R, (e) => {
       const t = [], r = e.split("-");
-      for (t.push(s(this, h).querySelector(`[path="${r[0]}"]`)); r.length > 1; ) {
+      for (t.push(s(this, u).querySelector(`[path="${r[0]}"]`)); r.length > 1; ) {
         const a = r.join("-");
         r.pop(), t.push(
-          ...s(this, h).querySelectorAll(`[path^="${a}"]`)
+          ...s(this, u).querySelectorAll(`[path^="${a}"]`)
         );
       }
       return t;
@@ -705,11 +741,11 @@ class Re extends ce {
      * @param {HTMLElement} currentNode 当前节点
      * @returns {Object} 包含isAllChecked和isAnyChecked的对象
      */
-    o(this, se, (e, t) => {
+    n(this, re, (e, t) => {
       const r = e.every(
-        (n) => n.getAttribute("checked") || n === t
+        (i) => i.getAttribute("checked") || i === t
       ), a = e.some(
-        (n) => n.getAttribute("checked") && n !== t
+        (i) => i.getAttribute("checked") && i !== t
       );
       return { isAllChecked: r, isAnyChecked: a };
     });
@@ -719,17 +755,17 @@ class Re extends ce {
      * @param {boolean} isAllChecked 是否全部选中
      * @param {boolean} isAnyChecked 是否有选中
      */
-    o(this, R, (e, t, r) => {
+    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} 所有标签元素数组
      */
-    o(this, H, () => [...s(this, h).querySelectorAll("ea-tree-label")]);
-    o(this, j, (e) => {
+    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, B).call(this, t), a = r.filter(
+      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(
@@ -741,32 +777,32 @@ class Re extends ce {
     /**
      * 绑定树组件事件
      */
-    o(this, re, () => {
-      s(this, h).addEventListener(
+    n(this, ae, () => {
+      s(this, u).addEventListener(
         "ea-tree-label-click",
-        s(this, O),
+        s(this, ee),
         {
-          signal: s(this, C).dataController.signal
+          signal: s(this, m).dataController.signal
         }
-      ), s(this, h).addEventListener(
+      ), s(this, u).addEventListener(
         "ea-tree-checkbox-click",
-        s(this, le),
+        s(this, de),
         {
-          signal: s(this, C).dataController.signal
+          signal: s(this, m).dataController.signal
         }
-      ), s(this, h).addEventListener("contextmenu", s(this, V), {
-        signal: s(this, C).dataController.signal
+      ), s(this, u).addEventListener("contextmenu", s(this, te), {
+        signal: s(this, m).dataController.signal
       });
     });
     /**
      * 绑定复选框状态管理事件
      */
-    o(this, ae, () => {
-      s(this, h).addEventListener(
+    n(this, ie, () => {
+      s(this, u).addEventListener(
         "ea-tree-checkbox-click",
-        s(this, ie),
+        s(this, le),
         {
-          signal: s(this, E).signal
+          signal: s(this, x).signal
         }
       );
     });
@@ -775,8 +811,8 @@ class Re extends ce {
      * @param {HTMLElement} label 标签元素
      * @returns {boolean} 子树中是否存在被选中的节点
      */
-    o(this, ne, (e) => {
-      const t = e.getAttribute("path"), r = s(this, h).querySelectorAll(
+    n(this, ne, (e) => {
+      const t = e.getAttribute("path"), r = s(this, u).querySelectorAll(
         `[path^="${t}-"]`
       );
       for (const a of r)
@@ -789,15 +825,15 @@ class Re extends ce {
      * @param {HTMLElement} label 标签元素
      * @param {boolean} checked 选中状态
      */
-    o(this, oe, (e, t) => {
-      const r = this.getCheckedNodes(), a = this.getCheckedKeys(), n = this.getHalfCheckedNodes(), l = this.getHalfCheckedKeys();
+    n(this, oe, (e, t) => {
+      const r = this.getCheckedNodes(), a = this.getCheckedKeys(), i = this.getHalfCheckedNodes(), l = this.getHalfCheckedKeys();
       this.dispatchEvent(
-        new $e({
+        new Te({
           data: e.data,
           checkedState: {
             checkedNodes: r,
             checkedKeys: a,
-            halfCheckedNodes: n,
+            halfCheckedNodes: i,
             halfCheckedKeys: l
           }
         })
@@ -807,31 +843,31 @@ class Re extends ce {
      * 处理复选框状态变化
      * @param {CustomEvent} e 事件对象
      */
-    o(this, ie, (e) => {
-      var he;
+    n(this, le, (e) => {
+      var ue;
       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(
+      const a = t.getAttribute("path"), i = s(this, R).call(this, a), l = i.filter(
         (p) => p.getAttribute("path").startsWith(a) && p !== t
-      ), c = n.filter(
+      ), 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 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) => {
+        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 S = s(this, ne).call(this, t);
+      const q = s(this, ne).call(this, t);
       this.dispatchEvent(
-        new Pe({
+        new $e({
           data: t.data,
           checked: r,
-          hasCheckedChildren: S
+          hasCheckedChildren: q
         })
       ), s(this, oe).call(this, t, r);
     });
@@ -839,7 +875,7 @@ class Re extends ce {
      * 复选框点击事件
      * @param {CustomEvent} e 事件对象
      */
-    o(this, le, (e) => {
+    n(this, de, (e) => {
       e.stopImmediatePropagation();
       const t = e.detail.label, r = e.detail.checked;
       t && this.dispatchEvent(
@@ -847,7 +883,7 @@ class Re extends ce {
           detail: {
             node: t.item,
             checked: r,
-            checkedNodes: Array.from(s(this, b).checkedNodes).map(
+            checkedNodes: Array.from(s(this, h).checkedNodes).map(
               (a) => a.item
             )
           }
@@ -858,10 +894,10 @@ class Re extends ce {
      * 获取半选中节点数据
      * @returns {Array} 半选中节点数据数组
      */
-    u(this, "getHalfCheckedNodes", () => {
+    b(this, "getHalfCheckedNodes", () => {
       if (!this["show-checkbox"])
         return [];
-      const e = [...s(this, h).querySelectorAll("ea-tree-label")], t = [];
+      const e = [...s(this, u).querySelectorAll("ea-tree-label")], t = [];
       return e.forEach((r) => {
         r.hasAttribute("indeterminate") && t.push(r.data);
       }), t;
@@ -870,10 +906,10 @@ class Re extends ce {
      * 获取半选中节点键值
      * @returns {Array} 半选中节点键值数组
      */
-    u(this, "getHalfCheckedKeys", () => {
+    b(this, "getHalfCheckedKeys", () => {
       if (!this["show-checkbox"] || !this["node-key"])
         return [];
-      const e = s(this, h).querySelectorAll("ea-tree-label"), t = [], r = this["node-key"];
+      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;
@@ -882,34 +918,34 @@ class Re extends ce {
      * 获取当前选中节点键值
      * @returns {*} 当前选中节点键值或null
      */
-    u(this, "getCurrentKey", () => {
-      if (!this["node-key"] || !s(this, b).selectedNode)
+    b(this, "getCurrentKey", () => {
+      if (!this["node-key"] || !s(this, h).selectedNode)
         return null;
-      const e = this["node-key"], t = s(this, b).selectedNode.data;
+      const e = this["node-key"], t = s(this, h).selectedNode.data;
       return t && t[e] ? t[e] : null;
     });
     /**
      * 获取当前选中节点数据
      * @returns {*} 当前选中节点数据或null
      */
-    u(this, "getCurrentNode", () => s(this, b).selectedNode ? s(this, b).selectedNode.data : null);
+    b(this, "getCurrentNode", () => s(this, h).selectedNode ? s(this, h).selectedNode.data : null);
     /**
      * 更新节点键值的子节点数据
      * @param {*} key 节点键值
      * @param {Array} data 子节点数据数组
      * @returns {boolean} 是否更新成功
      */
-    u(this, "updateKeyChildren", (e, t) => {
+    b(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);
+      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: n } = this.dataProps;
-      return r.data = { ...r.data, [n]: t }, a.data = t, fe(() => {
+      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,
@@ -926,16 +962,16 @@ class Re extends ce {
      * @param {boolean} includeHalfChecked 是否包含半选中节点
      * @returns {Array} 选中节点数据数组
      */
-    u(this, "getCheckedNodes", (e = !1, t = !1) => {
+    b(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");
+      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 && n.hasChildren)
+          if (e && i.hasChildren)
             return;
-          a.push(n.data);
+          a.push(i.data);
         }
       }), a;
     });
@@ -945,7 +981,7 @@ class Re extends ce {
      * @param {boolean} leafOnly 是否仅选中叶子节点
      * @returns {boolean} 是否设置成功
      */
-    u(this, "setCheckedNodes", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
+    b(this, "setCheckedNodes", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
       "setCheckedNodes requires show-checkbox and node-key to be set"
     ), !1) : (e.forEach((r) => {
       const a = s(this, g).call(this, r);
@@ -965,15 +1001,15 @@ class Re extends ce {
      * @param {boolean} leafOnly 是否仅返回叶子节点
      * @returns {Array} 选中节点键值数组
      */
-    u(this, "getCheckedKeys", (e = !1) => {
+    b(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)
+      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(n.data[a]);
+          r.push(i.data[a]);
         }
       }), r;
     });
@@ -983,7 +1019,7 @@ class Re extends ce {
      * @param {boolean} leafOnly 是否仅选中叶子节点
      * @returns {boolean} 是否设置成功
      */
-    u(this, "setCheckedKeys", (e, t = !1) => !this["show-checkbox"] || !this["node-key"] ? (console.warn(
+    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);
@@ -1004,11 +1040,11 @@ class Re extends ce {
      * @param {boolean} checked 是否选中
      * @returns {boolean} 是否设置成功
      */
-    u(this, "setChecked", (e, t) => {
+    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, 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(
+      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,
@@ -1019,23 +1055,23 @@ class Re extends ce {
         })
       ), !0) : (console.warn("Node not found"), !1);
     });
-    u(this, "setCurrentKey", (e, t = !0) => {
+    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, b).selectedNode && (s(this, b).selectedNode.selected = !1, s(this, b).selectedNode = null), !0;
+        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, A).call(this, r), t && s(this, j).call(this, r), !0) : (console.warn(`Node with key ${e} not found`), !1);
+      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);
     });
-    u(this, "setCurrentNode", (e, t = !0) => {
+    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, b).selectedNode && (s(this, b).selectedNode.selected = !1, s(this, b).selectedNode = null), !0;
+        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, A).call(this, r), t && s(this, j).call(this, r), !0) : (console.warn("Node not found"), !1);
+      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);
     });
-    u(this, "getNode", (e) => {
+    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);
@@ -1045,14 +1081,15 @@ class Re extends ce {
         data: e
       } : null;
     });
-    this.stylesheet = Ne, this.$render();
+    this.stylesheet = Ae, this.$render();
   }
   static get observedAttributes() {
     return [
       ...super.observedAttributes,
       "show-checkbox",
       "check-strictly",
-      "node-key"
+      "node-key",
+      "expand-on-icon-click"
     ];
   }
   /**
@@ -1061,27 +1098,27 @@ class Re extends ce {
    */
   updateContainerClasslist() {
     const e = this.computedClasslist("ea-tree", {}, {});
-    return s(this, h).className = e, e;
+    return s(this, u).className = e, e;
   }
   $render() {
-    const e = de("tree");
+    const e = ce("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")));
+    `, f(this, u, 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();
+    super.connectedCallback(), (e = s(this, x)) == null || e.abort(), f(this, x, new AbortController()), s(this, ie).call(this), this.updateContainerClasslist();
   }
   $beforeUnmounted() {
     var e;
-    (e = s(this, E)) == null || e.abort();
-    for (const t of Object.values(s(this, C)))
+    (e = s(this, x)) == null || e.abort();
+    for (const t of Object.values(s(this, m)))
       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();
+u = new WeakMap(), x = new WeakMap(), h = new WeakMap(), m = new WeakMap(), A = new WeakMap(), B = new WeakMap(), g = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), O = new WeakMap(), V = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), S = new WeakMap(), I = new WeakMap(), E = new WeakMap(), se = new WeakMap(), R = new WeakMap(), re = new WeakMap(), H = new WeakMap(), j = new WeakMap(), D = new WeakMap(), ae = new WeakMap(), ie = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), de = new WeakMap();
 customElements.get("ea-tree") || customElements.define("ea-tree", Re);
 export {
   Re as EaTree