@hkyhy/marsun-components-core 0.1.76 → 0.1.78

package/dist/components/Table/Table.js

@@ -1,238 +1,274 @@
-import { jsxs as j, jsx as f } from "react/jsx-runtime";
-import { useRef as zt, useState as U, useEffect as ot, useMemo as S, useCallback as E } from "react";
-import { Space as Ft, Button as dt, Tooltip as pt, Table as kt } from "antd";
-import M from "classnames";
-import { ColumnConfigTrigger as Ct } from "./ColumnConfigPanel.js";
-import { applyColumnConfig as Dt, columnsToPanelItems as $t, columnsToConfig as jt, hideColumnAtPath as Bt, COLUMN_CONFIG_COL_KEY as Gt, isInternalColumnKey as ht, shortChildId as Pt } from "./columnConfigUtils.js";
-import { FLEX_SPACER_COL_KEY as fe } from "./columnConfigUtils.js";
-import { emptyTablePrefs as Ut } from "./tablePrefsTypes.js";
-import { normalizeHiddenRowKeys as Q, mergeTablePrefs as mt, applyHiddenRows as Mt } from "./tablePrefsUtils.js";
-import { parseTablePrefs as he, serializeTablePrefs as ye } from "./tablePrefsUtils.js";
-import o from "./style.module.scss.js";
-import ft from "./columnConfig.module.scss.js";
-import { Eye as yt } from "../Icons/Eye.js";
-import Xt from "../Empty/Empty.js";
-const Yt = { x: "max-content" }, T = 40, qt = 64;
-function Zt(e) {
+import { jsx as d, jsxs as D } from "react/jsx-runtime";
+import { Space as ee, Button as gt, Tooltip as vt, Table as ne } from "antd";
+import $ from "classnames";
+import { forwardRef as re, useImperativeHandle as se, useRef as le, useState as U, useEffect as yt, useMemo as L, useCallback as W } from "react";
+import St from "./columnConfig.module.scss.js";
+import { ColumnConfigTrigger as ie } from "./ColumnConfigPanel.js";
+import { applyColumnConfig as ae, columnsToPanelItems as ce, columnsToConfig as oe, hideColumnAtPath as ue, COLUMN_CONFIG_COL_KEY as de, isInternalColumnKey as xt, shortChildId as me } from "./columnConfigUtils.js";
+import { FLEX_SPACER_COL_KEY as $e } from "./columnConfigUtils.js";
+import m from "./style.module.scss.js";
+import { emptyTablePrefs as fe } from "./tablePrefsTypes.js";
+import { normalizeHiddenRowKeys as K, mergeTablePrefs as Lt, applyHiddenRows as he } from "./tablePrefsUtils.js";
+import { parseTablePrefs as Xe, serializeTablePrefs as Ye } from "./tablePrefsUtils.js";
+import { useTableFetch as pe } from "./useTableFetch.js";
+import { useMarsunFetch as ge } from "../../provider/context.js";
+import _t from "../Empty/Empty.js";
+import { Eye as Ht } from "../Icons/Eye.js";
+const ye = { x: "max-content" }, b = 40, Se = 64;
+function Le(e) {
   return `共 ${e} 项`;
 }
-function gt(e) {
+function It(e) {
   var i;
   if (!(e != null && e.length)) return 0;
-  let a = 0;
-  for (const s of e) {
-    const L = s.key != null ? String(s.key) : "";
-    if (L && ht(L)) continue;
-    if ((i = s.children) != null && i.length) {
-      a += gt(s.children);
+  let c = 0;
+  for (const r of e) {
+    const f = r.key != null ? String(r.key) : "";
+    if (f && xt(f)) continue;
+    if ((i = r.children) != null && i.length) {
+      c += It(r.children);
       continue;
     }
-    const l = s.width;
-    typeof l == "number" && Number.isFinite(l) && l > 0 ? a += l : a += qt;
+    const l = r.width;
+    typeof l == "number" && Number.isFinite(l) && l > 0 ? c += l : c += Se;
   }
-  return a;
+  return c;
 }
-function Jt(e, a) {
-  return e.key != null && String(e.key) !== "" ? String(e.key) : e.dataIndex != null ? Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : String(e.dataIndex) : `__col_${a}`;
+function _e(e, c) {
+  return e.key != null && String(e.key) !== "" ? String(e.key) : e.dataIndex != null ? Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : String(e.dataIndex) : `__col_${c}`;
 }
-function Qt(e, a, i) {
-  if (typeof i == "function") return String(i(e, a));
+function ve(e, c, i) {
+  if (typeof i == "function") return String(i(e, c));
   if (typeof i == "string" && i) {
-    const s = e[i];
-    if (s != null && s !== "") return String(s);
+    const r = e[i];
+    if (r != null && r !== "") return String(r);
   }
-  return String(a);
+  return String(c);
 }
-const Vt = 6;
-function Lt(e, a, i, s = [], L = 0, l) {
+const xe = 6;
+function Ot(e, c, i, r = [], f = 0, l) {
   let k = 0;
-  return e.map((r, d) => {
-    var O, x;
-    const b = Jt(r, d);
-    if (ht(b)) return r;
-    const A = i ? Pt(i, b) : b, N = [...s, A], _ = r.onHeaderCell;
+  return e.map((s, G) => {
+    var o, _;
+    const a = _e(s, G);
+    if (xt(a)) return s;
+    const X = i ? me(i, a) : a, H = [...r, X], I = s.onHeaderCell;
     let p = l;
-    L === 0 && (p = (O = r.children) != null && O.length ? k++ : void 0);
-    const C = p == null ? void 0 : L === 0 ? o.headerDepth0 : L === 1 ? o.headerDepth1 : o.headerDepth2, z = p == null ? void 0 : o[`headerGroup${p % Vt}`], h = /* @__PURE__ */ j("span", { className: o.headerTitleWithEye, children: [
-      /* @__PURE__ */ f("span", { className: o.headerTitleText, children: r.title }),
-      /* @__PURE__ */ f(pt, { title: "隐藏此列", children: /* @__PURE__ */ f(
+    f === 0 && (p = (o = s.children) != null && o.length ? k++ : void 0);
+    const E = p == null ? void 0 : f === 0 ? m.headerDepth0 : f === 1 ? m.headerDepth1 : m.headerDepth2, F = p == null ? void 0 : m[`headerGroup${p % xe}`], O = /* @__PURE__ */ D("span", { className: m.headerTitleWithEye, children: [
+      /* @__PURE__ */ d("span", { className: m.headerTitleText, children: s.title }),
+      /* @__PURE__ */ d(vt, { title: "隐藏此列", children: /* @__PURE__ */ d(
         "button",
         {
           type: "button",
-          className: o.headerEyeBtn,
+          className: m.headerEyeBtn,
           "aria-label": "隐藏此列",
-          onClick: (H) => {
-            H.stopPropagation(), a(N);
+          onClick: (v) => {
+            v.stopPropagation(), c(H);
           },
-          children: /* @__PURE__ */ f(yt, { size: 12 })
+          children: /* @__PURE__ */ d(Ht, { size: 12 })
         }
       ) })
-    ] }), c = (H) => {
-      const I = typeof _ == "function" ? _(H) : _ || {};
+    ] }), g = (v) => {
+      const C = typeof I == "function" ? I(v) : I || {};
       return {
-        ...I,
-        className: M(I.className, z, C)
+        ...C,
+        className: $(C.className, F, E)
       };
     };
-    return (x = r.children) != null && x.length ? {
-      ...r,
-      title: h,
-      onHeaderCell: c,
-      children: Lt(
-        r.children,
+    return (_ = s.children) != null && _.length ? {
+      ...s,
+      title: O,
+      onHeaderCell: g,
+      children: Ot(
+        s.children,
+        c,
         a,
-        b,
-        N,
-        L + 1,
+        H,
+        f + 1,
         p
       )
     } : {
-      ...r,
-      title: h,
-      onHeaderCell: c
+      ...s,
+      title: O,
+      onHeaderCell: g
     };
   });
 }
-function oe({
+function He({
   className: e,
-  style: a,
+  style: c,
   scroll: i,
-  pagination: s,
-  locale: L,
+  pagination: r,
+  locale: f,
   columns: l,
   dataSource: k,
-  rowKey: r,
-  tableName: d,
-  columnConfigEnabled: b,
-  fetchColumnConfig: A,
-  saveColumnConfig: N,
-  onColumnConfigChange: _,
-  fetchTablePrefs: p,
-  saveTablePrefs: C,
-  onTablePrefsChange: z,
-  rowConfigEnabled: h = !1,
-  lockedRowKeys: c,
-  hiddenRowKeys: O,
-  onHiddenRowKeysChange: x,
-  rowHideSelectedKeys: H,
-  rowConfigToolbar: I,
+  rowKey: s,
+  loading: G,
+  tableName: a,
+  columnConfigEnabled: X,
+  fetchColumnConfig: H,
+  saveColumnConfig: I,
+  onColumnConfigChange: p,
+  fetchTablePrefs: E,
+  saveTablePrefs: F,
+  onTablePrefsChange: O,
+  rowConfigEnabled: g = !1,
+  lockedRowKeys: o,
+  hiddenRowKeys: _,
+  onHiddenRowKeysChange: v,
+  rowHideSelectedKeys: C,
+  rowConfigToolbar: M,
   rowSelection: y,
-  ...St
-}) {
-  var it;
-  const v = b ?? !!d, X = zt(l), [u, B] = U(null), [V, _t] = U(!1), [R, Y] = U(!v), [K, Ot] = U([]);
-  ot(() => {
-    X.current = l;
-  }, [l]), ot(() => {
-    if (!v || !d || !(p || A)) {
-      Y(!0);
+  fetchData: Tt,
+  fetchUrl: Wt,
+  fetchOptions: bt,
+  transformData: Et,
+  fetchParams: Ct,
+  enabled: At = !0,
+  defaultPageSize: Ft = 20,
+  onFetched: Nt,
+  ...zt
+}, Dt) {
+  var mt;
+  const Y = ge(), {
+    fetchMode: q,
+    rows: kt,
+    total: Mt,
+    loading: jt,
+    error: tt,
+    currentPage: Bt,
+    pageSize: Pt,
+    setPage: Ut,
+    reload: et
+  } = pe({
+    dataSource: k,
+    fetchData: Tt,
+    fetchUrl: Wt,
+    fetchOptions: bt,
+    transformData: Et,
+    fetchParams: Ct,
+    enabled: At,
+    defaultPageSize: Ft,
+    baseUrl: Y.baseUrl,
+    defaultHeaders: Y.headers,
+    timeoutMs: Y.timeoutMs,
+    onFetched: Nt
+  });
+  se(Dt, () => ({ reload: et }), [et]);
+  const Z = q ? kt : k, $t = !!G || q && jt, T = X ?? !!a, J = le(l), [u, j] = U(null), [nt, Gt] = U(!1), [rt, Q] = U(!T), [st, Xt] = U([]);
+  yt(() => {
+    J.current = l;
+  }, [l]), yt(() => {
+    if (!T || !a || !(E || H)) {
+      Q(!0);
       return;
     }
     let t = !1;
-    return Y(!1), (async () => {
-      var g;
+    return Q(!1), (async () => {
+      var S;
       try {
-        if (p) {
-          const m = await p(d);
-          t || B((g = m == null ? void 0 : m.columns) != null && g.length ? m : null);
-        } else if (A) {
-          const m = await A(d);
-          t || B(m != null && m.length ? Ut(m) : null);
+        if (E) {
+          const h = await E(a);
+          t || j((S = h == null ? void 0 : h.columns) != null && S.length ? h : null);
+        } else if (H) {
+          const h = await H(a);
+          t || j(h != null && h.length ? fe(h) : null);
         }
       } catch {
-        t || B(null);
+        t || j(null);
       } finally {
-        t || Y(!0);
+        t || Q(!0);
       }
     })(), () => {
       t = !0;
     };
-  }, [v, d, p, A]);
-  const G = (it = u == null ? void 0 : u.columns) != null && it.length ? u.columns : null, W = S(() => O !== void 0 ? Q(O, c) : Q(K, c), [O, K, c]), F = E(
+  }, [T, a, E, H]);
+  const B = (mt = u == null ? void 0 : u.columns) != null && mt.length ? u.columns : null, x = L(() => _ !== void 0 ? K(_, o) : K(st, o), [_, st, o]), A = W(
     (t) => {
-      const n = Q(t, c);
-      O === void 0 && Ot(n), x == null || x(n);
+      const n = K(t, o);
+      _ === void 0 && Xt(n), v == null || v(n);
     },
-    [O, c, x]
-  ), P = E(
+    [_, o, v]
+  ), P = W(
     async (t) => {
-      if (B(t), z == null || z(t), _ == null || _(t.columns), d && C) {
-        await C(d, t);
+      if (j(t), O == null || O(t), p == null || p(t.columns), a && F) {
+        await F(a, t);
         return;
       }
-      d && N && await N(d, t.columns);
+      a && I && await I(a, t.columns);
     },
-    [d, C, N, z, _]
-  ), w = S(() => {
+    [a, F, I, O, p]
+  ), lt = L(() => {
     const t = l || [];
-    return v ? Dt(t, G) : t;
-  }, [l, v, G]), tt = S(
-    () => $t(
-      X.current || l
+    return T ? ae(t, B) : t;
+  }, [l, T, B]), it = L(
+    () => ce(
+      J.current || l
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- 随 columns 结构变
     [l]
-  ), et = E(
+  ), at = W(
     async (t) => {
-      await P(mt(u, { columns: t }));
+      await P(Lt(u, { columns: t }));
     },
     [u, P]
-  ), nt = E(
+  ), ct = W(
     async (t) => {
-      var g;
+      var S;
       if (!t.length) return;
-      const n = (g = u == null ? void 0 : u.columns) != null && g.length && u.columns.length ? u.columns : jt(
-        X.current || l
+      const n = (S = u == null ? void 0 : u.columns) != null && S.length && u.columns.length ? u.columns : oe(
+        J.current || l
       );
-      await P(mt(u, { columns: Bt(n, t) }));
+      await P(Lt(u, { columns: ue(n, t) }));
     },
     [u, l, P]
-  ), Wt = E(() => {
-    const t = (H || []).map(String);
-    t.length && F([...W, ...t]);
-  }, [H, W, F]), xt = E(() => {
-    F([]);
-  }, [F]), rt = E(
+  ), Yt = W(() => {
+    const t = (C || []).map(String);
+    t.length && A([...x, ...t]);
+  }, [C, x, A]), qt = W(() => {
+    A([]);
+  }, [A]), ot = W(
     (t) => {
       const n = String(t);
-      n && ((c || []).map(String).includes(n) || F([...W, n]));
+      n && ((o || []).map(String).includes(n) || A([...x, n]));
     },
-    [c, W, F]
-  ), q = S(() => {
-    let t = w;
-    if (v && R) {
-      t = Lt(t, (g) => {
-        nt(g);
+    [o, x, A]
+  ), R = L(() => {
+    let t = lt;
+    if (T && rt) {
+      t = Ot(t, (S) => {
+        ct(S);
       });
       const n = {
-        key: Gt,
-        width: T,
+        key: de,
+        width: b,
         fixed: "right",
         align: "center",
-        className: ft.configCol,
+        className: St.configCol,
         onHeaderCell: () => ({
-          className: ft.configColHeader,
+          className: St.configColHeader,
           style: {
-            width: T,
-            minWidth: T,
-            maxWidth: T
+            width: b,
+            minWidth: b,
+            maxWidth: b
           }
         }),
         onCell: () => ({
           style: {
-            width: T,
-            minWidth: T,
-            maxWidth: T
+            width: b,
+            minWidth: b,
+            maxWidth: b
           }
         }),
-        title: /* @__PURE__ */ f(
-          Ct,
+        title: /* @__PURE__ */ d(
+          ie,
           {
-            open: V,
-            onOpenChange: _t,
-            defaultItems: tt,
-            savedConfig: G,
-            onConfirm: et
+            open: nt,
+            onOpenChange: Gt,
+            defaultItems: it,
+            savedConfig: B,
+            onConfirm: at
           }
         ),
         render: () => null
@@ -241,108 +277,118 @@ function oe({
     }
     return t;
   }, [
-    v,
-    R,
-    w,
-    V,
-    tt,
-    G,
-    et,
-    nt
-  ]), Ht = S(() => h ? Mt(k, W, typeof r == "function" || typeof r == "string" ? r : void 0, c) : k, [h, k, W, r, c]), It = s === !1 ? !1 : {
+    T,
+    rt,
+    lt,
+    nt,
+    it,
+    B,
+    at,
+    ct
+  ]), Zt = L(() => g ? he(Z, x, typeof s == "function" || typeof s == "string" ? s : void 0, o) : Z, [g, Z, x, s, o]), Jt = r === !1 ? !1 : {
     showSizeChanger: !0,
-    showTotal: Zt,
-    ...s && typeof s == "object" ? s : {}
-  }, vt = {
-    emptyText: /* @__PURE__ */ f(Xt, { iconType: "simple", description: "暂无数据" }),
-    ...L
-  }, Z = S(() => new Set((c || []).map(String)), [c]), Et = h && (H || []).some((t) => {
+    showTotal: Le,
+    ...r && typeof r == "object" ? r : {},
+    ...q ? {
+      current: Bt,
+      pageSize: Pt,
+      total: Mt,
+      onChange: (t, n) => {
+        Ut(t, n), r && typeof r == "object" && r.onChange && r.onChange(t, n);
+      }
+    } : null
+  }, Qt = {
+    ...f,
+    emptyText: (f == null ? void 0 : f.emptyText) ?? (tt ? /* @__PURE__ */ d(_t, { iconType: "simple", description: tt.message || "加载失败" }) : /* @__PURE__ */ d(_t, { iconType: "simple", description: "暂无数据" }))
+  }, V = L(() => new Set((o || []).map(String)), [o]), Rt = g && (C || []).some((t) => {
     const n = String(t);
-    return n && !Z.has(n);
-  }), st = h && W.length > 0, Tt = h && I !== !1 ? /* @__PURE__ */ j(
-    Ft,
+    return n && !V.has(n);
+  }), ut = g && x.length > 0, Vt = g && M !== !1 ? /* @__PURE__ */ D(
+    ee,
     {
       size: "small",
-      className: M("marsun-table-row-config", o["marsun-table-row-config"]),
+      className: $("marsun-table-row-config", m["marsun-table-row-config"]),
       children: [
-        /* @__PURE__ */ f(dt, { size: "small", disabled: !Et, onClick: Wt, children: "隐藏选中行" }),
-        /* @__PURE__ */ j(dt, { size: "small", disabled: !st, onClick: xt, children: [
+        /* @__PURE__ */ d(gt, { size: "small", disabled: !Rt, onClick: Yt, children: "隐藏选中行" }),
+        /* @__PURE__ */ D(gt, { size: "small", disabled: !ut, onClick: qt, children: [
           "恢复隐藏行",
-          st ? `（${W.length}）` : ""
+          ut ? `（${x.length}）` : ""
         ] })
       ]
     }
-  ) : null, lt = I === !1 ? null : I !== void 0 ? I : Tt, D = S(() => {
-    if (!y || !h) return y;
+  ) : null, dt = M === !1 ? null : M !== void 0 ? M : Vt, N = L(() => {
+    if (!y || !g) return y;
     const t = typeof y.columnWidth == "number" ? y.columnWidth : 48;
     return {
       ...y,
       columnWidth: t + 20,
-      renderCell: (n, g, m, at) => {
-        var ut;
-        const At = ((ut = y.renderCell) == null ? void 0 : ut.call(y, n, g, m, at)) ?? at, ct = Qt(g, m, r), J = Z.has(ct);
-        return /* @__PURE__ */ j("span", { className: o.rowSelectWithEye, children: [
-          At,
-          /* @__PURE__ */ f(pt, { title: J ? "主对标不可隐藏" : "隐藏此行", children: /* @__PURE__ */ f(
+      renderCell: (n, S, h, ft) => {
+        var pt;
+        const Kt = ((pt = y.renderCell) == null ? void 0 : pt.call(y, n, S, h, ft)) ?? ft, ht = ve(S, h, s), w = V.has(ht);
+        return /* @__PURE__ */ D("span", { className: m.rowSelectWithEye, children: [
+          Kt,
+          /* @__PURE__ */ d(vt, { title: w ? "主对标不可隐藏" : "隐藏此行", children: /* @__PURE__ */ d(
             "button",
             {
               type: "button",
-              className: o.rowEyeBtn,
-              "aria-label": J ? "主对标不可隐藏" : "隐藏此行",
-              disabled: J,
-              onClick: (Nt) => {
-                Nt.stopPropagation(), rt(ct);
+              className: m.rowEyeBtn,
+              "aria-label": w ? "主对标不可隐藏" : "隐藏此行",
+              disabled: w,
+              onClick: (te) => {
+                te.stopPropagation(), ot(ht);
               },
-              children: /* @__PURE__ */ f(yt, { size: 14 })
+              children: /* @__PURE__ */ d(Ht, { size: 14 })
             }
           ) })
         ] });
       }
     };
-  }, [y, h, r, Z, rt]), $ = S(() => {
-    const t = gt(q);
+  }, [y, g, s, V, ot]), z = L(() => {
+    const t = It(R);
     if (!t) return 0;
-    const n = D ? typeof D.columnWidth == "number" ? D.columnWidth : 48 : 0;
+    const n = N ? typeof N.columnWidth == "number" ? N.columnWidth : 48 : 0;
     return t + n;
-  }, [q, D]), bt = S(() => {
-    const t = i === void 0 ? { ...Yt } : { ...i };
-    return $ > 0 ? { ...t, x: $ } : t;
-  }, [i, $]);
-  return /* @__PURE__ */ j("div", { className: M("marsun-table-shell", o["marsun-table-shell"]), children: [
-    lt ? /* @__PURE__ */ f("div", { className: o["marsun-table-toolbar"], children: lt }) : null,
-    /* @__PURE__ */ f(
-      kt,
+  }, [R, N]), wt = L(() => {
+    const t = i === void 0 ? { ...ye } : { ...i };
+    return z > 0 ? { ...t, x: z } : t;
+  }, [i, z]);
+  return /* @__PURE__ */ D("div", { className: $("marsun-table-shell", m["marsun-table-shell"]), children: [
+    dt ? /* @__PURE__ */ d("div", { className: m["marsun-table-toolbar"], children: dt }) : null,
+    /* @__PURE__ */ d(
+      ne,
       {
-        className: M("marsun-table", o["marsun-table"], e),
+        className: $("marsun-table", m["marsun-table"], e),
         style: {
-          ...a,
-          ...$ > 0 ? { "--marsun-table-scroll-x": `${$}px` } : null
+          ...c,
+          ...z > 0 ? { "--marsun-table-scroll-x": `${z}px` } : null
         },
-        scroll: bt,
-        pagination: It,
-        locale: vt,
-        columns: q,
-        dataSource: Ht,
-        rowKey: r,
-        rowSelection: D,
-        ...St
+        scroll: wt,
+        pagination: Jt,
+        locale: Qt,
+        columns: R,
+        dataSource: Zt,
+        rowKey: s,
+        loading: $t,
+        rowSelection: N,
+        ...zt
       }
     )
   ] });
 }
+const Be = re(He);
 export {
-  Gt as COLUMN_CONFIG_COL_KEY,
-  fe as FLEX_SPACER_COL_KEY,
-  Dt as applyColumnConfig,
-  Mt as applyHiddenRows,
-  jt as columnsToConfig,
-  oe as default,
-  Ut as emptyTablePrefs,
-  Bt as hideColumnAtPath,
-  ht as isInternalColumnKey,
-  mt as mergeTablePrefs,
-  Q as normalizeHiddenRowKeys,
-  he as parseTablePrefs,
-  ye as serializeTablePrefs
+  de as COLUMN_CONFIG_COL_KEY,
+  $e as FLEX_SPACER_COL_KEY,
+  ae as applyColumnConfig,
+  he as applyHiddenRows,
+  oe as columnsToConfig,
+  Be as default,
+  fe as emptyTablePrefs,
+  ue as hideColumnAtPath,
+  xt as isInternalColumnKey,
+  Lt as mergeTablePrefs,
+  K as normalizeHiddenRowKeys,
+  Xe as parseTablePrefs,
+  Ye as serializeTablePrefs
 };
 //# sourceMappingURL=Table.js.map