bitz-react-admin-ui 1.6.5 → 1.6.7

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

@@ -1,285 +1,334 @@
-import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as me, useState as U, useMemo as x, useRef as m, useEffect as ve, useCallback as Be } from "react";
-import { isMobile as v } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
-import { theme as ze, Table as L, Skeleton as Te } from "antd";
-import ke from "../../BitzDrawer/index.mjs";
-import Me from "../../BitzLoadMore/index.mjs";
-import Ee from "../../BitzPagination/index.mjs";
-import Le from "../../BitzNoData/index.mjs";
-import Ae, { TableContext as He } from "../Store/index.mjs";
-import We from "../TableSkeleton/index.mjs";
-import { columnSort as q, genColumnKey as X } from "../Store/utils/index.mjs";
-import F 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 Oe from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
-function Pe({
-  showPagination: N = !0,
-  fillEvenRow: A = !0,
-  evenRowBgColor: H = "#f9f9f9",
-  height: C,
-  dataSource: r = [],
-  total: B = 0,
-  columns: b,
-  loading: w = !1,
-  skeletonNum: G = 2,
-  skeletonRender: W,
-  skeletonRowNum: J = 4,
-  skeletonRowsWidth: Q = ["35%", "100%", "100%", "60%"],
-  mobileLoadEmit: Y = () => {
-  },
-  mobileRefreshEmit: Z = () => {
-  },
+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: I,
-  pagination: ee,
-  paginationEmit: ne = () => {
+  enableControlPage: te,
+  pagination: le,
+  paginationEmit: re = () => {
   },
-  mobilePageHeight: se = 500,
-  mobileCancelText: le = "取消",
-  noDataTitle: re,
-  noDataImg: te,
-  color: oe,
-  size: O,
+  mobilePageHeight: qe = 500,
+  mobileCancelText: ne = "取消",
+  noDataTitle: se,
+  noDataImg: ae,
+  color: Ge,
+  size: _,
   showTableTool: ie = !0,
-  tableAction: ae,
-  tableToolbar: de,
-  selectionBar: ce,
-  scroll: i,
-  resetPage: he,
-  ...a
+  tableAction: ce,
+  tableToolbar: he,
+  selectionBar: de,
+  scroll: c,
+  resetPage: fe,
+  ...h
 }) {
-  const { token: fe } = ze.useToken(), d = me(He), [xe, T] = U(!1), be = x(() => !!(r != null && r.length) && (r == null ? void 0 : r.length) >= B, [r, B]), [ue, ge] = U([]), ye = (e, n) => {
-    var h;
-    const l = (h = z == null ? void 0 : z(e, n)) == null ? void 0 : h.filter(
-      (c) => c.type !== "divider"
+  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"
     );
-    l != null && l.length && (ge(l), T(!0));
-  }, P = () => {
-    T(!1);
-  }, we = (e) => {
+    r != null && r.length && (Ce(r), L(!0));
+  }, $ = () => {
+    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);
-  }, u = m(null), g = F(u), R = m(null), k = m(null), _ = m(null), y = F(_), je = x(() => {
-    var e;
-    return ((e = k.current) == null ? void 0 : e.getSize()) || 10;
-  }, [k.current]), pe = (e) => {
-    var V, S;
-    const n = e.length, l = e.filter((f) => f.width), c = l.map((f) => f.width).reduce((f, Ce) => f + Ce, 0);
-    let o = 0;
-    if (u.current) {
-      const f = window.getComputedStyle(u.current);
-      o = 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 t = 0;
-    a.rowSelection && (t += o), a.expandable && (t += o);
-    const E = (S = (V = R.current) == null ? void 0 : V.querySelector(".ant-table-body")) == null ? void 0 : S.clientWidth, p = (parseInt(`${E}`) || 0) - c - t;
-    return p >= 0 ? p / (n - l.length) : void 0;
-  }, j = x(() => {
-    const e = (o) => o.map((t) => {
-      const E = X(
-        (t == null ? void 0 : t.key) || (t == null ? void 0 : t.dataIndex),
-        t.index
-      ), p = d.columnsMap[E];
-      return p && p.show === !1 ? !1 : t.children ? {
-        ...t,
-        children: e(t.children)
-      } : t;
-    }).filter(Boolean), n = e(b);
-    if (v)
-      return n.sort(q(d.columnsMap));
-    const l = n.sort(q(d.columnsMap)), h = pe(l), c = l.map((o, t) => ({
-      ...o,
-      ...o.width ? {} : {
+    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 {};
+    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 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 [L.SELECTION_COLUMN, L.EXPAND_COLUMN, ...c];
+    return [A.SELECTION_COLUMN, A.EXPAND_COLUMN, ...n];
   }, [
-    d.columnsMap,
-    b,
-    v,
-    a.rowSelection,
-    a.expandable,
-    g == null ? void 0 : g.height
+    f.columnsMap,
+    u,
+    M,
+    T.x,
+    h.rowSelection,
+    h.expandable,
+    p == null ? void 0 : p.height
   ]);
-  ve(() => {
-    if (b && b.length > 0) {
-      const e = b.map(
-        (n) => (
+  Me(() => {
+    if (u && u.length > 0) {
+      const e = u.map(
+        (o) => (
           // @ts-ignore
-          X((n == null ? void 0 : n.key) ?? (n == null ? void 0 : n.dataIndex), n == null ? void 0 : n.dataIndex)
+          Y((o == null ? void 0 : o.key) ?? (o == null ? void 0 : o.dataIndex), o == null ? void 0 : o.dataIndex)
         )
       );
-      d.setSortKeyColumns(e);
+      f.setSortKeyColumns(e);
     }
-  }, [b]);
-  const { y: M } = x(() => {
-    if (typeof C > "u")
-      return {};
-    let e = 40, n = 40;
-    if (u.current) {
-      const o = window.getComputedStyle(u.current);
-      e = parseInt(
-        o.getPropertyValue("--cell-block") || "40"
-      ), n = parseInt(
-        o.getPropertyValue("--toolbar-height") || "40"
-      );
+  }, [u]);
+  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
+              );
+            })
+          ]
+        }
+      )
     }
-    const l = y == null ? void 0 : y.height;
-    return { y: C - (l || 0) - n - e };
-  }, [C, y == null ? void 0 : y.height, g == null ? void 0 : g.height]), $ = x(() => i != null && i.x ? { x: i.x, y: i.y || M } : i != null && i.y ? { x: 1e3, y: i.y } : { x: 1e3, y: M }, [i, M]), 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 = Be(
-    (e, n) => A ? n % 2 === 0 ? "oddRow" : "evenRow" : "",
-    [A]
   );
-  return /* @__PURE__ */ s.jsxs("div", { className: "bitzTableBlock", children: [
-    !v && /* @__PURE__ */ s.jsxs(
-      "div",
-      {
-        ref: u,
-        className: `bitzTableContainer ${Ne}`,
-        style: { height: C },
-        children: [
-          /* @__PURE__ */ s.jsxs("div", { className: "bitzTableContainerBody", ref: R, children: [
-            ie && /* @__PURE__ */ s.jsxs("div", { className: "bitzTableToolbarBlock", children: [
-              ae || /* @__PURE__ */ s.jsx("div", {}),
-              de,
-              (a == null ? void 0 : a.rowSelection) && /* @__PURE__ */ s.jsx(s.Fragment, { children: ce })
-            ] }),
-            /* @__PURE__ */ s.jsx(
-              L,
-              {
-                columns: j,
-                dataSource: r,
-                loading: !1,
-                pagination: !1,
-                scroll: $,
-                ...a,
-                style: D,
-                rowClassName: K
-              }
-            ),
-            /* @__PURE__ */ s.jsx(
-              We,
-              {
-                columns: j,
-                pageSize: je,
-                scroll: $,
-                rowSelection: a.rowSelection,
-                expandable: a.expandable,
-                style: D,
-                rowClassName: K,
-                loading: w
-              }
-            )
-          ] }),
-          N && /* @__PURE__ */ s.jsx(
-            Ee,
-            {
-              elRefInstance: _,
-              refInstance: k,
-              enableControl: I,
-              pagination: ee,
-              total: B,
-              dataSource: r,
-              resetPage: he,
-              paginationEmit: ne
-            }
-          )
-        ]
-      }
-    ),
-    v && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      (w || (r == null ? void 0 : r.length) > 0) && /* @__PURE__ */ s.jsx(
-        Me,
+  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,
         {
-          color: oe,
-          height: se,
-          loading: w,
-          showNoMore: be,
-          refreshEmit: Z,
-          loadEmit: Y,
-          extra: /* @__PURE__ */ s.jsxs("div", { className: "mobileTable", children: [
-            r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ s.jsx(
+          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: "mobileTableRow",
-                onClick: () => ye(e, n),
-                children: /* @__PURE__ */ s.jsx("div", { className: "rowBox", children: j == null ? void 0 : j.map(
-                  (l, h) => {
-                    var c;
-                    return /* @__PURE__ */ s.jsx("div", { children: !(l != null && l.mobileHideRow) && /* @__PURE__ */ s.jsxs("div", { className: "row", children: [
-                      !l.mobileHideLabel && /* @__PURE__ */ s.jsxs("div", { className: "label", children: [
-                        `${l.title}`,
-                        "："
-                      ] }),
-                      /* @__PURE__ */ s.jsx("div", { className: "value", children: ((c = l == null ? void 0 : l.render) == null ? void 0 : c.call(
-                        l,
-                        Oe(e, (l == null ? void 0 : l.dataIndex) || ""),
-                        e,
-                        n
-                      )) || (e == null ? void 0 : e[l.dataIndex]) })
-                    ] }) }, h);
-                  }
-                ) })
-              },
-              n
-            )),
-            w && Array.from({ length: G }).map((e, n) => /* @__PURE__ */ s.jsx("div", { className: "mobileTableRow", children: /* @__PURE__ */ s.jsx("div", { className: "rowBox", children: W ? W() : /* @__PURE__ */ s.jsx(
-              Te,
-              {
-                title: !1,
-                paragraph: {
-                  rows: J,
-                  width: Q
+                className: "operaList",
+                onClick: () => ye(e),
+                ...e.danger && {
+                  style: { color: d.colorError }
                 },
-                active: !0
-              }
-            ) }) }, n)),
-            /* @__PURE__ */ s.jsx(
-              ke,
-              {
-                className: "tableMobileDrawer",
-                open: xe,
-                placement: "bottom",
-                height: "auto",
-                closable: !1,
-                onClose: P,
-                children: /* @__PURE__ */ s.jsxs("div", { className: "drawerBox", children: [
-                  /* @__PURE__ */ s.jsx("div", { className: "boxBody", children: ue.map((e, n) => /* @__PURE__ */ s.jsx(
-                    "div",
-                    {
-                      className: "operaList",
-                      onClick: () => we(e),
-                      ...e.danger && {
-                        style: { color: fe.colorError }
-                      },
-                      children: e.label
-                    },
-                    n
-                  )) }),
-                  /* @__PURE__ */ s.jsx("div", { className: "boxLine" }),
-                  /* @__PURE__ */ s.jsx("div", { className: "boxFooter", onClick: P, children: le })
-                ] })
-              }
-            )
+                children: e.label
+              },
+              o
+            )) }),
+            /* @__PURE__ */ t.jsx("div", { className: "boxLine" }),
+            /* @__PURE__ */ t.jsx("div", { className: "boxFooter", onClick: $, children: ne })
           ] })
         }
-      ),
-      !w && /* @__PURE__ */ s.jsx(Le, { data: r, title: re, img: te })
+      )
     ] })
   ] });
 }
-const Ye = (N) => (
+const fo = (B) => (
   // @ts-ignore
-  /* @__PURE__ */ s.jsx(Ae, { initValue: N, children: /* @__PURE__ */ s.jsx(Pe, { ...N }) })
+  /* @__PURE__ */ t.jsx(Oe, { initValue: B, children: /* @__PURE__ */ t.jsx(Ke, { ...B }) })
 );
 export {
-  Ye as default
+  fo as default
 };