bitz-react-admin-ui 1.8.0 → 1.8.2

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

@@ -1,354 +1,195 @@
 import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as We, useState as P, useMemo as g, useEffect as le, useRef as A, useCallback as te } from "react";
-import { isMobile as F } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
-import { Table as R, Skeleton as He } from "antd";
-import ne from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import Ee from "../../BitzDrawer/index.mjs";
-import $e from "../../BitzPagination/index.mjs";
-import Pe from "../../BitzNoData/index.mjs";
+import { useContext as tl, useState as E, useMemo as u, useEffect as ve, useRef as P, useCallback as ke } from "react";
+import { isMobile as D } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
+import { Table as F, Skeleton as nl } from "antd";
+import He from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import rl from "../../BitzDrawer/index.mjs";
+import sl from "../../BitzPagination/index.mjs";
+import al from "../../BitzNoData/index.mjs";
 import "../../BitzList/index.less.mjs";
-import Ae from "../../BitzList/List.mjs";
+import il from "../../BitzList/List.mjs";
 import "../../BitzPullRefresh/style/index.less.mjs";
-import Fe from "../../BitzPullRefresh/PullRefresh.mjs";
-import Re, { TableContext as Oe } from "../Store/index.mjs";
-import Ve from "../TableSkeleton/index.mjs";
-import { columnSort as re, genColumnKey as se } from "../Store/utils/index.mjs";
-import O from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
-import Ke from "../ActionCol/style.mjs";
-import _e from "../../BitzTheme/index.mjs";
+import cl from "../../BitzPullRefresh/PullRefresh.mjs";
+import hl, { TableContext as bl } from "../Store/index.mjs";
+import dl from "../TableSkeleton/index.mjs";
+import { columnSort as Se, genColumnKey as $e } from "../Store/utils/index.mjs";
+import R from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
+import gl from "../ActionCol/style.mjs";
+import xl from "../../BitzTheme/index.mjs";
 import "./index.less.mjs";
-import De from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
-function qe({
-  showPagination: z = !0,
-  fillEvenRow: V = !0,
-  evenRowBgColor: Ge = "#f9f9f9",
-  height: B,
-  dataSource: c = [],
-  total: L = 0,
-  columns: C,
-  loading: v = !1,
-  skeletonNum: ae = 2,
-  skeletonRender: K,
-  skeletonRowNum: ie = 4,
-  skeletonRowsWidth: ce = ["35%", "100%", "100%", "60%"],
-  mobileLoadEmit: de,
-  mobileRefreshEmit: _,
-  operationFilter: M,
-  enableControlPage: he,
-  pagination: be,
-  paginationEmit: fe = () => {
-  },
-  mobilePageHeight: Ue = 500,
-  mobileCancelText: xe = "取消",
-  noDataTitle: ue,
-  noDataImg: ge,
-  color: Xe,
-  size: D,
-  showTableTool: q = !0,
-  tableAction: me,
-  tableToolbar: Ce,
-  selectionBar: pe,
-  scroll: d,
-  resetPage: ye,
-  ...h
-}) {
-  var oe;
-  const { token: r } = _e.useToken(), { gap: Te } = Ke(), b = We(Oe), [p, G] = P(!1), [Be, W] = P(!1), we = g(() => !!(c != null && c.length) && (c == null ? void 0 : c.length) >= L, [c, L]), [je, ze] = P([]), ve = (o, e) => {
-    var l;
-    const n = (l = M == null ? void 0 : M(o, e)) == null ? void 0 : l.filter(
-      (s) => s.type !== "divider"
-    );
-    n != null && n.length && (ze(n), W(!0));
+import fl from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
+function ul({ showPagination: z = !0, fillEvenRow: O = !0, evenRowBgColor: Tl = "#f9f9f9", height: w, dataSource: c = [], total: S = 0, columns: m, loading: N = !1, skeletonNum: Le = 2, skeletonRender: V, skeletonRowNum: Me = 4, skeletonRowsWidth: We = ["35%", "100%", "100%", "60%"], mobileLoadEmit: Ae, mobileRefreshEmit: K, operationFilter: $, enableControlPage: Ee, pagination: Pe, paginationEmit: De = () => {
+}, mobilePageHeight: ml = 500, mobileCancelText: Fe = "取消", noDataTitle: Re, noDataImg: Oe, color: pl, size: _, showTableTool: q = !0, tableAction: Ve, tableToolbar: Ke, selectionBar: _e, scroll: h, resetPage: qe, ...b }) {
+  var le;
+  const { token: n } = xl.useToken(), { gap: Ge } = gl(), d = tl(bl), [p, G] = E(!1), [Ue, L] = E(!1), Xe = u(() => !!(c != null && c.length) && (c == null ? void 0 : c.length) >= S, [c, S]), [Ie, Je] = E([]), Qe = (l, e) => {
+    var o;
+    const r = (o = $ == null ? void 0 : $(l, e)) == null ? void 0 : o.filter((s) => s.type !== "divider");
+    r != null && r.length && (Je(r), L(!0));
   }, U = () => {
-    W(!1);
-  }, Ne = (o) => {
+    L(!1);
+  }, Ye = (l) => {
     var e;
-    W(!1), (e = o.onClick) == null || e.call(o);
+    L(!1), (e = l.onClick) == null || e.call(l);
   };
-  le(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
-    var e, n, l;
-    (e = o.target) != null && e.classList.contains("bitzTableBlock") && (G(!!document.fullscreenElement), (l = (n = document.fullscreenElement) == null ? void 0 : n.classList) != null && l.contains("bitzTableBlock") || G(!1));
+  ve(() => (document == null || document.addEventListener("fullscreenchange", (l) => {
+    var e, r, o;
+    (e = l.target) != null && e.classList.contains("bitzTableBlock") && (G(!!document.fullscreenElement), (o = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && o.contains("bitzTableBlock") || G(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
   })), []);
-  const y = A(null), H = O(y), N = A(null), E = O(N), X = A(null), T = O(X), ke = () => {
-    var n;
-    const o = (n = N.current) == null ? void 0 : n.querySelectorAll(
-      ".ant-table-body tr:not(.ant-table-measure-row)"
-    ), e = [];
-    if (o == null || o.forEach((l) => {
+  const C = P(null), M = R(C), v = P(null), W = R(v), X = P(null), y = R(X), Ze = () => {
+    var r;
+    const l = (r = v.current) == null ? void 0 : r.querySelectorAll(".ant-table-body tr:not(.ant-table-measure-row)"), e = [];
+    if (l == null || l.forEach((o) => {
       var s;
-      e.push(
-        ((s = l.querySelector(".operationCol .actionGroup")) == null ? void 0 : s.clientWidth) || 0
-      );
+      e.push(((s = o.querySelector(".operationCol .actionGroup")) == null ? void 0 : s.clientWidth) || 0);
     }), e.length)
-      return Math.ceil(Math.max(...e)) + Te * 2;
+      return Math.ceil(Math.max(...e)) + Ge * 2;
   }, I = () => {
     var s;
-    const o = (s = N.current) == null ? void 0 : s.querySelector(
-      ".ant-table-body"
-    ), e = o == null ? void 0 : o.clientWidth, n = ((o == null ? void 0 : o.offsetWidth) || 0) - e, l = n > 0;
-    return { tbodyWidth: e, scrollBarWidth: n, hasScrollBar: l };
-  }, { y: $, hasScrollBar: J } = g(() => {
-    if (typeof B > "u")
+    const l = (s = v.current) == null ? void 0 : s.querySelector(".ant-table-body"), e = l == null ? void 0 : l.clientWidth, r = ((l == null ? void 0 : l.offsetWidth) || 0) - e, o = r > 0;
+    return { tbodyWidth: e, scrollBarWidth: r, hasScrollBar: o };
+  }, { y: A, hasScrollBar: J } = u(() => {
+    if (typeof w > "u")
       return {};
-    const { hasScrollBar: o } = I();
-    let e = 40, n = 40, l = 10;
-    if (y.current) {
-      const u = window.getComputedStyle(y.current);
-      e = parseInt(u.getPropertyValue("--cell-block")), n = parseInt(u.getPropertyValue("--toolbar-height")), l = parseInt(u.getPropertyValue("--container-gap")) || 0;
+    const { hasScrollBar: l } = I();
+    let e = 40, r = 40, o = 10;
+    if (C.current) {
+      const f = window.getComputedStyle(C.current);
+      e = parseInt(f.getPropertyValue("--cell-block")), r = parseInt(f.getPropertyValue("--toolbar-height")), o = parseInt(f.getPropertyValue("--container-gap")) || 0;
     }
-    const s = (T == null ? void 0 : T.height) || 0, a = s ? l : 0;
-    return { y: (p ? window.innerHeight : B) - s - a - n - e, hasScrollBar: o };
+    const s = (y == null ? void 0 : y.height) || 0, a = s ? o : 0;
+    return { y: (p ? window.innerHeight : w) - s - a - r - e, hasScrollBar: l };
   }, [
     p,
-    B,
-    T == null ? void 0 : T.height,
-    H == null ? void 0 : H.height,
-    E == null ? void 0 : E.height
-  ]), k = g(() => d != null && d.x ? { x: d.x, y: d.y || $ } : d != null && d.y ? { x: 1e3, y: d.y } : { x: 1e3, y: $ }, [d, $]), Q = te(
-    (o) => {
-      const e = o.length, n = o.filter((f) => f.width), s = n.map((f) => f.width).reduce((f, S) => f + S, 0);
-      let a = 0;
-      if (y.current) {
-        const f = window.getComputedStyle(y.current);
-        a = parseInt(f.getPropertyValue("--toolCell-width"));
-      }
-      let i = 0;
-      h.rowSelection && (i += a), h.expandable && (i += a);
-      const { tbodyWidth: m } = I(), x = parseInt(`${k.x}`) || 0, u = Math.max(x, m), j = (parseInt(`${u}`) || 0) - s - i;
-      return j >= 0 ? j / (e - n.length) : void 0;
-    },
-    [h.expandable, h.rowSelection, k]
-  ), w = g(() => {
-    const o = (a) => a.map((i) => {
-      const m = se(
-        (i == null ? void 0 : i.key) || (i == null ? void 0 : i.dataIndex),
-        i.index
-      ), x = b.columnsMap[m];
+    w,
+    y == null ? void 0 : y.height,
+    M == null ? void 0 : M.height,
+    W == null ? void 0 : W.height
+  ]), k = u(() => h != null && h.x ? { x: h.x, y: h.y || A } : h != null && h.y ? { x: 1e3, y: h.y } : { x: 1e3, y: A }, [h, A]), Q = ke((l) => {
+    const e = l.length, r = l.filter((g) => g.width), s = r.map((g) => g.width).reduce((g, H) => g + H, 0);
+    let a = 0;
+    if (C.current) {
+      const g = window.getComputedStyle(C.current);
+      a = parseInt(g.getPropertyValue("--toolCell-width"));
+    }
+    let i = 0;
+    b.rowSelection && (i += a), b.expandable && (i += a);
+    const { tbodyWidth: T } = I(), x = parseInt(`${k.x}`) || 0, f = Math.max(x, T), j = (parseInt(`${f}`) || 0) - s - i;
+    return j >= 0 ? j / (e - r.length) : void 0;
+  }, [b.expandable, b.rowSelection, k]), B = u(() => {
+    const l = (a) => a.map((i) => {
+      const T = $e((i == null ? void 0 : i.key) || (i == null ? void 0 : i.dataIndex), i.index), x = d.columnsMap[T];
       return x && x.show === !1 ? !1 : i.children ? {
         ...i,
-        children: o(i.children)
+        children: l(i.children)
       } : i;
-    }).filter(Boolean), e = o(C);
-    if (F)
-      return e.sort(re(b.columnsMap));
-    const n = e.sort(re(b.columnsMap)), l = Q(n), s = n.map((a) => ({
+    }).filter(Boolean), e = l(m);
+    if (D)
+      return e.sort(Se(d.columnsMap));
+    const r = e.sort(Se(d.columnsMap)), o = Q(r), s = r.map((a) => ({
       ...a,
       ...a.width ? {
-        width: a.useMaxWidth ? ke() ?? a.width : a.width
+        width: a.useMaxWidth ? Ze() ?? a.width : a.width
       } : {
         // 给未设置width的列设置平均数
-        width: l
+        width: o
       }
     }));
-    return [R.SELECTION_COLUMN, R.EXPAND_COLUMN, ...s];
-  }, [C, b.columnsMap, Q, b.sortKeyColumns]);
-  le(() => {
-    if (C && C.length > 0) {
-      const o = C.map(
-        (e) => (
-          // @ts-ignore
-          se((e == null ? void 0 : e.key) ?? (e == null ? void 0 : e.dataIndex), e == null ? void 0 : e.dataIndex)
-        )
-      );
-      b.setSortKeyColumns(o);
+    return [F.SELECTION_COLUMN, F.EXPAND_COLUMN, ...s];
+  }, [m, d.columnsMap, Q, d.sortKeyColumns]);
+  ve(() => {
+    if (m && m.length > 0) {
+      const l = m.map((e) => (
+        // @ts-ignore
+        $e((e == null ? void 0 : e.key) ?? (e == null ? void 0 : e.dataIndex), e == null ? void 0 : e.dataIndex)
+      ));
+      d.setSortKeyColumns(l);
     }
-  }, [C]);
-  const Y = g(() => `${D ?? (b == null ? void 0 : b.tableSize) ?? "lg"}BitzTable`, [D, b.tableSize]), Se = g(() => ne(
+  }, [m]);
+  const Y = u(() => `${_ ?? (d == null ? void 0 : d.tableSize) ?? "lg"}BitzTable`, [_, d.tableSize]), el = u(() => He(
     "bitzTableContainer",
     /* "hideBorder", */
     { hasScrollBar: J },
     Y
-  ), [Y, J, p]), Le = g(() => ({
-    "--container-bgColor": r.colorBgContainer
-  }), [r.Table]), Me = g(() => {
-    var o, e, n, l, s, a, i, m, x, u, j, f, S;
+  ), [Y, J, p]), ll = u(() => ({
+    "--container-bgColor": n.colorBgContainer
+  }), [n.Table]), ol = u(() => {
+    var l, e, r, o, s, a, i, T, x, f, j, g, H, oe, te, ne, re, se, ae, ie, ce, he, be, de, ge, xe, fe, ue, Te, me, pe, Ce, ye, we, Be, je, ze, Ne;
     return {
-      height: p ? "100%" : B,
-      "--toolbar-bgColor": (o = r.Table) == null ? void 0 : o.toolbarBgColor,
-      "--thead-bgColor": (e = r.Table) == null ? void 0 : e.headerBg,
-      "--thead-hoverBgColor": (n = r.Table) == null ? void 0 : n.headerSortHoverBg,
-      "--evenRow-BgColor": (l = r.Table) == null ? void 0 : l.evenRowBgColor,
-      "--radioCheckbox-borderColor": (s = r.Table) == null ? void 0 : s.radioCheckboxBorderColor,
-      "--expandIcon-borderColor": (a = r.Table) == null ? void 0 : a.expandIconBorderColor,
-      "--rowHover-bgColor": (i = r.Table) == null ? void 0 : i.rowHoverBg,
-      "--tbodyRow-borderColor": (m = r.Table) == null ? void 0 : m.borderColor,
-      "--xlTable-fontSize": `${(x = r.Table) == null ? void 0 : x.xlFontSize}px`,
-      "--lgTable-fontSize": `${(u = r.Table) == null ? void 0 : u.lgFontSize}px`,
-      "--mdTable-fontSize": `${(j = r.Table) == null ? void 0 : j.mdFontSize}px`,
-      "--smTable-fontSize": `${(f = r.Table) == null ? void 0 : f.smFontSize}px`,
-      "--xsTable-fontSize": `${(S = r.Table) == null ? void 0 : S.xsFontSize}px`
+      height: p ? "100%" : w,
+      "--toolbar-bgColor": (l = n.Table) == null ? void 0 : l.toolbarBgColor,
+      "--thead-bgColor": (e = n.Table) == null ? void 0 : e.headerBg,
+      "--thead-hoverBgColor": (r = n.Table) == null ? void 0 : r.headerSortHoverBg,
+      "--evenRow-BgColor": (o = n.Table) == null ? void 0 : o.evenRowBgColor,
+      "--oddRow-BgColor": n.colorBgContainer,
+      "--radioCheckbox-borderColor": (s = n.Table) == null ? void 0 : s.radioCheckboxBorderColor,
+      "--expandIcon-borderColor": (a = n.Table) == null ? void 0 : a.expandIconBorderColor,
+      "--rowHover-bgColor": (i = n.Table) == null ? void 0 : i.rowHoverBg,
+      "--tbodyRow-borderColor": (T = n.Table) == null ? void 0 : T.borderColor,
+      "--xlTable-fontSize": `${(f = (x = n.Table) == null ? void 0 : x.xlTable) == null ? void 0 : f.fontSize}px`,
+      "--lgTable-fontSize": `${(g = (j = n.Table) == null ? void 0 : j.lgTable) == null ? void 0 : g.fontSize}px`,
+      "--mdTable-fontSize": `${(oe = (H = n.Table) == null ? void 0 : H.mdTable) == null ? void 0 : oe.fontSize}px`,
+      "--smTable-fontSize": `${(ne = (te = n.Table) == null ? void 0 : te.smTable) == null ? void 0 : ne.fontSize}px`,
+      "--xsTable-fontSize": `${(se = (re = n.Table) == null ? void 0 : re.xsTable) == null ? void 0 : se.fontSize}px`,
+      "--xlTable-height": `${(ie = (ae = n.Table) == null ? void 0 : ae.xlTable) == null ? void 0 : ie.height}px`,
+      "--lgTable-height": `${(he = (ce = n.Table) == null ? void 0 : ce.lgTable) == null ? void 0 : he.height}px`,
+      "--mdTable-height": `${(de = (be = n.Table) == null ? void 0 : be.mdTable) == null ? void 0 : de.height}px`,
+      "--smTable-height": `${(xe = (ge = n.Table) == null ? void 0 : ge.smTable) == null ? void 0 : xe.height}px`,
+      "--xsTable-height": `${(ue = (fe = n.Table) == null ? void 0 : fe.xsTable) == null ? void 0 : ue.height}px`,
+      "--xlTable-lineHeight": `${(me = (Te = n.Table) == null ? void 0 : Te.xlTable) == null ? void 0 : me.lineHeight}px`,
+      "--lgTable-lineHeight": `${(Ce = (pe = n.Table) == null ? void 0 : pe.lgTable) == null ? void 0 : Ce.lineHeight}px`,
+      "--mdTable-lineHeight": `${(we = (ye = n.Table) == null ? void 0 : ye.mdTable) == null ? void 0 : we.lineHeight}px`,
+      "--smTable-lineHeight": `${(je = (Be = n.Table) == null ? void 0 : Be.smTable) == null ? void 0 : je.lineHeight}px`,
+      "--xsTable-lineHeight": `${(Ne = (ze = n.Table) == null ? void 0 : ze.xsTable) == null ? void 0 : Ne.lineHeight}px`
       // '--tableBody-bootomBorderColor': token.Table?.borderColor || '#f0f0f0',
     };
-  }, [p, B, r.Table]), Z = te(
-    (o, e) => V ? e % 2 === 0 ? "oddRow" : "evenRow" : "",
-    [V]
-  ), ee = /* @__PURE__ */ t.jsx(
-    Ae,
-    {
-      finished: we,
-      onLoad: de,
-      loadingText: "加载中...",
-      finishedText: "没有更多了",
-      errorText: "加载失败",
-      children: /* @__PURE__ */ t.jsxs(
-        "div",
-        {
-          className: "mobileList",
-          style: { backgroundColor: (oe = r.Table) == null ? void 0 : oe.mobileListBgColor },
-          children: [
-            c == null ? void 0 : c.map((o, e) => {
-              var n;
-              return /* @__PURE__ */ t.jsx(
-                "div",
-                {
-                  className: "listItem",
-                  style: { backgroundColor: (n = r.Table) == null ? void 0 : n.listItemBgColor },
-                  onClick: () => ve(o, e),
-                  children: w == null ? void 0 : w.map((l, s) => {
-                    var a;
-                    return !(l != null && l.mobileHide) && /* @__PURE__ */ t.jsxs(
-                      "div",
-                      {
-                        className: "row",
-                        style: { color: r.colorText },
-                        children: [
-                          !l.mobileHideLabel && /* @__PURE__ */ t.jsxs("div", { className: "label", children: [
-                            `${l.title}`,
-                            "："
-                          ] }),
-                          /* @__PURE__ */ t.jsx("div", { className: "value", children: ((a = l == null ? void 0 : l.render) == null ? void 0 : a.call(
-                            l,
-                            De(o, (l == null ? void 0 : l.dataIndex) || ""),
-                            o,
-                            e
-                          )) || (o == null ? void 0 : o[l.dataIndex]) })
-                        ]
-                      },
-                      s
-                    );
-                  })
-                },
-                e
-              );
-            }),
-            v && Array.from({ length: ae }).map((o, e) => {
-              var n;
-              return /* @__PURE__ */ t.jsx(
-                "div",
-                {
-                  className: "listItem",
-                  style: { backgroundColor: (n = r.Table) == null ? void 0 : n.listItemBgColor },
-                  children: /* @__PURE__ */ t.jsx("div", { className: "row", children: K ? K() : /* @__PURE__ */ t.jsx(
-                    He,
-                    {
-                      title: !1,
-                      paragraph: {
-                        rows: ie,
-                        width: ce
-                      },
-                      active: !0
-                    }
-                  ) })
-                },
-                e
-              );
-            })
-          ]
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      className: ne("bitzTableBlock", { fullscreen: p }),
-      style: Le,
-      children: [
-        !F && /* @__PURE__ */ t.jsxs("div", { ref: y, className: Se, style: Me, children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "bitzTableContainerBody", ref: N, children: [
-            q && /* @__PURE__ */ t.jsxs("div", { className: "bitzTableToolbarBlock", children: [
-              me || /* @__PURE__ */ t.jsx("div", {}),
-              Ce,
-              (h == null ? void 0 : h.rowSelection) && /* @__PURE__ */ t.jsx(t.Fragment, { children: pe })
-            ] }),
-            /* @__PURE__ */ t.jsx(
-              R,
-              {
-                columns: w,
-                dataSource: c,
-                loading: !1,
-                pagination: !1,
-                scroll: k,
-                ...h,
-                rowClassName: Z,
-                className: "bitzTable"
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              Ve,
-              {
-                columns: w,
-                dataLength: c.length,
-                scroll: k,
-                rowSelection: h.rowSelection,
-                expandable: h.expandable,
-                showTableTool: q,
-                rowClassName: Z,
-                loading: v,
-                className: "bitzTableSkeleton"
-              }
-            )
-          ] }),
-          z && /* @__PURE__ */ t.jsx(
-            $e,
-            {
-              elRefInstance: X,
-              enableControl: he,
-              pagination: be,
-              total: L,
-              dataSource: c,
-              resetPage: ye,
-              paginationEmit: fe
-            }
-          )
-        ] }),
-        F && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          (v || (c == null ? void 0 : c.length) > 0) && /* @__PURE__ */ t.jsx(t.Fragment, { children: _ ? /* @__PURE__ */ t.jsx(Fe, { onRefresh: _, children: ee }) : ee }),
-          !v && /* @__PURE__ */ t.jsx(Pe, { data: c, title: ue, img: ge }),
-          /* @__PURE__ */ t.jsx(
-            Ee,
-            {
-              className: "tableMobileDrawer",
-              open: Be,
-              placement: "bottom",
-              height: "auto",
-              closable: !1,
-              onClose: U,
-              children: /* @__PURE__ */ t.jsxs("div", { className: "drawerBox", children: [
-                /* @__PURE__ */ t.jsx("div", { className: "boxBody", children: je.map((o, e) => /* @__PURE__ */ t.jsx(
-                  "div",
-                  {
-                    className: "operaList",
-                    onClick: () => Ne(o),
-                    ...o.danger && {
-                      style: { color: r.colorError }
-                    },
-                    children: o.label
-                  },
-                  e
-                )) }),
-                /* @__PURE__ */ t.jsx("div", { className: "boxLine" }),
-                /* @__PURE__ */ t.jsx("div", { className: "boxFooter", onClick: U, children: xe })
-              ] })
-            }
-          )
-        ] })
-      ]
-    }
-  );
+  }, [p, w, n.Table]), Z = ke((l, e) => O ? e % 2 === 0 ? "oddRow" : "evenRow" : "", [O]), ee = t.jsx(il, {
+    finished: Xe,
+    // @ts-ignore
+    onLoad: Ae,
+    loadingText: "加载中...",
+    finishedText: "没有更多了",
+    errorText: "加载失败",
+    children: t.jsxs("div", { className: "mobileList", style: { backgroundColor: (le = n.Table) == null ? void 0 : le.mobileListBgColor }, children: [c == null ? void 0 : c.map((l, e) => {
+      var r;
+      return t.jsx("div", { className: "listItem", style: { backgroundColor: (r = n.Table) == null ? void 0 : r.listItemBgColor }, onClick: () => Qe(l, e), children: B == null ? void 0 : B.map((o, s) => {
+        var a;
+        return !(o != null && o.mobileHide) && t.jsxs("div", { className: "row", style: { color: n.colorText }, children: [!o.mobileHideLabel && t.jsxs("div", { className: "label", children: [`${o.title}`, "："] }), t.jsx("div", { className: "value", children: ((a = o == null ? void 0 : o.render) == null ? void 0 : a.call(o, fl(l, (o == null ? void 0 : o.dataIndex) || ""), l, e)) || (l == null ? void 0 : l[o.dataIndex]) })] }, s);
+      }) }, e);
+    }), N && Array.from({ length: Le }).map((l, e) => {
+      var r;
+      return t.jsx("div", { className: "listItem", style: { backgroundColor: (r = n.Table) == null ? void 0 : r.listItemBgColor }, children: t.jsx("div", { className: "row", children: V ? V() : t.jsx(nl, { title: !1, paragraph: {
+        rows: Me,
+        width: We
+      }, active: !0 }) }) }, e);
+    })] })
+  });
+  return t.jsxs("div", { className: He("bitzTableBlock", { fullscreen: p }), style: ll, children: [!D && t.jsxs("div", { ref: C, className: el, style: ol, children: [t.jsxs("div", { className: "bitzTableContainerBody", ref: v, children: [q && t.jsxs("div", { className: "bitzTableToolbarBlock", children: [Ve || t.jsx("div", {}), Ke, (b == null ? void 0 : b.rowSelection) && t.jsx(t.Fragment, { children: _e })] }), t.jsx(F, {
+    columns: B,
+    dataSource: c,
+    loading: !1,
+    pagination: !1,
+    scroll: k,
+    ...b,
+    // style={style}
+    rowClassName: Z,
+    className: "bitzTable"
+  }), t.jsx(dl, {
+    columns: B,
+    dataLength: c.length,
+    scroll: k,
+    rowSelection: b.rowSelection,
+    expandable: b.expandable,
+    // style={style}
+    showTableTool: q,
+    rowClassName: Z,
+    loading: N,
+    className: "bitzTableSkeleton"
+  })] }), z && t.jsx(sl, { elRefInstance: X, enableControl: Ee, pagination: Pe, total: S, dataSource: c, resetPage: qe, paginationEmit: De })] }), D && t.jsxs(t.Fragment, { children: [(N || (c == null ? void 0 : c.length) > 0) && t.jsx(t.Fragment, { children: K ? t.jsx(cl, { onRefresh: K, children: ee }) : ee }), !N && t.jsx(al, { data: c, title: Re, img: Oe }), t.jsx(rl, { className: "tableMobileDrawer", open: Ue, placement: "bottom", height: "auto", closable: !1, onClose: U, children: t.jsxs("div", { className: "drawerBox", children: [t.jsx("div", { className: "boxBody", children: Ie.map((l, e) => t.jsx("div", { className: "operaList", onClick: () => Ye(l), ...l.danger && {
+    style: { color: n.colorError }
+  }, children: l.label }, e)) }), t.jsx("div", { className: "boxLine" }), t.jsx("div", { className: "boxFooter", onClick: U, children: Fe })] }) })] })] });
 }
-const go = (z) => /* @__PURE__ */ t.jsx(Re, { initValue: z, children: /* @__PURE__ */ t.jsx(qe, { ...z }) });
+const Rl = (z) => t.jsx(hl, { initValue: z, children: t.jsx(ul, { ...z }) });
 export {
-  go as default
+  Rl as default
 };

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

@@ -1,21 +1,13 @@
 import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { theme as _, Skeleton as L, Table as f } from "antd";
+import { theme as _, Skeleton as L, Table as p } from "antd";
 import O from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/table/ExpandIcon.mjs";
-import { useContext as R, useMemo as a, useRef as T, useEffect as w } from "react";
+import { useContext as R, useMemo as a, useRef as S, useEffect as T } from "react";
 import "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/index.mjs";
-import N from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/locale/en_US.mjs";
-import { ConfigContext as S } from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/context.mjs";
-const q = ({
-  columns: s,
-  dataLength: c,
-  rowSelection: l,
-  expandable: o,
-  loading: r,
-  showTableTool: y,
-  ...u
-}) => {
+import w from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/locale/en_US.mjs";
+import { ConfigContext as N } from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/context.mjs";
+const q = ({ columns: s, dataLength: c, rowSelection: l, expandable: o, loading: r, showTableTool: y, ...u }) => {
   var x;
-  const { token: m } = _.useToken(), { table: p, locale: C = N } = R(S), b = { ...C.Table }, k = ((x = p == null ? void 0 : p.expandable) == null ? void 0 : x.expandIcon) || (o == null ? void 0 : o.expandIcon) || O(b), I = a(() => {
+  const { token: d } = _.useToken(), { table: f, locale: C = w } = R(N), b = { ...C.Table }, k = ((x = f == null ? void 0 : f.expandable) == null ? void 0 : x.expandIcon) || (o == null ? void 0 : o.expandIcon) || O(b), I = a(() => {
     if (!r)
       return [];
     const t = c > 4 ? c >= 20 ? 20 : c : 4;
@@ -25,23 +17,16 @@ const q = ({
     return (t = s == null ? void 0 : s.filter((e) => Object.keys(e).length !== 0)) == null ? void 0 : t.map((e) => e != null && e.isOperationCol ? e : {
       ...e,
       sorter: !1,
-      render: (n, B, j) => /* @__PURE__ */ i.jsx(
-        L,
-        {
-          active: !0,
-          title: !1,
-          paragraph: {
-            rows: 1,
-            width: (j + 1) % 2 === 0 ? "100%" : "60%"
-          }
-        }
-      )
+      render: (n, B, j) => i.jsx(L, { active: !0, title: !1, paragraph: {
+        rows: 1,
+        width: (j + 1) % 2 === 0 ? "100%" : "60%"
+      } })
     });
   }, [s]), g = a(() => {
     if (o)
       return {
         ...o,
-        expandedRowRender: () => /* @__PURE__ */ i.jsx(i.Fragment, {}),
+        expandedRowRender: () => i.jsx(i.Fragment, {}),
         expandIcon: (t) => {
           const e = k(t);
           return {
@@ -51,7 +36,7 @@ const q = ({
               disabled: !0,
               style: {
                 ...e.props.style,
-                backgroundColor: m.colorBgContainerDisabled
+                backgroundColor: d.colorBgContainerDisabled
               }
             }
           };
@@ -64,35 +49,21 @@ const q = ({
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [l]), d = T();
-  return w(() => {
+  }, [l]), m = S();
+  return T(() => {
     var e, n;
-    const t = (n = (e = d.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
+    const t = (n = (e = m.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
     t && (t.scrollLeft = 0);
-  }, [r]), /* @__PURE__ */ i.jsx(
-    f,
-    {
-      ...u,
-      ref: d,
-      expandable: g,
-      rowSelection: h,
-      pagination: !1,
-      columns: [f.SELECTION_COLUMN, f.EXPAND_COLUMN, ...E],
-      rowKey: "index",
-      dataSource: I,
-      loading: !1,
-      style: {
-        ...u.style,
-        position: "absolute",
-        inset: 0,
-        top: y ? "var(--toolbar-height)" : 0,
-        zIndex: r ? 100 : -1,
-        /** 保险起见，使用了zIndex也要用opacity控制显隐 */
-        opacity: r ? 1 : 0,
-        background: r ? m.colorBgContainer : "transparent"
-      }
-    }
-  );
+  }, [r]), i.jsx(p, { ...u, ref: m, expandable: g, rowSelection: h, pagination: !1, columns: [p.SELECTION_COLUMN, p.EXPAND_COLUMN, ...E], rowKey: "index", dataSource: I, loading: !1, style: {
+    ...u.style,
+    position: "absolute",
+    inset: 0,
+    top: y ? "var(--toolbar-height)" : 0,
+    zIndex: r ? 100 : -1,
+    /** 保险起见，使用了zIndex也要用opacity控制显隐 */
+    opacity: r ? 1 : 0,
+    background: r ? d.colorBgContainer : "transparent"
+  } });
 };
 export {
   q as default