easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-table.js

@@ -1,100 +1,159 @@
-var it = Object.defineProperty;
-var ot = (o) => {
-  throw TypeError(o);
-};
-var ct = (o, r, t) => r in o ? it(o, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[r] = t;
-var x = (o, r, t) => ct(o, typeof r != "symbol" ? r + "" : r, t), at = (o, r, t) => r.has(o) || ot("Cannot " + t);
-var e = (o, r, t) => (at(o, r, "read from private field"), t ? t.call(o) : r.get(o)), p = (o, r, t) => r.has(o) ? ot("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, t), C = (o, r, t, s) => (at(o, r, "write to private field"), s ? s.call(o, t) : r.set(o, t), t), S = (o, r, t) => (at(o, r, "access private method"), t);
-import { E } from "../utils/Utils.js";
-import { B as rt } from "./Base.js";
+import { E as k } from "../core/EaBase.ts.js";
+import { q as C, C as $, c as H, a as _, p as v, l as g } from "../core/decorator.js";
+import { h as S } from "../utils/html.ts.js";
 import "./ea-empty.js";
-import { s as ht } from "../css/ea-table.style.js";
-import { s as dt } from "../css/ea-table-column.style.js";
-class ut extends Event {
-  constructor(r) {
-    super("ea-cell-click", { bubbles: !0, composed: !0 }), this.detail = r;
+import { s as N } from "../css/ea-table.style.js";
+import { c as M } from "../utils/bem.ts.js";
+import { E as D } from "../utils/Enum.ts.js";
+import { s as O } from "../css/ea-table-column.style.js";
+class j extends Event {
+  constructor(e) {
+    super("ea-cell-click", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class F extends Event {
+  constructor(e) {
+    super("ea-cell-contextmenu", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class I extends Event {
+  constructor(e) {
+    super("ea-cell-dblclick", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class B extends Event {
+  constructor(e) {
+    super("ea-cell-mouse-leave", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class K extends Event {
+  constructor(e) {
+    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-class pt extends Event {
-  constructor(r) {
-    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = r;
+class U extends Event {
+  constructor(e) {
+    super("ea-header-click", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-class bt extends Event {
-  constructor(r) {
-    super("ea-row-click", { bubbles: !0, composed: !0 }), this.detail = r;
+class W extends Event {
+  constructor(e) {
+    super("ea-header-contextmenu", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-class mt extends Event {
-  constructor(r) {
-    super("ea-select-all", { bubbles: !0, composed: !0 }), this.detail = r;
+class G extends Event {
+  constructor(e) {
+    super("ea-cell-mouse-enter", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-class ft extends Event {
-  constructor(r) {
-    super("ea-select", { bubbles: !0, composed: !0 }), this.detail = r;
+class z extends Event {
+  constructor(e) {
+    super("ea-row-click", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-class gt extends Event {
-  constructor(r) {
-    super("ea-selection-change", { bubbles: !0, composed: !0 }), this.detail = r;
+class V extends Event {
+  constructor(e) {
+    super("ea-row-contextmenu", { bubbles: !0, composed: !0 }), this.detail = e;
   }
 }
-const Et = (o) => E.EaElement.h(
+class J extends Event {
+  constructor(e) {
+    super("ea-row-dblclick", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class Q extends Event {
+  constructor(e) {
+    super("ea-select-all", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class X extends Event {
+  constructor(e) {
+    super("ea-select", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class Y extends Event {
+  constructor(e) {
+    super("ea-selection-change", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class Z extends Event {
+  constructor(e) {
+    super("ea-sort-change", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+class tt extends Event {
+  constructor(e) {
+    super("ea-template-cell-click", { bubbles: !0, composed: !0 }), this.detail = e;
+  }
+}
+const A = (t, e) => t && (typeof e == "string" || typeof e == "number" || typeof e == "boolean") ? `${t}="${e}"` : Array.isArray(e) ? `${t}="${e.join(" ")}"` : typeof e == "object" && e ? Object.entries(e).map(([a, s]) => A(a, s)).join(" ") : typeof e == "function" ? `${t}="${e()}"` : "", et = (t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : Array.isArray(t) ? t.join("") : "", f = (t, e, a, s) => {
+  const o = ["input"];
+  return `<${t} ${A("class", e)} ${a ? Object.entries(a).map(([n, i]) => A(n, i)).join(" ") : ""}${o.includes(t) ? "/>" : `${`>
+    ${et(s)}
+  </${t}>`}`}`;
+}, st = (t) => f(
   "colgroup",
   "ea-table__colgroup",
   {
     part: "colgroup"
   },
-  o.map(
-    (r) => E.EaElement.h("col", "ea-table__col", {
-      width: r.width,
-      part: "col"
-    })
+  t.map(
+    (e) => f(
+      "col",
+      "ea-table__col",
+      {
+        width: e.width,
+        part: "col"
+      },
+      null
+    )
   )
-), yt = (o) => E.EaElement.h(
+), at = (t) => f(
   "tfoot",
   "ea-table__tfoot",
   {
     part: "tfoot"
   },
-  E.EaElement.h(
+  f(
     "tr",
     "ea-table__tr",
     {
       part: "tfoot-tr"
     },
-    o.map(
-      (r) => E.EaElement.h(
+    t.map(
+      (e, a) => f(
         "td",
-        `ea-table__td ${r.fixed ? ` is-fixed fixed-${r.fixed}` : ""}`,
+        `ea-table__td ${e.fixed && e.fixed !== "false" ? ` is-fixed fixed-${e.fixed}` : ""}`,
         {
           part: "tfoot-td",
-          "data-scope": r.prop
-        }
+          "data-scope": e.prop,
+          role: "cell",
+          "aria-colindex": String(a + 1)
+        },
+        null
       )
     )
   )
-), vt = (o) => E.EaElement.h("span", "ea-table__sort-wrapper", {}, [
-  E.EaElement.h("span", null, {}, o),
-  E.EaElement.h(
+), ot = (t) => f("button", "ea-table__sort-wrapper", { type: "button" }, [
+  f("span", null, {}, t),
+  f(
     "span",
     "ea-table__sort",
-    {},
+    { "aria-hidden": "true" },
     [
-      E.EaElement.h("ea-icon", "ea-table__sort-icon", {
+      f("ea-icon", "ea-table__sort-icon", {
         part: "asc-icon",
         name: "angle-up",
         size: "small"
-      }),
-      E.EaElement.h("ea-icon", "ea-table__sort-icon", {
+      }, null),
+      f("ea-icon", "ea-table__sort-icon", {
         part: "desc-icon",
         name: "angle-down",
         size: "small"
-      })
-    ].join("")
+      }, null)
+    ]
   )
-]), wt = () => E.EaElement.h(
+]), rt = () => f(
   "ea-checkbox",
   "ea-table__checkbox",
   {
@@ -102,998 +161,757 @@ const Et = (o) => E.EaElement.h(
     part: "checkbox"
   },
   null
-), xt = () => "", Ct = (o) => {
-  const r = (c) => c === "selection" ? wt() : c === "index" ? xt() : null, t = (c, u) => c ? vt(u) : null;
+), nt = () => "", lt = (t) => {
+  const e = (l) => l === "selection" ? rt() : l === "index" ? nt() : null, a = (l, r) => l ? ot(r) : null;
   let s = null;
-  const n = o.label || o.prop || "", l = r(o.type), i = t(o.sortable, n);
-  return l ? s = l : i ? s = i : o.header ? s = o.header : s = n, E.EaElement.h(
+  const o = t.label || t.prop || "", n = e(t.type), i = a(t.sortable, o);
+  return n ? s = n : i ? s = i : t.header ? s = t.header : s = o, f(
     "th",
-    `ea-table__th${o.fixed ? ` is-fixed fixed-${o.fixed}` : ""}${o.sortable ? " is-sortable" : ""}${o.width ? " is-width" : ""}`.trim(),
+    `ea-table__th${t.fixed && t.fixed !== "false" ? ` is-fixed fixed-${t.fixed}` : ""}${t.sortable ? " is-sortable" : ""}${t.width ? " is-width" : ""}`.trim(),
     {
       part: "thead-th",
-      colspan: o.colspan,
-      rowspan: o.rowspan,
-      style: [o.width ? `--ea-table-cell-width: ${o.width}` : ""],
-      "data-scope": o.prop || "",
-      "data-prop": o.prop || "",
-      "data-order": "asc"
+      scope: "col",
+      colspan: t.colspan,
+      rowspan: t.rowspan,
+      style: [t.width ? `--ea-table-cell-width: ${t.width}` : ""],
+      "data-scope": t.prop || "",
+      "data-prop": t.prop || "",
+      "data-order": "asc",
+      "aria-sort": t.sortable ? "none" : void 0,
+      "aria-label": t.type === "selection" ? "Select all" : t.type === "index" ? "Index" : void 0
     },
     s
   );
-}, St = (o) => o.map(
-  (r) => E.EaElement.h(
+}, it = (t) => t.map(
+  (e) => f(
     "tr",
     "ea-table__tr is-thead",
     {
       part: "thead-tr"
     },
-    r.map(Ct)
+    e.map(lt)
   )
-), _t = (o) => {
-  const r = o.reduce((t, s) => (t[s.depth] || (t[s.depth] = []), t[s.depth].push(s), t), []);
-  return E.EaElement.h(
+), ct = (t) => {
+  const e = t.reduce((a, s) => (a[s.depth] || (a[s.depth] = []), a[s.depth].push(s), a), []);
+  return f(
     "thead",
     "ea-table__thead",
     {
       part: "thead"
     },
-    St(r)
+    it(e)
   );
 };
-class kt extends Event {
-  constructor(r) {
-    super("ea-sort-change", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class At extends Event {
-  constructor(r) {
-    super("ea-cell-mouse-enter", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Lt extends Event {
-  constructor(r) {
-    super("ea-cell-mouse-leave", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Tt extends Event {
-  constructor(r) {
-    super("ea-cell-dblclick", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Rt extends Event {
-  constructor(r) {
-    super("ea-row-dblclick", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class qt extends Event {
-  constructor(r) {
-    super("ea-row-contextmenu", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Dt extends Event {
-  constructor(r) {
-    super("ea-cell-contextmenu", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class $t extends Event {
-  constructor(r) {
-    super("ea-header-contextmenu", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Mt extends Event {
-  constructor(r) {
-    super("ea-header-click", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class Nt extends Event {
-  constructor(r) {
-    super("ea-template-cell-click", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-var f, T, w, H, I, F, g, k, h, B, K, $, P, W, j, U, M, z, L, G, J, O, Q, V, X, Y, Z, tt, et;
-class Ht extends rt {
+var ht = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, d = (t, e, a, s) => {
+  for (var o = s > 1 ? void 0 : s ? dt(e, a) : e, n = t.length - 1, i; n >= 0; n--)
+    (i = t[n]) && (o = (s ? i(e, a, o) : i(o)) || o);
+  return s && o && ht(e, a, o), o;
+};
+const P = "ea-table", x = M(P);
+let c = class extends k {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    p(this, f);
-    /** @type {HTMLElement} */
-    p(this, T);
-    /** @type {HTMLElement} */
-    p(this, w);
-    /** @type {HTMLElement} */
-    p(this, H);
-    /** @type {HTMLSlotElement} */
-    p(this, I);
-    /** @type {HTMLElement} */
-    p(this, F);
-    /** @type {AbortController} */
-    p(this, g);
-    p(this, k, {
-      /** @type {AbortController | null} */
-      selectionChangeAbortController: null,
-      /** @type {AbortController | null} */
-      selectAbortController: null
-    });
-    p(this, h, {
+    super(...arguments), this.stripe = !1, this.border = !1, this.height = "", this.maxHeight = "", this.highlightCurrentRow = !1, this.showSummary = !1, this.data = [], this.selectable = null, this.indexMethod = null, this.summaryMethod = null, this._selectAbortController = null, this._mountPromise = new Promise((t) => {
+      this._mountResolve = t;
+    }), this._isSettingData = !1, this._states = {
       isDataRendered: !1,
       currentRow: {
         target: null,
         value: {}
       },
-      /** @type {import("../ea-table-column/index.js").TableColumnCtx[]} */
       columns: [],
       originData: [],
       dataSource: /* @__PURE__ */ new WeakMap(),
-      dataIndex: /* @__PURE__ */ new WeakMap()
-    });
-    x(this, "state", this.properties({
-      stripe: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      border: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      height: {
-        type: String,
-        default: null,
-        observer: (t) => {
-          this.style.setProperty("--ea-table-height", t), this.updateContainerClasslist();
-        }
-      },
-      "max-height": {
-        type: String,
-        default: null,
-        observer: (t) => {
-          this.style.setProperty("--ea-table-max-height", t), this.updateContainerClasslist();
-        }
-      },
-      "highlight-current-row": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-        }
-      },
-      "show-summary": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-        }
-      }
-    }));
-    x(this, "propStates", this.properties({
-      data: {
-        props: !0,
-        type: Array,
-        default: () => e(this, h).originData,
-        observer: (t) => {
-          e(this, h).originData = t, this.setData(t);
-        }
-      }
-    }));
-    x(this, "funcStates", this.properties({
-      selectable: {
-        props: !0,
-        type: Function,
-        rawFunction: !0,
-        default: null
-      },
-      indexMethod: {
-        props: !0,
-        type: Function,
-        rawFunction: !0,
-        default: () => (t) => t
-      },
-      summaryMethod: {
-        props: !0,
-        type: Function,
-        rawFunction: !0,
-        default: () => (
-          /** @param {{columns: ColumnOption, data: any[]}} param */
-          (t) => {
-            const { columns: s, data: n } = t, l = [];
-            return s.forEach((i, c) => {
-              if (c === 0) {
-                l[c] = "Sum";
-                return;
-              }
-              const u = n.map((a) => Number(a[i.prop]));
-              u.every((a) => Number.isNaN(a)) ? l[c] = "" : l[c] = u.reduce((a, b) => {
-                const m = Number(b);
-                return Number.isNaN(m) ? a : a + b;
-              }, 0);
-            }), l;
-          }
-        )
-      }
-    }));
-    /**
-     * 渲染表格的基本结构
-     */
-    p(this, B, () => {
-      const t = [...this.querySelectorAll("ea-table-column")].map(
-        (a) => a.getColumnTree
-      );
-      e(this, h).columns = t;
-      const s = Et(t), n = _t(t), l = yt(t), i = this.shadowRoot.querySelector(".ea-table__colgroup"), c = this.shadowRoot.querySelector(".ea-table__thead"), u = this.shadowRoot.querySelector(".ea-table__tfoot");
-      i && (i.innerHTML = s), c && (c.innerHTML = n), u && (u.innerHTML = l);
-    });
-    /**
-     * 初始化带有筛选的列
-     */
-    p(this, K, () => {
-      if (![
-        ...e(this, f).querySelectorAll(".ea-table__th.is-sortable")
-      ].length) return;
-      const s = (n) => {
-        const l = n.target.closest(".is-sortable");
-        if (!l) return;
-        const { prop: i, order: c } = l.dataset;
-        if (!i) return;
-        const u = c === "asc" ? "desc" : "asc", a = {
-          asc: l.querySelector('[part="asc-icon"]'),
-          desc: l.querySelector('[part="desc-icon"]')
-        };
-        l.setAttribute("data-order", u), l.querySelectorAll(".ea-table__sort-icon").forEach((b) => {
-          b.classList.toggle("is-active", a[u] === b);
-        }), this.sort(i, u);
-      };
-      e(this, T).addEventListener("click", s, {
-        signal: e(this, g).signal
-      });
-    });
-    /**
-     * @param {any[]} dataSource
-     */
-    x(this, "setData", async (t) => {
-      var u;
-      await customElements.whenDefined("ea-table"), await customElements.whenDefined("ea-table-column"), e(this, h).columns.length === 0 && (e(this, B).call(this), e(this, K).call(this));
-      const s = document.createDocumentFragment(), n = document.createElement("tr");
-      n.part = "tbody-tr", n.className = "ea-table__tr";
-      const l = e(this, h).columns.filter(
-        (a) => !a.template || a.template instanceof HTMLTemplateElement
-      ), i = l.some((a) => a.type === "selection"), c = {
-        selection: () => this.html(
-          E.EaElement.h(
-            "ea-checkbox",
-            "ea-table__selection",
-            {
-              "data-type": "selection"
-            },
-            null
-          )
+      dataIndex: /* @__PURE__ */ new WeakMap(),
+      rowStyleHandler: null
+    }, this.setData = async (t) => {
+      var i, l;
+      if (this._isSettingData) return;
+      this._isSettingData = !0, await customElements.whenDefined("ea-table"), await customElements.whenDefined("ea-table-column"), await this._mountPromise, this._states.columns.length === 0 && this._handleTableStructRender(), this.__prop_data = t;
+      const e = document.createDocumentFragment(), a = document.createElement("tr");
+      (i = a.part) == null || i.add("tbody-tr"), a.className = "ea-table__tr";
+      const s = this._states.columns.filter(
+        (r) => !r.template || r.template instanceof HTMLTemplateElement
+      ), o = this._thead.querySelectorAll("tr").length, n = {
+        selection: () => S(
+          '<ea-checkbox class="ea-table__selection" data-type="selection"></ea-checkbox>'
         ),
-        index: () => this.html(
-          E.EaElement.h(
-            "span",
-            "ea-table__index",
-            {
-              "data-type": "index"
-            },
-            null
-          )
-        )
+        index: () => S('<span class="ea-table__index" data-type="index"></span>')
       };
-      for (const a in e(this, k))
-        (u = e(this, k)[a]) == null || u.abort(), e(this, k)[a] = new AbortController();
-      if (e(this, h).isDataRendered = !1, e(this, w).innerHTML = "", e(this, h).dataSource = /* @__PURE__ */ new WeakMap(), e(this, h).originData = t, l.forEach((a) => {
-        var A;
-        const b = n, { template: m } = a, d = document.createElement("td");
-        d.part = "tbody-td", d.className = "ea-table__td";
-        const v = a.fixed && a.fixed !== "false";
-        if (d.classList.toggle("is-fixed", v), d.classList.toggle(`fixed-${a.fixed}`, v), d.classList.toggle(
-          `ea-table__cell--align-${a.align}`,
-          a.align
-        ), a.width && d.style.setProperty("--ea-table-cell-width", a.width), m) {
-          const D = m.content.cloneNode(!0);
-          D.querySelectorAll("*").forEach((nt) => {
-            nt.setAttribute("data-template-cell", "");
-          }), d.appendChild(D);
-        } else a.type ? d.innerHTML = (A = c[a.type]) == null ? void 0 : A.call(c) : d.setAttribute("data-scope", a.prop);
-        b.appendChild(d);
-      }), t.forEach((a, b) => {
-        const m = n.cloneNode(!0);
-        if (m.setAttribute("data-index", b), typeof this.selectable == "function") {
-          const d = !this.selectable(a);
-          m.querySelector(
+      if ((l = this._selectAbortController) == null || l.abort(), this._selectAbortController = new AbortController(), this._states.isDataRendered = !1, this._tbody.innerHTML = "", this._states.dataSource = /* @__PURE__ */ new WeakMap(), this._states.originData = t, s.forEach((r, p) => {
+        var w, T;
+        const h = a, { template: b } = r, u = document.createElement("td");
+        (w = u.part) == null || w.add("tbody-td"), u.className = "ea-table__td", u.setAttribute("role", "cell"), u.setAttribute("aria-colindex", String(p + 1));
+        const E = r.fixed && r.fixed !== "false";
+        if (u.classList.toggle("is-fixed", !!E), u.classList.toggle(`fixed-${r.fixed}`, !!E), u.classList.toggle(
+          `ea-table__cell--align-${r.align}`,
+          !!r.align
+        ), r.width && u.style.setProperty("--ea-table-cell-width", r.width), b) {
+          const R = b.content.cloneNode(!0);
+          R.querySelectorAll("*").forEach((q) => {
+            q.setAttribute("data-template-cell", "");
+          }), u.appendChild(R);
+        } else r.type ? u.innerHTML = ((T = n[r.type]) == null ? void 0 : T.call(n)) || "" : u.setAttribute("data-scope", r.prop || "");
+        h.appendChild(u);
+      }), t.forEach((r, p) => {
+        const h = a.cloneNode(!0);
+        if (h.setAttribute("data-index", String(p)), h.setAttribute("aria-rowindex", String(p + o + 1)), typeof this.selectable == "function") {
+          const b = !this.selectable(r), u = h.querySelector(
             'ea-checkbox[data-type="selection"]'
-          ).toggleAttribute("disabled", d);
+          );
+          u && u.toggleAttribute("disabled", b);
         }
-        if (l.some((d) => d.type === "index") && typeof this.indexMethod == "function") {
-          const d = m.querySelector(".ea-table__index");
-          d.textContent = this.indexMethod(b);
+        if (s.some((b) => b.type === "index") && typeof this.indexMethod == "function") {
+          const b = h.querySelector(".ea-table__index");
+          b && (b.textContent = String(this.indexMethod(p)));
         }
-        m.querySelectorAll("[data-scope]").forEach((d) => {
-          const v = d.getAttribute("data-scope"), A = l.find((D) => D.prop === v);
-          A ? d.textContent = a[A.prop] : v in a && (d.textContent = a[v]);
-        }), s.appendChild(m), e(this, h).dataSource.set(m, a), a && typeof a == "object" && e(this, h).dataIndex.set(a, m);
-      }), this["show-summary"] && typeof this.summaryMethod == "function") {
-        const a = e(this, H).querySelectorAll(
+        h.querySelectorAll("[data-scope]").forEach((b) => {
+          const u = b.getAttribute("data-scope"), E = s.find((w) => w.prop === u);
+          E ? b.textContent = String(
+            r[E.prop] ?? ""
+          ) : u && u in r && (b.textContent = String(
+            r[u] ?? ""
+          ));
+        }), e.appendChild(h), this._states.dataSource.set(h, r), r && typeof r == "object" && this._states.dataIndex.set(r, h);
+      }), this.showSummary) {
+        const r = this._tfoot.querySelectorAll(
           ".ea-table__td[data-scope]"
-        ), b = this.summaryMethod({ columns: l, data: t });
-        a.forEach((m, d) => {
-          m.textContent = b[d];
+        ), h = (typeof this.summaryMethod == "function" ? this.summaryMethod : this._defaultSummaryMethod)({ columns: s, data: t });
+        r.forEach((b, u) => {
+          b.textContent = String(h[u] ?? "");
         });
       }
-      e(this, w).appendChild(s), i && e(this, f).addEventListener("change", e(this, et), {
-        signal: e(this, g).signal
-      }), e(this, W).call(this), e(this, O).call(this), this.updateContainerClasslist(), e(this, h).isDataRendered = !0, this.emit("ea-table-data-rendered");
-    });
-    /**
-     * 排序
-     * @param {string} prop
-     * @param {"asc" | "desc"} order
-     */
-    x(this, "sort", (t, s = "asc") => {
-      const n = document.createDocumentFragment(), l = e(this, w).nextElementSibling;
-      n.appendChild(e(this, w)), [...n.querySelectorAll("tr")].sort((c, u) => {
-        const a = e(this, h).dataSource.get(c), b = e(this, h).dataSource.get(u);
-        return s === "asc" ? String(a[t]).localeCompare(b[t]) : String(b[t]).localeCompare(a[t]);
-      }).forEach((c) => {
-        e(this, w).appendChild(c);
-      }), e(this, f).insertBefore(n, l), this.dispatchEvent(
-        new kt({
+      this._tbody.appendChild(e), this._handleFixedColumn(), this._handleScroll(), this._container.setAttribute("aria-rowcount", String(t.length + o)), this._container.setAttribute("aria-colcount", String(s.length)), this.updateContainerClasslist(), this._states.isDataRendered = !0, this._applyRowStylePart(), this.emit("ea-table-data-rendered"), this._isSettingData = !1;
+    }, this.sort = (t, e = "asc") => {
+      const a = this._tbody, s = document.createDocumentFragment(), o = a.nextElementSibling;
+      s.appendChild(a), [...s.querySelectorAll("tr")].sort((i, l) => {
+        const r = this._states.dataSource.get(i), p = this._states.dataSource.get(l);
+        return e === "asc" ? String(r[t]).localeCompare(String(p[t])) : String(p[t]).localeCompare(String(r[t]));
+      }).forEach((i) => {
+        a.appendChild(i);
+      }), this._container.insertBefore(s, o), this.dispatchEvent(
+        new Z({
           prop: t,
-          order: s
+          order: e
         })
       );
-    });
-    /**
-     * 设置行样式
-     * @param {Function | String} handler
-     */
-    x(this, "setRowStylePart", async (t) => {
-      e(this, h).isDataRendered || await E.EaElement.addAsyncEventListener(
-        this,
-        "ea-table-data-rendered",
-        !0
-      );
-      const s = [...e(this, w).querySelectorAll("tr")];
-      if (typeof t == "function")
-        s.forEach((n, l) => {
-          const i = t({
-            row: e(this, h).dataSource.get(n),
-            rowIndex: l
-          });
-          i && n.part.add(i);
-        });
-      else if (typeof t == "string") {
-        if (!t) return;
-        s.forEach((n) => {
-          n.part.add(t);
-        });
-      }
-    });
-    /**
-     * 设置当前行是否被选中
-     * @param {any} row
-     * @param {Boolean} selected
-     * @param {boolean} [ignoreSelectable]
-     */
-    x(this, "toggleRowSelection", (t, s, n = !0) => {
-      if (!e(this, h).columns.some(
-        (a) => a.type === "selection"
+    }, this.setRowStylePart = (t) => {
+      this._states.rowStyleHandler = t, this._states.isDataRendered && this._applyRowStylePart();
+    }, this.toggleRowSelection = (t, e, a = !0) => {
+      if (!this._states.columns.some(
+        (l) => l.type === "selection"
       )) return;
-      const i = e(this, h).dataIndex.get(t);
-      if (!i) return;
-      const c = `ea-checkbox[data-type="selection"]${n ? "" : ":not([disabled])"}`, u = i.querySelector(c);
-      u && (s ? u.toggleAttribute("checked", s) : u.toggleAttribute("checked", !u.checked), e(this, P).call(this), e(this, M).call(this));
-    });
-    /**
-     * 清空选择
-     */
-    x(this, "clearSelection", () => {
+      const o = this._states.dataIndex.get(t);
+      if (!o) return;
+      const n = `ea-checkbox[data-type="selection"]${a ? "" : ":not([disabled])"}`, i = o.querySelector(n);
+      i && (e !== void 0 ? i.toggleAttribute("checked", e) : i.toggleAttribute("checked", !i.hasAttribute("checked")), this._handleSelectionUpdate(), this._dispatchSelectionChangeEvent());
+    }, this.clearSelection = () => {
       [
-        ...e(this, f).querySelectorAll('ea-checkbox[data-type="selection"]')
-      ].forEach((s) => {
-        s.removeAttribute("checked"), s.removeAttribute("indeterminate");
-      }), e(this, M).call(this);
-    });
-    /**
-     * 获取当前选中的行
-     * @returns {any[]}
-     */
-    p(this, $, () => [
-      ...e(this, w).querySelectorAll(
-        'ea-checkbox[data-type="selection"][checked]'
-      )
-    ].map(
-      (t) => e(this, h).dataSource.get(t.closest('.ea-table__tr[part="tbody-tr"]'))
-    ));
-    /**
-     * 更新选中状态
-     */
-    p(this, P, () => {
-      const t = e(this, T).querySelector(
-        'ea-checkbox[data-type="selection"]'
-      ), s = [
-        ...e(this, w).querySelectorAll(
-          'ea-checkbox[data-type="selection"]:not([disabled])'
-        )
-      ].every((l) => l.hasAttribute("checked")), n = [
-        ...e(this, w).querySelectorAll('ea-checkbox[data-type="selection"]')
-      ].some((l) => l.hasAttribute("checked"));
-      s ? (t.toggleAttribute("checked", !0), t.removeAttribute("indeterminate")) : n ? (t.removeAttribute("checked"), t.toggleAttribute("indeterminate", !0)) : (t.removeAttribute("checked"), t.removeAttribute("indeterminate"));
-    });
-    /**
-     * 处理固定列的位置和阴影（box-shadow）
-     */
-    p(this, W, () => {
-      const t = [...e(this, f).querySelectorAll(".is-fixed")], s = t.filter(
-        (a) => a.classList.contains("fixed-left")
-      ), n = t.filter(
-        (a) => a.classList.contains("fixed-right")
-      ), l = (a) => {
-        const b = a.filter((d) => d.part.contains("thead-th"));
-        if (b.length <= 1) return [a];
-        const m = [];
-        for (let d = 0; d < a.length; d += b.length)
-          m.push(a.slice(d, d + b.length));
-        return m.reduce((d, v) => (v.forEach((A, D) => {
-          d[D] = [...d[D], A];
-        }), d), Array(b.length).fill([]));
-      }, i = (a) => {
-        if (!a.length) return;
-        const b = a.slice(-1)[0];
-        a.forEach((m, d) => {
-          const v = a[d - 1] || [];
-          m.forEach((A) => {
-            b && v[0] && A.style.setProperty(
-              "--ea-table-fixed-x",
-              `${d * v[0].offsetWidth}px`
-            );
-          });
-        }), b.forEach((m) => {
-          m.classList.add("is-last");
-        });
-      }, [c, u] = [
-        l(s),
-        l(n).reverse()
-      ];
-      i(c), i(u);
-    });
-    /**
-     * 设置高亮当前行样式
-     * @param {HTMLTableRowElement} currentRow
-     * @param {HTMLTableRowElement} [oldRow]
-     */
-    p(this, j, (t, s = e(this, h).currentRow.target) => {
-      var n, l;
-      this["highlight-current-row"] && ((n = s == null ? void 0 : s.classList) == null || n.remove("is-current"), (l = t == null ? void 0 : t.classList) == null || l.add("is-current"));
-    });
-    /**
-     * 取消高亮当前行样式
-     * @param {HTMLTableRowElement} currentRow
-     */
-    p(this, U, (t) => {
-      var s;
-      !this["highlight-current-row"] || !t || (s = t == null ? void 0 : t.classList) == null || s.remove("is-current");
-    });
-    /**
-     * 派发选择改变事件
-     */
-    p(this, M, () => {
-      const t = e(this, $).call(this);
-      this.dispatchEvent(
-        new gt({
-          newSelection: t
-        })
-      );
-    });
-    /**
-     * 点击事件: 行点击, 单元格点击
-     * @param {MouseEvent} e
-     */
-    p(this, z, (t) => {
-      var i;
-      const s = t.target.closest("tr[part='tbody-tr']");
-      if ((i = e(this, k).selectAbortController) == null || i.abort(), !s) return;
-      const n = () => {
-        var c;
-        (c = e(this, k).selectAbortController) == null || c.abort();
-      }, l = (c) => {
-        const u = c.target.closest("tr[part='tbody-tr']"), a = c.target.closest("td[part='tbody-td']");
-        if (n(), u !== s) return;
-        const b = e(this, h).dataSource.get(s), m = a == null ? void 0 : a.getAttribute("data-scope");
-        if (e(this, j).call(this, s, e(this, h).currentRow.target), e(this, h).currentRow.target = s, e(this, h).currentRow.value = b, this.dispatchEvent(
-          new bt({
-            target: s,
-            column: m,
-            row: b
-          })
-        ), this.dispatchEvent(
-          new pt({
-            target: s,
-            column: m,
-            row: b
-          })
-        ), a) {
-          this.dispatchEvent(
-            new ut({
-              cell: a,
-              column: m,
-              row: b
-            })
-          );
-          const d = c.target.closest("[data-template-cell]");
-          if (d) {
-            const v = Number(s.getAttribute("data-index"));
-            this.dispatchEvent(
-              new Nt({
-                target: d,
-                rowData: b,
-                rowIndex: v,
-                originalEvent: c
-              })
-            );
-          }
-        }
-      };
-      e(this, k).selectAbortController = new AbortController(), this.addEventListener("mouseout", n, {
-        once: !0,
-        signal: e(this, k).selectAbortController.signal
-      }), e(this, f).addEventListener("mouseup", l, {
-        once: !0,
-        signal: e(this, k).selectAbortController.signal
-      });
-    });
-    /**
-     * 鼠标相关事件的共同处理逻辑
-     * @param {MouseEvent} e
-     * @param {'body' | 'head'} part
-     * @returns {{
-     *  cell: HTMLTableCellElement;
-     *  row: HTMLTableRowElement;
-     *  data: any;
-     *  columnKey: string;
-     * } | {
-     *  cell: HTMLTableCellElement;
-     *  columnKey: string;
-     * }}
-     */
-    p(this, L, (t, s) => {
-      const n = t.target.closest(`tr[part='t${s}-tr']`);
-      if (!n) return { cell: null, row: null, data: null, columnKey: null };
-      const l = s === "body" ? "td" : "th", i = t.target.closest(`${l}[part='t${s}-${l}']`), c = e(this, h).dataSource.get(n), u = i == null ? void 0 : i.getAttribute("data-scope");
-      return s === "body" ? {
-        cell: i,
-        row: n,
-        data: c,
-        columnKey: u
-      } : {
-        cell: i,
-        columnKey: u
-      };
-    });
-    /**
-     * 鼠标双击事件: 行双击, 单元格双击
-     * @param {MouseEvent} e
-     */
-    p(this, G, (t) => {
-      const { row: s, cell: n, data: l, columnKey: i } = e(this, L).call(this, t, "body");
-      s && (this.dispatchEvent(
-        new Rt({
-          target: s,
-          column: i,
-          row: l
-        })
-      ), this.dispatchEvent(
-        new Tt({
-          cell: n,
-          column: i,
-          row: l
-        })
-      ));
-    });
-    /**
-     * 鼠标右击事件: 行右击, 单元格右击
-     * @param {MouseEvent} e
-     */
-    p(this, J, (t) => {
-      const { row: s, cell: n, data: l, columnKey: i } = e(this, L).call(this, t, "body");
-      s && (this.dispatchEvent(
-        new qt({
-          target: s,
-          column: i,
-          row: l
-        })
-      ), this.dispatchEvent(
-        new Dt({
-          cell: n,
-          column: i,
-          row: l
-        })
-      ));
-    });
-    /**
-     * 滚动事件: 固定列样式
-     */
-    p(this, O, () => {
-      const t = [...e(this, f).querySelectorAll(".is-fixed")], { scrollLeft: s } = e(this, f), n = Math.floor(e(this, f).scrollWidth - e(this, f).offsetWidth) - 1;
-      s < n ? s ? t.forEach((l) => {
-        l.classList.add("not-origin-position");
-      }) : t.forEach((l) => {
-        l.classList.toggle(
-          "not-origin-position",
-          !l.classList.contains("fixed-left")
-        );
-      }) : t.forEach((l) => {
-        l.classList.toggle(
-          "not-origin-position",
-          !l.classList.contains("fixed-right")
-        );
-      });
-    });
-    /**
-     * 鼠标进入单元格事件
-     * @param {MouseEvent} e
-     */
-    p(this, Q, (t) => {
-      const { row: s, cell: n, data: l, columnKey: i } = e(this, L).call(this, t, "body");
-      s && this.dispatchEvent(
-        new At({
-          column: i,
-          row: l,
-          cell: n
-        })
-      );
-    });
-    /**
-     * 鼠标进入单元格事件
-     * @param {MouseEvent} e
-     */
-    p(this, V, (t) => {
-      const { row: s, cell: n, data: l, columnKey: i } = e(this, L).call(this, t, "body");
-      s && this.dispatchEvent(
-        new Lt({
-          column: i,
-          row: l,
-          cell: n
-        })
-      );
-    });
-    /**
-     * 鼠标点击单元格事件
-     * @param {MouseEvent} e
-     */
-    p(this, X, (t) => {
-      const { cell: s, columnKey: n } = e(this, L).call(this, t, "head");
-      s && this.dispatchEvent(
-        new Mt({
-          column: n,
-          cell: s
-        })
-      );
-    });
-    /**
-     * 表头鼠标右键事件
-     * @param {MouseEvent} e
-     */
-    p(this, Y, (t) => {
-      const { cell: s, columnKey: n } = e(this, L).call(this, t, "head");
-      s && this.dispatchEvent(
-        new $t({
-          column: n,
-          cell: s
-        })
-      );
-    });
-    /**
-     * 监听默认插槽变化
-     */
-    p(this, Z, () => {
-      this.$render(), e(this, h).originData.length > 0 && this.setData(e(this, h).originData);
-    });
-    /**
-     * 监听子元素变化
-     * @param {Event} e
-     */
-    p(this, tt, (t) => {
-      t.stopImmediatePropagation(), this.$render(), e(this, h).originData.length > 0 && this.setData(e(this, h).originData);
-    });
-    /**
-     * 当存在 selection 列时，checkbox 的改变事件
-     * @param {Event} e
-     */
-    p(this, et, (t) => {
-      if (t.target.getAttribute("data-type") !== "selection") return;
-      t.stopImmediatePropagation();
-      const { checked: s } = t.detail;
-      if (t.target.closest(".ea-table__thead")) {
-        const l = [
-          ...e(this, w).querySelectorAll('ea-checkbox[data-type="selection"]')
-        ];
-        t.target.toggleAttribute("checked", t.target.hasAttribute("checked")), l.forEach((c) => {
-          c.hasAttribute("disabled") || c.toggleAttribute("checked", s);
-        });
-        const i = e(this, $).call(this);
-        this.dispatchEvent(new mt({ selection: i }));
-      } else {
-        const l = e(this, $).call(this), i = e(this, h).dataSource.get(
-          t.target.closest('.ea-table__tr[part="tbody-tr"]')
-        );
-        e(this, P).call(this), this.dispatchEvent(
-          new ft({ selection: l, row: i })
-        );
+        ...this._container.querySelectorAll('ea-checkbox[data-type="selection"]')
+      ].forEach((e) => {
+        e.removeAttribute("checked"), e.removeAttribute("indeterminate");
+      }), this._dispatchSelectionChangeEvent();
+    };
+  }
+  _defaultSummaryMethod(t) {
+    const { columns: e, data: a } = t, s = [];
+    return e.forEach((o, n) => {
+      if (n === 0) {
+        s[n] = "Sum";
+        return;
       }
-      e(this, M).call(this);
-    });
-    this.stylesheet = ht, this.shadowRoot.innerHTML = this.html(`
+      const i = a.map(
+        (l) => Number(l[o.prop])
+      );
+      i.every((l) => Number.isNaN(l)) ? s[n] = "" : s[n] = i.reduce((l, r) => {
+        const p = Number(r);
+        return Number.isNaN(p) ? l : l + r;
+      }, 0);
+    }), s;
+  }
+  html() {
+    return `
       <slot id='defaultSlot' part='default-slot'></slot>
-      <table class='ea-table' part='container'>
+      <table class='ea-table' part='container' role='table' aria-label='Data Table' aria-rowcount='0' aria-colcount='0'>
         <colgroup class='ea-table__colgroup' part='colgroup'></colgroup>
         <thead class='ea-table__thead' part='thead'></thead>
         <tbody class='ea-table__tbody' part='tbody'></tbody>
         <tfoot class='ea-table__tfoot' part='tfoot'></tfoot>
       </table>
       <slot class="ea-table__empty" name="empty">No Data</slot>
-    `), C(this, f, this.shadowRoot.querySelector(".ea-table")), C(this, I, this.shadowRoot.querySelector("#defaultSlot")), C(this, T, this.shadowRoot.querySelector(".ea-table__thead")), C(this, w, this.shadowRoot.querySelector(".ea-table__tbody")), C(this, H, this.shadowRoot.querySelector(".ea-table__tfoot")), C(this, F, this.shadowRoot.querySelector(".ea-table__empty"));
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "stripe",
-      "border",
-      "height",
-      "max-height",
-      "highlight-current-row",
-      "show-summary"
-    ];
+    `;
   }
-  /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
-   */
   updateContainerClasslist() {
-    const t = this.computedClasslist(
-      "ea-table",
+    const t = x(
       {},
       {
         stripe: this.stripe,
         border: this.border,
         "sticky-header": CSS.supports("height", this.height) || CSS.supports("height", this.maxHeight),
-        data: e(this, h).originData.length > 0
+        data: this._states.originData.length > 0
       }
     );
-    return e(this, f).className = t, e(this, F).className = this.computedClasslist(
-      "ea-table__empty",
-      {},
-      {
-        data: e(this, h).originData.length > 0
-      }
-    ), t;
+    return this._container.className = t, this._emptySlot.className = x.e("empty") + (this._states.originData.length > 0 ? " is-data" : ""), t;
   }
-  async $render() {
-    var t;
-    await customElements.whenDefined("ea-table-column"), (t = e(this, g)) == null || t.abort(), C(this, g, new AbortController()), e(this, B).call(this), e(this, K).call(this), this.addEventListener("ea-table-column-change", e(this, tt), {
-      signal: e(this, g).signal
-    }), e(this, f).addEventListener("mousedown", e(this, z), {
-      signal: e(this, g).signal
-    }), e(this, f).addEventListener("dblclick", e(this, G), {
-      signal: e(this, g).signal
-    }), e(this, f).addEventListener("contextmenu", e(this, J), {
-      signal: e(this, g).signal
-    }), e(this, T).addEventListener("click", e(this, X), {
-      signal: e(this, g).signal
-    }), e(this, T).addEventListener(
-      "contextmenu",
-      e(this, Y),
-      {
-        signal: e(this, g).signal
-      }
-    ), e(this, f).addEventListener("scroll", e(this, O), {
-      signal: e(this, g).signal
-    }), e(this, f).addEventListener("mouseover", e(this, Q), {
-      signal: e(this, g).signal
-    }), e(this, f).addEventListener("mouseout", e(this, V), {
-      signal: e(this, g).signal
+  /** 渲染表格结构（colgroup、thead、tfoot） */
+  _handleTableStructRender() {
+    const t = [...this._columnNodes].map(
+      (o) => o.getColumnTree
+    );
+    this._states.columns = t;
+    const e = st(t), a = ct(t), s = at(t);
+    this._colgroup.innerHTML = e, this._thead.innerHTML = a, this._tfoot.innerHTML = s;
+  }
+  $mount() {
+    this._mountResolve();
+  }
+  async $mounted() {
+    await customElements.whenDefined("ea-table-column"), this._handleTableStructRender();
+  }
+  /** 为行元素添加自定义样式 part */
+  _applyRowStylePart() {
+    const t = this._states.rowStyleHandler;
+    if (!t || !this._tbody) return;
+    const e = [
+      ...this._tbody.querySelectorAll("tr")
+    ];
+    if (typeof t == "function")
+      e.forEach((a, s) => {
+        var n;
+        const o = t({
+          row: this._states.dataSource.get(a),
+          rowIndex: s
+        });
+        o && ((n = a.part) == null || n.add(o));
+      });
+    else if (typeof t == "string") {
+      if (!t) return;
+      e.forEach((a) => {
+        var s;
+        (s = a.part) == null || s.add(t);
+      });
+    }
+  }
+  getCurrentRow() {
+    return this._states.currentRow;
+  }
+  setCurrentRow(t) {
+    let e = null, a = null;
+    t && typeof t == "object" && (e = this._states.dataIndex.get(t) || null, a = t), e && a ? (this._setHighlightCurrentRowStyle(e, this._states.currentRow.target), this._states.currentRow.target = e, this._states.currentRow.value = a) : (this._unsetHighlightCurrentRowStyle(this._states.currentRow.target), this._states.currentRow.value = null, this._states.currentRow.target = null);
+  }
+  /** 获取当前所有选中行的数据 */
+  _getCurrentSelectionRows() {
+    return [
+      ...this._tbody.querySelectorAll(
+        'ea-checkbox[data-type="selection"][checked]'
+      )
+    ].map(
+      (t) => this._states.dataSource.get(
+        t.closest('.ea-table__tr[part="tbody-tr"]')
+      )
+    );
+  }
+  /** 更新表头全选复选框的状态（选中、半选、未选）并同步行 aria-selected */
+  _handleSelectionUpdate() {
+    const t = this._thead.querySelector(
+      'ea-checkbox[data-type="selection"]'
+    );
+    if (!t) return;
+    const a = [
+      ...this._tbody.querySelectorAll(
+        'ea-checkbox[data-type="selection"]:not([disabled])'
+      )
+    ].every(
+      (o) => o.hasAttribute("checked")
+    ), s = [
+      ...this._tbody.querySelectorAll('ea-checkbox[data-type="selection"]')
+    ].some((o) => o.hasAttribute("checked"));
+    a ? (t.toggleAttribute("checked", !0), t.removeAttribute("indeterminate")) : s ? (t.removeAttribute("checked"), t.toggleAttribute("indeterminate", !0)) : (t.removeAttribute("checked"), t.removeAttribute("indeterminate")), this._tbody.querySelectorAll("tr[part='tbody-tr']").forEach((o) => {
+      const n = o.querySelector(
+        'ea-checkbox[data-type="selection"]'
+      );
+      n && o.setAttribute(
+        "aria-selected",
+        String(n.hasAttribute("checked"))
+      );
     });
   }
+  /** 处理固定列的样式计算和偏移量设置 */
+  _handleFixedColumn() {
+    const t = [
+      ...this._container.querySelectorAll(".is-fixed")
+    ], e = t.filter(
+      (l) => l.classList.contains("fixed-left")
+    ), a = t.filter(
+      (l) => l.classList.contains("fixed-right")
+    ), s = (l) => {
+      const r = l.filter((h) => {
+        var b;
+        return (b = h.part) == null ? void 0 : b.contains("thead-th");
+      });
+      if (r.length <= 1) return [l];
+      const p = [];
+      for (let h = 0; h < l.length; h += r.length)
+        p.push(l.slice(h, h + r.length));
+      return p.reduce(
+        (h, b) => (b.forEach((u, E) => {
+          h[E] = [...h[E] || [], u];
+        }), h),
+        Array(r.length).fill([])
+      );
+    }, o = (l) => {
+      if (!l.length) return;
+      const r = l.slice(-1)[0];
+      l.forEach((p, h) => {
+        const b = l[h - 1] || [];
+        p.forEach((u) => {
+          r && b[0] && u.style.setProperty(
+            "--ea-table-fixed-x",
+            `${h * b[0].offsetWidth}px`
+          );
+        });
+      }), r.forEach((p) => {
+        p.classList.add("is-last");
+      });
+    }, [n, i] = [
+      s(e),
+      s(a).reverse()
+    ];
+    o(n), o(i);
+  }
   /**
-   * 获取当前行数据
-   * @returns {Promise<Object>}
+   * 设置高亮当前行样式
+   * @param currentRow - 当前行元素
+   * @param oldRow - 之前高亮的行元素
    */
-  getCurrentRow() {
-    return e(this, h).currentRow;
+  _setHighlightCurrentRowStyle(t, e = this._states.currentRow.target) {
+    var a, s;
+    this.highlightCurrentRow && ((a = e == null ? void 0 : e.classList) == null || a.remove("is-current"), (s = t == null ? void 0 : t.classList) == null || s.add("is-current"));
   }
   /**
-   * 设置当前行数据
-   * @param {any} row 当前行数据
+   * 移除高亮当前行样式
+   * @param currentRow - 需要移除高亮的行元素
    */
-  setCurrentRow(t) {
-    let s = null, n = null;
-    t && typeof t == "object" && (s = e(this, h).dataIndex.get(t) || null, n = t), s && n ? (e(this, j).call(this, s, e(this, h).currentRow.target), e(this, h).currentRow.target = s, e(this, h).currentRow.value = n) : (e(this, U).call(this, e(this, h).currentRow.target), e(this, h).currentRow.value = null, e(this, h).currentRow.target = null);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = e(this, g)) == null || t.abort(), C(this, g, new AbortController()), this.$render(), e(this, I).addEventListener("slotchange", e(this, Z), {
-      signal: e(this, g).signal
-    });
+  _unsetHighlightCurrentRowStyle(t) {
+    var e;
+    !this.highlightCurrentRow || !t || (e = t == null ? void 0 : t.classList) == null || e.remove("is-current");
   }
-  $beforeUnmounted() {
-    var t;
-    (t = e(this, g)) == null || t.abort();
-    for (const s in e(this, h))
-      e(this, h)[s] = null;
+  /** 派发选中项变化事件 */
+  _dispatchSelectionChangeEvent() {
+    const t = this._getCurrentSelectionRows();
+    this.dispatchEvent(
+      new Y({
+        newSelection: t
+      })
+    );
   }
-}
-f = new WeakMap(), T = new WeakMap(), w = new WeakMap(), H = new WeakMap(), I = new WeakMap(), F = new WeakMap(), g = new WeakMap(), k = new WeakMap(), h = new WeakMap(), B = new WeakMap(), K = new WeakMap(), $ = new WeakMap(), P = new WeakMap(), W = new WeakMap(), j = new WeakMap(), U = new WeakMap(), M = new WeakMap(), z = new WeakMap(), L = new WeakMap(), G = new WeakMap(), J = new WeakMap(), O = new WeakMap(), Q = new WeakMap(), V = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap();
-window.customElements.get("ea-table") || window.customElements.define("ea-table", Ht);
-var R, q, N, st, y, _, lt;
-class It extends rt {
-  constructor() {
-    super();
-    p(this, y);
-    /** @type {HTMLSpanElement | null} */
-    p(this, R);
-    /** @type {MutationObserver | null} */
-    p(this, q, null);
-    x(this, "state", this.properties({
-      type: {
-        type: ["selection", "index"],
-        default: "",
-        /** @param {"selection" | "index"} newVal */
-        observer: (t) => {
-          t === "selection" && !customElements.get("ea-checkbox") && import("./ea-checkbox.js"), S(this, y, _).call(this);
-        }
-      },
-      align: {
-        type: ["left", "center", "right"],
-        default: "left",
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      },
-      label: {
-        type: String,
-        default: "",
-        observer: () => {
-          e(this, R) && (e(this, R).textContent = `${this.label}[$${this.prop}]`), S(this, y, _).call(this);
-        }
-      },
-      prop: {
-        type: String,
-        default: "",
-        observer: () => {
-          e(this, R) && (e(this, R).textContent = `${this.label}[$${this.prop}]`), S(this, y, _).call(this);
-        }
-      },
-      colspan: {
-        type: Number,
-        default: () => this.querySelectorAll("ea-table-column").length || 1,
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      },
-      width: {
-        type: String,
-        default: "",
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      },
-      sortable: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      },
-      fixed: {
-        type: ["left", "right", "false"],
-        default: () => {
-          if (!this.hasAttribute("fixed")) return "false";
-          const t = this.getAttribute("fixed");
-          return t === "false" || t === "null" ? "false" : t === "" ? "left" : t || "left";
-        },
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      }
-    }));
-    x(this, "propState", this.properties({
-      option: {
-        props: !0,
-        type: Object,
-        default: {},
-        observer: () => {
-          S(this, y, _).call(this);
-        }
-      }
-    }));
-    x(this, "funcStates", this.properties({
-      getColumnTree: {
-        props: !0,
-        type: Object,
-        /**
-         * @returns {TableColumnCtx}
-         */
-        default: () => {
-          const t = this.closest("ea-table"), s = [...this.querySelectorAll("& > ea-table-column")], n = this.shadowRoot.querySelector('slot[name="header"]'), l = this.shadowRoot.querySelector("#defaultSlot"), i = ["prop", "label", "width", "fixed", "sortable"];
-          let c = null;
-          if (s.length)
-            c = s.map((u) => u.getColumnTree);
-          else {
-            const u = Array.from(l.assignedElements() || []).map((a) => {
-              var b;
-              return (b = a.outerHTML) == null ? void 0 : b.trim();
-            }).join("");
-            if (u) {
-              const a = document.createElement("template");
-              a.innerHTML = this.html(u), c = a;
-            } else
-              c = null;
-          }
-          return {
-            label: this.label,
-            prop: this.prop,
-            type: this.type,
-            colspan: this.colspan,
-            rowspan: c ? 1 : e(this, st).call(this, t) - e(this, N).call(this, this, t) + 1,
-            align: this.align,
-            width: this.width,
-            sortable: this.sortable,
-            fixed: this.fixed,
-            depth: e(this, N).call(this, this, t),
-            props: [...this.attributes].filter(
-              (u) => !i.includes(u.name)
-            ),
-            header: n.assignedElements().map((u) => {
-              var a;
-              return (a = u.outerHTML) == null ? void 0 : a.trim();
-            }).join("") || null,
-            template: c
-          };
+  _handleRowMouseDown(t) {
+    var o;
+    const e = t.target.closest(
+      "tr[part='tbody-tr']"
+    );
+    if ((o = this._selectAbortController) == null || o.abort(), !e) return;
+    const a = () => {
+      var n;
+      (n = this._selectAbortController) == null || n.abort();
+    }, s = (n) => {
+      const i = n, l = i.target.closest(
+        "tr[part='tbody-tr']"
+      ), r = i.target.closest(
+        "td[part='tbody-td']"
+      );
+      if (a(), l !== e) return;
+      const p = this._states.dataSource.get(e), h = r == null ? void 0 : r.getAttribute("data-scope");
+      if (this._setHighlightCurrentRowStyle(e, this._states.currentRow.target), this._states.currentRow.target = e, this._states.currentRow.value = p, this.dispatchEvent(
+        new z({
+          target: e,
+          column: h || "",
+          row: p
+        })
+      ), this.dispatchEvent(
+        new K({
+          target: e,
+          column: h || "",
+          row: p
+        })
+      ), r) {
+        this.dispatchEvent(
+          new j({
+            cell: r,
+            column: h || "",
+            row: p
+          })
+        );
+        const b = i.target.closest(
+          "[data-template-cell]"
+        );
+        if (b) {
+          const u = Number(e.getAttribute("data-index"));
+          this.dispatchEvent(
+            new tt({
+              target: b,
+              rowData: p,
+              rowIndex: u,
+              originalEvent: i
+            })
+          );
         }
       }
-    }));
-    /**
-     * 获取当前组件的深度
-     * @param {EaTableColumn} el
-     * @param {import("../ea-table/index.js").EaTable} root
-     * @returns {number}
-     */
-    p(this, N, (t, s) => {
-      let n = 0;
-      for (; t !== s; )
-        t = t.parentElement, n++;
-      return n;
+    };
+    this._selectAbortController = new AbortController(), this.addEventListener("mouseout", a, {
+      once: !0,
+      signal: this._selectAbortController.signal
+    }), this._container.addEventListener("mouseup", s, {
+      once: !0,
+      signal: this._selectAbortController.signal
     });
-    /**
-     * 获取最大深度
-     * @param {import("../ea-table/index.js").EaTable} root
-     * @returns {number}
-     */
-    p(this, st, (t) => {
-      let s = 0;
-      return t.querySelectorAll("ea-table-column").forEach((n) => {
-        s = Math.max(s, e(this, N).call(this, n, t));
-      }), s;
+  }
+  /**
+   * 从鼠标事件中提取行、单元格、数据和列键信息
+   * @param e - 鼠标事件
+   * @param part - 表格区域类型
+   * @returns 包含 cell、row、data、columnKey 的对象
+   */
+  _getMouseEventData(t, e) {
+    const a = t.target.closest(
+      `tr[part='t${e}-tr']`
+    );
+    if (!a) return { cell: null, row: null, data: null, columnKey: null };
+    const s = e === "body" ? "td" : "th", o = t.target.closest(
+      `${s}[part='t${e}-${s}']`
+    ), n = this._states.dataSource.get(a), i = (o == null ? void 0 : o.getAttribute("data-scope")) || null;
+    return {
+      cell: o || null,
+      row: a,
+      data: n,
+      columnKey: i
+    };
+  }
+  _handleRowDblClick(t) {
+    const { row: e, cell: a, data: s, columnKey: o } = this._getMouseEventData(t, "body");
+    e && (this.dispatchEvent(
+      new J({
+        target: e,
+        column: o || "",
+        row: s
+      })
+    ), this.dispatchEvent(
+      new I({
+        cell: a,
+        column: o || "",
+        row: s
+      })
+    ));
+  }
+  _handleRowContextmenu(t) {
+    const { row: e, cell: a, data: s, columnKey: o } = this._getMouseEventData(t, "body");
+    e && (this.dispatchEvent(
+      new V({
+        target: e,
+        column: o || "",
+        row: s
+      })
+    ), this.dispatchEvent(
+      new F({
+        cell: a,
+        column: o || "",
+        row: s
+      })
+    ));
+  }
+  _handleScroll() {
+    const t = [
+      ...this._container.querySelectorAll(".is-fixed")
+    ], { scrollLeft: e } = this._container, a = Math.floor(this._container.scrollWidth - this._container.offsetWidth) - 1;
+    e < a ? e ? t.forEach((s) => {
+      s.classList.add("not-origin-position");
+    }) : t.forEach((s) => {
+      s.classList.toggle(
+        "not-origin-position",
+        !s.classList.contains("fixed-left")
+      );
+    }) : t.forEach((s) => {
+      s.classList.toggle(
+        "not-origin-position",
+        !s.classList.contains("fixed-right")
+      );
     });
-    this.stylesheet = dt, this.$render();
   }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "type",
-      "align",
-      "label",
-      "prop",
-      "colspan",
-      "width",
-      "sortable",
-      "fixed"
-    ];
+  _handleCellMouseEnter(t) {
+    const { row: e, cell: a, data: s, columnKey: o } = this._getMouseEventData(t, "body");
+    e && this.dispatchEvent(
+      new G({
+        column: o || "",
+        row: s,
+        cell: a
+      })
+    );
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
+  _handleCellMouseLeave(t) {
+    const { row: e, cell: a, data: s, columnKey: o } = this._getMouseEventData(t, "body");
+    e && this.dispatchEvent(
+      new B({
+        column: o || "",
+        row: s,
+        cell: a
+      })
+    );
+  }
+  _handleHeaderClick(t) {
+    const e = t.target.closest(
+      ".is-sortable"
+    );
+    if (e) {
+      const { prop: o, order: n } = e.dataset;
+      if (o) {
+        const i = n === "asc" ? "desc" : "asc", l = {
+          asc: e.querySelector('[part="asc-icon"]'),
+          desc: e.querySelector('[part="desc-icon"]')
+        };
+        e.setAttribute("data-order", i), e.setAttribute("aria-sort", i === "asc" ? "ascending" : "descending"), e.querySelectorAll(".ea-table__sort-icon").forEach((r) => {
+          r.classList.toggle("is-active", l[i] === r);
+        }), this._thead.querySelectorAll(".is-sortable").forEach((r) => {
+          r !== e && r.setAttribute("aria-sort", "none");
+        }), this.sort(o, i);
+      }
+    }
+    const { cell: a, columnKey: s } = this._getMouseEventData(t, "head");
+    a && this.dispatchEvent(
+      new U({
+        column: s || "",
+        cell: a
+      })
+    );
+  }
+  _handleHeaderContextmenu(t) {
+    const { cell: e, columnKey: a } = this._getMouseEventData(t, "head");
+    e && this.dispatchEvent(
+      new W({
+        column: a || "",
+        cell: e
+      })
+    );
+  }
+  _handleSlotChange() {
+    this._handleTableStructRender(), this._states.originData.length > 0 && this.setData(this._states.originData);
+  }
+  _handleColumnChange(t) {
+    t.stopImmediatePropagation(), this._handleTableStructRender(), this._states.originData.length > 0 && this.setData(this._states.originData);
+  }
+  _handleSelectionChange(t) {
+    const e = t.target;
+    if (e.getAttribute("data-type") !== "selection") return;
+    t.stopImmediatePropagation();
+    const a = t, { checked: s } = a.detail || {};
+    if (e.closest(".ea-table__thead")) {
+      const n = [
+        ...this._tbody.querySelectorAll('ea-checkbox[data-type="selection"]')
+      ];
+      e.toggleAttribute("checked", e.hasAttribute("checked")), n.forEach((l) => {
+        l.hasAttribute("disabled") || l.toggleAttribute("checked", s);
+      }), this._handleSelectionUpdate();
+      const i = this._getCurrentSelectionRows();
+      this.dispatchEvent(new Q({ selection: i }));
+    } else {
+      const n = this._getCurrentSelectionRows(), i = this._states.dataSource.get(
+        e.closest('.ea-table__tr[part="tbody-tr"]')
+      );
+      this._handleSelectionUpdate(), this.dispatchEvent(
+        new X({ selection: n, row: i })
+      );
+    }
+    this._dispatchSelectionChangeEvent();
+  }
+  $beforeUnmount() {
+    var t;
+    (t = this._selectAbortController) == null || t.abort();
+  }
+};
+d([
+  C(x.cb())
+], c.prototype, "_container", 2);
+d([
+  C(x.ce("thead"))
+], c.prototype, "_thead", 2);
+d([
+  C(x.ce("tbody"))
+], c.prototype, "_tbody", 2);
+d([
+  C(x.ce("tfoot"))
+], c.prototype, "_tfoot", 2);
+d([
+  C(x.ce("empty"))
+], c.prototype, "_emptySlot", 2);
+d([
+  C(x.ce("colgroup"))
+], c.prototype, "_colgroup", 2);
+d([
+  H("ea-table-column")
+], c.prototype, "_columnNodes", 2);
+d([
+  _({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], c.prototype, "stripe", 2);
+d([
+  _({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], c.prototype, "border", 2);
+d([
+  _({
+    type: String,
+    default: "",
+    observer(t) {
+      this.style.setProperty("--ea-table-height", t), this.updateContainerClasslist();
+    }
+  })
+], c.prototype, "height", 2);
+d([
+  _({
+    type: String,
+    default: "",
+    observer(t) {
+      this.style.setProperty("--ea-table-max-height", t), this.updateContainerClasslist();
+    }
+  })
+], c.prototype, "maxHeight", 2);
+d([
+  _({
+    type: Boolean,
+    default: !1
+  })
+], c.prototype, "highlightCurrentRow", 2);
+d([
+  _({
+    type: Boolean,
+    default: !1
+  })
+], c.prototype, "showSummary", 2);
+d([
+  v({
+    type: Array,
+    default: [],
+    observer(t) {
+      this._states.originData = t, this.setData(t);
+    }
+  })
+], c.prototype, "data", 2);
+d([
+  v({
+    type: Function,
+    default: null
+  })
+], c.prototype, "selectable", 2);
+d([
+  v({
+    type: Function,
+    default: () => (t) => t
+  })
+], c.prototype, "indexMethod", 2);
+d([
+  v({
+    type: Function,
+    default: null
+  })
+], c.prototype, "summaryMethod", 2);
+d([
+  g("mousedown", ".ea-table")
+], c.prototype, "_handleRowMouseDown", 1);
+d([
+  g("dblclick", ".ea-table")
+], c.prototype, "_handleRowDblClick", 1);
+d([
+  g("contextmenu", ".ea-table")
+], c.prototype, "_handleRowContextmenu", 1);
+d([
+  g("scroll", ".ea-table")
+], c.prototype, "_handleScroll", 1);
+d([
+  g("mouseover", ".ea-table")
+], c.prototype, "_handleCellMouseEnter", 1);
+d([
+  g("mouseout", ".ea-table")
+], c.prototype, "_handleCellMouseLeave", 1);
+d([
+  g("click", ".ea-table__thead")
+], c.prototype, "_handleHeaderClick", 1);
+d([
+  g("contextmenu", ".ea-table__thead")
+], c.prototype, "_handleHeaderContextmenu", 1);
+d([
+  g("slotchange", "#defaultSlot")
+], c.prototype, "_handleSlotChange", 1);
+d([
+  g("ea-table-column-change")
+], c.prototype, "_handleColumnChange", 1);
+d([
+  g("change", ".ea-table")
+], c.prototype, "_handleSelectionChange", 1);
+c = d([
+  $(P, { styles: [N] })
+], c);
+var ut = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, y = (t, e, a, s) => {
+  for (var o = s > 1 ? void 0 : s ? pt(e, a) : e, n = t.length - 1, i; n >= 0; n--)
+    (i = t[n]) && (o = (s ? i(e, a, o) : i(o)) || o);
+  return s && o && ut(e, a, o), o;
+};
+const L = "ea-table-column", bt = M(L);
+let m = class extends k {
+  constructor() {
+    super(...arguments), this._contentObserver = null, this.type = "", this.align = "left", this.label = "", this.prop = "", this.colspan = void 0, this.width = "", this.sortable = !1, this.fixed = "false", this.option = {};
+  }
+  get getColumnTree() {
+    const t = this.closest("ea-table"), e = [
+      ...this.querySelectorAll(":scope > ea-table-column")
+    ], a = this.shadowRoot.querySelector(
+      'slot[name="header"]'
+    ), s = this.shadowRoot.querySelector(
+      "#defaultSlot"
+    ), o = ["prop", "label", "width", "fixed", "sortable"];
+    let n = null;
+    if (e.length)
+      n = e.map((l) => l.getColumnTree);
+    else {
+      const l = Array.from((s == null ? void 0 : s.assignedElements()) || []).map((r) => {
+        var p;
+        return (p = r.outerHTML) == null ? void 0 : p.trim();
+      }).join("");
+      if (l) {
+        const r = document.createElement("template");
+        r.innerHTML = S(l), n = r;
+      } else
+        n = null;
+    }
+    const i = this.colspan ?? (this.querySelectorAll("ea-table-column").length || 1);
+    return {
+      label: this.label,
+      prop: this.prop,
+      type: this.type,
+      colspan: i,
+      rowspan: n ? 1 : this._getMaxDepth(t) - this._getThisDepth(this, t) + 1,
+      align: this.align,
+      width: this.width,
+      sortable: this.sortable,
+      fixed: this.fixed === "" ? "left" : this.fixed,
+      depth: this._getThisDepth(this, t),
+      props: [...this.attributes].filter((l) => !o.includes(l.name)),
+      header: (a == null ? void 0 : a.assignedElements().map((l) => {
+        var r;
+        return (r = l.outerHTML) == null ? void 0 : r.trim();
+      }).join("")) || null,
+      template: n
+    };
+  }
+  html() {
+    return `
       <div class='ea-table-column' part='container'>
         <header class='ea-table-column__label' part='label'>${this.label}[$${this.prop}]</header>
         <span class='ea-table-column__content' part='content'>
@@ -1101,37 +919,142 @@ class It extends rt {
           <slot id="defaultSlot" part="default-slot"></slot>
         </span>
       </div>
-    `, C(this, R, this.shadowRoot.querySelector(".ea-table-column__label"));
+    `;
   }
-  connectedCallback() {
-    super.connectedCallback(), S(this, y, lt).call(this);
+  /** 获取元素相对于根节点的深度 */
+  _getThisDepth(t, e) {
+    let a = 0, s = t;
+    for (; s !== e && s; )
+      s = s.parentElement, a++;
+    return a;
   }
-  $beforeUnmounted() {
-    e(this, q) && (e(this, q).disconnect(), C(this, q, null));
+  /** 获取表格列的最大深度 */
+  _getMaxDepth(t) {
+    let e = 0;
+    return t == null || t.querySelectorAll("ea-table-column").forEach((a) => {
+      e = Math.max(
+        e,
+        this._getThisDepth(a, t)
+      );
+    }), e;
+  }
+  /** 通知父组件列配置变更 */
+  _notifyParent() {
+    this.emit("ea-table-column-change", {
+      bubbles: !0,
+      composed: !0
+    });
+  }
+  /** 设置内容变更观察器 */
+  _setupContentObserver() {
+    this._contentObserver = new MutationObserver(() => {
+      this._notifyParent();
+    }), this._contentObserver.observe(this, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    });
+  }
+  $mount() {
+    this.shadowRoot.innerHTML = this.html();
+  }
+  $mounted() {
+    this._setupContentObserver();
+  }
+  $beforeUnmount() {
+    this._contentObserver && (this._contentObserver.disconnect(), this._contentObserver = null);
   }
-}
-R = new WeakMap(), q = new WeakMap(), N = new WeakMap(), st = new WeakMap(), y = new WeakSet(), /**
- * 通知父组件更新
- */
-_ = function() {
-  this.emit("ea-table-column-change", {
-    bubbles: !0,
-    composed: !0
-  });
-}, /**
- * 监听默认插槽变化
- */
-lt = function() {
-  C(this, q, new MutationObserver(() => {
-    S(this, y, _).call(this);
-  })), e(this, q).observe(this, {
-    childList: !0,
-    subtree: !0,
-    characterData: !0
-  });
 };
-window.customElements.get("ea-table-column") || window.customElements.define("ea-table-column", It);
+y([
+  C(bt.ce("label"))
+], m.prototype, "_label", 2);
+y([
+  _({
+    type: D(["selection", "index"]),
+    default: "",
+    observer(t) {
+      t === "selection" && !customElements.get("ea-checkbox") && import("./ea-checkbox.js"), this._notifyParent();
+    }
+  })
+], m.prototype, "type", 2);
+y([
+  _({
+    type: D(["left", "center", "right"]),
+    default: "left",
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "align", 2);
+y([
+  _({
+    type: String,
+    default: "",
+    observer() {
+      this._label && (this._label.textContent = `${this.label}[$${this.prop}]`), this._notifyParent();
+    }
+  })
+], m.prototype, "label", 2);
+y([
+  _({
+    type: String,
+    default: "",
+    observer() {
+      this._label && (this._label.textContent = `${this.label}[$${this.prop}]`), this._notifyParent();
+    }
+  })
+], m.prototype, "prop", 2);
+y([
+  _({
+    type: Number,
+    default: void 0,
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "colspan", 2);
+y([
+  _({
+    type: String,
+    default: "",
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "width", 2);
+y([
+  _({
+    type: Boolean,
+    default: !1,
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "sortable", 2);
+y([
+  _({
+    type: D(["left", "right", "false", ""]),
+    default: "false",
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "fixed", 2);
+y([
+  v({
+    type: Object,
+    default: {},
+    observer() {
+      this._notifyParent();
+    }
+  })
+], m.prototype, "option", 2);
+m = y([
+  $(L, { styles: [O] })
+], m);
+const wt = { EaTable: c, EaTableColumn: m };
 export {
-  Ht as EaTable,
-  It as EaTableColumn
+  c as EaTable,
+  m as EaTableColumn,
+  wt as default
 };