@aplus-frontend/ui 7.19.0 → 7.19.2

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

@@ -1,12 +1,12 @@
-import { defineComponent as xo, useSlots as Mo, ref as h, toRef as M, computed as i, unref as r, nextTick as A, watch as L, createElementBlock as U, openBlock as y, normalizeStyle as _, normalizeClass as v, createCommentVNode as pe, createElementVNode as T, createVNode as Fo, mergeProps as j, createSlots as ko, withCtx as fe, Fragment as Bo, renderList as Io, createBlock as $, resolveDynamicComponent as Ao, renderSlot as ge } 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 Wo, CellStyleModule as Ho, TooltipModule as Lo, 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 F, isFunction as E, omit as rt } from "lodash-unified";
-import { DEFAULT_ROW_SELECTION_CONFIG as we, sizeReverseMap as nt, sizeMap as lt } from "../ap-grid/constants.mjs";
-import { useProvideApTable as at } from "../ap-table/context.mjs";
+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";
 import { recursionApColumns as it } from "../ap-table/utils.mjs";
 import "../config-provider/index.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 Ft } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as kt } from "../config-provider/hooks/use-global-config.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: {
@@ -116,20 +116,20 @@ const gr = /* @__PURE__ */ xo({
     animateRows: { type: Boolean, default: !0 },
     plugins: { default: () => [] }
   },
-  setup(Se, { expose: Ce }) {
-    const he = {
+  setup(Ce, { expose: he }) {
+    const ye = {
       "zh-cn": Eo,
       en: To
     };
-    Po.registerModules([
-      zo,
+    Do.registerModules([
+      Po,
       Oo,
       Vo,
       Ko,
       Go,
-      Wo,
-      Ho,
       Lo,
+      Ho,
+      Wo,
       Uo,
       _o,
       jo,
@@ -143,50 +143,50 @@ const gr = /* @__PURE__ */ xo({
       et,
       ot
     ]);
-    const t = Se, N = Mo(), { e: D, b: d, be: ye } = Mt("ag-grid"), { lang: J } = Ft(), ve = vt("ag-grid"), R = h(t.size), Re = Rt(
-      R,
-      M(t, "rowHeight"),
-      M(t, "theme")
-    ), be = yt(M(t, "virtual")), { rowPinnedGridConfig: Q, getRowPinnedCellClass: xe } = wt(
-      M(t, "summary")
-    ), Me = kt("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,
-        (l) => l.beforeApplyColumnState?.bind(l)
+        (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: ke,
-      getTargetColumnByKey: Be,
-      defaultSortOrder: k
-    } = ft(t), { defaultColDef: Ie, columnDefs: Ae, gridWrapperRef: Te } = gt(
+      columnKeys: Be,
+      getTargetColumnByKey: Ie,
+      defaultSortOrder: F
+    } = ft(o), { defaultColDef: Ae, columnDefs: Z, gridWrapperRef: Te } = gt(
       Y,
-      t,
+      o,
       xe,
       N.headerCell
     ), Ee = {
       asc: "ascend",
       desc: "descend"
-    }, Z = {
+    }, ee = {
       ascend: "asc",
       descend: "desc"
     };
     function Ne() {
-      const e = k.value;
+      const e = F.value;
       return e ? {
-        [e.colKey]: Z[e.order]
+        [e.colKey]: ee[e.order]
       } : {};
     }
-    function De() {
-      const e = ee.value, o = k.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,89 +195,89 @@ 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 l = Object.keys(o);
-      if (l.length && l.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;
-      const u = n.getColDef(), f = n.getSort(), g = Be(u.colId);
-      te(void 0, void 0, {
+      const u = n.getColDef(), f = n.getSort(), g = Ie(u.colId);
+      re(void 0, void 0, {
         column: u,
         field: g?.field ?? u.field ?? u.colId,
         order: f ? Ee[f] : null
       });
     }
-    const ee = i(() => it(r(w), (e) => {
+    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,
-      tableProps: oe,
-      handleTableChangeOptional: te,
-      submitWith: re,
-      refresh: ne,
+      data: p,
+      tableProps: te,
+      handleTableChangeOptional: re,
+      submitWith: ne,
+      refresh: ae,
       getPaging: Ke,
       setPaging: Ge,
-      setDataSource: We,
+      setDataSource: Le,
       getLastParams: He
     } = st({
       async request(e) {
-        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && F(t.dataSource) && !O.value && H(), O.value && (O.value = !1), !F(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,
-      sortFields: ee,
-      onClickReset: ze,
-      defaultSortOrder: De()
+      formatParams: o.beforeSearchSubmit,
+      pagination: o.pagination,
+      sortFields: oe,
+      onClickReset: Pe,
+      defaultSortOrder: ze()
     }), C = i(() => {
-      const e = t.rowSelection || Me.value?.rowSelection;
+      const e = o.rowSelection || Me.value?.rowSelection;
       if (e)
-        return e === !0 ? we : {
-          ...we,
+        return e === !0 ? Se : {
+          ...Se,
           ...e
         };
-    }), Le = ht(t, w), Ue = i(
-      () => F(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],
-        isRowSelectable: (l) => n ? !n(l.data) : !0,
+        mode: Ye[t],
+        isRowSelectable: (a) => n ? !n(a.data) : !0,
         hideDisabledCheckboxes: e.hideDisabled ?? !1
       };
     });
-    function W(e) {
-      return E(t.rowKey) ? t.rowKey(e) : e[t.rowKey];
+    function L(e) {
+      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((l) => {
-        const p = l.data, u = W(p), f = l.isSelected();
-        o.find((g) => W(g) === u) ? !f && n.push(l) : f && l.setSelected(!1);
+      e.forEachNode((a) => {
+        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);
@@ -332,13 +332,13 @@ const gr = /* @__PURE__ */ xo({
     }, oo = () => {
       b = !0;
       const e = s.value;
-      if (!e || !k.value)
+      if (!e || !F.value)
         return;
-      const o = e.getColumnState(), { colKey: n, order: l } = k.value, p = o.map((u) => ({
+      const t = e.getColumnState(), { colKey: n, order: a } = F.value, d = t.map((u) => ({
         ...u,
-        sort: u.colId === n ? Z[l] : null
+        sort: u.colId === n ? ee[a] : null
       }));
-      P(p);
+      D(d);
     }, H = () => {
       qe(), s.value?.deselectAll();
     };
@@ -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,
@@ -362,118 +362,117 @@ const gr = /* @__PURE__ */ xo({
         I({});
       });
     }
-    function lo(e) {
+    function ao(e) {
       Xe(e), A(() => {
         I({});
       });
     }
     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 ae(e) {
+    function se(e) {
       S.value?.apForm?.setFieldsValue?.(e);
     }
-    function se() {
+    function ie() {
       return S.value?.getSorterItems() || [];
     }
-    function ie(e) {
+    function ue(e) {
       S.value?.setSorterItems(e);
     }
-    function ue() {
+    function de() {
       S.value?.resetSorterItems();
     }
-    function de(e) {
+    function ce(e) {
       return e && String(e);
     }
-    function ao(e) {
-      const o = s.value;
-      if (!o)
+    function lo(e) {
+      const t = s.value;
+      if (!t)
         return;
-      const n = o.getColumnState() || [], l = e.map((a) => a.key ? String(a.key) : a.key).filter(Boolean), p = n.map((a) => {
-        if (!ke.value.includes(a.colId))
-          return a;
-        const x = !l.includes(a.colId), ce = {
-          ...a,
-          hide: x
-        }, me = e.find(
-          (bo) => de(bo.key) === a.colId
+      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 k = !a.includes(l.colId), me = {
+          ...l,
+          hide: k
+        }, pe = e.find(
+          (bo) => ce(bo.key) === l.colId
         );
-        return me && (ce.pinned = me.fixed || null), ce;
+        return pe && (me.pinned = pe.fixed || null), me;
       }), u = new Map(
-        e.map((a, x) => [de(a.key), x])
-      ), f = p.filter((a) => u.has(a.colId)).sort(
-        (a, x) => u.get(a.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 a of p)
-        u.has(a.colId) ? g.push(f[c++]) : g.push(a);
-      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 });
     }
-    at({
+    lt({
       columns: i(() => w.value),
       columnsBackup: i(() => Y.value),
-      size: i(() => lt[R.value]),
+      size: i(() => at[v.value]),
       updateColumns(e) {
-        w.value = e, t.onShownColumnsChange?.(e), ut(
-          () => s.value,
+        w.value = e, o.onShownColumnsChange?.(e), ut(
+          () => s.value?.getColumnState(),
           () => {
-            ao(e);
+            lo(e);
           },
           {
-            interval: 17
+            interval: 17,
+            check: (t) => !!(t && t.length > 0)
           }
         );
       },
       updateSize(e) {
-        R.value = nt[e];
+        v.value = nt[e];
       },
       renderConfig: i(() => ({
-        className: ye("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: ae,
+      setSearchFormValues: se,
       submit: V,
-      submitWith: re,
+      submitWith: ne,
       reset: K,
-      refresh: ne,
-      getSearchFormSorterItems: se,
-      setSearchFormSorterItems: ie,
-      resetSearchFormSorterItems: ue,
+      refresh: ae,
+      getSearchFormSorterItems: ie,
+      setSearchFormSorterItems: ue,
+      resetSearchFormSorterItems: de,
       getLastParams: He
     });
-    const so = i(
-      () => F(t.loading) ? m.loading : t.loading
-    ), io = i(() => [
-      d(),
-      t.card ? null : d("wrapper"),
-      d("adaptive"),
-      d(`size-${R.value}`),
-      t.autoHeight && m.records.length ? d("auto-height") : null,
+    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) => {
-      te({ current: e, pageSize: o });
+      ...o.tableStyle || {}
+    })), co = (e, t) => {
+      re({ current: e, pageSize: t });
     };
     function mo(e) {
-      const o = e.data;
-      return W(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);
@@ -481,56 +480,61 @@ 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,
-        (l) => l.searchParamsChange?.bind(this),
-        o
-      ), t.searchForm && t.searchForm.onValuesChange?.(e, o, n);
+        o.plugins,
+        (a) => a.searchParamsChange?.bind(this),
+        t
+      ), o.searchForm && o.searchForm.onValuesChange?.(e, t, n);
     };
-    return L(
-      () => t.dataSource,
+    return W(
+      () => o.dataSource,
       (e) => {
         A(() => {
-          We(e, !0);
+          Le(e, !0);
         });
       },
       { immediate: !0, deep: !0 }
-    ), L(
-      () => t.size,
+    ), W(
+      () => o.size,
       (e) => {
-        R.value = e;
+        v.value = e;
       }
-    ), L(
-      () => r(m).loading,
+    ), W(
+      () => r(p).loading,
       (e) => {
-        t.onLoadingChange?.(e);
+        o.onLoadingChange?.(e);
       }
-    ), Ce({
+    ), he({
       submit: V,
       reset: K,
-      refresh: ne,
-      submitWith: re,
-      setSearchFormValues: ae,
+      refresh: ae,
+      submitWith: ne,
+      setSearchFormValues: se,
       getSearchFormValues: le,
       getShowColumns: () => r(w),
       rowSelection: {
@@ -538,38 +542,38 @@ const gr = /* @__PURE__ */ xo({
         setSelectedRowKeys: to,
         setSelectedRows: no,
         clearAll: H,
-        unSelectRows: lo
+        unSelectRows: ao
       },
       scrollToRow: po,
       scrollToColumn: fo,
-      getDataSource: () => r(m.records),
+      getDataSource: () => r(p.records),
       getPaging: Ke,
       setPaging: Ge,
-      getSearchFormSorterItems: se,
-      setSearchFormSorterItems: ie,
-      resetSearchFormSorterItems: ue,
+      getSearchFormSorterItems: ie,
+      setSearchFormSorterItems: ue,
+      resetSearchFormSorterItems: de,
       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(F)(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)
       }, [
-        Fo(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(oe).loading,
+          "submit-loading": r(te).loading,
           onSubmit: r(V),
           onReset: r(K),
-          onValuesChange: Ro
-        }), ko({
-          default: fe(() => [
+          onValuesChange: vo
+        }), Fo({
+          default: ge(() => [
             (y(!0), U(Bo, null, Io(r(X), (n) => (y(), $(Ao(n.renderNode), {
               key: n.dataIndex
             }))), 128))
@@ -578,21 +582,21 @@ const gr = /* @__PURE__ */ xo({
         }, [
           N.searchFormExtra ? {
             name: "extra",
-            fn: fe(() => [
-              ge(e.$slots, "searchFormExtra")
+            fn: ge(() => [
+              we(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : pe("", !0),
+      ], 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"))
         }, [
-          ge(e.$slots, "title", {
+          we(e.$slots, "title", {
             selectedRows: r(G),
             selectedRowKeys: r($e),
             shownColumns: r(w),
@@ -602,24 +606,24 @@ const gr = /* @__PURE__ */ xo({
         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(be), 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,
-              "column-defs": r(Ae),
-              "default-col-def": r(Ie),
+              "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(Le),
+              "selection-column-def": r(We),
               "get-row-id": mo,
-              "get-row-height": t.getRowHeight,
-              theme: r(Re),
+              "get-row-height": o.getRowHeight,
+              theme: r(be),
               "tooltip-show-delay": 500,
               "enable-browser-tooltips": e.browserTooltips,
               "tooltip-interaction": "",
@@ -632,9 +636,9 @@ const gr = /* @__PURE__ */ xo({
               "tab-to-next-cell": () => !1,
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
-              "locale-text": he[r(J)],
-              onSortChanged: Pe,
-              onGridReady: vo,
+              "locale-text": ye[r(J)],
+              onSortChanged: De,
+              onGridReady: Ro,
               onRowDataUpdated: I,
               onRowSelected: eo,
               onFirstDataRendered: oo,
@@ -646,12 +650,12 @@ 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")
-          }, r(oe).pagination, { onChange: co }), null, 16, ["class"])) : pe("", !0)
+            class: r(c)("pagination")
+          }, r(te).pagination, { onChange: co }), null, 16, ["class"])) : fe("", !0)
         ], 2)
       ], 6)
     ], 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;
 }

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.0";
+declare const _default: "7.19.2";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.19.0";
+const e = "7.19.2";
 export {
   e as default
 };

package/lib/src/ag-grid/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),te=require("@ag-grid-community/locale"),co=require("@aplus-frontend/antdv"),po=require("@aplus-frontend/antdv/es/theme/internal"),l=require("ag-grid-community"),fo=require("ag-grid-vue3"),c=require("lodash-unified"),F=require("../ap-grid/constants.js"),mo=require("../ap-table/context.js"),go=require("../ap-table/hooks/use-table-paging-ng.js"),wo=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const So=require("../utils/retry.js"),Co=require("../utils/slot.js"),ho=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const ne=require("./context.js"),yo=require("./hooks/use-columns.js"),vo=require("./hooks/use-columns-def.js"),Ro=require("./hooks/use-pinned-row.js"),bo=require("./hooks/use-row-selection.js"),ko=require("./hooks/use-search-form.js"),xo=require("./hooks/use-selection-col-def.js"),Bo=require("./hooks/use-virtual-config.js"),Fo=require("./style/index.js"),qo=require("./theme.js"),b=require("./utils.js"),Mo=require("../config-provider/hooks/use-namespace.js"),Io=require("../config-provider/hooks/use-locale.js"),Eo=require("../config-provider/hooks/use-global-config.js"),To=require("../utils/is.js"),Ao=require("./components/row/index.vue2.js"),No=require("./components/loading/index.vue2.js"),zo=require("./components/empty/index.vue2.js"),_o=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean,default:!0},plugins:{default:()=>[]}},setup(re,{expose:le}){const ae={"zh-cn":te.AG_GRID_LOCALE_CN,en:te.AG_GRID_LOCALE_EN};l.ModuleRegistry.registerModules([l.ValidationModule,l.ColumnAutoSizeModule,l.PinnedRowModule,l.RowAutoHeightModule,l.RowStyleModule,l.CellSpanModule,l.CellStyleModule,l.TooltipModule,l.RowSelectionModule,l.LocaleModule,l.ValueCacheModule,l.GridStateModule,l.ColumnApiModule,l.RowApiModule,l.CellApiModule,l.RenderApiModule,l.EventApiModule,l.ScrollApiModule,l.ClientSideRowModelApiModule,l.ClientSideRowModelModule]);const n=re,q=o.useSlots(),{e:M,b:d,be:se}=Mo.useNamespace("ag-grid"),{lang:V}=Io.useLocale(),ue=Fo.default("ag-grid"),y=o.ref(n.size),ie=qo.useTheme(y,o.toRef(n,"rowHeight"),o.toRef(n,"theme")),ce=Bo.default(o.toRef(n,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:de}=Ro.usePinnedRow(o.toRef(n,"summary")),pe=Eo.useGlobalConfig("apGrid"),u=o.ref(),[,fe]=po.useToken();let v=!!n.dataSource;async function I(e,t={}){const r=await b.runPipelineHooks(n.plugins,e,a=>a.beforeApplyColumnState?.bind(a));u.value.applyColumnState({state:r,...t})}const O=ko.useSearchForm(n),{shownColumns:S,columns:G,columnKeys:me,getTargetColumnByKey:ge,defaultSortOrder:k}=yo.useColumns(n),{defaultColDef:we,columnDefs:Se,gridWrapperRef:Ce}=vo.useColumnsDef(G,n,de,q.headerCell),he={asc:"ascend",desc:"descend"},K={ascend:"asc",descend:"desc"};function ye(){const e=k.value;return e?{[e.colKey]:K[e.order]}:{}}function ve(){const e=L.value,t=k.value;if(t&&e.includes(t.field))return t}const x=o.ref(ye());ne.useProvideSorter({sorter:x,setSorter(e){x.value=e}});function Re(){const e=u.value.getColumns()?.filter(p=>p.getSort()!=null),t=o.unref(x)||{};let r=e?.[0];const a=Object.keys(t);if(a.length&&a.every(p=>t[p]===null)){const p=Object.keys(t)[0];p&&(r=u.value?.getColumn(p))}if(!r)return;const i=r.getColDef(),g=r.getSort(),w=ge(i.colId);W(void 0,void 0,{column:i,field:w?.field??i.field??i.colId,order:g?he[g]:null})}const L=o.computed(()=>wo.recursionApColumns(o.unref(S),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),be=()=>{x.value={};const e=u.value;if(!e)return;const t=e.getColumnState()?.map(r=>({...r,sort:null}));I(t)},E=o.ref({});ne.useProvideExpandable({expandable:E});function ke(e){const t=e.columnGroup;t&&(E.value={...E.value,[t.getGroupId()]:t.isExpanded()})}const T=o.ref(!0),xe=o.computed(()=>To.isDef(n.manual)?n.manual:Co.getValidVNodeList(q.searchFormExtra?.()||[]).some(t=>t.type?.name==="ApView")),{formRef:C,submit:A,reset:N,data:f,tableProps:H,handleTableChangeOptional:W,submitWith:U,refresh:$,getPaging:Be,setPaging:Fe,setDataSource:qe,getLastParams:Me}=go.useTablePaging({async request(e){if(v=!1,h.value&&!h.value.preserveSelectedRowKeys&&c.isUndefined(n.dataSource)&&!T.value&&P(),T.value&&(T.value=!1),!c.isUndefined(n.dataSource)){const r=e.pageSize*(e.current-1);return{data:(n.pagination===!1?n.dataSource:n.dataSource.slice(r,r+e.pageSize))||[],total:n.dataSource.length||0}}const t=await n.request?.(e);return{data:t?.data||[],total:t?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(n,"params"),defaultData:n.defaultData,manual:o.unref(xe),formatParams:n.beforeSearchSubmit,pagination:n.pagination,sortFields:L,onClickReset:be,defaultSortOrder:ve()}),h=o.computed(()=>{const e=n.rowSelection||pe.value?.rowSelection;if(e)return e===!0?F.DEFAULT_ROW_SELECTION_CONFIG:{...F.DEFAULT_ROW_SELECTION_CONFIG,...e}}),Ie=xo.default(n,S),Ee=o.computed(()=>c.isUndefined(n.dataSource)?f.records:n.dataSource),{select:Te,unSelect:Ae,selectedRows:z,selectedRowKeys:Ne,clearAll:ze,selectMultiByKeys:_e,selectMulti:Pe,unSelectMulti:Ve}=bo.default({...h.value,dataSource:Ee,rowKey:n.rowKey}),De={checkbox:"multiRow",radio:"singleRow"},Oe=o.computed(()=>{const e=h.value;if(!e)return;const{type:t="checkbox",disabled:r}=e;return{mode:De[t],isRowSelectable:a=>r?!r(a.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function _(e){return c.isFunction(n.rowKey)?n.rowKey(e):e[n.rowKey]}const B=({api:e=u.value})=>{if(n.onUpdate?.(),!h.value)return;const t=z.value||[];v=!1;const r=[];e.forEachNode(a=>{const m=a.data,i=_(m),g=a.isSelected();t.find(w=>_(w)===i)?!g&&r.push(a):g&&a.setSelected(!1)}),e.setNodesSelected({nodes:r,newValue:!0}),setTimeout(()=>{v=!0},0)},Ge=e=>{v&&(e.node.isSelected()?Te(e.data):Ae(e.data),c.isFunction(h.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},Ke=()=>{v=!0;const e=u.value;if(!e||!k.value)return;const t=e.getColumnState(),{colKey:r,order:a}=k.value,m=t.map(i=>({...i,sort:i.colId===r?K[a]:null}));I(m)},P=()=>{ze(),u.value?.deselectAll()};function Le(e){_e(e),o.nextTick(()=>{B({})})}const He=o.computed(()=>{const e=n.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Ao.default,fullWidthCellRendererParams:{render:e.render}}:{}});function We(e){Pe(e),o.nextTick(()=>{B({})})}function Ue(e){Ve(e),o.nextTick(()=>{B({})})}function j(e=!1){const t=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[t]?.(!0)}function J(e){C.value?.apForm?.setFieldsValue?.(e)}function Q(){return C.value?.getSorterItems()||[]}function X(e){C.value?.setSorterItems(e)}function Y(){C.value?.resetSorterItems()}function Z(e){return e&&String(e)}function $e(e){const t=u.value;if(!t)return;const r=t.getColumnState()||[],a=e.map(s=>s.key?String(s.key):s.key).filter(Boolean),m=r.map(s=>{if(!me.value.includes(s.colId))return s;const R=!a.includes(s.colId),ee={...s,hide:R},oe=e.find(io=>Z(io.key)===s.colId);return oe&&(ee.pinned=oe.fixed||null),ee}),i=new Map(e.map((s,R)=>[Z(s.key),R])),g=m.filter(s=>i.has(s.colId)).sort((s,R)=>i.get(s.colId)-i.get(R.colId)),w=[];let p=0;for(const s of m)i.has(s.colId)?w.push(g[p++]):w.push(s);I(w,{applyOrder:!0})}mo.useProvideApTable({columns:o.computed(()=>S.value),columnsBackup:o.computed(()=>G.value),size:o.computed(()=>F.sizeMap[y.value]),updateColumns(e){S.value=e,n.onShownColumnsChange?.(e),So.retryUntil(()=>u.value,()=>{$e(e)},{interval:17})},updateSize(e){y.value=F.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:se("table-header","title"),color:fe.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(f).records),getSearchFormValues:j,setSearchFormValues:J,submit:A,submitWith:U,reset:N,refresh:$,getSearchFormSorterItems:Q,setSearchFormSorterItems:X,resetSearchFormSorterItems:Y,getLastParams:Me});const je=o.computed(()=>c.isUndefined(n.loading)?f.loading:n.loading),Je=o.computed(()=>[d(),n.card?null:d("wrapper"),d("adaptive"),d(`size-${y.value}`),n.autoHeight&&f.records.length?d("auto-height"):null,ue.value].filter(Boolean)),Qe=o.computed(()=>({height:"100%",...n.tableStyle||{}})),Xe=(e,t)=>{W({current:e,pageSize:t})};function Ye(e){const t=e.data;return _(t)}function Ze(e,t){(c.isFunction(e)?u.value?.ensureNodeVisible:u.value?.ensureIndexVisible)?.(e,t)}function eo(e,t){u.value?.ensureColumnVisible(e,t)}function oo(e){n.onRowClicked?.(e.data,e.event)}function to(e){n.onScrollEnd?.(e.direction)}function no(e){return u.value?.refreshCells(e)}function ro(e){return u.value?.redrawRows(e)}function lo({finished:e,column:t}){!e||!t||(b.runEffectHooks(n.plugins,r=>r.onColumnResized?.bind(r),t.getColId(),t.getActualWidth()),n.onColumnResized?.(t.getColId(),t.getActualWidth()))}const ao=e=>{const t=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const r=c.isFunction(n.rowClassName)?n.rowClassName(e.data,e.rowIndex):n.rowClassName;t.push(r)}return t.flat().filter(Boolean)},so=({api:e})=>{u.value=e,b.runEffectHooks(n.plugins,t=>t.init?.bind(t),e)},uo=(e,t,r)=>{b.runEffectHooks(n.plugins,a=>a.searchParamsChange?.bind(this),t),n.searchForm&&n.searchForm.onValuesChange?.(e,t,r)};return o.watch(()=>n.dataSource,e=>{o.nextTick(()=>{qe(e,!0)})},{immediate:!0,deep:!0}),o.watch(()=>n.size,e=>{y.value=e}),o.watch(()=>o.unref(f).loading,e=>{n.onLoadingChange?.(e)}),le({submit:A,reset:N,refresh:$,submitWith:U,setSearchFormValues:J,getSearchFormValues:j,getShowColumns:()=>o.unref(S),rowSelection:{selectedRows:o.computed(()=>z.value),setSelectedRowKeys:Le,setSelectedRows:We,clearAll:P,unSelectRows:Ue},scrollToRow:Ze,scrollToColumn:eo,getDataSource:()=>o.unref(f.records),getPaging:Be,setPaging:Fe,getSearchFormSorterItems:Q,setSearchFormSorterItems:X,resetSearchFormSorterItems:Y,refreshCells:no,redrawRows:ro,_internalGridApi:o.computed(()=>u.value)}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Je.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(c.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(O).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(M)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(ho.ApForm).SearchForm,o.mergeProps(o.unref(c.omit)(e.searchForm||{},["onValuesChange"]),{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(H).loading,onSubmit:o.unref(A),onReset:o.unref(N),onValuesChange:uo}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(O),r=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.renderNode),{key:r.dataIndex}))),128))]),_:2},[q.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(M)("table-wrapper"),e.card?o.unref(M)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(d)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(z),selectedRowKeys:o.unref(Ne),shownColumns:o.unref(S),clearAll:P})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:Ce,class:o.normalizeClass(o.unref(d)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(fo.AgGridVue),o.mergeProps(o.unref(b.mergeProps)(o.unref(ce),o.unref(D),He.value),{key:o.unref(V),"animate-rows":e.animateRows,"get-row-class":ao,style:Qe.value,"row-data":o.unref(f).records,"column-defs":o.unref(Se),"default-col-def":o.unref(we),"suppress-loading-overlay":"","row-selection":Oe.value,"selection-column-def":o.unref(Ie),"get-row-id":Ye,"get-row-height":n.getRowHeight,theme:o.unref(ie),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":zo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":No.default,loading:je.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":ae[o.unref(V)],onSortChanged:Re,onGridReady:so,onRowDataUpdated:B,onRowSelected:Ge,onFirstDataRendered:Ke,onRowClicked:oo,onBodyScrollEnd:to,onColumnResized:lo,onColumnGroupOpened:ke}),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),o.createElementVNode("div",{class:o.normalizeClass(o.unref(d)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(co.Pagination),o.mergeProps({key:0,class:o.unref(d)("pagination")},o.unref(H).pagination,{onChange:Xe}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=_o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),ne=require("@ag-grid-community/locale"),co=require("@aplus-frontend/antdv"),po=require("@aplus-frontend/antdv/es/theme/internal"),a=require("ag-grid-community"),fo=require("ag-grid-vue3"),d=require("lodash-unified"),F=require("../ap-grid/constants.js"),mo=require("../ap-table/context.js"),go=require("../ap-table/hooks/use-table-paging-ng.js"),wo=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const So=require("../utils/retry.js"),Co=require("../utils/slot.js"),ho=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const re=require("./context.js"),yo=require("./hooks/use-columns.js"),vo=require("./hooks/use-columns-def.js"),Ro=require("./hooks/use-pinned-row.js"),bo=require("./hooks/use-row-selection.js"),ko=require("./hooks/use-search-form.js"),xo=require("./hooks/use-selection-col-def.js"),Bo=require("./hooks/use-virtual-config.js"),Fo=require("./style/index.js"),qo=require("./theme.js"),b=require("./utils.js"),Mo=require("../config-provider/hooks/use-namespace.js"),Eo=require("../config-provider/hooks/use-locale.js"),Io=require("../config-provider/hooks/use-global-config.js"),To=require("../utils/is.js"),Ao=require("./components/row/index.vue2.js"),No=require("./components/loading/index.vue2.js"),zo=require("./components/empty/index.vue2.js"),_o=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean,default:!0},plugins:{default:()=>[]}},setup(le,{expose:ae}){const se={"zh-cn":ne.AG_GRID_LOCALE_CN,en:ne.AG_GRID_LOCALE_EN};a.ModuleRegistry.registerModules([a.ValidationModule,a.ColumnAutoSizeModule,a.PinnedRowModule,a.RowAutoHeightModule,a.RowStyleModule,a.CellSpanModule,a.CellStyleModule,a.TooltipModule,a.RowSelectionModule,a.LocaleModule,a.ValueCacheModule,a.GridStateModule,a.ColumnApiModule,a.RowApiModule,a.CellApiModule,a.RenderApiModule,a.EventApiModule,a.ScrollApiModule,a.ClientSideRowModelApiModule,a.ClientSideRowModelModule]);const t=le,q=o.useSlots(),{e:M,b:p,be:ue}=Mo.useNamespace("ag-grid"),{lang:V}=Eo.useLocale(),ie=Fo.default("ag-grid"),y=o.ref(t.size),ce=qo.useTheme(y,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),de=Bo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:pe}=Ro.usePinnedRow(o.toRef(t,"summary")),fe=Io.useGlobalConfig("apGrid"),u=o.ref(),[,me]=po.useToken();let v=!!t.dataSource;async function E(e,n={}){const r=await b.runPipelineHooks(t.plugins,e,l=>l.beforeApplyColumnState?.bind(l));u.value.applyColumnState({state:r,...n})}const O=ko.useSearchForm(t),{shownColumns:S,columns:G,columnKeys:ge,getTargetColumnByKey:we,defaultSortOrder:k}=yo.useColumns(t),{defaultColDef:Se,columnDefs:K,gridWrapperRef:Ce}=vo.useColumnsDef(G,t,pe,q.headerCell),he={asc:"ascend",desc:"descend"},L={ascend:"asc",descend:"desc"};function ye(){const e=k.value;return e?{[e.colKey]:L[e.order]}:{}}function ve(){const e=H.value,n=k.value;if(n&&e.includes(n.field))return n}const x=o.ref(ye());re.useProvideSorter({sorter:x,setSorter(e){x.value=e}});function Re(){const e=u.value.getColumns()?.filter(f=>f.getSort()!=null),n=o.unref(x)||{};let r=e?.[0];const l=Object.keys(n);if(l.length&&l.every(f=>n[f]===null)){const f=Object.keys(n)[0];f&&(r=u.value?.getColumn(f))}if(!r)return;const i=r.getColDef(),g=r.getSort(),w=we(i.colId);U(void 0,void 0,{column:i,field:w?.field??i.field??i.colId,order:g?he[g]:null})}const H=o.computed(()=>wo.recursionApColumns(o.unref(S),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),be=()=>{x.value={};const e=u.value;if(!e)return;const n=e.getColumnState()?.map(r=>({...r,sort:null}));E(n)},I=o.ref({});re.useProvideExpandable({expandable:I});function ke(e){const n=e.columnGroup;n&&(I.value={...I.value,[n.getGroupId()]:n.isExpanded()})}const T=o.ref(!0),xe=o.computed(()=>To.isDef(t.manual)?t.manual:Co.getValidVNodeList(q.searchFormExtra?.()||[]).some(n=>n.type?.name==="ApView")),{formRef:C,submit:A,reset:N,data:m,tableProps:W,handleTableChangeOptional:U,submitWith:$,refresh:j,getPaging:Be,setPaging:Fe,setDataSource:qe,getLastParams:Me}=go.useTablePaging({async request(e){if(v=!1,h.value&&!h.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!T.value&&P(),T.value&&(T.value=!1),!d.isUndefined(t.dataSource)){const r=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(r,r+e.pageSize))||[],total:t.dataSource.length||0}}const n=await t.request?.(e);return{data:n?.data||[],total:n?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(xe),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:H,onClickReset:be,defaultSortOrder:ve()}),h=o.computed(()=>{const e=t.rowSelection||fe.value?.rowSelection;if(e)return e===!0?F.DEFAULT_ROW_SELECTION_CONFIG:{...F.DEFAULT_ROW_SELECTION_CONFIG,...e}}),Ee=xo.default(t,S),Ie=o.computed(()=>d.isUndefined(t.dataSource)?m.records:t.dataSource),{select:Te,unSelect:Ae,selectedRows:z,selectedRowKeys:Ne,clearAll:ze,selectMultiByKeys:_e,selectMulti:Pe,unSelectMulti:Ve}=bo.default({...h.value,dataSource:Ie,rowKey:t.rowKey}),De={checkbox:"multiRow",radio:"singleRow"},Oe=o.computed(()=>{const e=h.value;if(!e)return;const{type:n="checkbox",disabled:r}=e;return{mode:De[n],isRowSelectable:l=>r?!r(l.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function _(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const B=({api:e=u.value})=>{if(t.onUpdate?.(),!h.value)return;const n=z.value||[];v=!1;const r=[];e.forEachNode(l=>{const c=l.data,i=_(c),g=l.isSelected();n.find(w=>_(w)===i)?!g&&r.push(l):g&&l.setSelected(!1)}),e.setNodesSelected({nodes:r,newValue:!0}),setTimeout(()=>{v=!0},0)},Ge=e=>{v&&(e.node.isSelected()?Te(e.data):Ae(e.data),d.isFunction(h.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},Ke=()=>{v=!0;const e=u.value;if(!e||!k.value)return;const n=e.getColumnState(),{colKey:r,order:l}=k.value,c=n.map(i=>({...i,sort:i.colId===r?L[l]:null}));E(c)},P=()=>{ze(),u.value?.deselectAll()};function Le(e){_e(e),o.nextTick(()=>{B({})})}const He=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Ao.default,fullWidthCellRendererParams:{render:e.render}}:{}});function We(e){Pe(e),o.nextTick(()=>{B({})})}function Ue(e){Ve(e),o.nextTick(()=>{B({})})}function J(e=!1){const n=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[n]?.(!0)}function Q(e){C.value?.apForm?.setFieldsValue?.(e)}function X(){return C.value?.getSorterItems()||[]}function Y(e){C.value?.setSorterItems(e)}function Z(){C.value?.resetSorterItems()}function ee(e){return e&&String(e)}function $e(e){const n=u.value;if(!n)return;const r=n.getColumnState()||[],l=e.map(s=>s.key?String(s.key):s.key).filter(Boolean),c=r.map(s=>{if(!ge.value.includes(s.colId))return s;const R=!l.includes(s.colId),oe={...s,hide:R},te=e.find(io=>ee(io.key)===s.colId);return te&&(oe.pinned=te.fixed||null),oe}),i=new Map(e.map((s,R)=>[ee(s.key),R])),g=c.filter(s=>i.has(s.colId)).sort((s,R)=>i.get(s.colId)-i.get(R.colId)),w=[];let f=0;for(const s of c)i.has(s.colId)?w.push(g[f++]):w.push(s);E(w,{applyOrder:!0})}mo.useProvideApTable({columns:o.computed(()=>S.value),columnsBackup:o.computed(()=>G.value),size:o.computed(()=>F.sizeMap[y.value]),updateColumns(e){S.value=e,t.onShownColumnsChange?.(e),So.retryUntil(()=>u.value?.getColumnState(),()=>{$e(e)},{interval:17,check:n=>!!(n&&n.length>0)})},updateSize(e){y.value=F.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:ue("table-header","title"),color:me.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(m).records),getSearchFormValues:J,setSearchFormValues:Q,submit:A,submitWith:$,reset:N,refresh:j,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,getLastParams:Me});const je=o.computed(()=>(d.isUndefined(t.loading)?m.loading:t.loading)||K.value.length===0),Je=o.computed(()=>[p(),t.card?null:p("wrapper"),p("adaptive"),p(`size-${y.value}`),t.autoHeight&&m.records.length?p("auto-height"):null,ie.value].filter(Boolean)),Qe=o.computed(()=>({height:"100%",...t.tableStyle||{}})),Xe=(e,n)=>{U({current:e,pageSize:n})};function Ye(e){const n=e.data;return _(n)}function Ze(e,n){(d.isFunction(e)?u.value?.ensureNodeVisible:u.value?.ensureIndexVisible)?.(e,n)}function eo(e,n){u.value?.ensureColumnVisible(e,n)}function oo(e){t.onRowClicked?.(e.data,e.event)}function to(e){t.onScrollEnd?.(e.direction)}function no(e){return u.value?.refreshCells(e)}function ro(e){return u.value?.redrawRows(e)}function lo({finished:e,columns:n,source:r}){if(!e||r!=="uiColumnResized")return;const l=(n||[]).map(c=>({key:c.getColId(),width:c.getActualWidth()}));b.runEffectHooks(t.plugins,c=>c.onColumnResized?.bind(c),l),t.onColumnResized?.(l)}const ao=e=>{const n=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const r=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;n.push(r)}return n.flat().filter(Boolean)},so=({api:e})=>{u.value=e,b.runEffectHooks(t.plugins,n=>n.init?.bind(n),e)},uo=(e,n,r)=>{b.runEffectHooks(t.plugins,l=>l.searchParamsChange?.bind(this),n),t.searchForm&&t.searchForm.onValuesChange?.(e,n,r)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{qe(e,!0)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{y.value=e}),o.watch(()=>o.unref(m).loading,e=>{t.onLoadingChange?.(e)}),ae({submit:A,reset:N,refresh:j,submitWith:$,setSearchFormValues:Q,getSearchFormValues:J,getShowColumns:()=>o.unref(S),rowSelection:{selectedRows:o.computed(()=>z.value),setSelectedRowKeys:Le,setSelectedRows:We,clearAll:P,unSelectRows:Ue},scrollToRow:Ze,scrollToColumn:eo,getDataSource:()=>o.unref(m.records),getPaging:Be,setPaging:Fe,getSearchFormSorterItems:X,setSearchFormSorterItems:Y,resetSearchFormSorterItems:Z,refreshCells:no,redrawRows:ro,_internalGridApi:o.computed(()=>u.value)}),(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Je.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(O).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(M)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(ho.ApForm).SearchForm,o.mergeProps(o.unref(d.omit)(e.searchForm||{},["onValuesChange"]),{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(W).loading,onSubmit:o.unref(A),onReset:o.unref(N),onValuesChange:uo}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(O),r=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.renderNode),{key:r.dataIndex}))),128))]),_:2},[q.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(M)("table-wrapper"),e.card?o.unref(M)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(z),selectedRowKeys:o.unref(Ne),shownColumns:o.unref(S),clearAll:P})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:Ce,class:o.normalizeClass(o.unref(p)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(fo.AgGridVue),o.mergeProps(o.unref(b.mergeProps)(o.unref(de),o.unref(D),He.value),{key:o.unref(V),"animate-rows":e.animateRows,"get-row-class":ao,style:Qe.value,"row-data":o.unref(m).records,"column-defs":o.unref(K),"default-col-def":o.unref(Se),"suppress-loading-overlay":"","row-selection":Oe.value,"selection-column-def":o.unref(Ee),"get-row-id":Ye,"get-row-height":t.getRowHeight,theme:o.unref(ce),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":zo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":No.default,loading:je.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":se[o.unref(V)],onSortChanged:Re,onGridReady:so,onRowDataUpdated:B,onRowSelected:Ge,onFirstDataRendered:Ke,onRowClicked:oo,onBodyScrollEnd:to,onColumnResized:lo,onColumnGroupOpened:ke}),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),o.createElementVNode("div",{class:o.normalizeClass(o.unref(p)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(co.Pagination),o.mergeProps({key:0,class:o.unref(p)("pagination")},o.unref(W).pagination,{onChange:Xe}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=_o;

package/lib/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;
 }

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.0";
+declare const _default: "7.19.2";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.19.0";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.19.2";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.19.0",
+  "version": "7.19.2",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",