@aplus-frontend/ui 7.15.0 → 7.15.2

package/es/src/ag-grid/editable/form-item.vue.mjs

@@ -124,6 +124,7 @@ const _e = /* @__PURE__ */ A({
     theme: {},
     emptyComponent: {},
     emptyText: {},
+    onColumnResized: {},
     columns: {},
     defaultValue: {},
     onChange: {},
@@ -173,10 +174,10 @@ const _e = /* @__PURE__ */ A({
       getRowData: k,
       getRowsData: D,
       setRowData: O,
-      clear: H,
+      clear: z,
       refreshRowIds: d
     } = se(o, s, n, i);
-    function K() {
+    function H() {
       const e = r.value?._internalGridApi;
       if (!d.value?.length || !e)
         return;
@@ -195,7 +196,7 @@ const _e = /* @__PURE__ */ A({
       const a = e === "end" ? n.value.length - 1 : e;
       r.value?.scrollToRow(a, t);
     }
-    function M(e, t) {
+    function K(e, t) {
       r.value?.scrollToColumn(e, t);
     }
     return R({
@@ -206,11 +207,11 @@ const _e = /* @__PURE__ */ A({
       getRowData: k,
       getRowsData: D,
       setRowData: O,
-      clear: H,
+      clear: z,
       setTableData: c,
       scrollTo: w,
       scrollToRow: w,
-      scrollToColumn: M,
+      scrollToColumn: K,
       table: r
     }), (e, t) => (U(), W($, null, [p(l(h).FormItem, {
       hidden: "",
@@ -228,12 +229,12 @@ const _e = /* @__PURE__ */ A({
         columns: l(E),
         "data-source": n.value,
         "search-form": !1,
-        onUpdate: K
+        onUpdate: H
       }), J({
         _: 2
       }, [Q(B, (a, m) => ({
         name: m,
-        fn: g((z) => [X(e.$slots, m, Y(Z(z || {})))])
+        fn: g((M) => [X(e.$slots, m, Y(Z(M || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 8, ["label"])], 64));

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

@@ -1,5 +1,5 @@
-import { defineComponent as M, useSlots as $, ref as b, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as m, createVNode as v, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
-import { isEqual as te, isArray as R, omit as ne } from "lodash-unified";
+import { defineComponent as M, useSlots as $, ref as R, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as p, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+import { isEqual as te, isArray as v, omit as ne } from "lodash-unified";
 import { ApForm as c } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
@@ -10,8 +10,8 @@ import se from "../style/editable.mjs";
 import { arrayToObject as f, getRowKey as ie } from "./utils.mjs";
 import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as ue } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as pe } from "../../config-provider/hooks/use-global-config.mjs";
-import me from "../index.vue.mjs";
+import { useGlobalConfig as me } from "../../config-provider/hooks/use-global-config.mjs";
+import pe from "../index.vue.mjs";
 const Fe = /* @__PURE__ */ M({
   name: "EditableGrid",
   __name: "index",
@@ -121,6 +121,7 @@ const Fe = /* @__PURE__ */ M({
     theme: {},
     emptyComponent: {},
     emptyText: {},
+    onColumnResized: {},
     columns: {},
     value: {},
     defaultValue: {},
@@ -139,28 +140,28 @@ const Fe = /* @__PURE__ */ M({
   }) {
     const S = $(), a = C, {
       b: T
-    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = b(), {
+    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = R(), {
       value: s,
       updateValue: y
-    } = ue(a, _), r = b(), E = c.useWatch(a.name, r);
+    } = ue(a, _), r = R(), E = c.useWatch(a.name, r);
     q(s, (e) => {
       const o = f(e, a.rowKey);
       te(o, l(E)) || r.value?.setFieldValue(a.name, o);
     }, {
       deep: !0
     });
-    const K = pe("valueTypeMap"), k = re(a, K), {
+    const K = me("valueTypeMap"), k = re(a, K), {
       add: A,
       addMultiple: N,
       remove: j,
       removeByKey: I,
       getRowData: V,
       getRowsData: D,
-      setRowData: H,
-      clear: O,
+      setRowData: z,
+      clear: H,
       refreshRowIds: d
     } = le(a, r, s, y);
-    function z() {
+    function O() {
       const e = i.value?._internalGridApi;
       if (!d.value?.length || !e)
         return;
@@ -174,12 +175,12 @@ const Fe = /* @__PURE__ */ M({
       r.value?.resetFields();
     }
     function w(e) {
-      return e ? (R(e) ? e : [e]).map((t) => R(t) ? [a.name, ...t] : [a.name, t]) : void 0;
+      return e ? (v(e) ? e : [e]).map((t) => v(t) ? [a.name, ...t] : [a.name, t]) : void 0;
     }
     function g(e) {
       try {
         const o = Object.keys(e), t = s.value.map((n) => ie(n, void 0, a.rowKey));
-        return o.sort((n, u) => t.findIndex((p) => String(p) === n) - t.findIndex((p) => String(p) === u)), o.map((n) => e[n]);
+        return o.sort((n, u) => t.findIndex((m) => String(m) === n) - t.findIndex((m) => String(m) === u)), o.map((n) => e[n]);
       } catch {
         return e;
       }
@@ -214,8 +215,8 @@ const Fe = /* @__PURE__ */ M({
       removeByKey: I,
       getRowData: V,
       getRowsData: D,
-      setRowData: H,
-      clear: O,
+      setRowData: z,
+      clear: H,
       setTableData: U,
       scrollTo: h,
       scrollToRow: h,
@@ -231,11 +232,11 @@ const Fe = /* @__PURE__ */ M({
         height: "100%"
       }
     }, {
-      default: m(() => [v(l(c).FormItem, {
+      default: p(() => [b(l(c).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: m(() => [v(me, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: p(() => [b(pe, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: i,
           class: [l(T)(), l(F)],
@@ -243,12 +244,12 @@ const Fe = /* @__PURE__ */ M({
           columns: l(k),
           "data-source": l(s),
           "search-form": !1,
-          onUpdate: z
+          onUpdate: O
         }), Y({
           _: 2
         }, [Z(S, (t, n) => ({
           name: n,
-          fn: m((u) => [ee(e.$slots, n, oe(ae(u || {})))])
+          fn: p((u) => [ee(e.$slots, n, oe(ae(u || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),

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

@@ -1,41 +1,41 @@
-import { defineComponent as wo, useSlots as yo, ref as M, toRef as B, computed as n, unref as r, nextTick as A, watch as G, createElementBlock as L, openBlock as C, normalizeStyle as W, normalizeClass as h, createCommentVNode as de, createElementVNode as T, createVNode as Co, mergeProps as H, createSlots as ho, withCtx as ce, Fragment as vo, renderList as Ro, createBlock as U, resolveDynamicComponent as bo, renderSlot as me } from "vue";
-import { AG_GRID_LOCALE_EN as Mo, AG_GRID_LOCALE_CN as Bo } from "@ag-grid-community/locale";
-import { Pagination as Fo } from "@aplus-frontend/antdv";
-import { useToken as ko } from "@aplus-frontend/antdv/es/theme/internal";
-import { ModuleRegistry as xo, ValidationModule as Io, ColumnAutoSizeModule as Ao, PinnedRowModule as To, RowAutoHeightModule as No, RowStyleModule as Do, CellSpanModule as Eo, CellStyleModule as Ko, TooltipModule as Oo, RowSelectionModule as Po, LocaleModule as Vo, ValueCacheModule as zo, GridStateModule as Go, ColumnApiModule as Lo, RowApiModule as Wo, CellApiModule as Ho, RenderApiModule as Uo, EventApiModule as _o, ScrollApiModule as jo, ClientSideRowModelApiModule as $o, ClientSideRowModelModule as qo } from "ag-grid-community";
-import { AgGridVue as Jo } from "ag-grid-vue3";
+import { defineComponent as Co, useSlots as yo, ref as M, toRef as B, computed as n, unref as r, nextTick as A, watch as G, createElementBlock as L, openBlock as y, normalizeStyle as W, normalizeClass as h, createCommentVNode as de, createElementVNode as T, createVNode as ho, mergeProps as H, createSlots as vo, withCtx as ce, Fragment as Ro, renderList as bo, createBlock as U, resolveDynamicComponent as Mo, renderSlot as me } from "vue";
+import { AG_GRID_LOCALE_EN as Bo, AG_GRID_LOCALE_CN as Fo } from "@ag-grid-community/locale";
+import { Pagination as ko } from "@aplus-frontend/antdv";
+import { useToken as xo } from "@aplus-frontend/antdv/es/theme/internal";
+import { ModuleRegistry as Io, ValidationModule as Ao, ColumnAutoSizeModule as To, PinnedRowModule as No, RowAutoHeightModule as Do, RowStyleModule as Eo, CellSpanModule as zo, CellStyleModule as Ko, TooltipModule as Oo, RowSelectionModule as Po, LocaleModule as Vo, ValueCacheModule as Go, GridStateModule as Lo, ColumnApiModule as Wo, RowApiModule as Ho, CellApiModule as Uo, RenderApiModule as _o, EventApiModule as jo, ScrollApiModule as $o, ClientSideRowModelApiModule as qo, ClientSideRowModelModule as Jo } from "ag-grid-community";
+import { AgGridVue as Qo } from "ag-grid-vue3";
 import { isUndefined as F, isFunction as N } from "lodash-unified";
-import { DEFAULT_ROW_SELECTION_CONFIG as pe, sizeReverseMap as Qo, sizeMap as Xo } from "../ap-grid/constants.mjs";
-import { useProvideApTable as Yo } from "../ap-table/context.mjs";
-import { useTablePaging as Zo } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { recursionApColumns as et } from "../ap-table/utils.mjs";
+import { DEFAULT_ROW_SELECTION_CONFIG as pe, sizeReverseMap as Xo, sizeMap as Yo } from "../ap-grid/constants.mjs";
+import { useProvideApTable as Zo } from "../ap-table/context.mjs";
+import { useTablePaging as et } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { recursionApColumns as ot } from "../ap-table/utils.mjs";
 import "../config-provider/index.mjs";
 import "../utils/index.mjs";
-import { retryUntil as ot } from "../utils/retry.mjs";
-import { getValidVNodeList as tt } from "../utils/slot.mjs";
-import { ApForm as rt } from "../ap-form/index.mjs";
+import { retryUntil as tt } from "../utils/retry.mjs";
+import { getValidVNodeList as rt } from "../utils/slot.mjs";
+import { ApForm as lt } from "../ap-form/index.mjs";
 import "./components/empty/index.vue.mjs";
 import "./components/loading/index.vue.mjs";
 import "./components/row/index.vue.mjs";
-import { useProvideSorter as lt } from "./context.mjs";
-import { useColumns as at } from "./hooks/use-columns.mjs";
-import { useColumnsDef as nt } from "./hooks/use-columns-def.mjs";
-import { usePinnedRow as st } from "./hooks/use-pinned-row.mjs";
-import it from "./hooks/use-row-selection.mjs";
-import { useSearchForm as ut } from "./hooks/use-search-form.mjs";
-import dt from "./hooks/use-selection-col-def.mjs";
-import ct from "./hooks/use-virtual-config.mjs";
-import mt from "./style/index.mjs";
-import { useTheme as pt } from "./theme.mjs";
-import { mergeProps as ft } from "./utils.mjs";
-import { useNamespace as gt } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as St } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as wt } from "../config-provider/hooks/use-global-config.mjs";
+import { useProvideSorter as at } from "./context.mjs";
+import { useColumns as nt } from "./hooks/use-columns.mjs";
+import { useColumnsDef as st } from "./hooks/use-columns-def.mjs";
+import { usePinnedRow as it } from "./hooks/use-pinned-row.mjs";
+import ut from "./hooks/use-row-selection.mjs";
+import { useSearchForm as dt } from "./hooks/use-search-form.mjs";
+import ct from "./hooks/use-selection-col-def.mjs";
+import mt from "./hooks/use-virtual-config.mjs";
+import pt from "./style/index.mjs";
+import { useTheme as ft } from "./theme.mjs";
+import { mergeProps as gt } from "./utils.mjs";
+import { useNamespace as St } from "../config-provider/hooks/use-namespace.mjs";
+import { useLocale as wt } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as Ct } from "../config-provider/hooks/use-global-config.mjs";
 import { isDef as yt } from "../utils/is.mjs";
-import Ct from "./components/row/index.vue2.mjs";
-import ht from "./components/loading/index.vue2.mjs";
-import vt from "./components/empty/index.vue2.mjs";
-const ar = /* @__PURE__ */ wo({
+import ht from "./components/row/index.vue2.mjs";
+import vt from "./components/loading/index.vue2.mjs";
+import Rt from "./components/empty/index.vue2.mjs";
+const nr = /* @__PURE__ */ Co({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -111,25 +111,25 @@ const ar = /* @__PURE__ */ wo({
     customRow: {},
     theme: {},
     emptyComponent: {},
-    emptyText: {}
+    emptyText: {},
+    onColumnResized: {}
   },
   setup(fe, { expose: ge }) {
     const Se = {
-      "zh-cn": Bo,
-      en: Mo
+      "zh-cn": Fo,
+      en: Bo
     };
-    xo.registerModules([
-      Io,
+    Io.registerModules([
       Ao,
       To,
       No,
       Do,
       Eo,
+      zo,
       Ko,
       Oo,
       Po,
       Vo,
-      zo,
       Go,
       Lo,
       Wo,
@@ -138,23 +138,24 @@ const ar = /* @__PURE__ */ wo({
       _o,
       jo,
       $o,
-      qo
+      qo,
+      Jo
     ]);
-    const o = fe, _ = yo(), { e: D, b: d, be: we } = gt("ag-grid"), { lang: j } = St(), ye = mt("ag-grid"), v = M(o.size), Ce = pt(
+    const o = fe, _ = yo(), { e: D, b: d, be: we } = St("ag-grid"), { lang: j } = wt(), Ce = pt("ag-grid"), v = M(o.size), ye = ft(
       v,
       B(o, "rowHeight"),
       B(o, "theme")
-    ), he = ct(B(o, "virtual")), { rowPinnedGridConfig: $, getRowPinnedCellClass: ve } = st(
+    ), he = mt(B(o, "virtual")), { rowPinnedGridConfig: $, getRowPinnedCellClass: ve } = it(
       B(o, "summary")
-    ), Re = wt("apGrid"), s = M(), [, be] = ko();
+    ), Re = Ct("apGrid"), s = M(), [, be] = xo();
     let R = !!o.dataSource;
-    const q = ut(o), {
+    const q = dt(o), {
       shownColumns: S,
       columns: J,
       columnKeys: Me,
       getTargetColumnByKey: Be,
       defaultSortOrder: k
-    } = at(o), { defaultColDef: Fe, columnDefs: ke, gridWrapperRef: xe } = nt(J, o, ve), Ie = {
+    } = nt(o), { defaultColDef: Fe, columnDefs: ke, gridWrapperRef: xe } = st(J, o, ve), Ie = {
       asc: "ascend",
       desc: "descend"
     }, Q = {
@@ -173,7 +174,7 @@ const ar = /* @__PURE__ */ wo({
         return t;
     }
     const x = M(Ae());
-    lt({
+    at({
       sorter: x,
       setSorter(e) {
         x.value = e;
@@ -196,7 +197,7 @@ const ar = /* @__PURE__ */ wo({
         order: f ? Ie[f] : null
       });
     }
-    const X = n(() => et(r(S), (e) => {
+    const X = n(() => ot(r(S), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), De = () => {
@@ -206,22 +207,22 @@ const ar = /* @__PURE__ */ wo({
         return;
       const t = e.getColumnState()?.map((l) => ({ ...l, sort: null }));
       e.applyColumnState({ state: t });
-    }, E = M(!0), Ee = n(() => yt(o.manual) ? o.manual : tt(_.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
+    }, E = M(!0), Ee = n(() => yt(o.manual) ? o.manual : rt(_.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
       formRef: w,
-      submit: K,
-      reset: O,
+      submit: z,
+      reset: K,
       data: m,
       tableProps: Y,
       handleTableChangeOptional: Z,
       submitWith: ee,
       refresh: oe,
-      getPaging: Ke,
-      setPaging: Oe,
-      setDataSource: Pe,
-      getLastParams: Ve
-    } = Zo({
+      getPaging: ze,
+      setPaging: Ke,
+      setDataSource: Oe,
+      getLastParams: Pe
+    } = et({
       async request(e) {
-        if (R = !1, y.value && !y.value.preserveSelectedRowKeys && F(o.dataSource) && !E.value && z(), E.value && (E.value = !1), !F(o.dataSource)) {
+        if (R = !1, C.value && !C.value.preserveSelectedRowKeys && F(o.dataSource) && !E.value && V(), E.value && (E.value = !1), !F(o.dataSource)) {
           const l = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(l, l + e.pageSize)) || [],
@@ -244,33 +245,33 @@ const ar = /* @__PURE__ */ wo({
       sortFields: X,
       onClickReset: De,
       defaultSortOrder: Te()
-    }), y = n(() => {
+    }), C = n(() => {
       const e = o.rowSelection || Re.value?.rowSelection;
       if (e)
         return e === !0 ? pe : {
           ...pe,
           ...e
         };
-    }), ze = dt(o, S), Ge = n(
+    }), Ve = ct(o, S), Ge = n(
       () => F(o.dataSource) ? m.records : o.dataSource
     ), {
       select: Le,
       unSelect: We,
-      selectedRows: P,
+      selectedRows: O,
       selectedRowKeys: He,
       clearAll: Ue,
       selectMultiByKeys: _e,
       selectMulti: je,
       unSelectMulti: $e
-    } = it({
-      ...y.value,
+    } = ut({
+      ...C.value,
       dataSource: Ge,
       rowKey: o.rowKey
     }), qe = {
       checkbox: "multiRow",
       radio: "singleRow"
     }, Je = n(() => {
-      const e = y.value;
+      const e = C.value;
       if (!e)
         return;
       const { type: t = "checkbox", disabled: l } = e;
@@ -280,25 +281,25 @@ const ar = /* @__PURE__ */ wo({
         hideDisabledCheckboxes: e.hideDisabled ?? !1
       };
     });
-    function V(e) {
+    function P(e) {
       return N(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
     const I = ({
       api: e = s.value
     }) => {
-      if (o.onUpdate?.(), !y.value)
+      if (o.onUpdate?.(), !C.value)
         return;
-      const t = P.value || [];
+      const t = O.value || [];
       R = !1;
       const l = [];
       e.forEachNode((u) => {
-        const p = u.data, i = V(p), f = u.isSelected();
-        t.find((g) => V(g) === i) ? !f && l.push(u) : f && u.setSelected(!1);
+        const p = u.data, i = P(p), f = u.isSelected();
+        t.find((g) => P(g) === i) ? !f && l.push(u) : f && u.setSelected(!1);
       }), e.setNodesSelected({ nodes: l, newValue: !0 }), setTimeout(() => {
         R = !0;
       }, 0);
     }, Qe = (e) => {
-      R && (e.node.isSelected() ? Le(e.data) : We(e.data), N(y.value?.tooltip) && e.api.refreshCells({
+      R && (e.node.isSelected() ? Le(e.data) : We(e.data), N(C.value?.tooltip) && e.api.refreshCells({
         rowNodes: [e.node],
         // todo: 取消硬编码
         columns: ["ag-Grid-SelectionColumn"],
@@ -316,7 +317,7 @@ const ar = /* @__PURE__ */ wo({
       e.applyColumnState({
         state: p
       });
-    }, z = () => {
+    }, V = () => {
       Ue(), s.value?.deselectAll();
     };
     function Ye(e) {
@@ -328,7 +329,7 @@ const ar = /* @__PURE__ */ wo({
       const e = o.customRow;
       return e ? {
         isFullWidthRow: e.isCustomRow,
-        fullWidthCellRenderer: Ct,
+        fullWidthCellRenderer: ht,
         fullWidthCellRendererParams: {
           render: e.render
         }
@@ -374,7 +375,7 @@ const ar = /* @__PURE__ */ wo({
           ...a,
           hide: b
         }, ue = e.find(
-          (So) => se(So.key) === a.colId
+          (wo) => se(wo.key) === a.colId
         );
         return ue && (ie.pinned = ue.fixed || null), ie;
       }), i = new Map(
@@ -390,12 +391,12 @@ const ar = /* @__PURE__ */ wo({
         applyOrder: !0
       });
     }
-    Yo({
+    Zo({
       columns: n(() => S.value),
       columnsBackup: n(() => J.value),
-      size: n(() => Xo[v.value]),
+      size: n(() => Yo[v.value]),
       updateColumns(e) {
-        S.value = e, o.onShownColumnsChange?.(e), ot(
+        S.value = e, o.onShownColumnsChange?.(e), tt(
           () => s.value,
           () => {
             to(e);
@@ -406,7 +407,7 @@ const ar = /* @__PURE__ */ wo({
         );
       },
       updateSize(e) {
-        v.value = Qo[e];
+        v.value = Xo[e];
       },
       renderConfig: n(() => ({
         className: we("table-header", "title"),
@@ -415,14 +416,14 @@ const ar = /* @__PURE__ */ wo({
       dataSource: n(() => r(m).records),
       getSearchFormValues: te,
       setSearchFormValues: re,
-      submit: K,
+      submit: z,
       submitWith: ee,
-      reset: O,
+      reset: K,
       refresh: oe,
       getSearchFormSorterItems: le,
       setSearchFormSorterItems: ae,
       resetSearchFormSorterItems: ne,
-      getLastParams: Ve
+      getLastParams: Pe
     });
     const ro = n(
       () => F(o.loading) ? m.loading : o.loading
@@ -432,7 +433,7 @@ const ar = /* @__PURE__ */ wo({
       d("adaptive"),
       d(`size-${v.value}`),
       o.autoHeight && m.records.length ? d("auto-height") : null,
-      ye.value
+      Ce.value
     ].filter(Boolean)), ao = n(() => ({
       height: "100%",
       ...o.tableStyle || {}
@@ -441,7 +442,7 @@ const ar = /* @__PURE__ */ wo({
     };
     function so(e) {
       const t = e.data;
-      return V(t);
+      return P(t);
     }
     function io(e, t) {
       (N(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, t);
@@ -461,7 +462,10 @@ const ar = /* @__PURE__ */ wo({
     function fo(e) {
       return s.value?.redrawRows(e);
     }
-    const go = (e) => {
+    function go({ finished: e, column: t }) {
+      !e || !t || o.onColumnResized?.(t.getColId(), t.getActualWidth());
+    }
+    const So = (e) => {
       const t = [
         $.value.getRowClass?.(e)
       ];
@@ -475,7 +479,7 @@ const ar = /* @__PURE__ */ wo({
       () => o.dataSource,
       (e) => {
         A(() => {
-          Pe(e);
+          Oe(e);
         });
       },
       { immediate: !0, deep: !0 }
@@ -490,50 +494,50 @@ const ar = /* @__PURE__ */ wo({
         o.onLoadingChange?.(e);
       }
     ), ge({
-      submit: K,
-      reset: O,
+      submit: z,
+      reset: K,
       refresh: oe,
       submitWith: ee,
       setSearchFormValues: re,
       getSearchFormValues: te,
       getShowColumns: () => r(S),
       rowSelection: {
-        selectedRows: n(() => P.value),
+        selectedRows: n(() => O.value),
         setSelectedRowKeys: Ye,
         setSelectedRows: eo,
-        clearAll: z,
+        clearAll: V,
         unSelectRows: oo
       },
       scrollToRow: io,
       scrollToColumn: uo,
       getDataSource: () => r(m.records),
-      getPaging: Ke,
-      setPaging: Oe,
+      getPaging: ze,
+      setPaging: Ke,
       getSearchFormSorterItems: le,
       setSearchFormSorterItems: ae,
       resetSearchFormSorterItems: ne,
       refreshCells: po,
       redrawRows: fo,
       _internalGridApi: n(() => s.value)
-    }), (e, t) => (C(), L("div", {
+    }), (e, t) => (y(), L("div", {
       class: h(lo.value),
       style: W(e.wrapperStyle)
     }, [
-      r(F)(e.dataSource) && e.searchForm !== !1 && r(q).length > 0 ? (C(), L("div", {
+      r(F)(e.dataSource) && e.searchForm !== !1 && r(q).length > 0 ? (y(), L("div", {
         key: 0,
         class: h(e.card ? r(D)("search-wrapper") : null),
         style: W(e.searchFormWrapperStyle)
       }, [
-        Co(r(rt).SearchForm, H(e.searchForm || {}, {
+        ho(r(lt).SearchForm, H(e.searchForm || {}, {
           ref_key: "formRef",
           ref: w,
           "custom-reset": "",
           "submit-loading": r(Y).loading,
-          onSubmit: r(K),
-          onReset: r(O)
-        }), ho({
+          onSubmit: r(z),
+          onReset: r(K)
+        }), vo({
           default: ce(() => [
-            (C(!0), L(vo, null, Ro(r(q), (l) => (C(), U(bo(l.renderNode), {
+            (y(!0), L(Ro, null, bo(r(q), (l) => (y(), U(Mo(l.renderNode), {
               key: l.dataIndex
             }))), 128))
           ]),
@@ -556,10 +560,10 @@ const ar = /* @__PURE__ */ wo({
           class: h(r(d)("header-wrapper"))
         }, [
           me(e.$slots, "title", {
-            selectedRows: r(P),
+            selectedRows: r(O),
             selectedRowKeys: r(He),
             shownColumns: r(S),
-            clearAll: z
+            clearAll: V
           })
         ], 2),
         T("div", {
@@ -567,28 +571,28 @@ const ar = /* @__PURE__ */ wo({
           ref: xe,
           class: h(r(d)("grid-wrapper"))
         }, [
-          (C(), U(r(Jo), H(
-            r(ft)(r(he), r($), Ze.value),
+          (y(), U(r(Qo), H(
+            r(gt)(r(he), r($), Ze.value),
             {
               key: r(j),
-              "get-row-class": go,
+              "get-row-class": So,
               style: ao.value,
               "row-data": r(m).records,
               "column-defs": r(ke),
               "default-col-def": r(Fe),
               "suppress-loading-overlay": "",
               "row-selection": Je.value,
-              "selection-column-def": r(ze),
+              "selection-column-def": r(Ve),
               "get-row-id": so,
               "get-row-height": o.getRowHeight,
-              theme: r(Ce),
+              theme: r(ye),
               "tooltip-show-delay": 500,
               "enable-browser-tooltips": e.browserTooltips,
               "tooltip-interaction": "",
               "row-class-rules": e.rowClassRules,
-              "no-rows-overlay-component": vt,
+              "no-rows-overlay-component": Rt,
               "no-rows-overlay-component-params": { emptyComponent: e.emptyComponent, emptyText: e.emptyText },
-              "loading-overlay-component": ht,
+              "loading-overlay-component": vt,
               loading: ro.value,
               "suppress-cell-focus": "",
               "tab-to-next-cell": () => !1,
@@ -601,14 +605,15 @@ const ar = /* @__PURE__ */ wo({
               onRowSelected: Qe,
               onFirstDataRendered: Xe,
               onRowClicked: co,
-              onBodyScrollEnd: mo
+              onBodyScrollEnd: mo,
+              onColumnResized: go
             }
           ), null, 16, ["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: h(r(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (C(), U(r(Fo), H({
+          e.pagination !== !1 ? (y(), U(r(ko), H({
             key: 0,
             class: r(d)("pagination")
           }, r(Y).pagination, { onChange: no }), null, 16, ["class"])) : de("", !0)
@@ -618,5 +623,5 @@ const ar = /* @__PURE__ */ wo({
   }
 });
 export {
-  ar as default
+  nr as default
 };