bitz-react-admin-ui 1.6.6 → 1.6.7

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

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

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

@@ -1,30 +1,46 @@
-import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { theme as L, Skeleton as j, Table as d } from "antd";
-import T from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/table/ExpandIcon.mjs";
-import { useContext as _, useMemo as c, useRef as R, useEffect as w } from "react";
+import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { theme as L, Skeleton as O, Table as l } from "antd";
+import R from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/table/ExpandIcon.mjs";
+import { useContext as T, useMemo as a, useRef as g, useEffect as h } from "react";
 import "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/index.mjs";
-import N from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/locale/en_US.mjs";
-import { ConfigContext as O } from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/context.mjs";
-const q = ({ columns: n, pageSize: a, rowSelection: i, expandable: o, loading: l, ...m }) => {
-  var u;
-  const { token: x } = L.useToken(), { table: f, locale: y = N } = _(O), C = { ...y.Table }, b = ((u = f == null ? void 0 : f.expandable) == null ? void 0 : u.expandIcon) || (o == null ? void 0 : o.expandIcon) || T(C), k = c(() => {
-    const t = a >= 20 ? 20 : a;
-    return Array.from({ length: t }).map((e, r) => ({ index: r }));
-  }, [a]), I = c(() => {
+import w from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/locale/en_US.mjs";
+import { ConfigContext as N } from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/context.mjs";
+const U = ({
+  columns: s,
+  dataLength: c,
+  rowSelection: f,
+  expandable: o,
+  loading: r,
+  ...u
+}) => {
+  var d;
+  const { token: x } = L.useToken(), { table: p, locale: y = w } = T(N), C = { ...y.Table }, b = ((d = p == null ? void 0 : p.expandable) == null ? void 0 : d.expandIcon) || (o == null ? void 0 : o.expandIcon) || R(C), k = a(() => {
+    if (!r)
+      return [];
+    const t = c > 4 ? c >= 20 ? 20 : c : 4;
+    return Array.from({ length: t }).map((e, n) => ({ index: n }));
+  }, [r, c]), I = a(() => {
     var t;
-    return (t = n == null ? void 0 : n.filter((e) => Object.keys(e).length !== 0)) == null ? void 0 : t.map((e) => e != null && e.fixed ? e : {
+    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: (r, M, E) => s.jsx(j, { active: !0, title: !1, paragraph: {
-        rows: 1,
-        width: (E + 1) % 2 === 0 ? "100%" : "60%"
-      } })
+      render: (n, S, _) => /* @__PURE__ */ i.jsx(
+        O,
+        {
+          active: !0,
+          title: !1,
+          paragraph: {
+            rows: 1,
+            width: (_ + 1) % 2 === 0 ? "100%" : "60%"
+          }
+        }
+      )
     });
-  }, [n]), g = c(() => {
+  }, [s]), E = a(() => {
     if (o)
       return {
         ...o,
-        expandedRowRender: () => s.jsx(s.Fragment, {}),
+        expandedRowRender: () => /* @__PURE__ */ i.jsx(i.Fragment, {}),
         expandIcon: (t) => {
           const e = b(t);
           return {
@@ -40,27 +56,43 @@ const q = ({ columns: n, pageSize: a, rowSelection: i, expandable: o, loading: l
           };
         }
       };
-  }, [o]), h = c(() => {
-    if (i)
+  }, [o]), j = a(() => {
+    if (f)
       return {
-        ...i,
+        ...f,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [i]), p = R();
-  return w(() => {
-    var e, r;
-    const t = (r = (e = p.current) == null ? void 0 : e.nativeElement) == null ? void 0 : r.querySelector(".ant-table-body");
-    t && (t.scrollTop = 0);
-  }, [l]), s.jsx(d, { ...m, expandable: g, rowSelection: h, pagination: !1, columns: [d.SELECTION_COLUMN, d.EXPAND_COLUMN, ...I], rowKey: "index", dataSource: k, loading: !1, style: {
-    position: "absolute",
-    inset: 0,
-    top: 40,
-    zIndex: l ? 9999 : -1,
-    /** 保险起见，使用了zIndex也要用opacity控制显隐 */
-    opacity: l ? 1 : 0
-  }, ref: p });
+  }, [f]), m = g();
+  return h(() => {
+    var e, n;
+    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(
+    l,
+    {
+      ...u,
+      ref: m,
+      expandable: E,
+      rowSelection: j,
+      pagination: !1,
+      columns: [l.SELECTION_COLUMN, l.EXPAND_COLUMN, ...I],
+      rowKey: "index",
+      dataSource: k,
+      loading: !1,
+      style: {
+        ...u.style,
+        position: "absolute",
+        inset: 0,
+        top: 40,
+        zIndex: r ? 100 : -1,
+        /** 保险起见，使用了zIndex也要用opacity控制显隐 */
+        opacity: r ? 1 : 0,
+        background: r ? "#fff" : "transparent"
+      }
+    }
+  );
 };
 export {
-  q as default
+  U as default
 };