@aplus-frontend/ui 6.26.5 → 6.28.0

package/es/src/ag-grid/index.vue.mjs

@@ -1,28 +1,30 @@
-import { defineComponent as Ae, useSlots as Ie, ref as b, toRef as D, unref as t, computed as n, nextTick as Pe, watch as z, createElementBlock as K, openBlock as w, normalizeStyle as E, normalizeClass as i, createCommentVNode as Q, createElementVNode as g, createVNode as V, mergeProps as N, createSlots as Me, withCtx as X, Fragment as Oe, renderList as We, createBlock as Y, resolveDynamicComponent as je, renderSlot as Z, createTextVNode as Le, toDisplayString as Ue, withDirectives as Ge, vShow as He } from "vue";
-import { AgGridVue as $e } from "ag-grid-vue3";
-import { ModuleRegistry as qe, AllCommunityModule as Je } from "ag-grid-community";
-import { Spin as Qe, Pagination as Xe } from "@aplus-frontend/antdv";
-import { isUndefined as y, isFunction as Ye } from "lodash-unified";
+import { defineComponent as We, useSlots as je, ref as b, toRef as B, unref as t, computed as l, nextTick as Le, watch as P, createElementBlock as z, openBlock as h, normalizeStyle as E, normalizeClass as u, createCommentVNode as Q, createElementVNode as v, createVNode as I, mergeProps as V, createSlots as Ge, withCtx as X, Fragment as He, renderList as Ue, createBlock as Y, resolveDynamicComponent as $e, renderSlot as Z, withDirectives as qe, vShow as Je } from "vue";
+import { AgGridVue as Qe } from "ag-grid-vue3";
+import { ModuleRegistry as Xe, AllCommunityModule as Ye } from "ag-grid-community";
+import { Spin as Ze, Pagination as _e } from "@aplus-frontend/antdv";
+import { isUndefined as C, isFunction as eo } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as Ze } from "../ap-form/index.mjs";
-import { recursionApColumns as _e } from "../ap-table/utils.mjs";
-import { useTablePaging as eo } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import oo from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as to } from "./context.mjs";
-import { useProvideApTable as ro } from "../ap-table/context.mjs";
-import { sizeReverseMap as ao, sizeMap as no } from "../ap-grid/constants.mjs";
-import { useToken as lo } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as so } from "./theme.mjs";
-import { useColumns as io } from "./hooks/use-columns.mjs";
-import { useColumnsDef as co } from "./hooks/use-columns-def.mjs";
-import { isDef as uo } from "../utils/index.mjs";
-import { getValidVNodeList as mo } from "../utils/slot.mjs";
-import { useSearchForm as po } from "./hooks/use-search-form.mjs";
+import { ApForm as oo } from "../ap-form/index.mjs";
+import { recursionApColumns as to } from "../ap-table/utils.mjs";
+import { useTablePaging as ro } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import ao from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as no } from "./context.mjs";
+import { useProvideApTable as lo } from "../ap-table/context.mjs";
+import { sizeReverseMap as so, sizeMap as io } from "../ap-grid/constants.mjs";
+import { useToken as co } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as uo } from "./theme.mjs";
+import { useColumns as mo } from "./hooks/use-columns.mjs";
+import { useColumnsDef as po } from "./hooks/use-columns-def.mjs";
+import { isDef as fo } from "../utils/index.mjs";
+import { getValidVNodeList as So } from "../utils/slot.mjs";
+import { useSearchForm as go } from "./hooks/use-search-form.mjs";
 import "./components/empty/index.vue.mjs";
-import fo from "./hooks/use-virtual-config.mjs";
-import { useNamespace as So } from "../config-provider/hooks/use-namespace.mjs";
-import wo from "./components/empty/index.vue2.mjs";
-const jo = /* @__PURE__ */ Ae({
+import wo from "./hooks/use-virtual-config.mjs";
+import { usePinnedRow as yo } from "./hooks/use-pinned-row.mjs";
+import ho from "./hooks/use-selection-col-def.mjs";
+import { useNamespace as vo } from "../config-provider/hooks/use-namespace.mjs";
+import Co from "./components/empty/index.vue2.mjs";
+const Jo = /* @__PURE__ */ We({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -92,58 +94,65 @@ const jo = /* @__PURE__ */ Ae({
     onScrollEnd: {}
   },
   setup(_, { expose: ee }) {
-    qe.registerModules([Je]);
-    const o = _, A = Ie(), { e: h, b: l, be: oe } = So("ag-grid"), f = b(o.size), te = so(f, D(o, "rowHeight")), I = fo(D(o, "virtual")), d = b(), [, re] = lo();
-    let c = !!o.dataSource;
-    const P = po(o), { shownColumns: s, shownColumnsBackup: ae } = io(o), { defaultColDef: ne, columnDefs: le } = co(
-      s,
-      o
-    ), R = b({});
-    to({
-      sorter: R,
+    Xe.registerModules([Ye]);
+    const o = _, A = je();
+    function oe(...e) {
+      return e.reduce((r, a) => ({ ...r, ...a }), {});
+    }
+    const { e: R, b: i, be: te } = vo("ag-grid"), y = b(o.size), re = uo(y, B(o, "rowHeight")), ae = wo(B(o, "virtual")), { rowPinnedGridConfig: ne, getRowPinnedCellClass: le } = yo(
+      B(o, "summary")
+    ), d = b(), [, se] = co();
+    let m = !!o.dataSource;
+    const N = go(o), { shownColumns: p, columns: M, columnKeys: ie } = mo(o), { defaultColDef: de, columnDefs: ce } = po(
+      M,
+      o,
+      le
+    ), F = b({});
+    no({
+      sorter: F,
       setSorter(e) {
-        R.value = e;
+        F.value = e;
       }
     });
-    const se = {
+    const ue = {
       asc: "ascend",
       desc: "descend"
     };
-    function ie() {
-      const e = d.value.getColumns()?.filter((p) => p.getSort() !== void 0), r = t(R) || {};
+    function me() {
+      const e = d.value.getColumns()?.filter((s) => s.getSort() !== void 0), r = t(F) || {};
       let a = e?.[0];
-      const S = Object.keys(r);
-      if (S.length && S.every((p) => r[p] === null)) {
-        const p = Object.keys(r)[0];
-        p && (a = d.value?.getColumn(p));
+      const c = Object.keys(r);
+      if (c.length && c.every((s) => r[s] === null)) {
+        const s = Object.keys(r)[0];
+        s && (a = d.value?.getColumn(s));
       }
       if (!a)
         return;
-      const v = a.getColDef(), C = a.getSort();
-      O(void 0, void 0, {
-        column: v,
-        field: v.field,
-        order: C ? se[C] : null
+      const w = a.getColDef(), n = a.getSort();
+      W(void 0, void 0, {
+        column: w,
+        field: w.field,
+        order: n ? ue[n] : null
       });
     }
-    const de = n(() => _e(t(s), (e) => {
+    const pe = l(() => to(t(p), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), ce = n(() => uo(o.manual) ? o.manual : mo(A.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
-      formRef: u,
-      submit: B,
-      reset: F,
-      data: m,
-      tableProps: M,
-      handleTableChangeOptional: O,
-      submitWith: W,
-      refresh: j,
-      getPaging: ue,
-      setPaging: me,
-      setDataSource: pe
-    } = eo({
+    }).filter(Boolean)), fe = l(() => fo(o.manual) ? o.manual : So(A.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
+      formRef: f,
+      submit: k,
+      reset: x,
+      data: S,
+      tableProps: O,
+      handleTableChangeOptional: W,
+      submitWith: j,
+      refresh: L,
+      getPaging: Se,
+      setPaging: ge,
+      setDataSource: we
+    } = ro({
       async request(e) {
-        if (c = !1, !Se.value && y(o.dataSource) && T(), !y(o.dataSource)) {
+        if (m = !1, !ve.value && C(o.dataSource) && K(), !C(o.dataSource)) {
           const a = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
@@ -158,210 +167,217 @@ const jo = /* @__PURE__ */ Ae({
       },
       namespace: "ap-grid",
       filterFields: b([]),
-      params: D(o, "params"),
+      params: B(o, "params"),
       defaultData: o.defaultData,
-      manual: t(ce),
+      manual: t(fe),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: de
-    }), fe = n(
-      () => y(o.dataSource) ? m.records : o.dataSource
-    ), Se = n(() => {
+      sortFields: pe
+    }), ye = ho(o, p), he = l(
+      () => C(o.dataSource) ? S.records : o.dataSource
+    ), ve = l(() => {
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
       return e ? e.preserveSelectedRowKeys !== !1 : !1;
     }), {
-      select: we,
-      unSelect: ge,
-      selectedRows: x,
-      selectedRowKeys: ye,
-      clearAll: he,
-      selectMultiByKeys: ve
-    } = oo({
+      select: Ce,
+      unSelect: Re,
+      selectedRows: T,
+      selectedRowKeys: be,
+      clearAll: Be,
+      selectMultiByKeys: Fe
+    } = ao({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: fe,
+      dataSource: he,
       rowKey: o.rowKey
-    }), Ce = {
+    }), ke = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, be = n(() => {
+    }, xe = l(() => {
       if (!o.rowSelection)
         return;
       const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
       return {
-        mode: Ce[e],
+        mode: ke[e],
         isRowSelectable: (a) => r ? !r(a.data) : !0
       };
-    }), Re = n(() => {
-      if (!o.rowSelection)
-        return;
-      const e = o.rowSelection === !0 ? {} : o.rowSelection;
-      let r = e.fixed;
-      return r === void 0 && (r = s.value.some(
-        (a) => a.fixed === "left" || a.fixed === !0
-      ) ? "left" : void 0), {
-        sortable: !1,
-        resizable: !1,
-        width: e.columnWidth || 60,
-        pinned: r
-      };
     });
-    function k(e) {
-      return Ye(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function D(e) {
+      return eo(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const L = ({
+    const G = ({
       api: e = d.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = x.value;
+      const r = T.value;
       if (!r.length) {
         setTimeout(() => {
-          c = !0;
+          m = !0;
         }, 0);
         return;
       }
-      c = !1;
+      m = !1;
       const a = [];
-      e.forEachNode((S) => {
-        const J = S.data, v = k(J);
-        r.find((C) => k(C) === v) && a.push(S);
+      e.forEachNode((c) => {
+        const g = c.data, w = D(g);
+        r.find((n) => D(n) === w) && a.push(c);
       }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
-        c = !0;
+        m = !0;
       }, 0);
-    }, Be = (e) => {
-      c && (e.node.isSelected() ? we(e.data) : ge(e.data));
-    }, Fe = () => {
-      c = !0;
-    }, T = () => {
-      he(), d.value?.deselectAll();
+    }, Te = (e) => {
+      m && (e.node.isSelected() ? Ce(e.data) : Re(e.data));
+    }, De = () => {
+      m = !0;
+    }, K = () => {
+      Be(), d.value?.deselectAll();
     };
-    function xe(e) {
-      ve(e), Pe(() => {
-        L({});
+    function Ke(e) {
+      Fe(e), Le(() => {
+        G({});
       });
     }
-    function U(e = !1) {
+    function H(e = !1) {
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return u.value?.apForm?.[r]?.(!0);
+      return f.value?.apForm?.[r]?.(!0);
     }
-    function G(e) {
-      u.value?.apForm?.setFieldsValue?.(e);
+    function U(e) {
+      f.value?.apForm?.setFieldsValue?.(e);
     }
-    function H() {
-      return u.value?.getSorterItems() || [];
+    function $() {
+      return f.value?.getSorterItems() || [];
     }
-    function $(e) {
-      u.value?.setSorterItems(e);
+    function q(e) {
+      f.value?.setSorterItems(e);
     }
-    function q() {
-      u.value?.resetSorterItems();
+    function J() {
+      f.value?.resetSorterItems();
     }
-    ro({
-      columns: n(() => s.value),
-      columnsBackup: n(() => ae.value),
-      size: n(() => no[f.value]),
+    function Pe(e) {
+      const r = d.value;
+      if (!r)
+        return;
+      const a = r.getColumnState() || [], c = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean);
+      let g = !1;
+      const w = a.map((n) => {
+        if (!ie.value.includes(n.colId))
+          return n;
+        const s = !c.includes(n.colId);
+        return !g && s !== n.hide && (g = !0), {
+          ...n,
+          hide: s
+        };
+      });
+      g && r.applyColumnState({
+        state: w,
+        applyOrder: !0
+      });
+    }
+    lo({
+      columns: l(() => p.value),
+      columnsBackup: l(() => M.value),
+      size: l(() => io[y.value]),
       updateColumns(e) {
-        s.value = e, o.onShownColumnsChange?.(e);
+        p.value = e, o.onShownColumnsChange?.(e), Pe(e);
       },
       updateSize(e) {
-        f.value = ao[e];
+        y.value = so[e];
       },
-      renderConfig: n(() => ({
-        className: oe("table-header", "title"),
-        color: re.value.colorTextTertiary
+      renderConfig: l(() => ({
+        className: te("table-header", "title"),
+        color: se.value.colorTextTertiary
       })),
-      dataSource: n(() => t(m).records),
-      getSearchFormValues: U,
-      setSearchFormValues: G,
-      submit: B,
-      submitWith: W,
-      reset: F,
-      refresh: j,
-      getSearchFormSorterItems: H,
-      setSearchFormSorterItems: $,
-      resetSearchFormSorterItems: q
+      dataSource: l(() => t(S).records),
+      getSearchFormValues: H,
+      setSearchFormValues: U,
+      submit: k,
+      submitWith: j,
+      reset: x,
+      refresh: L,
+      getSearchFormSorterItems: $,
+      setSearchFormSorterItems: q,
+      resetSearchFormSorterItems: J
     });
-    const ke = n(
-      () => y(o.loading) ? m.loading : o.loading
-    ), Te = n(() => [
-      l(),
-      o.card ? null : l("wrapper"),
-      l("adaptive"),
-      l(`size-${f.value}`)
-    ].filter(Boolean)), De = n(() => ({
+    const ze = l(
+      () => C(o.loading) ? S.loading : o.loading
+    ), Ee = l(() => [
+      i(),
+      o.card ? null : i("wrapper"),
+      i("adaptive"),
+      i(`size-${y.value}`)
+    ].filter(Boolean)), Ie = l(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), ze = (e, r) => {
-      O({ current: e, pageSize: r });
+    })), Ve = (e, r) => {
+      W({ current: e, pageSize: r });
     };
-    function Ke(e) {
+    function Ae(e) {
       const r = e.data;
-      return k(r);
+      return D(r);
     }
-    function Ee(e, r) {
+    function Ne(e, r) {
       d.value?.ensureIndexVisible(e, r);
     }
-    function Ve(e) {
+    function Me(e) {
       o.onRowClicked?.(e.data);
     }
-    function Ne(e) {
+    function Oe(e) {
       o.onScrollEnd?.(e.direction);
     }
-    return z(
+    return P(
       () => o.dataSource,
       (e) => {
-        pe(e);
+        we(e);
       },
       { immediate: !0, deep: !0 }
-    ), z(
+    ), P(
       () => o.size,
       (e) => {
-        f.value = e;
+        y.value = e;
       }
-    ), z(
-      () => t(m).loading,
+    ), P(
+      () => t(S).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
     ), ee({
-      submit: B,
-      reset: F,
-      refresh: j,
-      submitWith: W,
-      setSearchFormValues: G,
-      getSearchFormValues: U,
-      getShowColumns: () => t(s),
+      submit: k,
+      reset: x,
+      refresh: L,
+      submitWith: j,
+      setSearchFormValues: U,
+      getSearchFormValues: H,
+      getShowColumns: () => t(p),
       rowSelection: {
-        selectedRows: n(() => x.value),
-        setSelectedRowKeys: xe,
-        clearAll: T
+        selectedRows: l(() => T.value),
+        setSelectedRowKeys: Ke,
+        clearAll: K
       },
-      scrollToRow: Ee,
-      getDataSource: () => t(m.records),
-      getPaging: ue,
-      setPaging: me,
-      getSearchFormSorterItems: H,
-      setSearchFormSorterItems: $,
-      resetSearchFormSorterItems: q
-    }), (e, r) => (w(), K("div", {
-      class: i(Te.value),
+      scrollToRow: Ne,
+      getDataSource: () => t(S.records),
+      getPaging: Se,
+      setPaging: ge,
+      getSearchFormSorterItems: $,
+      setSearchFormSorterItems: q,
+      resetSearchFormSorterItems: J
+    }), (e, r) => (h(), z("div", {
+      class: u(Ee.value),
       style: E(e.wrapperStyle)
     }, [
-      t(y)(e.dataSource) && e.searchForm !== !1 && t(P).length > 0 ? (w(), K("div", {
+      t(C)(e.dataSource) && e.searchForm !== !1 && t(N).length > 0 ? (h(), z("div", {
         key: 0,
-        class: i(e.card ? t(h)("search-wrapper") : null),
+        class: u(e.card ? t(R)("search-wrapper") : null),
         style: E(e.searchFormWrapperStyle)
       }, [
-        V(t(Ze).SearchForm, N(e.searchForm || {}, {
+        I(t(oo).SearchForm, V(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: u,
+          ref: f,
           "custom-reset": "",
-          "submit-loading": t(M).loading,
-          onSubmit: t(B),
-          onReset: t(F)
-        }), Me({
+          "submit-loading": t(O).loading,
+          onSubmit: t(k),
+          onReset: t(x)
+        }), Ge({
           default: X(() => [
-            (w(!0), K(Oe, null, We(t(P), (a) => (w(), Y(je(a.renderNode), {
+            (h(!0), z(He, null, Ue(t(N), (a) => (h(), Y($e(a.renderNode), {
               key: a.dataIndex
             }))), 128))
           ]),
@@ -376,68 +392,65 @@ const jo = /* @__PURE__ */ Ae({
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
       ], 6)) : Q("", !0),
-      g("div", {
-        class: i([t(h)("table-wrapper"), e.card ? t(h)("table-wrapper-card") : null]),
+      v("div", {
+        class: u([t(R)("table-wrapper"), e.card ? t(R)("table-wrapper-card") : null]),
         style: E(e.tableWrapperStyle)
       }, [
-        g("div", {
-          class: i(t(l)("header-wrapper"))
+        v("div", {
+          class: u(t(i)("header-wrapper"))
         }, [
           Z(e.$slots, "title", {
-            selectedRows: t(x),
-            selectedRowKeys: t(ye),
-            shownColumns: t(s),
-            clearAll: T
+            selectedRows: t(T),
+            selectedRowKeys: t(be),
+            shownColumns: t(p),
+            clearAll: K
           })
         ], 2),
-        Le(" " + Ue(console.log(t(I))) + " ", 1),
-        g("div", {
-          class: i(t(l)("grid-wrapper"))
+        v("div", {
+          class: u(t(i)("grid-wrapper"))
         }, [
-          V(t($e), N(t(I), {
-            style: De.value,
-            "row-data": t(m).records,
-            "column-defs": t(le),
-            "default-col-def": t(ne),
+          I(t(Qe), V(oe(t(ae), t(ne)), {
+            style: Ie.value,
+            "row-data": t(S).records,
+            "column-defs": t(ce),
+            "default-col-def": t(de),
             "suppress-loading-overlay": "",
-            "row-selection": be.value,
-            "selection-column-def": Re.value,
-            "get-row-id": Ke,
-            "pinned-top-row-data": e.summary?.top,
-            "pinned-bottom-row-data": e.summary?.bottom,
-            theme: t(te),
+            "row-selection": xe.value,
+            "selection-column-def": t(ye),
+            "get-row-id": Ae,
+            theme: t(re),
             "tooltip-show-delay": 500,
             "enable-browser-tooltips": e.browserTooltips,
             "tooltip-interaction": "",
-            "no-rows-overlay-component": wo,
-            onSortChanged: ie,
+            "no-rows-overlay-component": Co,
+            onSortChanged: me,
             onGridReady: r[0] || (r[0] = (a) => d.value = a.api),
-            onRowDataUpdated: L,
-            onRowSelected: Be,
-            onFirstDataRendered: Fe,
-            onRowClicked: Ve,
-            onBodyScrollEnd: Ne
-          }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme", "enable-browser-tooltips"]),
-          Ge(g("div", {
-            class: i(t(h)("table-loading-wrapper"))
+            onRowDataUpdated: G,
+            onRowSelected: Te,
+            onFirstDataRendered: De,
+            onRowClicked: Me,
+            onBodyScrollEnd: Oe
+          }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips"]),
+          qe(v("div", {
+            class: u(t(R)("table-loading-wrapper"))
           }, [
-            V(t(Qe), { delay: 300 })
+            I(t(Ze), { delay: 300 })
           ], 2), [
-            [He, ke.value]
+            [Je, ze.value]
           ])
         ], 2),
-        g("div", {
-          class: i(t(l)("pagination-wrapper"))
+        v("div", {
+          class: u(t(i)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (w(), Y(t(Xe), N({
+          e.pagination !== !1 ? (h(), Y(t(_e), V({
             key: 0,
-            class: t(l)("pagination")
-          }, t(M).pagination, { onChange: ze }), null, 16, ["class"])) : Q("", !0)
+            class: t(i)("pagination")
+          }, t(O).pagination, { onChange: Ve }), null, 16, ["class"])) : Q("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  jo as default
+  Jo as default
 };

package/es/src/ag-grid/interface.d.ts

@@ -4,10 +4,10 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, IRowNode, ScrollDirection } from 'ag-grid-community';
+import { ColDef, IRowNode, RowPinnedType, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
-    children?: AgGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
+    children?: AgGridColumnType<RecordType, ExtraValueType, ValueType>[];
     /**
      * 表单项所占据的格子数（1-24格）
      */
@@ -111,6 +111,12 @@ export type AgGridVirtualConfig = {
     col?: boolean;
     rowBuffer?: number;
 };
+export type AgGridSummaryType<RecordType = any> = {
+    top?: RecordType[];
+    bottom?: RecordType[];
+    cellClassName?: string | string[] | ((data: RecordType, column: ColDef<RecordType>, pinned: RowPinnedType) => string | string[]);
+    rowClassName?: string | string[] | ((data: RecordType, rowIndex: number, pinned: RowPinnedType) => string | string[]);
+};
 export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
     /**
      * 列配置
@@ -208,12 +214,9 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     columnResizable?: boolean;
     loading?: boolean;
     /**
-     * 设置总结栏
+     * 总结栏配置项
      */
-    summary?: {
-        top?: RecordType[];
-        bottom?: RecordType[];
-    };
+    summary?: AgGridSummaryType<RecordType>;
     /**
      * 指定每一行占据的高度（大量数据展示时的性能优化）
      */