bj-web-components 0.2.12 → 0.2.14

package/dist/web/Table/BTable.mjs

@@ -0,0 +1,612 @@
+import { jsxs as F, jsx as o } from "react/jsx-runtime";
+import { useRef as ne, useMemo as W, useState as x, useEffect as J, createElement as De, isValidElement as wt } from "react";
+import { createPortal as At } from "react-dom";
+import qt from "../Pagination/Pagination.mjs";
+import Ce from "../Icon/Icon.mjs";
+/* empty css                       */
+import Ht from "../Tooltip/ContentTooltip.mjs";
+import Wt from "../Tooltip/TooltipWrapper.mjs";
+import { BCheckBox as Ut } from "../CheckBox/index.mjs";
+import { BDropdown as $t } from "../Dropdown/BDropdown.mjs";
+import Gt from "../OverlayScrollbar/BOverlayScrollbar.mjs";
+import Jt from "../SkuInputCard/spin_loading_red.gif.mjs";
+import Qt from "../ProductField/no_data_light.png.mjs";
+import Zt from "./Column.mjs";
+import Xt from "./ColumnGroup.mjs";
+import { getColumnKey as C, filterRecords as et, sortRecords as tt, renderColumnTitle as rt, getNextSortOrder as Yt, getSorterResult as er } from "./utils/sortFilter.mjs";
+import { convertChildrenToColumns as tr, flattenColumns as rr, buildHeaderRows as ar } from "./utils/columns.mjs";
+/* empty css             */
+const lr = 300;
+function E(...u) {
+  return u.filter(Boolean).join(" ");
+}
+function sr(u, f) {
+  return f === void 0 ? void 0 : (Array.isArray(f) ? f : [f]).reduce((a, R) => {
+    if (!(a == null || typeof a != "object"))
+      return a[R];
+  }, u);
+}
+function U(u, f, p) {
+  if (typeof p == "function")
+    return p(u, f);
+  if (p) {
+    const a = u[String(p)];
+    if (typeof a == "string" || typeof a == "number")
+      return a;
+  }
+  return f;
+}
+function at(u, f) {
+  return Math.max(1, Math.ceil(u / f));
+}
+function ir(u) {
+  return !!(u && typeof u == "object" && !wt(u) && "props" in u);
+}
+function nr(u, f) {
+  return (typeof f.text == "string" || typeof f.text == "number" ? String(f.text) : String(f.value)).toLocaleLowerCase().includes(u.toLocaleLowerCase());
+}
+function lt({
+  checked: u,
+  disabled: f,
+  label: p,
+  name: a,
+  onChange: R,
+  type: $ = "checkbox"
+}) {
+  return $ === "checkbox" ? /* @__PURE__ */ o(
+    Ut,
+    {
+      "aria-label": p,
+      checked: u,
+      className: "bj-table__selection-checkbox",
+      disabled: f,
+      name: a,
+      onChange: R,
+      skipGroup: !0
+    }
+  ) : /* @__PURE__ */ F("label", { className: E("bj-table__selection-control", u && "bj-table__selection-control--checked", f && "bj-table__selection-control--disabled"), children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        "aria-label": p,
+        checked: u,
+        className: "bj-table__selection-input",
+        disabled: f,
+        name: a,
+        onChange: R,
+        type: $
+      }
+    ),
+    /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "bj-table__selection-box", children: u && /* @__PURE__ */ o(Ce, { className: "bj-table__selection-check-icon", type: "icon-a-dagouxi" }) })
+  ] });
+}
+function dr({
+  columns: u,
+  dataSource: f = [],
+  rowKey: p,
+  rowSelection: a,
+  pagination: R = !1,
+  loading: $ = !1,
+  bordered: it = !0,
+  size: nt = "middle",
+  showHeader: dt = !0,
+  emptyText: de,
+  emptyImage: oe = Qt,
+  emptyHeight: ot,
+  t: Q = (re) => re,
+  className: ct,
+  style: bt,
+  rowClassName: ce,
+  sortDirections: ft = ["ascend", "descend", null],
+  onChange: be,
+  children: ke,
+  title: Pe,
+  footer: Oe,
+  summary: Re,
+  tableLayout: Be,
+  components: j,
+  onRow: fe,
+  onHeaderRow: he,
+  id: ht,
+  scroll: c,
+  locale: G
+}) {
+  var Je, Qe, Ze;
+  const re = ne(null), Ee = ne(null), ae = W(
+    () => u ?? tr(ke),
+    [ke, u]
+  ), Z = W(() => rr(ae), [ae]), Me = W(() => ar(ae), [ae]), [ut, Ie] = x(
+    (a == null ? void 0 : a.defaultSelectedRowKeys) ?? []
+  ), [ue, le] = x(
+    R ? R.defaultCurrent ?? 1 : 1
+  ), [pt, _t] = x(
+    R ? R.defaultPageSize ?? 10 : 10
+  ), [gt, yt] = x(
+    () => new Map(Z.flatMap((e, t) => e.defaultSortOrder ? [[C(e, t), e.defaultSortOrder]] : []))
+  ), [jt, mt] = x(
+    () => new Map(Z.flatMap((e, t) => e.defaultFilteredValue === void 0 ? [] : [[C(e, t), e.defaultFilteredValue]]))
+  ), [M, q] = x(null), [ze, X] = x(/* @__PURE__ */ new Map()), [vt, se] = x(null), Nt = ne(`btable-${Math.random().toString(36).slice(2, 10)}`).current, [H, pe] = x(null), [_e, Te] = x(null), [ge, Ke] = x(""), [Y, Se] = x(""), [xt, ye] = x(), je = ne(0), l = R || void 0, K = (l == null ? void 0 : l.pageSize) ?? pt, k = (a == null ? void 0 : a.selectedRowKeys) ?? ut, m = Z, P = new Map(gt), B = new Map(jt);
+  m.forEach((e, t) => {
+    if ("children" in e) return;
+    const r = C(e, t);
+    e.sortOrder !== void 0 && P.set(r, e.sortOrder), e.filteredValue !== void 0 && B.set(r, e.filteredValue);
+  });
+  const Ve = W(
+    () => et(f, m, B),
+    [m, B, f]
+  ), S = W(
+    () => tt(Ve, m, P),
+    [m, Ve, P]
+  ), me = (l == null ? void 0 : l.total) ?? S.length, Le = at(me, K), I = Math.min((l == null ? void 0 : l.current) ?? ue, Le);
+  J(() => {
+    I !== ue && (l == null ? void 0 : l.current) === void 0 && le(I);
+  }, [I, l == null ? void 0 : l.current, ue]), J(() => {
+    if (!H || M === null) {
+      Te(null);
+      return;
+    }
+    const e = () => {
+      const t = H.getBoundingClientRect();
+      Te({ left: t.left, top: t.bottom + 8 });
+    };
+    return e(), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+      document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+    };
+  }, [H, M]), J(() => {
+    if (M === null) return;
+    const e = (t) => {
+      const r = t.target;
+      H != null && H.contains(r) || r.closest(".bj-table__filter-dropdown") || (q(null), pe(null));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [H, M]), J(() => {
+    const e = window.setTimeout(
+      () => Se(ge.trim()),
+      lr
+    );
+    return () => window.clearTimeout(e);
+  }, [ge]), J(() => {
+    if (M === null) return;
+    const e = Z.find((r, n) => C(r, n) === M);
+    if (!e || "children" in e || !e.filterRequest) return;
+    const t = ++je.current;
+    Promise.resolve().then(() => e.filterRequest(Y)).then(
+      (r) => {
+        je.current === t && ye(r);
+      },
+      () => {
+        je.current === t && ye([]);
+      }
+    );
+  }, [Y, Z, M]);
+  const V = W(() => {
+    if (!l)
+      return S.map((t, r) => ({ record: t, index: r }));
+    const e = (I - 1) * K;
+    return S.slice(e, e + K).map((t, r) => ({
+      record: t,
+      index: e + r
+    }));
+  }, [I, K, l, S]), we = W(
+    () => V.map(({ record: e, index: t }) => U(e, t, p)),
+    [p, V]
+  ), Ft = k.map(String).join("|"), Dt = we.map(String).join("|");
+  J(() => {
+    var d;
+    if (!a || k.length === 0) return;
+    const e = new Set(we), t = k.filter((b) => e.has(b));
+    if (t.length === k.length) return;
+    a.selectedRowKeys === void 0 && Ie(t);
+    const r = new Set(t), n = V.filter(({ record: b, index: s }) => r.has(U(b, s, p))).map(({ record: b }) => b);
+    (d = a.onChange) == null || d.call(a, t, n, { type: "multiple" });
+  }, [a, p, Ft, Dt, V]);
+  const ve = (e, t = P, r = B, n = I) => {
+    const d = Object.fromEntries(r), b = et(f, m, r), s = tt(b, m, t);
+    be == null || be(
+      { ...l, current: n, pageSize: K, total: (l == null ? void 0 : l.total) ?? s.length },
+      d,
+      er(m, t),
+      { action: e, currentDataSource: s }
+    );
+  }, Ct = (e, t) => {
+    if (!e.sorter) return;
+    const r = C(e, t), n = Yt(P.get(r) ?? null, e.sortDirections ?? ft), d = /* @__PURE__ */ new Map();
+    d.set(r, n), e.sortOrder === void 0 && yt(d), ve("sort", d);
+  }, Ne = (e, t, r) => {
+    const n = C(e, t), d = new Map(B);
+    d.set(n, r), e.filteredValue === void 0 && mt(d), q(null), (l == null ? void 0 : l.current) === void 0 && le(1), ve("filter", P, d, 1);
+  }, kt = (e, t) => {
+    const r = C(e, t), n = e.filterResetToDefaultFilteredValue ? e.defaultFilteredValue ?? [] : [];
+    X((d) => new Map(d).set(r, n));
+  }, ie = (e, t, r) => {
+    var d, b, s, N;
+    const n = C(e, t);
+    if (M === n) {
+      q(null), pe(null), (d = e.onFilterDropdownOpenChange) == null || d.call(e, !1), (b = e.onFilterDropdownVisibleChange) == null || b.call(e, !1);
+      return;
+    }
+    Ke(""), Se(""), ye(void 0), X((_) => new Map(_).set(n, B.get(n) ?? [])), q(n), r && pe(r), (s = e.onFilterDropdownOpenChange) == null || s.call(e, !0), (N = e.onFilterDropdownVisibleChange) == null || N.call(e, !0);
+  }, Pt = (e, t) => {
+    var A, Xe;
+    const r = C(e, t), n = `bj-table-badge-${Nt}-${String(r).replace(/[^a-zA-Z0-9_-]/g, "-")}`, d = P.get(r) ?? null, b = B.get(r) ?? [], s = ze.get(r) ?? b, N = e.filterDropdownOpen ?? e.filterDropdownVisible ?? M === r, _ = e.filtered || b.length > 0, h = d === "ascend" ? "icon-a-zhengxumian" : d === "descend" ? "icon-a-daoxumian" : "icon-a-weipaixumian", L = rt(e.title, {
+      sortOrder: d,
+      sortColumn: d ? e : void 0,
+      sortColumns: d ? [{ column: e, order: d }] : [],
+      filters: Object.fromEntries(B)
+    }), w = typeof e.filterDropdown == "function" ? e.filterDropdown({
+      prefixCls: "bj-table",
+      selectedKeys: s.filter((i) => typeof i != "boolean"),
+      setSelectedKeys: (i) => X((g) => new Map(g).set(r, i)),
+      confirm: (i) => {
+        Ne(e, t, ze.get(r) ?? s), (i == null ? void 0 : i.closeDropdown) === !1 && q(r);
+      },
+      clearFilters: (i) => {
+        const g = e.filterResetToDefaultFilteredValue ? e.defaultFilteredValue ?? [] : [];
+        X((D) => new Map(D).set(r, g)), (i == null ? void 0 : i.confirm) === !0 && Ne(e, t, g), ((i == null ? void 0 : i.closeDropdown) === !1 || (i == null ? void 0 : i.confirm) !== !0) && q(r);
+      },
+      filters: e.filters,
+      close: () => q(null),
+      visible: N
+    }) : e.filterDropdown, O = e.filterRequest ? xt ?? [] : e.filters ?? [], y = Y && !e.filterRequest ? O.filter((i) => typeof e.filterSearch == "function" ? e.filterSearch(Y, i) : nr(Y, i)) : O, T = !!(e.filterSearch || e.filterRequest), v = /* @__PURE__ */ F("div", { className: E("bj-table__column-header", e.sorter && "bj-table__column-header--sortable"), children: [
+      e.badge !== void 0 && /* @__PURE__ */ o(
+        "span",
+        {
+          "aria-label": "表头提示",
+          className: "bj-table__column-badge-trigger",
+          id: n,
+          onBlur: () => se(null),
+          onClick: (i) => i.stopPropagation(),
+          onFocus: () => se(r),
+          onKeyDown: (i) => i.stopPropagation(),
+          onMouseEnter: () => se(r),
+          onMouseLeave: () => se(null),
+          role: "button",
+          tabIndex: 0,
+          children: /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "bj-table__column-badge-shape" })
+        }
+      ),
+      /* @__PURE__ */ F("div", { className: "bj-table__column-title", children: [
+        /* @__PURE__ */ o("span", { className: "bj-table__column-title-content", children: L }),
+        e.sorter && /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "bj-table__column-sorter", children: /* @__PURE__ */ o(Ce, { className: "bj-table__column-sorter-icon", type: h }) })
+      ] }),
+      (e.filters || e.filterDropdown) && /* @__PURE__ */ F("div", { className: "bj-table__filter", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            "aria-expanded": N,
+            "aria-label": "筛选",
+            className: E("bj-table__filter-trigger", _ && "bj-table__filter-trigger--active"),
+            onClick: (i) => {
+              i.stopPropagation(), ie(e, t);
+            },
+            type: "button",
+            children: typeof e.filterIcon == "function" ? e.filterIcon(_) : e.filterIcon ?? /* @__PURE__ */ o(Ce, { className: "bj-table__filter-icon", type: "icon-a-shaixuanxi" })
+          }
+        ),
+        N && _e && typeof document < "u" && At(
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "bj-table__filter-dropdown",
+              onClick: (i) => i.stopPropagation(),
+              role: "dialog",
+              style: { left: _e.left, top: _e.top },
+              children: w ?? /* @__PURE__ */ o(
+                $t,
+                {
+                  ...e.filterDropdownProps,
+                  emptyText: (G == null ? void 0 : G.filterEmptyText) ?? Q("暂无筛选项"),
+                  multiple: e.filterMultiple !== !1,
+                  onChange: (i, g) => {
+                    var D, Ye;
+                    X((Lt) => new Map(Lt).set(r, i)), (Ye = (D = e.filterDropdownProps) == null ? void 0 : D.onChange) == null || Ye.call(D, i, g);
+                  },
+                  onConfirm: (i) => {
+                    var g, D;
+                    Ne(e, t, i), (D = (g = e.filterDropdownProps) == null ? void 0 : g.onConfirm) == null || D.call(g, i);
+                  },
+                  onReset: () => {
+                    var i, g;
+                    kt(e, t), (g = (i = e.filterDropdownProps) == null ? void 0 : i.onReset) == null || g.call(i);
+                  },
+                  onSearch: (i) => {
+                    var g, D;
+                    Ke(i), (D = (g = e.filterDropdownProps) == null ? void 0 : g.onSearch) == null || D.call(g, i);
+                  },
+                  options: y.map((i) => ({
+                    label: i.text,
+                    description: i.description,
+                    value: i.value
+                  })),
+                  searchable: ((A = e.filterDropdownProps) == null ? void 0 : A.searchable) ?? T,
+                  searchPlaceholder: ((Xe = e.filterDropdownProps) == null ? void 0 : Xe.searchPlaceholder) ?? (e.filterRequest ? Q("请输入搜索内容") : (G == null ? void 0 : G.filterSearchPlaceholder) ?? Q("搜索")),
+                  searchValue: ge,
+                  value: s
+                }
+              )
+            }
+          ),
+          document.body
+        )
+      ] })
+    ] });
+    return e.badge !== void 0 ? /* @__PURE__ */ F(
+      Wt,
+      {
+        className: "bj-table__column-tooltip-wrapper",
+        children: [
+          /* @__PURE__ */ o("div", { className: "bj-table__column-tooltip-trigger", children: v }),
+          vt === r && /* @__PURE__ */ o(
+            Ht,
+            {
+              className: "bj-table__column-tooltip",
+              content: e.badge,
+              getAnchorElement: () => document.getElementById(n),
+              getPopupContainer: () => document.body,
+              placement: "top"
+            }
+          )
+        ]
+      }
+    ) : v;
+  }, Ae = (e, t, r) => {
+    var b, s;
+    t.selectedRowKeys === void 0 && Ie(e);
+    const n = new Set(e), d = f.filter(
+      (N, _) => n.has(U(N, _, p))
+    );
+    (b = t.onChange) == null || b.call(t, e, d), r && ((s = t.onSelect) == null || s.call(
+      t,
+      r,
+      n.has(U(r, f.indexOf(r), p)),
+      d
+    ));
+  }, Ot = (e, t) => {
+    if (!a)
+      return;
+    const r = U(e, t, p), n = k.includes(r), d = a.type === "radio" ? n ? [] : [r] : n ? k.filter((b) => b !== r) : [...k, r];
+    Ae(d, a, e);
+  }, qe = V.filter(
+    ({ record: e }) => {
+      var t;
+      return !((t = a == null ? void 0 : a.getCheckboxProps) != null && t.call(a, e).disabled);
+    }
+  ), ee = qe.map(
+    ({ record: e, index: t }) => U(e, t, p)
+  ), xe = ee.length > 0 && ee.every((e) => k.includes(e)), Rt = () => {
+    var r;
+    if (!a || a.type === "radio")
+      return;
+    const e = new Set(ee), t = xe ? k.filter((n) => !e.has(n)) : Array.from(/* @__PURE__ */ new Set([...k, ...ee]));
+    Ae(t, a), new Set(t), (r = a.onSelectAll) == null || r.call(
+      a,
+      !xe,
+      qe.map(({ record: n }) => n)
+    );
+  }, Bt = (e) => {
+    var t;
+    !l || e < 1 || e > Le || e === I || (l.current === void 0 && le(e), (t = l.onChange) == null || t.call(l, e, K), ve("paginate", P, B, e));
+  }, Et = (e) => {
+    var r, n;
+    if (!l || e === K)
+      return;
+    const t = Math.min(I, at(me, e));
+    l.pageSize === void 0 && _t(e), l.current === void 0 && le(t), (r = l.onShowSizeChange) == null || r.call(l, t, e), (n = l.onChange) == null || n.call(l, t, e);
+  }, Mt = m.length + (a ? 1 : 0), te = (a == null ? void 0 : a.columnWidth) ?? 48, He = (e) => typeof e.width == "number" ? e.width : 0, We = (e, t) => {
+    const r = e.fixed === !0 ? "left" : e.fixed;
+    return r === "left" ? { position: "sticky", left: m.slice(0, t).reduce((d, b) => d + He(b), a && typeof te == "number" ? te : 0), zIndex: 2 } : r === "right" ? { position: "sticky", right: m.slice(t + 1).reduce((d, b) => d + He(b), 0), zIndex: 2 } : {};
+  }, It = c != null && c.x ? {
+    width: c.x === !0 ? "max-content" : c.x,
+    minWidth: "100%",
+    tableLayout: Be ?? "fixed"
+  } : { tableLayout: Be }, zt = (j == null ? void 0 : j.table) ?? "table", Tt = ((Je = j == null ? void 0 : j.header) == null ? void 0 : Je.wrapper) ?? "thead", Kt = ((Qe = j == null ? void 0 : j.header) == null ? void 0 : Qe.row) ?? "tr", Ue = ((Ze = j == null ? void 0 : j.header) == null ? void 0 : Ze.cell) ?? "th", z = typeof (j == null ? void 0 : j.body) == "object" ? j.body : void 0, St = (z == null ? void 0 : z.wrapper) ?? "tbody", $e = (z == null ? void 0 : z.row) ?? "tr", Fe = (z == null ? void 0 : z.cell) ?? "td", Vt = typeof de == "function" ? de() : de ?? Q("暂无数据"), Ge = typeof oe == "string" ? /* @__PURE__ */ o("img", { alt: "", className: "bj-table__empty-image", src: oe }) : oe;
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      id: ht,
+      ref: re,
+      className: E(
+        "bj-table",
+        it && "bj-table--bordered",
+        `bj-table--${nt}`,
+        $ && "bj-table--loading",
+        S.length === 0 && "bj-table--empty",
+        ct
+      ),
+      style: bt,
+      children: [
+        Pe && /* @__PURE__ */ o("div", { className: "bj-table__title", children: Pe(S) }),
+        /* @__PURE__ */ F("div", { className: "bj-table__viewport", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: E("bj-table__scroll", !!(c != null && c.x || c != null && c.y) && "bj-overlay-scrollbar-hidden"),
+              ref: Ee,
+              style: { maxHeight: c == null ? void 0 : c.y },
+              children: /* @__PURE__ */ F(zt, { className: "bj-table__native-table", style: It, children: [
+                m.some((e) => e.width) && /* @__PURE__ */ F("colgroup", { children: [
+                  a && /* @__PURE__ */ o("col", { className: "bj-table__selection-col", style: { width: te } }),
+                  m.map((e, t) => /* @__PURE__ */ o("col", { style: { width: e.width } }, e.key ?? t))
+                ] }),
+                dt && /* @__PURE__ */ o(Tt, { className: "bj-table__header", children: Me.map((e, t) => /* @__PURE__ */ F(Kt, { className: "bj-table__header-row", ...he == null ? void 0 : he(m, t), children: [
+                  a && t === 0 && /* @__PURE__ */ F(
+                    Ue,
+                    {
+                      className: E("bj-table__header-cell", "bj-table__selection-cell", !!(c != null && c.x) && "bj-table__selection-cell--fixed"),
+                      rowSpan: Me.length,
+                      scope: "col",
+                      style: { width: te },
+                      children: [
+                        a.type !== "radio" && /* @__PURE__ */ o(
+                          lt,
+                          {
+                            checked: xe,
+                            disabled: ee.length === 0,
+                            onChange: Rt,
+                            label: "选择当前页所有行"
+                          }
+                        ),
+                        a.columnTitle
+                      ]
+                    }
+                  ),
+                  e.map(({ column: r, colSpan: n, rowSpan: d }, b) => {
+                    var O;
+                    const s = r, N = m.indexOf(s), _ = N >= 0 ? N : b, h = !("children" in r) && !!(s.filters || s.filterDropdown), L = !("children" in r) && !!s.sorter, w = () => {
+                      h ? ie(s, _) : L && Ct(s, _);
+                    };
+                    return /* @__PURE__ */ De(
+                      Ue,
+                      {
+                        ...(O = s.onHeaderCell) == null ? void 0 : O.call(s, r, b),
+                        "aria-label": typeof s.title == "string" ? s.title : void 0,
+                        "aria-sort": L ? P.get(C(s, _)) === "ascend" ? "ascending" : P.get(C(s, _)) === "descend" ? "descending" : "none" : void 0,
+                        className: E(
+                          "bj-table__header-cell",
+                          s.fixed && "bj-table__cell--fixed",
+                          (s.fixed === "left" || s.fixed === !0) && "bj-table__cell--fixed-left",
+                          s.fixed === "right" && "bj-table__cell--fixed-right",
+                          s.sorter && "bj-table__header-cell--sortable",
+                          h && "bj-table__header-cell--filterable",
+                          P.get(C(s, _)) && "bj-table__header-cell--sorted",
+                          s.className
+                        ),
+                        colSpan: n,
+                        key: s.key ?? String(s.dataIndex ?? b),
+                        onClick: (y) => {
+                          var T, v, A;
+                          (A = (v = (T = s.onHeaderCell) == null ? void 0 : T.call(s, r, b)) == null ? void 0 : v.onClick) == null || A.call(v, y), !y.target.closest(".bj-table__filter-dropdown") && (h ? ie(s, _, y.currentTarget) : w());
+                        },
+                        onKeyDown: (y) => {
+                          var T, v, A;
+                          (A = (v = (T = s.onHeaderCell) == null ? void 0 : T.call(s, r, b)) == null ? void 0 : v.onKeyDown) == null || A.call(v, y), !y.target.closest(".bj-table__filter-dropdown") && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), h ? ie(s, _, y.currentTarget) : w());
+                        },
+                        rowSpan: d,
+                        scope: "col",
+                        style: { textAlign: s.align, ...We(s, _) },
+                        tabIndex: h || L ? 0 : void 0
+                      },
+                      "children" in r ? rt(r.title, { filters: Object.fromEntries(B) }) : Pt(s, _)
+                    );
+                  })
+                ] }, t)) }),
+                /* @__PURE__ */ o(St, { className: "bj-table__body", children: V.length > 0 ? V.map(({ record: e, index: t }) => {
+                  var s;
+                  const r = U(e, t, p), n = ((s = a == null ? void 0 : a.getCheckboxProps) == null ? void 0 : s.call(a, e).disabled) ?? !1, d = k.includes(r), b = typeof ce == "function" ? ce(e, t, 0) : ce;
+                  return /* @__PURE__ */ De(
+                    $e,
+                    {
+                      ...fe == null ? void 0 : fe(e, t),
+                      className: E("bj-table__row", d && "bj-table__row--selected", b),
+                      key: r
+                    },
+                    a && /* @__PURE__ */ o(
+                      Fe,
+                      {
+                        className: E("bj-table__cell", "bj-table__selection-cell", !!(c != null && c.x) && "bj-table__selection-cell--fixed"),
+                        style: { width: te },
+                        children: /* @__PURE__ */ o(
+                          lt,
+                          {
+                            checked: d,
+                            disabled: n,
+                            label: `选择第 ${t + 1} 行`,
+                            name: a.type === "radio" ? "bj-table-row-selection" : void 0,
+                            onChange: () => Ot(e, t),
+                            type: a.type ?? "checkbox"
+                          }
+                        )
+                      }
+                    ),
+                    m.map((N, _) => {
+                      var v;
+                      const h = N, L = sr(e, h.dataIndex), w = h.render ? h.render(L, e, t) : L, O = ir(w) ? w : void 0, y = { ...(v = h.onCell) == null ? void 0 : v.call(h, e, t), ...O == null ? void 0 : O.props }, T = O ? O.children : w;
+                      return y.colSpan === 0 || y.rowSpan === 0 ? null : /* @__PURE__ */ De(
+                        Fe,
+                        {
+                          ...y,
+                          className: E(
+                            "bj-table__cell",
+                            h.fixed && "bj-table__cell--fixed",
+                            (h.fixed === "left" || h.fixed === !0) && "bj-table__cell--fixed-left",
+                            h.fixed === "right" && "bj-table__cell--fixed-right",
+                            h.ellipsis && "bj-table__cell--ellipsis",
+                            h.className,
+                            y.className
+                          ),
+                          key: h.key ?? String(h.dataIndex ?? _),
+                          style: { textAlign: h.align, ...We(h, _), ...y.style }
+                        },
+                        /* @__PURE__ */ o("div", { className: "bj-table__cell-content", children: T ?? "" })
+                      );
+                    })
+                  );
+                }) : /* @__PURE__ */ o($e, { className: "bj-table__empty-row", children: /* @__PURE__ */ o(
+                  Fe,
+                  {
+                    className: "bj-table__empty-cell",
+                    colSpan: Math.max(Mt, 1),
+                    style: { height: ot }
+                  }
+                ) }) }),
+                Re && /* @__PURE__ */ o("tfoot", { className: "bj-table__summary", children: Re(S) })
+              ] })
+            }
+          ),
+          V.length === 0 && /* @__PURE__ */ o("div", { className: "bj-table__empty-overlay", children: /* @__PURE__ */ F("div", { className: "bj-table__empty-content", children: [
+            Ge && /* @__PURE__ */ o("div", { className: "bj-table__empty-image-wrap", children: Ge }),
+            /* @__PURE__ */ o("div", { className: "bj-table__empty-text", children: Vt })
+          ] }) })
+        ] }),
+        ((c == null ? void 0 : c.x) || (c == null ? void 0 : c.y)) && /* @__PURE__ */ o(
+          Gt,
+          {
+            containerRef: re,
+            direction: c != null && c.x && (c != null && c.y) ? "both" : c != null && c.x ? "horizontal" : "vertical",
+            gap: 2,
+            horizontalInsetEnd: 0,
+            horizontalInsetStart: 0,
+            size: 4,
+            targetRef: Ee
+          }
+        ),
+        Oe && /* @__PURE__ */ o("div", { className: "bj-table__footer", children: Oe(S) }),
+        $ && /* @__PURE__ */ F("div", { "aria-live": "polite", "aria-busy": "true", className: "bj-table__loading", role: "status", children: [
+          /* @__PURE__ */ o("img", { alt: "", className: "bj-table__loading-indicator", src: Jt }),
+          /* @__PURE__ */ o("span", { className: "bj-table__loading-text", children: "加载中..." })
+        ] }),
+        l && /* @__PURE__ */ o("div", { className: "bj-table__pagination", children: /* @__PURE__ */ o(
+          qt,
+          {
+            align: "end",
+            disabled: $ || l.disabled,
+            current: I,
+            defaultCurrent: l.defaultCurrent,
+            defaultPageSize: l.defaultPageSize,
+            dropdownClassName: l.dropdownClassName,
+            hideOnSinglePage: l.hideOnSinglePage,
+            onChange: Bt,
+            onShowSizeChange: (e, t) => Et(t),
+            pageSize: K,
+            pageSizeOptions: l.pageSizeOptions,
+            popupPlacement: l.popupPlacement,
+            resolvePopupPlacement: l.resolvePopupPlacement,
+            showQuickJumper: l.showQuickJumper,
+            showSizeChanger: l.showSizeChanger,
+            showTotal: l.showTotal,
+            simple: l.simple,
+            size: l.size,
+            t: l.t ?? Q,
+            total: me
+          }
+        ) })
+      ]
+    }
+  );
+}
+const st = dr;
+st.Column = Zt;
+st.ColumnGroup = Xt;
+export {
+  st as BTable
+};

package/dist/web/Table/Column.js

@@ -0,0 +1 @@
+"use strict";function n(t){return null}module.exports=n;

package/dist/web/Table/Column.mjs

@@ -0,0 +1,6 @@
+function u(n) {
+  return null;
+}
+export {
+  u as default
+};

package/dist/web/Table/ColumnGroup.js

@@ -0,0 +1 @@
+"use strict";function u(n){return null}module.exports=u;

package/dist/web/Table/ColumnGroup.mjs

@@ -0,0 +1,6 @@
+function n(u) {
+  return null;
+}
+export {
+  n as default
+};

package/dist/web/Table/utils/columns.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function c(r){return s.Children.toArray(r).flatMap((e,n)=>{if(!s.isValidElement(e))return[];const o=e.props,{children:l,...t}=o;return[{...t,key:e.key??t.key??n,...l?{children:c(l)}:{}}]})}function d(r){return r.flatMap(e=>"children"in e?d(e.children):[e])}function h(r){return r.reduce((e,n)=>Math.max(e,"children"in n?1+h(n.children):1),1)}function u(r){return"children"in r?r.children.reduce((e,n)=>e+u(n),0):1}function f(r){const e=h(r),n=Array.from({length:e},()=>[]),o=(l,t)=>{l.forEach(i=>{const a="children"in i&&i.children.length>0;n[t].push({column:i,colSpan:i.colSpan??(a?u(i):1),rowSpan:a?1:e-t,depth:t}),a&&o(i.children,t+1)})};return o(r,0),n}exports.buildHeaderRows=f;exports.convertChildrenToColumns=c;exports.flattenColumns=d;

package/dist/web/Table/utils/columns.mjs

@@ -0,0 +1,43 @@
+import { Children as d, isValidElement as l } from "react";
+function f(n) {
+  return d.toArray(n).flatMap((r, e) => {
+    if (!l(r)) return [];
+    const o = r.props, { children: a, ...t } = o;
+    return [{
+      ...t,
+      key: r.key ?? t.key ?? e,
+      ...a ? { children: f(a) } : {}
+    }];
+  });
+}
+function p(n) {
+  return n.flatMap((r) => "children" in r ? p(r.children) : [r]);
+}
+function c(n) {
+  return n.reduce((r, e) => Math.max(
+    r,
+    "children" in e ? 1 + c(e.children) : 1
+  ), 1);
+}
+function s(n) {
+  return "children" in n ? n.children.reduce((r, e) => r + s(e), 0) : 1;
+}
+function C(n) {
+  const r = c(n), e = Array.from({ length: r }, () => []), o = (a, t) => {
+    a.forEach((i) => {
+      const h = "children" in i && i.children.length > 0;
+      e[t].push({
+        column: i,
+        colSpan: i.colSpan ?? (h ? s(i) : 1),
+        rowSpan: h ? 1 : r - t,
+        depth: t
+      }), h && o(i.children, t + 1);
+    });
+  };
+  return o(n, 0), e;
+}
+export {
+  C as buildHeaderRows,
+  f as convertChildrenToColumns,
+  p as flattenColumns
+};