bitz-react-admin-ui 2.2.9 → 2.3.0

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

@@ -13,10 +13,10 @@ import pt from "../../BitzPullRefresh/PullRefresh.mjs";
 import Nt, { BitzTableContext as kt, toolCols as St } from "../Store/index.mjs";
 import { loopFilter as Mt, columnSort as Lt } from "../Store/utils/index.mjs";
 import se from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
-import vt from "../ActionCol/style.mjs";
-import Ht from "../../BitzTheme/index.mjs";
-import ve from "../../BitzHighlight/index.mjs";
-import Rt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
+import Ht from "../ActionCol/style.mjs";
+import Rt from "../../BitzTheme/index.mjs";
+import He from "../../BitzHighlight/index.mjs";
+import vt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
 import "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/index.mjs";
 import Pt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/locale/en_US.mjs";
 import { getColumnsWithTool as $t, loopBuildSkeleton as Ot } from "./utils.mjs";
@@ -28,8 +28,8 @@ import "./index.less.mjs";
 import { ConfigContext as Ft } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
 import _t from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
 function Gt({
-  showPagination: H = !0,
-  height: R,
+  showPagination: R = !0,
+  height: v,
   dataSource: m,
   total: j = 0,
   columns: P,
@@ -39,13 +39,13 @@ function Gt({
     mobile: 10
   },
   skeletonRender: ne,
-  skeletonRowNum: He = 4,
-  skeletonRowsWidth: Re = ["35%", "100%", "100%", "60%"],
+  skeletonRowNum: Re = 4,
+  skeletonRowsWidth: ve = ["35%", "100%", "100%", "60%"],
   // mobileLoadEmit,
   mobileRefreshEmit: ie,
   operationFilter: G,
   enableControlPage: Pe,
-  pagination: C,
+  pagination: y,
   paginationEmit: O = () => {
   },
   enabledRowDragSort: M,
@@ -60,21 +60,21 @@ function Gt({
   tableAction: qe,
   tableToolbar: De,
   selectionBar: Fe,
-  scroll: a,
+  scroll: c,
   components: W,
-  expandable: y,
+  expandable: x,
   rowSelection: p,
-  selectionAlert: u,
+  selectionAlert: d,
   resetPage: _e,
-  ...f
+  ...u
 }) {
   var Ne;
-  const { token: x } = Ht.useToken(), { Table: c } = x, { tableSpaceBetweenPage: ae = 10 } = c, { gap: Ge } = vt(), { showColumnBorder: Ee, hideRowBorder: ce, rowHoverable: Je, ...d } = Se(kt), w = q(void 0), [J, Qe] = S(0), [Q, Ue] = S(0), [U, Xe] = S(0), [Ye, X] = S(!1), [b, Ze] = S([]);
+  const { token: g } = Rt.useToken(), { Table: a } = g, { tableSpaceBetweenPage: ce = 10 } = a, { gap: Ge } = Ht(), { showColumnBorder: Ee, hideRowBorder: ae, rowHoverable: Je, ...h } = Se(kt), b = q(void 0), [J, Qe] = S(0), [Q, Ue] = S(0), [U, Xe] = S(0), [Ye, X] = S(!1), [C, Ze] = S([]);
   Me(() => {
     let e = [...m ?? []];
-    (C == null ? void 0 : C.page) !== 1 && (e = [...b, ...e]), Ze(e);
+    (y == null ? void 0 : y.page) !== 1 && (e = [...C, ...e]), Ze(e);
   }, [m]);
-  const Ie = l(() => !!(b != null && b.length) && (b == null ? void 0 : b.length) >= j, [b, j]), [Ae, et] = S([]), tt = (e, t) => {
+  const Ie = l(() => !!(C != null && C.length) && (C == null ? void 0 : C.length) >= j, [C, j]), [Ae, et] = S([]), tt = (e, t) => {
     var o;
     const r = (o = G == null ? void 0 : G(e, t)) == null ? void 0 : o.filter(
       (n) => n.type !== "divider"
@@ -98,16 +98,16 @@ function Gt({
     }), t.length)
       return Math.ceil(Math.max(...t)) + Ge * 2;
   }, ue = () => {
-    var h, g, K;
-    const e = (h = z.current) == null ? void 0 : h.querySelector(
+    var f, w, K;
+    const e = (f = z.current) == null ? void 0 : f.querySelector(
       ".ant-table-body"
-    ), t = e == null ? void 0 : e.clientWidth, o = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, n = (K = (g = z.current) == null ? void 0 : g.querySelector(
+    ), t = e == null ? void 0 : e.clientWidth, o = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, n = (K = (w = z.current) == null ? void 0 : w.querySelector(
       ".ant-table-cell-scrollbar"
     )) == null ? void 0 : K.offsetWidth;
     return { tbodyWidth: t, hasScrollBar: o, scrollbarSize: n };
-  }, { y: A, tbodyWidth: v, hasScrollBar: V, scrollbarSize: $ } = l(() => {
+  }, { y: A, tbodyWidth: H, hasScrollBar: V, scrollbarSize: $ } = l(() => {
     const { tbodyWidth: e, hasScrollBar: t, scrollbarSize: r } = ue();
-    if (typeof R > "u")
+    if (typeof v > "u")
       return {
         tbodyWidth: e,
         hasScrollBar: t,
@@ -118,18 +118,18 @@ function Gt({
       const T = window.getComputedStyle(z.current);
       o = parseInt(T.getPropertyValue("--cell-height")), n = parseInt(T.getPropertyValue("--toolbar-height"));
     }
-    const h = (L == null ? void 0 : L.height) || 0, g = h ? ae : 0;
-    return { y: (d.fullscreen ? window.innerHeight : R) - h - g - n - o, tbodyWidth: e, hasScrollBar: t, scrollbarSize: r };
+    const f = (L == null ? void 0 : L.height) || 0, w = f ? ce : 0;
+    return { y: (h.fullscreen ? window.innerHeight : v) - f - w - n - o, tbodyWidth: e, hasScrollBar: t, scrollbarSize: r };
   }, [
-    d.fullscreen,
-    R,
+    h.fullscreen,
+    v,
     L == null ? void 0 : L.height,
     Y == null ? void 0 : Y.height,
     Z == null ? void 0 : Z.height
   ]), ee = l(() => {
-    let e = (a == null ? void 0 : a.x) ?? 1e3;
-    return J && (e -= J), Q && w.current && (e -= Q * w.current), v && (a != null && a.x && e < v && (a == null ? void 0 : a.x) > v && Xe(v - e), e = Math.max(e, v)), a != null && a.x ? { x: e, y: a.y || A } : a != null && a.y ? { x: e, y: a.y } : { x: e, y: A };
-  }, [a, A, v, J, Q]), fe = () => {
+    let e = (c == null ? void 0 : c.x) ?? 1e3;
+    return J && (e -= J), Q && b.current && (e -= Q * b.current), H && (c != null && c.x && e < H && (c == null ? void 0 : c.x) > H && Xe(H - e), e = Math.max(e, H)), c != null && c.x ? { x: e, y: c.y || A } : c != null && c.y ? { x: e, y: c.y } : { x: e, y: A };
+  }, [c, A, H, J, Q]), fe = () => {
     let e = 0;
     if (z.current) {
       const r = window.getComputedStyle(z.current), o = parseInt(
@@ -138,42 +138,44 @@ function Gt({
       e = parseInt(r.getPropertyValue("--fontSize")) + 4 + 2 * o;
     }
     let t = 0;
-    return p && (t += e), y && (t += e), M && (t += e), t;
+    return p && (t += e), x && (t += e), M && (t += e), t;
   }, st = (e, t) => {
-    const r = e.length, o = e.filter((T) => T.width), h = o.map((T) => T.width).reduce((T, gt) => T + gt, 0), { tbodyWidth: g } = ue(), re = Math.max((a == null ? void 0 : a.x) ?? 0, g ?? 0) - h - t, ke = r - o.length;
-    return re >= 0 ? Math.floor(re / ke) : void 0;
+    const r = e.length, o = e.filter((T) => T.width), f = o.map((T) => T.width).reduce((T, gt) => T + gt, 0), { tbodyWidth: w } = ue(), re = Math.max((c == null ? void 0 : c.x) ?? 0, w ?? 0) - f - t, ke = r - o.length;
+    return re >= 0 ? Math.floor(re / ke) : 0;
   }, me = l(() => {
     var e;
     return ((e = (P ?? []).find((t) => t.isOperationCol)) == null ? void 0 : e.width) ?? 0;
   }, [P]), B = l(() => {
-    const t = (P ?? []).filter((g) => !St.includes(g)), { filterColumns: r, hiddenTotalWidth: o, autoWidthColLength: n } = Mt(
+    const t = (P ?? []).filter((w) => !St.includes(w)), { filterColumns: r, hiddenTotalWidth: o, autoWidthColLength: n } = Mt(
       t,
-      d.columnsMap
-    ), h = r.sort(Lt(d.columnsMap));
+      h.columnsMap
+    ), f = r.sort(Lt(h.columnsMap));
     if (!D) {
-      const g = fe();
-      w.current = st(t, g), Qe(o), Ue(n);
+      const w = fe();
+      b.current = st(t, w), Qe(o), Ue(n);
     }
-    return h;
-  }, [d.columnsMap, me]), be = l(() => fe(), [d.columnsMap, me]), [N, Ce] = S([]);
+    return f;
+  }, [h.columnsMap, me]), be = l(() => fe(), [h.columnsMap, me]), [N, Ce] = S([]);
   Me(() => {
-    let e = 0;
-    if (U) {
-      const o = B == null ? void 0 : B.filter(
-        (n) => !n.width && !(n != null && n.isOperationCol)
-      ).length;
-      e = Math.floor(U / o);
-    }
-    let t = 0;
-    const r = B.map((o, n) => {
-      let h = o.width;
-      return o != null && o.useMaxWidth && (o != null && o.isOperationCol) && (h = ot() ?? o.width), h || (h = ((w == null ? void 0 : w.current) || 0) + e), t += h, h;
-    });
-    if (t < ee.x - be) {
-      const o = ee.x - be - t;
-      r[0] = r[0] + o;
+    if (b.current) {
+      let e = 0;
+      if (U) {
+        const o = B == null ? void 0 : B.filter(
+          (n) => !n.width && !(n != null && n.isOperationCol)
+        ).length;
+        e = Math.floor(U / o);
+      }
+      let t = 0;
+      const r = B.map((o) => {
+        let n = o.width;
+        return o != null && o.useMaxWidth && (o != null && o.isOperationCol) && (n = ot() ?? o.width), !n && (b != null && b.current) && (n = b.current + e), t += n ?? 0, n;
+      });
+      if (t < ee.x - be) {
+        const o = ee.x - be - t;
+        r[0] = (r[0] ?? 0) + o;
+      }
+      Ce(r);
     }
-    Ce(r);
   }, [B, U]);
   const k = l(() => {
     if (D)
@@ -185,7 +187,7 @@ function Gt({
         ...((o = B[r + 1]) == null ? void 0 : o.isOperationCol) && {
           className: F(t.className, "disabledResize")
         },
-        width: N.length ? N[r] : (w == null ? void 0 : w.current) ?? void 0,
+        width: N.length ? N[r] : b == null ? void 0 : b.current,
         onHeaderCell: (n) => ({
           width: n.width,
           onResize: nt(r)
@@ -197,23 +199,23 @@ function Gt({
       e,
       M,
       !!p,
-      !!y
+      !!x
     );
   }, [P, B, N]), nt = (e) => (t, { size: r }) => {
-    const o = [...N], n = e + 1, h = r.width - N[e];
-    o[e] = N[e] + h, o[n] = N[n] - h, o[e] > 48 && o[n] > 48 && Ce(o);
+    const o = [...N], n = e + 1, f = r.width - N[e];
+    o[e] = N[e] + f, o[n] = N[n] - f, o[e] > 48 && o[n] > 48 && Ce(o);
   }, ye = l(() => Ot(k), [k]), it = l(() => i ? ye : k, [i, k, ye]), xe = l(() => {
     const e = (m ?? []).length, t = e > (_.pc ?? 10) ? e >= 20 ? 20 : e : _.pc ?? 10;
     return Array.from({ length: t }).map((o, n) => ({
       key: `${Date.now()}${n}`
     }));
-  }, [m]), ge = l(() => i ? xe : m ?? [], [i, m, xe]), { table: te, locale: lt = Pt } = Se(Ft), at = { ...lt.Table }, ct = ((Ne = te == null ? void 0 : te.expandable) == null ? void 0 : Ne.expandIcon) || (y == null ? void 0 : y.expandIcon) || Rt(at), we = l(() => {
-    if (y)
+  }, [m]), ge = l(() => i ? xe : m ?? [], [i, m, xe]), { table: te, locale: lt = Pt } = Se(Ft), ct = { ...lt.Table }, at = ((Ne = te == null ? void 0 : te.expandable) == null ? void 0 : Ne.expandIcon) || (x == null ? void 0 : x.expandIcon) || vt(ct), we = l(() => {
+    if (x)
       return {
-        ...y,
+        ...x,
         expandedRowRender: () => /* @__PURE__ */ s.jsx(s.Fragment, {}),
         expandIcon: (e) => {
-          const t = ct(e);
+          const t = at(e);
           return {
             ...t,
             props: {
@@ -221,80 +223,80 @@ function Gt({
               disabled: !0,
               style: {
                 ...t.props.style,
-                backgroundColor: x.colorBgContainerDisabled
+                backgroundColor: g.colorBgContainerDisabled
               }
             }
           };
         }
       };
-  }, [y]), ht = l(() => i ? we : y, [i, y, we]), ze = l(() => {
+  }, [x]), ht = l(() => i ? we : x, [i, x, we]), ze = l(() => {
     if (p)
       return {
         ...p,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [p]), dt = l(() => i ? ze : p, [i, p, ze]), Be = l(() => i ? "key" : f.rowKey, [i, f.rowKey]), je = l(() => `${le ?? d.stylesConfig.size}BitzTable`, [le, d.stylesConfig.size]), ut = oe(
+  }, [p]), dt = l(() => i ? ze : p, [i, p, ze]), Be = l(() => i ? "key" : u.rowKey, [i, u.rowKey]), je = l(() => `${le ?? h.stylesConfig.size}BitzTable`, [le, h.stylesConfig.size]), ut = oe(
     (e, t) => {
       var o;
-      if (!f.onRow || i)
+      if (!u.onRow || i)
         return {};
-      const r = (o = f.onRow) == null ? void 0 : o.call(f, e, t);
+      const r = (o = u.onRow) == null ? void 0 : o.call(u, e, t);
       return r.onClick && (r.className = "rowPointerCursor"), r;
     },
-    [f.onRow, i]
+    [u.onRow, i]
   ), ft = l(() => F(
     "bitzTableContainer",
-    { hideBorder: ce },
+    { hideBorder: ae },
     { hasScrollBar: V },
     je,
-    f.className
+    u.className
   ), [
-    f.className,
+    u.className,
     je,
     V,
-    d.fullscreen,
-    ce
+    h.fullscreen,
+    ae
   ]), mt = l(() => ({
-    "--container-bgColor": x.colorBgContainer
-  }), [x.colorBgContainer]), bt = l(() => {
-    const e = d.fullscreen ? "100%" : R;
+    "--container-bgColor": g.colorBgContainer
+  }), [g.colorBgContainer]), bt = l(() => {
+    const e = h.fullscreen ? "100%" : v;
     let t;
     return ($ ?? 0) > 0 && (t = $), Vt({
       height: e,
-      fontFamily: x.fontFamily,
-      evenRowBgColor: d.zebra ? c == null ? void 0 : c.evenRowBgColor : x.colorBgContainer,
-      colorBgContainer: x.colorBgContainer,
-      table: c,
-      gap: ae,
-      borderColor: (c == null ? void 0 : c.borderColor) || x.colorBorderSecondary,
+      fontFamily: g.fontFamily,
+      evenRowBgColor: h.zebra ? a == null ? void 0 : a.evenRowBgColor : g.colorBgContainer,
+      colorBgContainer: g.colorBgContainer,
+      table: a,
+      gap: ce,
+      borderColor: (a == null ? void 0 : a.borderColor) || g.colorBorderSecondary,
       scrollbarWidth: t,
-      other: f.style
+      other: u.style
     });
   }, [
-    f.style,
-    d.fullscreen,
-    R,
-    c,
-    d == null ? void 0 : d.zebra,
+    u.style,
+    h.fullscreen,
+    v,
+    a,
+    h == null ? void 0 : h.zebra,
     $
   ]), Ct = oe(
     (e, t, r) => {
       const o = t % 2 === 0 ? "oddRow" : "evenRow";
-      if (f.rowClassName) {
-        const n = f.rowClassName(e, t, r);
+      if (u.rowClassName) {
+        const n = u.rowClassName(e, t, r);
         return F(o, n);
       }
       return o;
     },
-    [f.rowClassName]
+    [u.rowClassName]
   ), We = /* @__PURE__ */ s.jsx(
     Tt,
     {
       finished: Ie,
       onLoad: async () => (
         // @ts-ignore
-        !i && (O == null ? void 0 : O((C == null ? void 0 : C.page) + 1, C == null ? void 0 : C.size))
+        !i && (O == null ? void 0 : O((y == null ? void 0 : y.page) + 1, y == null ? void 0 : y.size))
       ),
       loadingText: "加载中...",
       finishedText: "没有更多了",
@@ -303,13 +305,13 @@ function Gt({
         "div",
         {
           className: "mobileList",
-          style: { backgroundColor: c == null ? void 0 : c.mobileListBgColor },
+          style: { backgroundColor: a == null ? void 0 : a.mobileListBgColor },
           children: [
-            b == null ? void 0 : b.map((e, t) => /* @__PURE__ */ s.jsx(
+            C == null ? void 0 : C.map((e, t) => /* @__PURE__ */ s.jsx(
               "div",
               {
                 className: "listItem",
-                style: { backgroundColor: c == null ? void 0 : c.listItemBgColor },
+                style: { backgroundColor: a == null ? void 0 : a.listItemBgColor },
                 onClick: () => tt(e, t),
                 children: k == null ? void 0 : k.map((r, o) => {
                   var n;
@@ -317,7 +319,7 @@ function Gt({
                     "div",
                     {
                       className: "row",
-                      style: { color: x.colorText },
+                      style: { color: g.colorText },
                       children: [
                         !r.mobileHideLabel && /* @__PURE__ */ s.jsxs("div", { className: "label", children: [
                           `${r.title}`,
@@ -343,15 +345,15 @@ function Gt({
                 className: "listItem",
                 style: {
                   display: i ? "block" : "none",
-                  backgroundColor: c == null ? void 0 : c.listItemBgColor
+                  backgroundColor: a == null ? void 0 : a.listItemBgColor
                 },
                 children: /* @__PURE__ */ s.jsx("div", { className: "row", children: ne ? ne() : /* @__PURE__ */ s.jsx(
                   wt,
                   {
                     title: !1,
                     paragraph: {
-                      rows: He,
-                      width: Re
+                      rows: Re,
+                      width: ve
                     },
                     active: !0
                   }
@@ -365,7 +367,7 @@ function Gt({
     }
   ), Te = l(() => /* @__PURE__ */ s.jsxs("div", { className: "alert", children: [
     /* @__PURE__ */ s.jsx(
-      ve,
+      He,
       {
         highlightTag: "strong",
         keywords: `${j}`,
@@ -373,26 +375,26 @@ function Gt({
         tagClass: "totalText"
       }
     ),
-    !!u && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    !!d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(Le.Text, { className: "splitBorder", children: "/" }),
       /* @__PURE__ */ s.jsx(
-        ve,
+        He,
         {
           highlightTag: "strong",
-          keywords: `${(u == null ? void 0 : u.num) ?? 0}`,
-          sourceString: `已选中 ${(u == null ? void 0 : u.num) ?? 0} 条`
+          keywords: `${(d == null ? void 0 : d.num) ?? 0}`,
+          sourceString: `已选中 ${(d == null ? void 0 : d.num) ?? 0} 条`
         }
       ),
-      !!(u != null && u.num) && /* @__PURE__ */ s.jsx(
+      !!(d != null && d.num) && /* @__PURE__ */ s.jsx(
         Le.Link,
         {
           className: "cleanSelected",
-          onClick: u == null ? void 0 : u.onClear,
+          onClick: d == null ? void 0 : d.onClear,
           children: "取消选中"
         }
       )
     ] })
-  ] }), [j, u]), yt = (e) => {
+  ] }), [j, d]), yt = (e) => {
     var t;
     i || e.active.id !== ((t = e.over) == null ? void 0 : t.id) && (E == null || E(e));
   }, pe = oe(() => M ? {
@@ -412,7 +414,7 @@ function Gt({
     "div",
     {
       className: F("bitzTableBlock", {
-        fullscreen: d.fullscreen
+        fullscreen: h.fullscreen
       }),
       style: mt,
       children: [
@@ -433,7 +435,7 @@ function Gt({
                 children: /* @__PURE__ */ s.jsx(
                   zt,
                   {
-                    ...f,
+                    ...u,
                     bordered: Ee,
                     columns: it,
                     dataSource: ge,
@@ -453,14 +455,14 @@ function Gt({
               }
             )
           ] }),
-          H && !!j && /* @__PURE__ */ s.jsxs("div", { className: "bitzTablePagination", ref: I, children: [
+          R && !!j && /* @__PURE__ */ s.jsxs("div", { className: "bitzTablePagination", ref: I, children: [
             Te,
             /* @__PURE__ */ s.jsx(
               jt,
               {
                 size: "small",
                 enableControl: Pe,
-                pagination: C,
+                pagination: y,
                 total: j,
                 dataSource: m,
                 resetPage: _e,
@@ -469,7 +471,7 @@ function Gt({
               }
             )
           ] }),
-          !H && !!u && !!j && /* @__PURE__ */ s.jsx("div", { className: "bitzTablePagination", ref: I, children: Te })
+          !R && !!d && !!j && /* @__PURE__ */ s.jsx("div", { className: "bitzTablePagination", ref: I, children: Te })
         ] }),
         D && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
           (i || !!(m != null && m.length)) && /* @__PURE__ */ s.jsx(s.Fragment, { children: ie ? (
@@ -499,7 +501,7 @@ function Gt({
                     className: "operaList",
                     onClick: () => rt(e),
                     ...e.danger && {
-                      style: { color: x.colorError }
+                      style: { color: g.colorError }
                     },
                     children: e.label
                   },
@@ -515,7 +517,7 @@ function Gt({
     }
   );
 }
-const Br = (H) => /* @__PURE__ */ s.jsx(Nt, { initValue: H, children: /* @__PURE__ */ s.jsx(Gt, { ...H }) });
+const Br = (R) => /* @__PURE__ */ s.jsx(Nt, { initValue: R, children: /* @__PURE__ */ s.jsx(Gt, { ...R }) });
 export {
   Br as default
 };