bitz-react-admin-ui 2.1.8 → 2.1.9

package/dist/components/BitzTable/Table/index.mjs

@@ -1,8 +1,8 @@
 import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as ge, useState as H, useRef as T, useEffect as X, useMemo as c, useCallback as we } from "react";
-import { isMobile as J } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
-import { Table as Z, Skeleton as lt } from "antd";
-import Q from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { useContext as ge, useState as H, useRef as T, useEffect as J, useMemo as c, useCallback as we } from "react";
+import { isMobile as Q } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
+import { Table as ee, Skeleton as lt } from "antd";
+import Y from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import ct from "../../BitzDrawer/index.mjs";
 import it from "../../BitzPagination/index.mjs";
 import at from "../../BitzNoData/index.mjs";
@@ -11,9 +11,9 @@ import dt from "../../BitzList/List.mjs";
 import "../../BitzPullRefresh/style/index.less.mjs";
 import ht from "../../BitzPullRefresh/PullRefresh.mjs";
 import ut, { BitzTableContext as ft } from "../Store/index.mjs";
-import { loopFilter as mt, columnSort as bt, genColumnKey as Ct } from "../Store/utils/index.mjs";
-import Y from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
-import yt from "../ActionCol/style.mjs";
+import { loopFilter as bt, columnSort as mt, genColumnKey as yt } from "../Store/utils/index.mjs";
+import Z from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
+import Ct from "../ActionCol/style.mjs";
 import xt from "../../BitzTheme/index.mjs";
 import gt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
 import "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/index.mjs";
@@ -23,10 +23,10 @@ import { getCssVar as jt } from "./style.mjs";
 import "./index.less.mjs";
 import { ConfigContext as vt } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
 import Nt from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
-const Be = [Z.SELECTION_COLUMN, Z.EXPAND_COLUMN];
+const Be = [ee.SELECTION_COLUMN, ee.EXPAND_COLUMN];
 function kt({
-  showPagination: W = !0,
-  height: S,
+  showPagination: M = !0,
+  height: p,
   dataSource: d = [],
   total: A = 0,
   columns: N,
@@ -35,59 +35,59 @@ function kt({
     pc: 10,
     mobile: 10
   },
-  skeletonRender: ee,
+  skeletonRender: te,
   skeletonRowNum: ze = 4,
   skeletonRowsWidth: je = ["35%", "100%", "100%", "60%"],
   // mobileLoadEmit,
-  mobileRefreshEmit: te,
+  mobileRefreshEmit: re,
   operationFilter: K,
   enableControlPage: ve,
-  pagination: b,
+  pagination: y,
   paginationEmit: R = () => {
   },
-  mobilePageHeight: pt = 500,
+  mobilePageHeight: Wt = 500,
   mobileCancelText: Ne = "取消",
   noDataTitle: ke,
-  noDataImg: pe,
+  noDataImg: We,
   color: Tt,
-  size: re,
+  size: oe,
   showTableTool: Te = !0,
-  tableAction: Se,
-  tableToolbar: Le,
-  selectionBar: Me,
-  scroll: h,
-  components: L,
+  tableAction: pe,
+  tableToolbar: Se,
+  selectionBar: Le,
+  scroll: u,
+  components: S,
   expandable: C,
   rowSelection: z,
-  resetPage: We,
+  resetPage: Me,
   ...a
 }) {
-  var ye;
-  const { token: g } = xt.useToken(), { Table: l } = g, { tableSpaceBetweenPage: oe = 10 } = l, { gap: Re } = yt(), { showColumnBorder: Pe, hideRowBorder: ne, rowHoverable: De, ...f } = ge(ft), [k, se] = H(!1), $ = T(void 0), V = T(0), O = T(0), [He, I] = H(!1), [m, Ae] = H([]);
-  X(() => {
+  var xe;
+  const { token: x } = xt.useToken(), { Table: l } = x, { tableSpaceBetweenPage: ne = 10 } = l, { gap: Re } = Ct(), { showColumnBorder: Pe, hideRowBorder: se, rowHoverable: De, ...f } = ge(ft), [k, le] = H(!1), V = T(void 0), $ = T(0), O = T(0), [He, _] = H(!1), [b, Ae] = H([]);
+  J(() => {
     let e = [...d];
-    (b == null ? void 0 : b.page) !== 1 && (e = [...m, ...e]), Ae(e);
+    (y == null ? void 0 : y.page) !== 1 && (e = [...b, ...e]), Ae(e);
   }, [d]);
-  const Ee = c(() => !!(m != null && m.length) && (m == null ? void 0 : m.length) >= A, [m, A]), [Ke, $e] = H([]), Ve = (e, t) => {
+  const Ee = c(() => !!(b != null && b.length) && (b == null ? void 0 : b.length) >= A, [b, A]), [Ke, Ve] = H([]), $e = (e, t) => {
     var n;
     const r = (n = K == null ? void 0 : K(e, t)) == null ? void 0 : n.filter(
       (s) => s.type !== "divider"
     );
-    r != null && r.length && ($e(r), I(!0));
-  }, le = () => {
-    I(!1);
+    r != null && r.length && (Ve(r), _(!0));
+  }, ce = () => {
+    _(!1);
   }, Oe = (e) => {
     var t;
-    I(!1), (t = e.onClick) == null || t.call(e);
+    _(!1), (t = e.onClick) == null || t.call(e);
   };
-  X(() => (document == null || document.addEventListener("fullscreenchange", (e) => {
+  J(() => (document == null || document.addEventListener("fullscreenchange", (e) => {
     var t, r, n;
-    (t = e.target) != null && t.classList.contains("bitzTableBlock") && (se(!!document.fullscreenElement), (n = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && n.contains("bitzTableBlock") || se(!1));
+    (t = e.target) != null && t.classList.contains("bitzTableBlock") && (le(!!document.fullscreenElement), (n = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && n.contains("bitzTableBlock") || le(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
   })), []);
-  const w = T(null), _ = Y(w), ce = T(null), q = Y(ce), ie = T(null), p = Y(ie), Ie = () => {
+  const g = T(null), q = Z(g), ie = T(null), F = Z(ie), ae = T(null), W = Z(ae), _e = () => {
     var r;
-    const e = (r = w.current) == null ? void 0 : r.querySelectorAll(
+    const e = (r = g.current) == null ? void 0 : r.querySelectorAll(
       "& > .bitzTableContainerBody > .ant-table-wrapper.bitzTable > .ant-spin-nested-loading > .ant-spin-container > .ant-table > .ant-table-container > .ant-table-body > table > .ant-table-tbody > tr:not(.ant-table-measure-row, .ant-table-expanded-row)"
     ), t = [];
     if (e == null || e.forEach((n) => {
@@ -97,89 +97,90 @@ function kt({
       );
     }), t.length)
       return Math.ceil(Math.max(...t)) + Re * 2;
-  }, ae = () => {
-    var u, y, v;
-    const e = (u = w.current) == null ? void 0 : u.querySelector(
+  }, de = () => {
+    var h, m, v;
+    const e = (h = g.current) == null ? void 0 : h.querySelector(
       ".ant-table-body"
-    ), t = e == null ? void 0 : e.clientWidth, n = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, s = (v = (y = w.current) == null ? void 0 : y.querySelector(
+    ), t = e == null ? void 0 : e.clientWidth, n = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, s = (v = (m = g.current) == null ? void 0 : m.querySelector(
       ".ant-table-cell-scrollbar"
     )) == null ? void 0 : v.offsetWidth;
-    return { tbodyWidth: t, scrollbarSize: s, hasScrollBar: n };
-  }, { y: F, hasScrollBar: P, scrollbarSize: M } = c(() => {
-    const { hasScrollBar: e, scrollbarSize: t } = ae();
-    if (typeof S > "u")
+    return { tbodyWidth: t, hasScrollBar: n, scrollbarSize: s };
+  }, { y: G, tbodyWidth: pt, hasScrollBar: P, scrollbarSize: L } = c(() => {
+    const { tbodyWidth: e, hasScrollBar: t, scrollbarSize: r } = de();
+    if (typeof p > "u")
       return {
-        hasScrollBar: e,
-        scrollbarSize: t
+        tbodyWidth: e,
+        hasScrollBar: t,
+        scrollbarSize: r
       };
-    let r = 40, n = 40;
-    if (w.current) {
-      const D = window.getComputedStyle(w.current);
-      r = parseInt(D.getPropertyValue("--cell-height")), n = parseInt(D.getPropertyValue("--toolbar-height"));
+    let n = 40, s = 40;
+    if (g.current) {
+      const D = window.getComputedStyle(g.current);
+      n = parseInt(D.getPropertyValue("--cell-height")), s = parseInt(D.getPropertyValue("--toolbar-height"));
     }
-    const s = (p == null ? void 0 : p.height) || 0, u = s ? oe : 0;
-    return { y: (k ? window.innerHeight : S) - s - u - n - r, hasScrollBar: e, scrollbarSize: t };
+    const h = (W == null ? void 0 : W.height) || 0, m = h ? ne : 0;
+    return { y: (k ? window.innerHeight : p) - h - m - s - n, tbodyWidth: e, hasScrollBar: t, scrollbarSize: r };
   }, [
     k,
-    S,
-    p == null ? void 0 : p.height,
-    _ == null ? void 0 : _.height,
-    q == null ? void 0 : q.height
-  ]), de = c(() => {
-    let e = (h == null ? void 0 : h.x) ?? 1e3;
-    return V.current && (e -= V.current), O.current && (e -= O.current * ($.current || 0)), h != null && h.x ? { x: e, y: h.y || F } : h != null && h.y ? { x: e, y: h.y } : { x: e, y: F };
-  }, [h, F, $.current]), _e = (e) => {
-    const t = e.length, r = e.filter((B) => B.width), s = r.map((B) => B.width).reduce((B, U) => B + U, 0);
-    let u = 0;
-    if (w.current) {
-      const B = window.getComputedStyle(w.current), U = parseInt(
+    p,
+    W == null ? void 0 : W.height,
+    q == null ? void 0 : q.height,
+    F == null ? void 0 : F.height
+  ]), he = c(() => {
+    let e = (u == null ? void 0 : u.x) ?? 1e3;
+    return $.current && (e -= $.current), O.current && (e -= O.current * (V.current || 0)), u != null && u.x ? { x: e, y: u.y || G } : u != null && u.y ? { x: e, y: u.y } : { x: e, y: G };
+  }, [u, G, V.current]), qe = (e) => {
+    const t = e.length, r = e.filter((B) => B.width), s = r.map((B) => B.width).reduce((B, X) => B + X, 0);
+    let h = 0;
+    if (g.current) {
+      const B = window.getComputedStyle(g.current), X = parseInt(
         B.getPropertyValue("--toolCell-paddingInline")
       );
-      u = parseInt(B.getPropertyValue("--fontSize")) + 4 + 2 * U;
+      h = parseInt(B.getPropertyValue("--fontSize")) + 4 + 2 * X;
     }
-    let y = 0;
-    z && (y += u), C && (y += u);
-    const { tbodyWidth: v } = ae(), x = parseInt(`${de.x}`) || 0, D = Math.max(x, v), xe = (parseInt(`${D}`) || 0) - s - y;
-    return xe >= 0 ? xe / (t - r.length) : void 0;
+    let m = 0;
+    z && (m += h), C && (m += h);
+    const { tbodyWidth: v } = de(), U = Math.max(he.x, v ?? 0) - s - m, D = t - r.length;
+    return U >= 0 ? U / D : void 0;
   }, j = c(() => {
-    const e = N ?? [], t = e.filter((x) => !Be.includes(x)), { filterColumns: r, width: n, autoWidthColLength: s } = mt(
+    const e = N ?? [], t = e.filter((w) => !Be.includes(w)), { filterColumns: r, width: n, autoWidthColLength: s } = bt(
       t,
       f.columnsMap
     );
-    V.current = Math.ceil(n), O.current = s;
-    const u = r.sort(bt(f.columnsMap));
-    if (J)
-      return u;
-    const y = _e(u);
-    $.current = Math.ceil(y ?? 0);
-    const v = u.map((x) => ({
-      ...x,
-      ...x.width ? {
-        width: x.useMaxWidth ? Ie() ?? x.width : x.width
+    $.current = Math.ceil(n), O.current = s;
+    const h = r.sort(mt(f.columnsMap));
+    if (Q)
+      return h;
+    const m = qe(h);
+    V.current = Math.ceil(m ?? 0);
+    const v = h.map((w) => ({
+      ...w,
+      ...w.width ? {
+        width: w.useMaxWidth ? _e() ?? w.width : w.width
       } : {
         // 给未设置width的列设置平均数
-        width: y
+        width: m
       }
     }));
     return Bt(e, v, z, C);
   }, [N, f.columnsMap, f.sortKeyColumns]);
-  X(() => {
+  J(() => {
     if (N && N.length > 0) {
       const e = N.map(
         (t) => (
           // @ts-ignore
-          Ct((t == null ? void 0 : t.key) ?? (t == null ? void 0 : t.dataIndex), t == null ? void 0 : t.dataIndex)
+          yt((t == null ? void 0 : t.key) ?? (t == null ? void 0 : t.dataIndex), t == null ? void 0 : t.dataIndex)
         )
       );
       f.setSortKeyColumns(e);
     }
   }, [N]);
-  const he = c(() => zt(j, Be), [j]), qe = c(() => i ? he : j, [i, j, he]), ue = c(() => {
+  const ue = c(() => zt(j, Be), [j]), Fe = c(() => i ? ue : j, [i, j, ue]), fe = c(() => {
     const e = d == null ? void 0 : d.length, t = e > (E.pc ?? 10) ? e >= 20 ? 20 : e : E.pc ?? 10;
     return Array.from({ length: t }).map((n, s) => ({
       key: `${Date.now()}${s}`
     }));
-  }, [d]), Fe = c(() => i ? ue : d, [i, d, ue]), { table: G, locale: Ge = wt } = ge(vt), Ue = { ...Ge.Table }, Xe = ((ye = G == null ? void 0 : G.expandable) == null ? void 0 : ye.expandIcon) || (C == null ? void 0 : C.expandIcon) || gt(Ue), fe = c(() => {
+  }, [d]), Ge = c(() => i ? fe : d, [i, d, fe]), { table: I, locale: Ie = wt } = ge(vt), Ue = { ...Ie.Table }, Xe = ((xe = I == null ? void 0 : I.expandable) == null ? void 0 : xe.expandIcon) || (C == null ? void 0 : C.expandIcon) || gt(Ue), be = c(() => {
     if (C)
       return {
         ...C,
@@ -193,20 +194,20 @@ function kt({
               disabled: !0,
               style: {
                 ...t.props.style,
-                backgroundColor: g.colorBgContainerDisabled
+                backgroundColor: x.colorBgContainerDisabled
               }
             }
           };
         }
       };
-  }, [C]), Je = c(() => i ? fe : C, [i, C, fe]), me = c(() => {
+  }, [C]), Je = c(() => i ? be : C, [i, C, be]), me = c(() => {
     if (z)
       return {
         ...z,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [z]), Qe = c(() => i ? me : z, [i, z, me]), Ye = c(() => i ? void 0 : a.rowKey, [i, a.rowKey]), be = c(() => `${re ?? f.stylesConfig.size}BitzTable`, [re, f.stylesConfig.size]), Ze = we(
+  }, [z]), Qe = c(() => i ? me : z, [i, z, me]), Ye = c(() => i ? void 0 : a.rowKey, [i, a.rowKey]), ye = c(() => `${oe ?? f.stylesConfig.size}BitzTable`, [oe, f.stylesConfig.size]), Ze = we(
     (e, t) => {
       var n;
       if (!a.onRow)
@@ -215,39 +216,39 @@ function kt({
       return r.onClick && (r.className = "rowPointerCursor"), r;
     },
     [a.onRow]
-  ), et = c(() => Q(
+  ), et = c(() => Y(
     "bitzTableContainer",
-    { hideBorder: ne },
+    { hideBorder: se },
     { hasScrollBar: P },
-    be,
+    ye,
     a.className
   ), [
     a.className,
-    be,
+    ye,
     P,
     k,
-    ne
+    se
   ]), tt = c(() => ({
-    "--container-bgColor": g.colorBgContainer
-  }), [g.colorBgContainer]), rt = c(() => {
-    const e = k ? "100%" : S;
+    "--container-bgColor": x.colorBgContainer
+  }), [x.colorBgContainer]), rt = c(() => {
+    const e = k ? "100%" : p;
     let t;
-    return (M ?? 0) > 0 && (t = M), jt({
+    return (L ?? 0) > 0 && (t = L), jt({
       height: e,
-      evenRowBgColor: f.zebra ? l == null ? void 0 : l.evenRowBgColor : g.colorBgContainer,
-      colorBgContainer: g.colorBgContainer,
+      evenRowBgColor: f.zebra ? l == null ? void 0 : l.evenRowBgColor : x.colorBgContainer,
+      colorBgContainer: x.colorBgContainer,
       table: l,
-      gap: oe,
-      borderColor: (l == null ? void 0 : l.borderColor) || g.colorBorderSecondary,
+      gap: ne,
+      borderColor: (l == null ? void 0 : l.borderColor) || x.colorBorderSecondary,
       scrollbarWidth: t,
       other: a.style
     });
-  }, [a.style, k, S, l, f == null ? void 0 : f.zebra, M]), ot = we(
+  }, [a.style, k, p, l, f == null ? void 0 : f.zebra, L]), ot = we(
     (e, t, r) => {
       const n = t % 2 === 0 ? "oddRow" : "evenRow";
       if (a.rowClassName) {
         const s = a.rowClassName(e, t, r);
-        return Q(n, s);
+        return Y(n, s);
       }
       return n;
     },
@@ -258,7 +259,7 @@ function kt({
       finished: Ee,
       onLoad: async () => (
         // @ts-ignore
-        !i && (R == null ? void 0 : R((b == null ? void 0 : b.page) + 1, b == null ? void 0 : b.size))
+        !i && (R == null ? void 0 : R((y == null ? void 0 : y.page) + 1, y == null ? void 0 : y.size))
       ),
       loadingText: "加载中...",
       finishedText: "没有更多了",
@@ -269,19 +270,19 @@ function kt({
           className: "mobileList",
           style: { backgroundColor: l == null ? void 0 : l.mobileListBgColor },
           children: [
-            m == null ? void 0 : m.map((e, t) => /* @__PURE__ */ o.jsx(
+            b == null ? void 0 : b.map((e, t) => /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: "listItem",
                 style: { backgroundColor: l == null ? void 0 : l.listItemBgColor },
-                onClick: () => Ve(e, t),
+                onClick: () => $e(e, t),
                 children: j == null ? void 0 : j.map((r, n) => {
                   var s;
                   return !(r != null && r.mobileHide) && /* @__PURE__ */ o.jsxs(
                     "div",
                     {
                       className: "row",
-                      style: { color: g.colorText },
+                      style: { color: x.colorText },
                       children: [
                         !r.mobileHideLabel && /* @__PURE__ */ o.jsxs("div", { className: "label", children: [
                           `${r.title}`,
@@ -309,7 +310,7 @@ function kt({
                   display: i ? "block" : "none",
                   backgroundColor: l == null ? void 0 : l.listItemBgColor
                 },
-                children: /* @__PURE__ */ o.jsx("div", { className: "row", children: ee ? ee() : /* @__PURE__ */ o.jsx(
+                children: /* @__PURE__ */ o.jsx("div", { className: "row", children: te ? te() : /* @__PURE__ */ o.jsx(
                   lt,
                   {
                     title: !1,
@@ -332,38 +333,38 @@ function kt({
     const t = { ...e };
     return t.className.includes("ant-table-cell-fix-right") && !P && ((r = t.style) != null && r.right) && (t.style = {
       ...t.style,
-      right: t.style.right - (M || 0)
+      right: t.style.right - (L || 0)
     }), /* @__PURE__ */ o.jsx("th", { ...t });
   }, st = c(() => ({
-    ...L,
+    ...S,
     header: {
-      ...L == null ? void 0 : L.header,
+      ...S == null ? void 0 : S.header,
       cell: nt
     }
-  }), [L, P, M]);
+  }), [S, P, L]);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: Q("bitzTableBlock", { fullscreen: k }),
+      className: Y("bitzTableBlock", { fullscreen: k }),
       style: tt,
       children: [
-        !J && /* @__PURE__ */ o.jsxs("div", { ref: w, className: et, style: rt, children: [
-          /* @__PURE__ */ o.jsxs("div", { className: "bitzTableContainerBody", ref: ce, children: [
+        !Q && /* @__PURE__ */ o.jsxs("div", { ref: g, className: et, style: rt, children: [
+          /* @__PURE__ */ o.jsxs("div", { className: "bitzTableContainerBody", ref: ie, children: [
             Te && /* @__PURE__ */ o.jsxs("div", { className: "bitzTableToolbarBlock", children: [
-              Se || /* @__PURE__ */ o.jsx("div", {}),
-              Le,
-              Me
+              pe || /* @__PURE__ */ o.jsx("div", {}),
+              Se,
+              Le
             ] }),
             /* @__PURE__ */ o.jsx(
-              Z,
+              ee,
               {
                 ...a,
                 bordered: Pe,
-                columns: qe,
-                dataSource: Fe,
+                columns: Fe,
+                dataSource: Ge,
                 loading: !1,
                 pagination: !1,
-                scroll: de,
+                scroll: he,
                 expandable: Je,
                 rowSelection: Qe,
                 onRow: Ze,
@@ -375,32 +376,32 @@ function kt({
               }
             )
           ] }),
-          W && /* @__PURE__ */ o.jsx(
+          M && /* @__PURE__ */ o.jsx(
             it,
             {
               size: "small",
-              elRefInstance: ie,
+              elRefInstance: ae,
               enableControl: ve,
-              pagination: b,
+              pagination: y,
               total: A,
               dataSource: d,
-              resetPage: We,
+              resetPage: Me,
               paginationEmit: R
             }
           )
         ] }),
-        J && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          (i || (d == null ? void 0 : d.length) > 0) && /* @__PURE__ */ o.jsx(o.Fragment, { children: te ? (
+        Q && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          (i || (d == null ? void 0 : d.length) > 0) && /* @__PURE__ */ o.jsx(o.Fragment, { children: re ? (
             // @ts-ignore
             /* @__PURE__ */ o.jsx(
               ht,
               {
-                onRefresh: async () => !i && te(),
+                onRefresh: async () => !i && re(),
                 children: Ce
               }
             )
           ) : Ce }),
-          !i && /* @__PURE__ */ o.jsx(at, { data: d, title: ke, img: pe }),
+          !i && /* @__PURE__ */ o.jsx(at, { data: d, title: ke, img: We }),
           /* @__PURE__ */ o.jsx(
             ct,
             {
@@ -409,7 +410,7 @@ function kt({
               placement: "bottom",
               height: "auto",
               closable: !1,
-              onClose: le,
+              onClose: ce,
               children: /* @__PURE__ */ o.jsxs("div", { className: "drawerBox", children: [
                 /* @__PURE__ */ o.jsx("div", { className: "boxBody", children: Ke.map((e, t) => /* @__PURE__ */ o.jsx(
                   "div",
@@ -417,14 +418,14 @@ function kt({
                     className: "operaList",
                     onClick: () => Oe(e),
                     ...e.danger && {
-                      style: { color: g.colorError }
+                      style: { color: x.colorError }
                     },
                     children: e.label
                   },
                   t
                 )) }),
                 /* @__PURE__ */ o.jsx("div", { className: "boxLine" }),
-                /* @__PURE__ */ o.jsx("div", { className: "boxFooter", onClick: le, children: Ne })
+                /* @__PURE__ */ o.jsx("div", { className: "boxFooter", onClick: ce, children: Ne })
               ] })
             }
           )
@@ -433,7 +434,7 @@ function kt({
     }
   );
 }
-const tr = (W) => /* @__PURE__ */ o.jsx(ut, { initValue: W, children: /* @__PURE__ */ o.jsx(kt, { ...W }) });
+const rr = (M) => /* @__PURE__ */ o.jsx(ut, { initValue: M, children: /* @__PURE__ */ o.jsx(kt, { ...M }) });
 export {
-  tr as default
+  rr as default
 };

package/dist/components/BitzTable/index.d.ts

@@ -1,5 +1,6 @@
 import { BitzTableProps } from './Table';
 import BitzTableProvider, { BitzTableContext, DensitySize as BitzTableSizeType, StylesStateType, ColumnStateType, ExportColumnStateType } from './Store';
+import SubTable from './SubTable';
 import ActionBar from './ActionBar';
 import ToolBar from './ToolBar/Wrapper';
 import ActionCol from './ActionCol';
@@ -60,6 +61,7 @@ interface BitzTableColumnGroupType<RecordType> extends Omit<BitzTableColumnType<
 }
 type BitzTableColumnsType<RecordType> = (BitzTableColumnType<RecordType> | BitzTableColumnGroupType<RecordType>)[];
 type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
+    SubTable: typeof SubTable;
     ActionBar: typeof ActionBar;
     ToolBar: typeof ToolBar;
     SelectionBar: typeof SelectionBar;

package/dist/components/BitzTable/index.mjs

@@ -1,17 +1,19 @@
 import t from "./Table/index.mjs";
-import { BitzTableContext as f, default as b } from "./Store/index.mjs";
-import r from "./ActionBar/index.mjs";
-import i from "./ToolBar/Wrapper/index.mjs";
-import e from "./ActionCol/index.mjs";
-import a from "./SelectionBar/index.mjs";
+import { BitzTableContext as z, default as d } from "./Store/index.mjs";
+import r from "./SubTable/index.mjs";
+import i from "./ActionBar/index.mjs";
+import e from "./ToolBar/Wrapper/index.mjs";
+import a from "./ActionCol/index.mjs";
+import l from "./SelectionBar/index.mjs";
 const o = t;
 process.env.NODE_ENV !== "production" && (o.displayName = "BitzTable");
-o.ActionBar = r;
-o.ToolBar = i;
-o.SelectionBar = a;
-o.ActionCol = e;
+o.SubTable = r;
+o.ActionBar = i;
+o.ToolBar = e;
+o.SelectionBar = l;
+o.ActionCol = a;
 export {
-  f as BitzTableContext,
-  b as BitzTableProvider,
+  z as BitzTableContext,
+  d as BitzTableProvider,
   o as default
 };