bitz-react-admin-ui 1.8.2 → 1.8.3

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

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