bitz-react-admin-ui 1.8.1 → 1.8.2

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

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