@aplus-frontend/ui 6.26.4 → 6.26.5

package/es/src/ag-grid/hooks/use-virtual-config.d.ts

@@ -0,0 +1,5 @@
+import { Ref, ComputedRef } from 'vue';
+import { AgGridProps } from '../interface';
+import { GridOptions } from 'ag-grid-community';
+declare const useVirtualConfig: (config: Ref<AgGridProps["virtual"]>) => ComputedRef<GridOptions<any>>;
+export default useVirtualConfig;

package/es/src/ag-grid/hooks/use-virtual-config.mjs

@@ -0,0 +1,25 @@
+import { computed as e, unref as i } from "vue";
+import { merge as n } from "lodash-unified";
+const a = {
+  row: !0,
+  col: !0
+}, f = (o) => e(() => {
+  const r = i(o);
+  if (r === !1)
+    return {
+      suppressRowVirtualisation: !0,
+      suppressColumnVirtualisation: !0
+    };
+  const { row: t, col: s, rowBuffer: u } = n(
+    a,
+    r || {}
+  );
+  return {
+    suppressRowVirtualisation: !t,
+    suppressColumnVirtualisation: !s,
+    rowBuffer: u
+  };
+});
+export {
+  f as default
+};

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

@@ -1,27 +1,28 @@
-import { defineComponent as Ke, useSlots as Ae, ref as h, toRef as H, computed as n, unref as t, nextTick as Ne, watch as T, createElementBlock as k, openBlock as w, normalizeStyle as v, normalizeClass as i, createCommentVNode as $, createElementVNode as S, createVNode as D, mergeProps as j, createSlots as Ve, withCtx as q, Fragment as Ie, renderList as Pe, createBlock as U, resolveDynamicComponent as Ee, renderSlot as J, withDirectives as Me, vShow as We } from "vue";
-import { AgGridVue as Le } from "ag-grid-vue3";
-import { ModuleRegistry as Oe, AllCommunityModule as Ge } from "ag-grid-community";
-import { Spin as He, Pagination as $e } from "@aplus-frontend/antdv";
-import { isUndefined as g, isFunction as je } from "lodash-unified";
+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 "../config-provider/index.mjs";
-import { ApForm as qe } from "../ap-form/index.mjs";
-import { recursionApColumns as Ue } from "../ap-table/utils.mjs";
-import { useTablePaging as Je } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import Qe from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as Xe } from "./context.mjs";
-import { useProvideApTable as Ye } from "../ap-table/context.mjs";
-import { sizeReverseMap as Ze, sizeMap as _e } from "../ap-grid/constants.mjs";
-import { useToken as eo } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as oo } from "./theme.mjs";
-import { useColumns as to } from "./hooks/use-columns.mjs";
-import { useColumnsDef as ro } from "./hooks/use-columns-def.mjs";
-import { isDef as ao } from "../utils/index.mjs";
-import { getValidVNodeList as no } from "../utils/slot.mjs";
-import { useSearchForm as lo } from "./hooks/use-search-form.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 "./components/empty/index.vue.mjs";
-import { useNamespace as so } from "../config-provider/hooks/use-namespace.mjs";
-import io from "./components/empty/index.vue2.mjs";
-const No = /* @__PURE__ */ Ke({
+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({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -85,55 +86,64 @@ const No = /* @__PURE__ */ Ke({
     summary: {},
     rowHeight: {},
     advanceRenderer: { type: Boolean },
-    browserTooltips: { type: Boolean }
+    browserTooltips: { type: Boolean },
+    virtual: { type: [Boolean, Object], default: void 0 },
+    onRowClicked: {},
+    onScrollEnd: {}
   },
-  setup(Q, { expose: X }) {
-    Oe.registerModules([Ge]);
-    const o = Q, z = Ae(), { e: y, b: l, be: Y } = so("ag-grid"), m = h(o.size), Z = oo(m, H(o, "rowHeight")), p = h(), [, _] = eo();
-    let d = !!o.dataSource;
-    const K = lo(o), { shownColumns: s, shownColumnsBackup: ee } = to(o), { defaultColDef: oe, columnDefs: te } = ro(
+  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
-    ), A = h({});
-    Xe({
-      sorter: A,
+    ), R = b({});
+    to({
+      sorter: R,
       setSorter(e) {
-        A.value = e;
+        R.value = e;
       }
     });
-    const re = {
+    const se = {
       asc: "ascend",
       desc: "descend"
     };
-    function ae() {
-      const e = p.value.getColumns()?.filter((x) => x.getSort() !== void 0);
-      if (!e?.length)
+    function ie() {
+      const e = d.value.getColumns()?.filter((p) => p.getSort() !== void 0), r = t(R) || {};
+      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));
+      }
+      if (!a)
         return;
-      const r = e[0], a = r.getColDef(), f = r.getSort();
-      V(void 0, void 0, {
-        column: a,
-        field: a.field,
-        order: f ? re[f] : null
+      const v = a.getColDef(), C = a.getSort();
+      O(void 0, void 0, {
+        column: v,
+        field: v.field,
+        order: C ? se[C] : null
       });
     }
-    const ne = n(() => Ue(t(s), (e) => {
+    const de = n(() => _e(t(s), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), le = n(() => ao(o.manual) ? o.manual : no(z.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
-      formRef: c,
-      submit: b,
-      reset: C,
-      data: u,
-      tableProps: N,
-      handleTableChangeOptional: V,
-      submitWith: I,
-      refresh: P,
-      getPaging: se,
-      setPaging: ie,
-      setDataSource: de
-    } = Je({
+    }).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({
       async request(e) {
-        if (d = !1, !ue.value && g(o.dataSource) && B(), !g(o.dataSource)) {
+        if (c = !1, !Se.value && y(o.dataSource) && T(), !y(o.dataSource)) {
           const a = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
@@ -147,41 +157,41 @@ const No = /* @__PURE__ */ Ke({
         };
       },
       namespace: "ap-grid",
-      filterFields: h([]),
-      params: H(o, "params"),
+      filterFields: b([]),
+      params: D(o, "params"),
       defaultData: o.defaultData,
-      manual: t(le),
+      manual: t(ce),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: ne
-    }), ce = n(
-      () => g(o.dataSource) ? u.records : o.dataSource
-    ), ue = n(() => {
+      sortFields: de
+    }), fe = n(
+      () => y(o.dataSource) ? m.records : o.dataSource
+    ), Se = n(() => {
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
       return e ? e.preserveSelectedRowKeys !== !1 : !1;
     }), {
-      select: me,
-      unSelect: pe,
-      selectedRows: R,
-      selectedRowKeys: fe,
-      clearAll: we,
-      selectMultiByKeys: Se
-    } = Qe({
+      select: we,
+      unSelect: ge,
+      selectedRows: x,
+      selectedRowKeys: ye,
+      clearAll: he,
+      selectMultiByKeys: ve
+    } = oo({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: ce,
+      dataSource: fe,
       rowKey: o.rowKey
-    }), ge = {
+    }), Ce = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, ye = n(() => {
+    }, be = n(() => {
       if (!o.rowSelection)
         return;
       const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
       return {
-        mode: ge[e],
+        mode: Ce[e],
         isRowSelectable: (a) => r ? !r(a.data) : !0
       };
-    }), he = n(() => {
+    }), Re = n(() => {
       if (!o.rowSelection)
         return;
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
@@ -195,230 +205,239 @@ const No = /* @__PURE__ */ Ke({
         pinned: r
       };
     });
-    function F(e) {
-      return je(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function k(e) {
+      return Ye(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const E = ({
-      api: e = p.value
+    const L = ({
+      api: e = d.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = R.value;
+      const r = x.value;
       if (!r.length) {
         setTimeout(() => {
-          d = !0;
+          c = !0;
         }, 0);
         return;
       }
-      d = !1;
+      c = !1;
       const a = [];
-      e.forEachNode((f) => {
-        const x = f.data, De = F(x);
-        r.find((ze) => F(ze) === De) && a.push(f);
+      e.forEachNode((S) => {
+        const J = S.data, v = k(J);
+        r.find((C) => k(C) === v) && a.push(S);
       }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
-        d = !0;
+        c = !0;
       }, 0);
-    }, ve = (e) => {
-      d && (e.node.isSelected() ? me(e.data) : pe(e.data));
-    }, be = () => {
-      d = !0;
-    }, B = () => {
-      we(), p.value?.deselectAll();
+    }, Be = (e) => {
+      c && (e.node.isSelected() ? we(e.data) : ge(e.data));
+    }, Fe = () => {
+      c = !0;
+    }, T = () => {
+      he(), d.value?.deselectAll();
     };
-    function Ce(e) {
-      Se(e), Ne(() => {
-        E({});
+    function xe(e) {
+      ve(e), Pe(() => {
+        L({});
       });
     }
-    function M(e = !1) {
+    function U(e = !1) {
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return c.value?.apForm?.[r]?.(!0);
+      return u.value?.apForm?.[r]?.(!0);
     }
-    function W(e) {
-      c.value?.apForm?.setFieldsValue?.(e);
+    function G(e) {
+      u.value?.apForm?.setFieldsValue?.(e);
     }
-    function L() {
-      return c.value?.getSorterItems() || [];
+    function H() {
+      return u.value?.getSorterItems() || [];
     }
-    function O(e) {
-      c.value?.setSorterItems(e);
+    function $(e) {
+      u.value?.setSorterItems(e);
     }
-    function G() {
-      c.value?.resetSorterItems();
+    function q() {
+      u.value?.resetSorterItems();
     }
-    Ye({
+    ro({
       columns: n(() => s.value),
-      columnsBackup: n(() => ee.value),
-      size: n(() => _e[m.value]),
+      columnsBackup: n(() => ae.value),
+      size: n(() => no[f.value]),
       updateColumns(e) {
         s.value = e, o.onShownColumnsChange?.(e);
       },
       updateSize(e) {
-        m.value = Ze[e];
+        f.value = ao[e];
       },
       renderConfig: n(() => ({
-        className: Y("table-header", "title"),
-        color: _.value.colorTextTertiary
+        className: oe("table-header", "title"),
+        color: re.value.colorTextTertiary
       })),
-      dataSource: n(() => t(u).records),
-      getSearchFormValues: M,
-      setSearchFormValues: W,
-      submit: b,
-      submitWith: I,
-      reset: C,
-      refresh: P,
-      getSearchFormSorterItems: L,
-      setSearchFormSorterItems: O,
-      resetSearchFormSorterItems: G
+      dataSource: n(() => t(m).records),
+      getSearchFormValues: U,
+      setSearchFormValues: G,
+      submit: B,
+      submitWith: W,
+      reset: F,
+      refresh: j,
+      getSearchFormSorterItems: H,
+      setSearchFormSorterItems: $,
+      resetSearchFormSorterItems: q
     });
-    const Re = n(
-      () => g(o.loading) ? u.loading : o.loading
-    ), Fe = n(() => [
+    const ke = n(
+      () => y(o.loading) ? m.loading : o.loading
+    ), Te = n(() => [
       l(),
       o.card ? null : l("wrapper"),
       l("adaptive"),
-      l(`size-${m.value}`)
-    ].filter(Boolean)), Be = n(() => ({
+      l(`size-${f.value}`)
+    ].filter(Boolean)), De = n(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), xe = (e, r) => {
-      V({ current: e, pageSize: r });
+    })), ze = (e, r) => {
+      O({ current: e, pageSize: r });
     };
-    function Te(e) {
+    function Ke(e) {
       const r = e.data;
-      return F(r);
+      return k(r);
+    }
+    function Ee(e, r) {
+      d.value?.ensureIndexVisible(e, r);
+    }
+    function Ve(e) {
+      o.onRowClicked?.(e.data);
     }
-    function ke(e, r) {
-      p.value?.ensureIndexVisible(e, r);
+    function Ne(e) {
+      o.onScrollEnd?.(e.direction);
     }
-    return T(
+    return z(
       () => o.dataSource,
       (e) => {
-        de(e);
+        pe(e);
       },
       { immediate: !0, deep: !0 }
-    ), T(
+    ), z(
       () => o.size,
       (e) => {
-        m.value = e;
+        f.value = e;
       }
-    ), T(
-      () => t(u).loading,
+    ), z(
+      () => t(m).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
-    ), X({
-      submit: b,
-      reset: C,
-      refresh: P,
-      submitWith: I,
-      setSearchFormValues: W,
-      getSearchFormValues: M,
+    ), ee({
+      submit: B,
+      reset: F,
+      refresh: j,
+      submitWith: W,
+      setSearchFormValues: G,
+      getSearchFormValues: U,
       getShowColumns: () => t(s),
       rowSelection: {
-        selectedRows: n(() => R.value),
-        setSelectedRowKeys: Ce,
-        clearAll: B
+        selectedRows: n(() => x.value),
+        setSelectedRowKeys: xe,
+        clearAll: T
       },
-      scrollToRow: ke,
-      getDataSource: () => t(u.records),
-      getPaging: se,
-      setPaging: ie,
-      getSearchFormSorterItems: L,
-      setSearchFormSorterItems: O,
-      resetSearchFormSorterItems: G
-    }), (e, r) => (w(), k("div", {
-      class: i(Fe.value),
-      style: v(e.wrapperStyle)
+      scrollToRow: Ee,
+      getDataSource: () => t(m.records),
+      getPaging: ue,
+      setPaging: me,
+      getSearchFormSorterItems: H,
+      setSearchFormSorterItems: $,
+      resetSearchFormSorterItems: q
+    }), (e, r) => (w(), K("div", {
+      class: i(Te.value),
+      style: E(e.wrapperStyle)
     }, [
-      t(g)(e.dataSource) && e.searchForm !== !1 && t(K).length > 0 ? (w(), k("div", {
+      t(y)(e.dataSource) && e.searchForm !== !1 && t(P).length > 0 ? (w(), K("div", {
         key: 0,
-        class: i(e.card ? t(y)("search-wrapper") : null),
-        style: v(e.searchFormWrapperStyle)
+        class: i(e.card ? t(h)("search-wrapper") : null),
+        style: E(e.searchFormWrapperStyle)
       }, [
-        D(t(qe).SearchForm, j(e.searchForm || {}, {
+        V(t(Ze).SearchForm, N(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: c,
+          ref: u,
           "custom-reset": "",
-          "submit-loading": t(N).loading,
-          onSubmit: t(b),
-          onReset: t(C)
-        }), Ve({
-          default: q(() => [
-            (w(!0), k(Ie, null, Pe(t(K), (a) => (w(), U(Ee(a.renderNode), {
+          "submit-loading": t(M).loading,
+          onSubmit: t(B),
+          onReset: t(F)
+        }), Me({
+          default: X(() => [
+            (w(!0), K(Oe, null, We(t(P), (a) => (w(), Y(je(a.renderNode), {
               key: a.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
-          z.searchFormExtra ? {
+          A.searchFormExtra ? {
             name: "extra",
-            fn: q(() => [
-              J(e.$slots, "searchFormExtra")
+            fn: X(() => [
+              Z(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : $("", !0),
-      S("div", {
-        class: i([t(y)("table-wrapper"), e.card ? t(y)("table-wrapper-card") : null]),
-        style: v(e.tableWrapperStyle)
+      ], 6)) : Q("", !0),
+      g("div", {
+        class: i([t(h)("table-wrapper"), e.card ? t(h)("table-wrapper-card") : null]),
+        style: E(e.tableWrapperStyle)
       }, [
-        S("div", {
+        g("div", {
           class: i(t(l)("header-wrapper"))
         }, [
-          J(e.$slots, "title", {
-            selectedRows: t(R),
-            selectedRowKeys: t(fe),
+          Z(e.$slots, "title", {
+            selectedRows: t(x),
+            selectedRowKeys: t(ye),
             shownColumns: t(s),
-            clearAll: B
+            clearAll: T
           })
         ], 2),
-        S("div", {
+        Le(" " + Ue(console.log(t(I))) + " ", 1),
+        g("div", {
           class: i(t(l)("grid-wrapper"))
         }, [
-          D(t(Le), {
-            style: v(Be.value),
-            "row-data": t(u).records,
-            "column-defs": t(te),
-            "default-col-def": t(oe),
+          V(t($e), N(t(I), {
+            style: De.value,
+            "row-data": t(m).records,
+            "column-defs": t(le),
+            "default-col-def": t(ne),
             "suppress-loading-overlay": "",
-            "row-selection": ye.value,
-            "selection-column-def": he.value,
-            "get-row-id": Te,
+            "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(Z),
+            theme: t(te),
             "tooltip-show-delay": 500,
             "enable-browser-tooltips": e.browserTooltips,
             "tooltip-interaction": "",
-            "no-rows-overlay-component": io,
-            onSortChanged: ae,
-            onGridReady: r[0] || (r[0] = (a) => p.value = a.api),
-            onRowDataUpdated: E,
-            onRowSelected: ve,
-            onFirstDataRendered: be
-          }, null, 8, ["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"]),
-          Me(S("div", {
-            class: i(t(y)("table-loading-wrapper"))
+            "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"))
           }, [
-            D(t(He), { delay: 300 })
+            V(t(Qe), { delay: 300 })
           ], 2), [
-            [We, Re.value]
+            [He, ke.value]
           ])
         ], 2),
-        S("div", {
+        g("div", {
           class: i(t(l)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (w(), U(t($e), j({
+          e.pagination !== !1 ? (w(), Y(t(Xe), N({
             key: 0,
             class: t(l)("pagination")
-          }, t(N).pagination, { onChange: xe }), null, 16, ["class"])) : $("", !0)
+          }, t(M).pagination, { onChange: ze }), null, 16, ["class"])) : Q("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  No as default
+  jo 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 } from 'ag-grid-community';
+import { ColDef, IRowNode, 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>[];
@@ -106,6 +106,11 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      */
     preserveSelectedRowKeys?: boolean;
 };
+export type AgGridVirtualConfig = {
+    row?: boolean;
+    col?: boolean;
+    rowBuffer?: number;
+};
 export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
     /**
      * 列配置
@@ -221,6 +226,22 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 单元格tooltip使用原生实现 默认为 `false`
      */
     browserTooltips?: boolean;
+    /**
+     * 虚拟列表配置项
+     */
+    virtual?: false | AgGridVirtualConfig;
+    /**
+     * 行点击事件
+     * @param record 行数据
+     * @returns
+     */
+    onRowClicked?: (record: RecordType) => void;
+    /**
+     * 表格滚动结束后的事件
+     * @param direction
+     * @returns
+     */
+    onScrollEnd?: (direction: ScrollDirection) => void;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**