@aplus-frontend/ui 6.26.5 → 6.27.0

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

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

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

@@ -4,7 +4,7 @@ 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>[];
@@ -208,11 +208,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     columnResizable?: boolean;
     loading?: boolean;
     /**
-     * 设置总结栏
+     * 总结栏配置项
      */
     summary?: {
         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[]);
     };
     /**
      * 指定每一行占据的高度（大量数据展示时的性能优化）