@aplus-frontend/ui 7.19.1 → 7.19.3

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

@@ -1,10 +1,10 @@
-import { defineComponent as xo, useSlots as Mo, ref as h, toRef as M, computed as i, unref as r, nextTick as A, watch as H, createElementBlock as U, openBlock as y, normalizeStyle as _, normalizeClass as v, createCommentVNode as fe, createElementVNode as T, createVNode as ko, mergeProps as j, createSlots as Fo, withCtx as ge, Fragment as Bo, renderList as Io, createBlock as $, resolveDynamicComponent as Ao, renderSlot as we } from "vue";
+import { defineComponent as ko, useSlots as xo, ref as h, toRef as x, computed as i, unref as r, nextTick as A, watch as W, createElementBlock as U, openBlock as y, normalizeStyle as _, normalizeClass as R, createCommentVNode as fe, createElementVNode as T, createVNode as Mo, mergeProps as j, createSlots as Fo, withCtx as ge, Fragment as Bo, renderList as Io, createBlock as $, resolveDynamicComponent as Ao, renderSlot as we } from "vue";
 import { AG_GRID_LOCALE_EN as To, AG_GRID_LOCALE_CN as Eo } from "@ag-grid-community/locale";
 import { Pagination as No } from "@aplus-frontend/antdv";
-import { useToken as Do } from "@aplus-frontend/antdv/es/theme/internal";
-import { ModuleRegistry as Po, ValidationModule as zo, ColumnAutoSizeModule as Oo, PinnedRowModule as Vo, RowAutoHeightModule as Ko, RowStyleModule as Go, CellSpanModule as Lo, CellStyleModule as Wo, TooltipModule as Ho, RowSelectionModule as Uo, LocaleModule as _o, ValueCacheModule as jo, GridStateModule as $o, ColumnApiModule as qo, RowApiModule as Jo, CellApiModule as Qo, RenderApiModule as Xo, EventApiModule as Yo, ScrollApiModule as Zo, ClientSideRowModelApiModule as et, ClientSideRowModelModule as ot } from "ag-grid-community";
+import { useToken as zo } from "@aplus-frontend/antdv/es/theme/internal";
+import { ModuleRegistry as Do, ValidationModule as Po, ColumnAutoSizeModule as Oo, PinnedRowModule as Vo, RowAutoHeightModule as Ko, RowStyleModule as Go, CellSpanModule as Lo, CellStyleModule as Ho, TooltipModule as Wo, RowSelectionModule as Uo, LocaleModule as _o, ValueCacheModule as jo, GridStateModule as $o, ColumnApiModule as qo, RowApiModule as Jo, CellApiModule as Qo, RenderApiModule as Xo, EventApiModule as Yo, ScrollApiModule as Zo, ClientSideRowModelApiModule as et, ClientSideRowModelModule as ot } from "ag-grid-community";
 import { AgGridVue as tt } from "ag-grid-vue3";
-import { isUndefined as k, isFunction as E, omit as rt } from "lodash-unified";
+import { isUndefined as M, isFunction as E, omit as rt } from "lodash-unified";
 import { DEFAULT_ROW_SELECTION_CONFIG as Se, sizeReverseMap as nt, sizeMap as at } from "../ap-grid/constants.mjs";
 import { useProvideApTable as lt } from "../ap-table/context.mjs";
 import { useTablePaging as st } from "../ap-table/hooks/use-table-paging-ng.mjs";
@@ -25,17 +25,17 @@ import St from "./hooks/use-row-selection.mjs";
 import { useSearchForm as Ct } from "./hooks/use-search-form.mjs";
 import ht from "./hooks/use-selection-col-def.mjs";
 import yt from "./hooks/use-virtual-config.mjs";
-import vt from "./style/index.mjs";
-import { useTheme as Rt } from "./theme.mjs";
-import { runPipelineHooks as bt, runEffectHooks as q, mergeProps as xt } from "./utils.mjs";
-import { useNamespace as Mt } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as kt } from "../config-provider/hooks/use-locale.mjs";
+import Rt from "./style/index.mjs";
+import { useTheme as vt } from "./theme.mjs";
+import { runPipelineHooks as bt, runEffectHooks as q, mergeProps as kt } from "./utils.mjs";
+import { useNamespace as xt } from "../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Mt } from "../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as Ft } from "../config-provider/hooks/use-global-config.mjs";
 import { isDef as Bt } from "../utils/is.mjs";
 import It from "./components/row/index.vue2.mjs";
 import At from "./components/loading/index.vue2.mjs";
 import Tt from "./components/empty/index.vue2.mjs";
-const gr = /* @__PURE__ */ xo({
+const gr = /* @__PURE__ */ ko({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -121,15 +121,15 @@ const gr = /* @__PURE__ */ xo({
       "zh-cn": Eo,
       en: To
     };
-    Po.registerModules([
-      zo,
+    Do.registerModules([
+      Po,
       Oo,
       Vo,
       Ko,
       Go,
       Lo,
-      Wo,
       Ho,
+      Wo,
       Uo,
       _o,
       jo,
@@ -143,32 +143,32 @@ const gr = /* @__PURE__ */ xo({
       et,
       ot
     ]);
-    const t = Ce, N = Mo(), { e: D, b: d, be: ve } = Mt("ag-grid"), { lang: J } = kt(), Re = vt("ag-grid"), R = h(t.size), be = Rt(
-      R,
-      M(t, "rowHeight"),
-      M(t, "theme")
-    ), xe = yt(M(t, "virtual")), { rowPinnedGridConfig: Q, getRowPinnedCellClass: Me } = wt(
-      M(t, "summary")
-    ), ke = Ft("apGrid"), s = h(), [, Fe] = Do();
-    let b = !!t.dataSource;
-    async function P(e, o = {}) {
+    const o = Ce, N = xo(), { e: z, b: c, be: Re } = xt("ag-grid"), { lang: J } = Mt(), ve = Rt("ag-grid"), v = h(o.size), be = vt(
+      v,
+      x(o, "rowHeight"),
+      x(o, "theme")
+    ), ke = yt(x(o, "virtual")), { rowPinnedGridConfig: Q, getRowPinnedCellClass: xe } = wt(
+      x(o, "summary")
+    ), Me = Ft("apGrid"), s = h(), [, Fe] = zo();
+    let b = !!o.dataSource;
+    async function D(e, t = {}) {
       const n = await bt(
-        t.plugins,
+        o.plugins,
         e,
         (a) => a.beforeApplyColumnState?.bind(a)
       );
-      s.value.applyColumnState({ state: n, ...o });
+      s.value.applyColumnState({ state: n, ...t });
     }
-    const X = Ct(t), {
+    const X = Ct(o), {
       shownColumns: w,
       columns: Y,
       columnKeys: Be,
       getTargetColumnByKey: Ie,
       defaultSortOrder: F
-    } = ft(t), { defaultColDef: Ae, columnDefs: Z, gridWrapperRef: Te } = gt(
+    } = ft(o), { defaultColDef: Ae, columnDefs: Z, gridWrapperRef: Te } = gt(
       Y,
-      t,
-      Me,
+      o,
+      xe,
       N.headerCell
     ), Ee = {
       asc: "ascend",
@@ -183,10 +183,10 @@ const gr = /* @__PURE__ */ xo({
         [e.colKey]: ee[e.order]
       } : {};
     }
-    function De() {
-      const e = oe.value, o = F.value;
-      if (o && e.includes(o.field))
-        return o;
+    function ze() {
+      const e = oe.value, t = F.value;
+      if (t && e.includes(t.field))
+        return t;
     }
     const B = h(Ne());
     mt({
@@ -195,13 +195,13 @@ const gr = /* @__PURE__ */ xo({
         B.value = e;
       }
     });
-    function Pe() {
-      const e = s.value.getColumns()?.filter((c) => c.getSort() != null), o = r(B) || {};
+    function De() {
+      const e = s.value.getColumns()?.filter((m) => m.getSort() != null), t = r(B) || {};
       let n = e?.[0];
-      const a = Object.keys(o);
-      if (a.length && a.every((c) => o[c] === null)) {
-        const c = Object.keys(o)[0];
-        c && (n = s.value?.getColumn(c));
+      const a = Object.keys(t);
+      if (a.length && a.every((m) => t[m] === null)) {
+        const m = Object.keys(t)[0];
+        m && (n = s.value?.getColumn(m));
       }
       if (!n)
         return;
@@ -215,27 +215,27 @@ const gr = /* @__PURE__ */ xo({
     const oe = i(() => it(r(w), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
-    }).filter(Boolean)), ze = () => {
+    }).filter(Boolean)), Pe = () => {
       B.value = {};
       const e = s.value;
       if (!e)
         return;
-      const o = e.getColumnState()?.map((n) => ({ ...n, sort: null }));
-      P(o);
-    }, z = h({});
-    pt({ expandable: z });
+      const t = e.getColumnState()?.map((n) => ({ ...n, sort: null }));
+      D(t);
+    }, P = h({});
+    pt({ expandable: P });
     function Oe(e) {
-      const o = e.columnGroup;
-      o && (z.value = {
-        ...z.value,
-        [o.getGroupId()]: o.isExpanded()
+      const t = e.columnGroup;
+      t && (P.value = {
+        ...P.value,
+        [t.getGroupId()]: t.isExpanded()
       });
     }
-    const O = h(!0), Ve = i(() => Bt(t.manual) ? t.manual : dt(N.searchFormExtra?.() || []).some((o) => o.type?.name === "ApView")), {
+    const O = h(!0), Ve = i(() => Bt(o.manual) ? o.manual : dt(N.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
       formRef: S,
       submit: V,
       reset: K,
-      data: m,
+      data: p,
       tableProps: te,
       handleTableChangeOptional: re,
       submitWith: ne,
@@ -243,41 +243,41 @@ const gr = /* @__PURE__ */ xo({
       getPaging: Ke,
       setPaging: Ge,
       setDataSource: Le,
-      getLastParams: We
+      getLastParams: He
     } = st({
       async request(e) {
-        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && k(t.dataSource) && !O.value && W(), O.value && (O.value = !1), !k(t.dataSource)) {
+        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && M(o.dataSource) && !O.value && H(), O.value && (O.value = !1), !M(o.dataSource)) {
           const n = e.pageSize * (e.current - 1);
           return {
-            data: (t.pagination === !1 ? t.dataSource : t.dataSource.slice(n, n + e.pageSize)) || [],
-            total: t.dataSource.length || 0
+            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(n, n + e.pageSize)) || [],
+            total: o.dataSource.length || 0
           };
         }
-        const o = await t.request?.(e);
+        const t = await o.request?.(e);
         return {
-          data: o?.data || [],
-          total: o?.total || 0
+          data: t?.data || [],
+          total: t?.total || 0
         };
       },
       namespace: "ap-grid",
       filterFields: h([]),
-      params: M(t, "params"),
-      defaultData: t.defaultData,
+      params: x(o, "params"),
+      defaultData: o.defaultData,
       manual: r(Ve),
-      formatParams: t.beforeSearchSubmit,
-      pagination: t.pagination,
+      formatParams: o.beforeSearchSubmit,
+      pagination: o.pagination,
       sortFields: oe,
-      onClickReset: ze,
-      defaultSortOrder: De()
+      onClickReset: Pe,
+      defaultSortOrder: ze()
     }), C = i(() => {
-      const e = t.rowSelection || ke.value?.rowSelection;
+      const e = o.rowSelection || Me.value?.rowSelection;
       if (e)
         return e === !0 ? Se : {
           ...Se,
           ...e
         };
-    }), He = ht(t, w), Ue = i(
-      () => k(t.dataSource) ? m.records : t.dataSource
+    }), We = ht(o, w), Ue = i(
+      () => M(o.dataSource) ? p.records : o.dataSource
     ), {
       select: _e,
       unSelect: je,
@@ -290,7 +290,7 @@ const gr = /* @__PURE__ */ xo({
     } = St({
       ...C.value,
       dataSource: Ue,
-      rowKey: t.rowKey
+      rowKey: o.rowKey
     }), Ye = {
       checkbox: "multiRow",
       radio: "singleRow"
@@ -298,27 +298,27 @@ const gr = /* @__PURE__ */ xo({
       const e = C.value;
       if (!e)
         return;
-      const { type: o = "checkbox", disabled: n } = e;
+      const { type: t = "checkbox", disabled: n } = e;
       return {
-        mode: Ye[o],
+        mode: Ye[t],
         isRowSelectable: (a) => n ? !n(a.data) : !0,
         hideDisabledCheckboxes: e.hideDisabled ?? !1
       };
     });
     function L(e) {
-      return E(t.rowKey) ? t.rowKey(e) : e[t.rowKey];
+      return E(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
     const I = ({
       api: e = s.value
     }) => {
-      if (t.onUpdate?.(), !C.value)
+      if (o.onUpdate?.(), !C.value)
         return;
-      const o = G.value || [];
+      const t = G.value || [];
       b = !1;
       const n = [];
       e.forEachNode((a) => {
-        const p = a.data, u = L(p), f = a.isSelected();
-        o.find((g) => L(g) === u) ? !f && n.push(a) : f && a.setSelected(!1);
+        const d = a.data, u = L(d), f = a.isSelected();
+        t.find((g) => L(g) === u) ? !f && n.push(a) : f && a.setSelected(!1);
       }), e.setNodesSelected({ nodes: n, newValue: !0 }), setTimeout(() => {
         b = !0;
       }, 0);
@@ -334,12 +334,12 @@ const gr = /* @__PURE__ */ xo({
       const e = s.value;
       if (!e || !F.value)
         return;
-      const o = e.getColumnState(), { colKey: n, order: a } = F.value, p = o.map((u) => ({
+      const t = e.getColumnState(), { colKey: n, order: a } = F.value, d = t.map((u) => ({
         ...u,
         sort: u.colId === n ? ee[a] : null
       }));
-      P(p);
-    }, W = () => {
+      D(d);
+    }, H = () => {
       qe(), s.value?.deselectAll();
     };
     function to(e) {
@@ -348,7 +348,7 @@ const gr = /* @__PURE__ */ xo({
       });
     }
     const ro = i(() => {
-      const e = t.customRow;
+      const e = o.customRow;
       return e ? {
         isFullWidthRow: e.isCustomRow,
         fullWidthCellRenderer: It,
@@ -368,8 +368,8 @@ const gr = /* @__PURE__ */ xo({
       });
     }
     function le(e = !1) {
-      const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return S.value?.apForm?.[o]?.(!0);
+      const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return S.value?.apForm?.[t]?.(!0);
     }
     function se(e) {
       S.value?.apForm?.setFieldsValue?.(e);
@@ -387,53 +387,53 @@ const gr = /* @__PURE__ */ xo({
       return e && String(e);
     }
     function lo(e) {
-      const o = s.value;
-      if (!o)
+      const t = s.value;
+      if (!t)
         return;
-      const n = o.getColumnState() || [], a = e.map((l) => l.key ? String(l.key) : l.key).filter(Boolean), p = n.map((l) => {
+      const n = t.getColumnState() || [], a = e.map((l) => l.key ? String(l.key) : l.key).filter(Boolean), d = n.map((l) => {
         if (!Be.value.includes(l.colId))
           return l;
-        const x = !a.includes(l.colId), me = {
+        const k = !a.includes(l.colId), me = {
           ...l,
-          hide: x
+          hide: k
         }, pe = e.find(
           (bo) => ce(bo.key) === l.colId
         );
         return pe && (me.pinned = pe.fixed || null), me;
       }), u = new Map(
-        e.map((l, x) => [ce(l.key), x])
-      ), f = p.filter((l) => u.has(l.colId)).sort(
-        (l, x) => u.get(l.colId) - u.get(x.colId)
+        e.map((l, k) => [ce(l.key), k])
+      ), f = d.filter((l) => u.has(l.colId)).sort(
+        (l, k) => u.get(l.colId) - u.get(k.colId)
       ), g = [];
-      let c = 0;
-      for (const l of p)
-        u.has(l.colId) ? g.push(f[c++]) : g.push(l);
-      P(g, { applyOrder: !0 });
+      let m = 0;
+      for (const l of d)
+        u.has(l.colId) ? g.push(f[m++]) : g.push(l);
+      D(g, { applyOrder: !0 });
     }
     lt({
       columns: i(() => w.value),
       columnsBackup: i(() => Y.value),
-      size: i(() => at[R.value]),
+      size: i(() => at[v.value]),
       updateColumns(e) {
-        w.value = e, t.onShownColumnsChange?.(e), ut(
+        w.value = e, o.onShownColumnsChange?.(e), ut(
           () => s.value?.getColumnState(),
           () => {
             lo(e);
           },
           {
             interval: 17,
-            check: (o) => !!(o && o.length > 0)
+            check: (t) => !!(t && t.length > 0)
           }
         );
       },
       updateSize(e) {
-        R.value = nt[e];
+        v.value = nt[e];
       },
       renderConfig: i(() => ({
-        className: ve("table-header", "title"),
+        className: Re("table-header", "title"),
         color: Fe.value.colorTextTertiary
       })),
-      dataSource: i(() => r(m).records),
+      dataSource: i(() => r(p).records),
       getSearchFormValues: le,
       setSearchFormValues: se,
       submit: V,
@@ -443,36 +443,36 @@ const gr = /* @__PURE__ */ xo({
       getSearchFormSorterItems: ie,
       setSearchFormSorterItems: ue,
       resetSearchFormSorterItems: de,
-      getLastParams: We
+      getLastParams: He
     });
-    const so = i(() => (k(t.loading) ? m.loading : t.loading) || Z.value.length === 0), io = i(() => [
-      d(),
-      t.card ? null : d("wrapper"),
-      d("adaptive"),
-      d(`size-${R.value}`),
-      t.autoHeight && m.records.length ? d("auto-height") : null,
-      Re.value
+    const so = i(() => (M(o.loading) ? p.loading : o.loading) || Z.value.length === 0), io = i(() => [
+      c(),
+      o.card ? null : c("wrapper"),
+      c("adaptive"),
+      c(`size-${v.value}`),
+      o.autoHeight && p.records.length ? c("auto-height") : null,
+      ve.value
     ].filter(Boolean)), uo = i(() => ({
       height: "100%",
-      ...t.tableStyle || {}
-    })), co = (e, o) => {
-      re({ current: e, pageSize: o });
+      ...o.tableStyle || {}
+    })), co = (e, t) => {
+      re({ current: e, pageSize: t });
     };
     function mo(e) {
-      const o = e.data;
-      return L(o);
+      const t = e.data;
+      return L(t);
     }
-    function po(e, o) {
-      (E(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, o);
+    function po(e, t) {
+      (E(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, t);
     }
-    function fo(e, o) {
-      s.value?.ensureColumnVisible(e, o);
+    function fo(e, t) {
+      s.value?.ensureColumnVisible(e, t);
     }
     function go(e) {
-      t.onRowClicked?.(e.data, e.event);
+      o.onRowClicked?.(e.data, e.event);
     }
     function wo(e) {
-      t.onScrollEnd?.(e.direction);
+      o.onScrollEnd?.(e.direction);
     }
     function So(e) {
       return s.value?.refreshCells(e);
@@ -480,49 +480,54 @@ const gr = /* @__PURE__ */ xo({
     function Co(e) {
       return s.value?.redrawRows(e);
     }
-    function ho({ finished: e, column: o }) {
-      !e || !o || (q(
-        t.plugins,
-        (n) => n.onColumnResized?.bind(n),
-        o.getColId(),
-        o.getActualWidth()
-      ), t.onColumnResized?.(o.getColId(), o.getActualWidth()));
+    function ho({
+      finished: e,
+      columns: t,
+      source: n
+    }) {
+      if (!e || n !== "uiColumnResized")
+        return;
+      const a = (t || []).map((d) => ({
+        key: d.getColId(),
+        width: d.getActualWidth()
+      }));
+      q(o.plugins, (d) => d.onColumnResized?.bind(d), a), o.onColumnResized?.(a);
     }
     const yo = (e) => {
-      const o = [
+      const t = [
         Q.value.getRowClass?.(e)
       ];
       if (!e.node.rowPinned) {
-        const n = E(t.rowClassName) ? t.rowClassName(e.data, e.rowIndex) : t.rowClassName;
-        o.push(n);
+        const n = E(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
+        t.push(n);
       }
-      return o.flat().filter(Boolean);
-    }, vo = ({ api: e }) => {
-      s.value = e, q(t.plugins, (o) => o.init?.bind(o), e);
-    }, Ro = (e, o, n) => {
+      return t.flat().filter(Boolean);
+    }, Ro = ({ api: e }) => {
+      s.value = e, q(o.plugins, (t) => t.init?.bind(t), e);
+    }, vo = (e, t, n) => {
       q(
-        t.plugins,
+        o.plugins,
         (a) => a.searchParamsChange?.bind(this),
-        o
-      ), t.searchForm && t.searchForm.onValuesChange?.(e, o, n);
+        t
+      ), o.searchForm && o.searchForm.onValuesChange?.(e, t, n);
     };
-    return H(
-      () => t.dataSource,
+    return W(
+      () => o.dataSource,
       (e) => {
         A(() => {
           Le(e, !0);
         });
       },
       { immediate: !0, deep: !0 }
-    ), H(
-      () => t.size,
+    ), W(
+      () => o.size,
       (e) => {
-        R.value = e;
+        v.value = e;
       }
-    ), H(
-      () => r(m).loading,
+    ), W(
+      () => r(p).loading,
       (e) => {
-        t.onLoadingChange?.(e);
+        o.onLoadingChange?.(e);
       }
     ), he({
       submit: V,
@@ -536,12 +541,12 @@ const gr = /* @__PURE__ */ xo({
         selectedRows: i(() => G.value),
         setSelectedRowKeys: to,
         setSelectedRows: no,
-        clearAll: W,
+        clearAll: H,
         unSelectRows: ao
       },
       scrollToRow: po,
       scrollToColumn: fo,
-      getDataSource: () => r(m.records),
+      getDataSource: () => r(p.records),
       getPaging: Ke,
       setPaging: Ge,
       getSearchFormSorterItems: ie,
@@ -550,23 +555,23 @@ const gr = /* @__PURE__ */ xo({
       refreshCells: So,
       redrawRows: Co,
       _internalGridApi: i(() => s.value)
-    }), (e, o) => (y(), U("div", {
-      class: v(io.value),
+    }), (e, t) => (y(), U("div", {
+      class: R(io.value),
       style: _(e.wrapperStyle)
     }, [
-      r(k)(e.dataSource) && e.searchForm !== !1 && r(X).length > 0 ? (y(), U("div", {
+      r(M)(e.dataSource) && e.searchForm !== !1 && r(X).length > 0 ? (y(), U("div", {
         key: 0,
-        class: v(e.card ? r(D)("search-wrapper") : null),
+        class: R(e.card ? r(z)("search-wrapper") : null),
         style: _(e.searchFormWrapperStyle)
       }, [
-        ko(r(ct).SearchForm, j(r(rt)(e.searchForm || {}, ["onValuesChange"]), {
+        Mo(r(ct).SearchForm, j(r(rt)(e.searchForm || {}, ["onValuesChange"]), {
           ref_key: "formRef",
           ref: S,
           "custom-reset": "",
           "submit-loading": r(te).loading,
           onSubmit: r(V),
           onReset: r(K),
-          onValuesChange: Ro
+          onValuesChange: vo
         }), Fo({
           default: ge(() => [
             (y(!0), U(Bo, null, Io(r(X), (n) => (y(), $(Ao(n.renderNode), {
@@ -585,39 +590,39 @@ const gr = /* @__PURE__ */ xo({
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
       ], 6)) : fe("", !0),
       T("div", {
-        class: v([r(D)("table-wrapper"), e.card ? r(D)("table-wrapper-card") : null]),
+        class: R([r(z)("table-wrapper"), e.card ? r(z)("table-wrapper-card") : null]),
         style: _(e.tableWrapperStyle)
       }, [
         T("div", {
-          class: v(r(d)("header-wrapper"))
+          class: R(r(c)("header-wrapper"))
         }, [
           we(e.$slots, "title", {
             selectedRows: r(G),
             selectedRowKeys: r($e),
             shownColumns: r(w),
-            clearAll: W
+            clearAll: H
           })
         ], 2),
         T("div", {
           ref_key: "gridWrapperRef",
           ref: Te,
-          class: v(r(d)("grid-wrapper"))
+          class: R(r(c)("grid-wrapper"))
         }, [
           (y(), $(r(tt), j(
-            r(xt)(r(xe), r(Q), ro.value),
+            r(kt)(r(ke), r(Q), ro.value),
             {
               key: r(J),
               "animate-rows": e.animateRows,
               "get-row-class": yo,
               style: uo.value,
-              "row-data": r(m).records,
+              "row-data": r(p).records,
               "column-defs": r(Z),
               "default-col-def": r(Ae),
               "suppress-loading-overlay": "",
               "row-selection": Ze.value,
-              "selection-column-def": r(He),
+              "selection-column-def": r(We),
               "get-row-id": mo,
-              "get-row-height": t.getRowHeight,
+              "get-row-height": o.getRowHeight,
               theme: r(be),
               "tooltip-show-delay": 500,
               "enable-browser-tooltips": e.browserTooltips,
@@ -632,8 +637,8 @@ const gr = /* @__PURE__ */ xo({
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
               "locale-text": ye[r(J)],
-              onSortChanged: Pe,
-              onGridReady: vo,
+              onSortChanged: De,
+              onGridReady: Ro,
               onRowDataUpdated: I,
               onRowSelected: eo,
               onFirstDataRendered: oo,
@@ -645,11 +650,11 @@ const gr = /* @__PURE__ */ xo({
           ), null, 16, ["animate-rows", "style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "get-row-height", "theme", "enable-browser-tooltips", "row-class-rules", "no-rows-overlay-component-params", "loading", "dom-layout", "locale-text"]))
         ], 2),
         T("div", {
-          class: v(r(d)("pagination-wrapper"))
+          class: R(r(c)("pagination-wrapper"))
         }, [
           e.pagination !== !1 ? (y(), $(r(No), j({
             key: 0,
-            class: r(d)("pagination")
+            class: r(c)("pagination")
           }, r(te).pagination, { onChange: co }), null, 16, ["class"])) : fe("", !0)
         ], 2)
       ], 6)

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

@@ -364,7 +364,7 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * @param width
      * @returns
      */
-    onColumnResized?: (key: string, width: number) => void;
+    onColumnResized?: (changes: AgGridColumnResizedOption[]) => void;
     /**
      * 是否允许行动画（默认为true）
      * @description 详见https://www.ag-grid.com/vue-data-grid/row-animation/
@@ -525,6 +525,10 @@ export type AgGridSlots<RecordType> = {
         column: Omit<AgColumn, keyof AgGridColumnType> & AgGridColumnType;
     }) => void;
 };
+export type AgGridColumnResizedOption = {
+    key: string;
+    width: number;
+};
 export interface AgGridPluginType {
     /**
      * AgGrid 初始化完成
@@ -553,9 +557,8 @@ export interface AgGridPluginType {
     searchParamsChange?: (params: Recordable) => void;
     /**
      * 列宽拖动变化后
-     * @param key 列唯一标识
-     * @param width 当前列宽
+     * @param changes 变更，可能是批量的
      * @returns
      */
-    onColumnResized?: (key: string, width: number) => void;
+    onColumnResized?: (changes: AgGridColumnResizedOption[]) => void;
 }