easy-component-ui 3.0.13 → 3.0.14

package/dist/components/ea-table.js

@@ -1,1135 +0,0 @@
-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 "./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;
-  }
-}
-class pt extends Event {
-  constructor(r) {
-    super("ea-current-change", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class bt extends Event {
-  constructor(r) {
-    super("ea-row-click", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class mt extends Event {
-  constructor(r) {
-    super("ea-select-all", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class ft extends Event {
-  constructor(r) {
-    super("ea-select", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-class gt extends Event {
-  constructor(r) {
-    super("ea-selection-change", { bubbles: !0, composed: !0 }), this.detail = r;
-  }
-}
-const Et = (o) => E.EaElement.h(
-  "colgroup",
-  "ea-table__colgroup",
-  {
-    part: "colgroup"
-  },
-  o.map(
-    (r) => E.EaElement.h("col", "ea-table__col", {
-      width: r.width,
-      part: "col"
-    })
-  )
-), yt = (o) => E.EaElement.h(
-  "tfoot",
-  "ea-table__tfoot",
-  {
-    part: "tfoot"
-  },
-  E.EaElement.h(
-    "tr",
-    "ea-table__tr",
-    {
-      part: "tfoot-tr"
-    },
-    o.map(
-      (r) => E.EaElement.h(
-        "td",
-        `ea-table__td ${r.fixed ? ` is-fixed fixed-${r.fixed}` : ""}`,
-        {
-          part: "tfoot-td",
-          "data-scope": r.prop
-        }
-      )
-    )
-  )
-), vt = (o) => E.EaElement.h("span", "ea-table__sort-wrapper", {}, [
-  E.EaElement.h("span", null, {}, o),
-  E.EaElement.h(
-    "span",
-    "ea-table__sort",
-    {},
-    [
-      E.EaElement.h("ea-icon", "ea-table__sort-icon", {
-        part: "asc-icon",
-        name: "angle-up",
-        size: "small"
-      }),
-      E.EaElement.h("ea-icon", "ea-table__sort-icon", {
-        part: "desc-icon",
-        name: "angle-down",
-        size: "small"
-      })
-    ].join("")
-  )
-]), wt = () => E.EaElement.h(
-  "ea-checkbox",
-  "ea-table__checkbox",
-  {
-    "data-type": "selection",
-    part: "checkbox"
-  },
-  null
-), xt = () => "", Ct = (o) => {
-  const r = (c) => c === "selection" ? wt() : c === "index" ? xt() : null, t = (c, u) => c ? vt(u) : 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(
-    "th",
-    `ea-table__th${o.fixed ? ` is-fixed fixed-${o.fixed}` : ""}${o.sortable ? " is-sortable" : ""}${o.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"
-    },
-    s
-  );
-}, St = (o) => o.map(
-  (r) => E.EaElement.h(
-    "tr",
-    "ea-table__tr is-thead",
-    {
-      part: "thead-tr"
-    },
-    r.map(Ct)
-  )
-), _t = (o) => {
-  const r = o.reduce((t, s) => (t[s.depth] || (t[s.depth] = []), t[s.depth].push(s), t), []);
-  return E.EaElement.h(
-    "thead",
-    "ea-table__thead",
-    {
-      part: "thead"
-    },
-    St(r)
-  );
-};
-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, D, P, W, j, U, $, z, L, G, J, O, Q, V, X, Y, Z, tt, et;
-class Ht extends rt {
-  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, {
-      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
-          )
-        ),
-        index: () => this.html(
-          E.EaElement.h(
-            "span",
-            "ea-table__index",
-            {
-              "data-type": "index"
-            },
-            null
-          )
-        )
-      };
-      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 v;
-        const b = n, { template: m } = a, d = document.createElement("td");
-        if (d.part = "tbody-td", d.className = "ea-table__td", d.classList.toggle("is-fixed", a.fixed), d.classList.toggle(`fixed-${a.fixed}`, a.fixed), d.classList.toggle(
-          `ea-table__cell--align-${a.align}`,
-          a.align
-        ), a.width && d.style.setProperty("--ea-table-cell-width", a.width), m) {
-          const A = m.content.cloneNode(!0);
-          A.querySelectorAll("*").forEach((nt) => {
-            nt.setAttribute("data-template-cell", "");
-          }), d.appendChild(A);
-        } else a.type ? d.innerHTML = (v = c[a.type]) == null ? void 0 : v.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(
-            'ea-checkbox[data-type="selection"]'
-          ).toggleAttribute("disabled", d);
-        }
-        if (l.some((d) => d.type === "index") && typeof this.indexMethod == "function") {
-          const d = m.querySelector(".ea-table__index");
-          d.textContent = this.indexMethod(b);
-        }
-        m.querySelectorAll("[data-scope]").forEach((d) => {
-          const v = d.getAttribute("data-scope"), A = l.find((N) => N.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(
-          ".ea-table__td[data-scope]"
-        ), b = this.summaryMethod({ columns: l, data: t });
-        a.forEach((m, d) => {
-          m.textContent = b[d];
-        });
-      }
-      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({
-          prop: t,
-          order: s
-        })
-      );
-    });
-    /**
-     * 设置行样式
-     * @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"
-      )) 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, $).call(this));
-    });
-    /**
-     * 清空选择
-     */
-    x(this, "clearSelection", () => {
-      [
-        ...e(this, f).querySelectorAll('ea-checkbox[data-type="selection"]')
-      ].forEach((s) => {
-        s.removeAttribute("checked"), s.removeAttribute("indeterminate");
-      }), e(this, $).call(this);
-    });
-    /**
-     * 获取当前选中的行
-     * @returns {any[]}
-     */
-    p(this, D, () => [
-      ...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, N) => {
-          d[N] = [...d[N], 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, $, () => {
-      const t = e(this, D).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, D).call(this);
-        this.dispatchEvent(new mt({ selection: i }));
-      } else {
-        const l = e(this, D).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 })
-        );
-      }
-      e(this, $).call(this);
-    });
-    this.stylesheet = ht, this.shadowRoot.innerHTML = this.html(`
-      <slot id='defaultSlot' part='default-slot'></slot>
-      <table class='ea-table' part='container'>
-        <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",
-      {},
-      {
-        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
-      }
-    );
-    return e(this, f).className = t, e(this, F).className = this.computedClasslist(
-      "ea-table__empty",
-      {},
-      {
-        data: e(this, h).originData.length > 0
-      }
-    ), 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
-    });
-  }
-  /**
-   * 获取当前行数据
-   * @returns {Promise<Object>}
-   */
-  getCurrentRow() {
-    return e(this, h).currentRow;
-  }
-  /**
-   * 设置当前行数据
-   * @param {any} row 当前行数据
-   */
-  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
-    });
-  }
-  $beforeUnmounted() {
-    var t;
-    (t = e(this, g)) == null || t.abort();
-    for (const s in e(this, h))
-      e(this, h)[s] = null;
-  }
-}
-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(), D = new WeakMap(), P = new WeakMap(), W = new WeakMap(), j = new WeakMap(), U = new WeakMap(), $ = 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, M, 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 null;
-          const t = this.getAttribute("fixed");
-          return t === "false" || t === "null" || 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, M).call(this, this, t) + 1,
-            align: this.align,
-            width: this.width,
-            sortable: this.sortable,
-            fixed: this.fixed,
-            depth: e(this, M).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
-          };
-        }
-      }
-    }));
-    /**
-     * 获取当前组件的深度
-     * @param {EaTableColumn} el
-     * @param {import("../ea-table/index.js").EaTable} root
-     * @returns {number}
-     */
-    p(this, M, (t, s) => {
-      let n = 0;
-      for (; t !== s; )
-        t = t.parentElement, n++;
-      return n;
-    });
-    /**
-     * 获取最大深度
-     * @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, M).call(this, n, t));
-      }), s;
-    });
-    this.stylesheet = dt, this.$render();
-  }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "type",
-      "align",
-      "label",
-      "prop",
-      "colspan",
-      "width",
-      "sortable",
-      "fixed"
-    ];
-  }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <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'>
-          <slot name="header"></slot>
-          <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);
-  }
-  $beforeUnmounted() {
-    e(this, q) && (e(this, q).disconnect(), C(this, q, null));
-  }
-}
-R = new WeakMap(), q = new WeakMap(), M = 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);
-export {
-  Ht as EaTable,
-  It as EaTableColumn
-};