bitz-react-admin-ui 1.6.9 → 1.7.1

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

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

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

@@ -1,20 +1,20 @@
 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 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";
+import { theme as g, Skeleton as L, Table as f } from "antd";
+import O from "../../../node_modules/.store/antd@5.15.2/node_modules/antd/es/table/ExpandIcon.mjs";
+import { useContext as R, useMemo as a, useRef as T, useEffect as h } from "react";
+import "../../../node_modules/.store/antd@5.15.2/node_modules/antd/es/config-provider/index.mjs";
+import w from "../../../node_modules/.store/antd@5.15.2/node_modules/antd/locale/en_US.mjs";
+import { ConfigContext as N } from "../../../node_modules/.store/antd@5.15.2/node_modules/antd/es/config-provider/context.mjs";
 const U = ({
   columns: s,
   dataLength: c,
-  rowSelection: f,
+  rowSelection: l,
   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(() => {
+  var x;
+  const { token: m } = g.useToken(), { table: p, locale: y = w } = R(N), C = { ...y.Table }, b = ((x = p == null ? void 0 : p.expandable) == null ? void 0 : x.expandIcon) || (o == null ? void 0 : o.expandIcon) || O(C), k = a(() => {
     if (!r)
       return [];
     const t = c > 4 ? c >= 20 ? 20 : c : 4;
@@ -25,7 +25,7 @@ const U = ({
       ...e,
       sorter: !1,
       render: (n, S, _) => /* @__PURE__ */ i.jsx(
-        O,
+        L,
         {
           active: !0,
           title: !1,
@@ -50,33 +50,33 @@ const U = ({
               disabled: !0,
               style: {
                 ...e.props.style,
-                backgroundColor: x.colorBgContainerDisabled
+                backgroundColor: m.colorBgContainerDisabled
               }
             }
           };
         }
       };
   }, [o]), j = a(() => {
-    if (f)
+    if (l)
       return {
-        ...f,
+        ...l,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [f]), m = g();
+  }, [l]), d = T();
   return h(() => {
     var e, n;
-    const t = (n = (e = m.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
+    const t = (n = (e = d.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
     t && (t.scrollLeft = 0);
   }, [r]), /* @__PURE__ */ i.jsx(
-    l,
+    f,
     {
       ...u,
-      ref: m,
+      ref: d,
       expandable: E,
       rowSelection: j,
       pagination: !1,
-      columns: [l.SELECTION_COLUMN, l.EXPAND_COLUMN, ...I],
+      columns: [f.SELECTION_COLUMN, f.EXPAND_COLUMN, ...I],
       rowKey: "index",
       dataSource: k,
       loading: !1,
@@ -88,7 +88,7 @@ const U = ({
         zIndex: r ? 100 : -1,
         /** 保险起见，使用了zIndex也要用opacity控制显隐 */
         opacity: r ? 1 : 0,
-        background: r ? "#fff" : "transparent"
+        background: r ? m.colorBgContainer : "transparent"
       }
     }
   );