bitz-react-admin-ui 1.8.0 → 1.8.1

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

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

package/dist/components/BitzTable/ToolBar/DensityIcon/index.mjs

@@ -1,4 +1,4 @@
-import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { memo as f, useContext as k } from "react";
 import { Dropdown as b, Tooltip as g } from "antd";
 import { TableContext as j } from "../../Store/index.mjs";
@@ -6,18 +6,18 @@ import h from "../style.mjs";
 import C from "../../../BitzButton/index.mjs";
 import w from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/ColumnHeightOutlined.mjs";
 const z = (e) => {
-  const { order: s, show: r = !0, icon: c = /* @__PURE__ */ t.jsx(w, {}) } = e, {
-    sizeStorageType: a,
+  const { order: s, show: c = !0, icon: a = /* @__PURE__ */ o.jsx(w, {}) } = e, {
+    sizeStorageType: y,
     sizeStorageKey: i,
-    onlineSizeChange: o,
-    tableSize: y,
-    setTableSize: l
-  } = k(j), { toolbarItemClassName: x } = h(), d = {
-    selectedKeys: [y],
-    onClick: (u) => {
-      var m;
-      const { key: n } = u;
-      l == null || l(n), a === "online" && i && (o == null || o(i, n)), (m = e == null ? void 0 : e.onChange) == null || m.call(e, n);
+    onlineSizeChange: l,
+    tableSize: m,
+    setTableSize: n
+  } = k(j), { toolbarItemClassName: u } = h(), x = {
+    selectedKeys: [m],
+    onClick: (d) => {
+      var r;
+      const { key: t } = d;
+      t !== m && (n == null || n(t), y === "online" && i && (l == null || l(i, t)), (r = e == null ? void 0 : e.onChange) == null || r.call(e, t));
     },
     items: [
       {
@@ -42,13 +42,13 @@ const z = (e) => {
       }
     ]
   };
-  return r ? /* @__PURE__ */ t.jsx(b, { menu: d, trigger: ["click"], children: /* @__PURE__ */ t.jsx(g, { title: "表格密度", open: !1, children: /* @__PURE__ */ t.jsx(
+  return c ? /* @__PURE__ */ o.jsx(b, { menu: x, trigger: ["click"], children: /* @__PURE__ */ o.jsx(g, { title: "表格密度", open: !1, children: /* @__PURE__ */ o.jsx(
     C,
     {
       style: { order: s },
       type: "text",
-      className: x,
-      icon: c,
+      className: u,
+      icon: a,
       children: "表格密度"
     }
   ) }) }) : null;