bitz-react-admin-ui 1.6.5 → 1.6.6

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

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

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

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