@aplus-frontend/ui 7.15.8 → 7.17.0

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

@@ -1,41 +1,41 @@
-import { defineComponent as yo, useSlots as Co, 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 ho, mergeProps as H, createSlots as Ro, withCtx as ce, Fragment as vo, 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 { defineComponent as ho, useSlots as vo, ref as y, toRef as x, computed as n, unref as r, nextTick as A, watch as W, createElementBlock as H, openBlock as h, normalizeStyle as U, normalizeClass as v, createCommentVNode as ce, createElementVNode as T, createVNode as Ro, mergeProps as j, createSlots as bo, withCtx as me, Fragment as Mo, renderList as xo, createBlock as _, resolveDynamicComponent as Bo, renderSlot as pe } from "vue";
+import { AG_GRID_LOCALE_EN as Fo, AG_GRID_LOCALE_CN as Io } from "@ag-grid-community/locale";
 import { Pagination as ko } from "@aplus-frontend/antdv";
-import { useToken as Io } from "@aplus-frontend/antdv/es/theme/internal";
-import { ModuleRegistry as xo, 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 jo, EventApiModule as _o, 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 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 { useToken as Ao } from "@aplus-frontend/antdv/es/theme/internal";
+import { ModuleRegistry as To, ValidationModule as Eo, ColumnAutoSizeModule as No, PinnedRowModule as Do, RowAutoHeightModule as zo, RowStyleModule as Oo, CellSpanModule as Po, CellStyleModule as Ko, TooltipModule as Go, RowSelectionModule as Vo, LocaleModule as Lo, ValueCacheModule as Wo, GridStateModule as Ho, ColumnApiModule as Uo, RowApiModule as jo, CellApiModule as _o, RenderApiModule as $o, EventApiModule as qo, ScrollApiModule as Jo, ClientSideRowModelApiModule as Qo, ClientSideRowModelModule as Xo } from "ag-grid-community";
+import { AgGridVue as Yo } from "ag-grid-vue3";
+import { isUndefined as B, isFunction as E } from "lodash-unified";
+import { DEFAULT_ROW_SELECTION_CONFIG as fe, sizeReverseMap as Zo, sizeMap as et } from "../ap-grid/constants.mjs";
+import { useProvideApTable as ot } from "../ap-table/context.mjs";
+import { useTablePaging as tt } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { recursionApColumns as rt } from "../ap-table/utils.mjs";
 import "../config-provider/index.mjs";
 import "../utils/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 { retryUntil as lt } from "../utils/retry.mjs";
+import { getValidVNodeList as at } from "../utils/slot.mjs";
+import { ApForm as nt } 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 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 wt } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as St } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as yt } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as Ct } from "../utils/is.mjs";
-import ht from "./components/row/index.vue2.mjs";
-import Rt from "./components/loading/index.vue2.mjs";
-import vt from "./components/empty/index.vue2.mjs";
-const nr = /* @__PURE__ */ yo({
+import { useProvideSorter as st, useProvideExpandable as it } from "./context.mjs";
+import { useColumns as ut } from "./hooks/use-columns.mjs";
+import { useColumnsDef as dt } from "./hooks/use-columns-def.mjs";
+import { usePinnedRow as ct } from "./hooks/use-pinned-row.mjs";
+import mt from "./hooks/use-row-selection.mjs";
+import { useSearchForm as pt } from "./hooks/use-search-form.mjs";
+import ft from "./hooks/use-selection-col-def.mjs";
+import gt from "./hooks/use-virtual-config.mjs";
+import wt from "./style/index.mjs";
+import { useTheme as St } from "./theme.mjs";
+import { mergeProps as Ct } from "./utils.mjs";
+import { useNamespace as yt } from "../config-provider/hooks/use-namespace.mjs";
+import { useLocale as ht } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as vt } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as Rt } from "../utils/is.mjs";
+import bt from "./components/row/index.vue2.mjs";
+import Mt from "./components/loading/index.vue2.mjs";
+import xt from "./components/empty/index.vue2.mjs";
+const ur = /* @__PURE__ */ ho({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -115,23 +115,21 @@ const nr = /* @__PURE__ */ yo({
     onColumnResized: {},
     animateRows: { type: Boolean, default: !0 }
   },
-  setup(fe, { expose: ge }) {
-    const we = {
-      "zh-cn": Fo,
-      en: Bo
+  setup(ge, { expose: we }) {
+    const Se = {
+      "zh-cn": Io,
+      en: Fo
     };
-    xo.registerModules([
-      Ao,
-      To,
+    To.registerModules([
+      Eo,
       No,
       Do,
-      Eo,
       zo,
-      Ko,
       Oo,
       Po,
-      Vo,
+      Ko,
       Go,
+      Vo,
       Lo,
       Wo,
       Ho,
@@ -140,42 +138,49 @@ const nr = /* @__PURE__ */ yo({
       _o,
       $o,
       qo,
-      Jo
+      Jo,
+      Qo,
+      Xo
     ]);
-    const o = fe, j = Co(), { e: D, b: d, be: Se } = wt("ag-grid"), { lang: _ } = St(), ye = pt("ag-grid"), R = M(o.size), Ce = ft(
+    const o = ge, N = vo(), { e: D, b: d, be: Ce } = yt("ag-grid"), { lang: $ } = ht(), ye = wt("ag-grid"), R = y(o.size), he = St(
       R,
-      B(o, "rowHeight"),
-      B(o, "theme")
-    ), he = mt(B(o, "virtual")), { rowPinnedGridConfig: $, getRowPinnedCellClass: Re } = it(
-      B(o, "summary")
-    ), ve = yt("apGrid"), s = M(), [, be] = Io();
-    let v = !!o.dataSource;
-    const q = dt(o), {
+      x(o, "rowHeight"),
+      x(o, "theme")
+    ), ve = gt(x(o, "virtual")), { rowPinnedGridConfig: q, getRowPinnedCellClass: Re } = ct(
+      x(o, "summary")
+    ), be = vt("apGrid"), s = y(), [, Me] = Ao();
+    let b = !!o.dataSource;
+    const J = pt(o), {
       shownColumns: w,
-      columns: J,
-      columnKeys: Me,
+      columns: Q,
+      columnKeys: xe,
       getTargetColumnByKey: Be,
-      defaultSortOrder: k
-    } = nt(o), { defaultColDef: Fe, columnDefs: ke, gridWrapperRef: Ie } = st(J, o, Re), xe = {
+      defaultSortOrder: F
+    } = ut(o), { defaultColDef: Fe, columnDefs: Ie, gridWrapperRef: ke } = dt(
+      Q,
+      o,
+      Re,
+      N.headerCell
+    ), Ae = {
       asc: "ascend",
       desc: "descend"
-    }, Q = {
+    }, X = {
       ascend: "asc",
       descend: "desc"
     };
-    function Ae() {
-      const e = k.value;
+    function Te() {
+      const e = F.value;
       return e ? {
-        [e.colKey]: Q[e.order]
+        [e.colKey]: X[e.order]
       } : {};
     }
-    function Te() {
-      const e = X.value, t = k.value;
+    function Ee() {
+      const e = Y.value, t = F.value;
       if (t && e.includes(t.field))
         return t;
     }
-    const I = M(Ae());
-    at({
+    const I = y(Te());
+    st({
       sorter: I,
       setSorter(e) {
         I.value = e;
@@ -192,13 +197,13 @@ const nr = /* @__PURE__ */ yo({
       if (!l)
         return;
       const i = l.getColDef(), f = l.getSort(), g = Be(i.colId);
-      Z(void 0, void 0, {
+      ee(void 0, void 0, {
         column: i,
         field: g?.field ?? i.field ?? i.colId,
-        order: f ? xe[f] : null
+        order: f ? Ae[f] : null
       });
     }
-    const X = n(() => ot(r(w), (e) => {
+    const Y = n(() => rt(r(w), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), De = () => {
@@ -208,22 +213,31 @@ const nr = /* @__PURE__ */ yo({
         return;
       const t = e.getColumnState()?.map((l) => ({ ...l, sort: null }));
       e.applyColumnState({ state: t });
-    }, E = M(!0), Ee = n(() => Ct(o.manual) ? o.manual : rt(j.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
+    }, z = y({});
+    it({ expandable: z });
+    function ze(e) {
+      const t = e.columnGroup;
+      t && (z.value = {
+        ...z.value,
+        [t.getGroupId()]: t.isExpanded()
+      });
+    }
+    const O = y(!0), Oe = n(() => Rt(o.manual) ? o.manual : at(N.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
       formRef: S,
-      submit: z,
+      submit: P,
       reset: K,
       data: m,
-      tableProps: Y,
-      handleTableChangeOptional: Z,
-      submitWith: ee,
-      refresh: oe,
-      getPaging: ze,
+      tableProps: Z,
+      handleTableChangeOptional: ee,
+      submitWith: oe,
+      refresh: te,
+      getPaging: Pe,
       setPaging: Ke,
-      setDataSource: Oe,
-      getLastParams: Pe
-    } = et({
+      setDataSource: Ge,
+      getLastParams: Ve
+    } = tt({
       async request(e) {
-        if (v = !1, y.value && !y.value.preserveSelectedRowKeys && F(o.dataSource) && !E.value && V(), E.value && (E.value = !1), !F(o.dataSource)) {
+        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && B(o.dataSource) && !O.value && L(), O.value && (O.value = !1), !B(o.dataSource)) {
           const l = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(l, l + e.pageSize)) || [],
@@ -237,152 +251,152 @@ const nr = /* @__PURE__ */ yo({
         };
       },
       namespace: "ap-grid",
-      filterFields: M([]),
-      params: B(o, "params"),
+      filterFields: y([]),
+      params: x(o, "params"),
       defaultData: o.defaultData,
-      manual: r(Ee),
+      manual: r(Oe),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: X,
+      sortFields: Y,
       onClickReset: De,
-      defaultSortOrder: Te()
-    }), y = n(() => {
-      const e = o.rowSelection || ve.value?.rowSelection;
+      defaultSortOrder: Ee()
+    }), C = n(() => {
+      const e = o.rowSelection || be.value?.rowSelection;
       if (e)
-        return e === !0 ? pe : {
-          ...pe,
+        return e === !0 ? fe : {
+          ...fe,
           ...e
         };
-    }), Ve = ct(o, w), Ge = n(
-      () => F(o.dataSource) ? m.records : o.dataSource
+    }), Le = ft(o, w), We = n(
+      () => B(o.dataSource) ? m.records : o.dataSource
     ), {
-      select: Le,
-      unSelect: We,
-      selectedRows: O,
-      selectedRowKeys: He,
-      clearAll: Ue,
-      selectMultiByKeys: je,
-      selectMulti: _e,
-      unSelectMulti: $e
-    } = ut({
-      ...y.value,
-      dataSource: Ge,
+      select: He,
+      unSelect: Ue,
+      selectedRows: G,
+      selectedRowKeys: je,
+      clearAll: _e,
+      selectMultiByKeys: $e,
+      selectMulti: qe,
+      unSelectMulti: Je
+    } = mt({
+      ...C.value,
+      dataSource: We,
       rowKey: o.rowKey
-    }), qe = {
+    }), Qe = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, Je = n(() => {
-      const e = y.value;
+    }, Xe = n(() => {
+      const e = C.value;
       if (!e)
         return;
       const { type: t = "checkbox", disabled: l } = e;
       return {
-        mode: qe[t],
+        mode: Qe[t],
         isRowSelectable: (u) => l ? !l(u.data) : !0,
         hideDisabledCheckboxes: e.hideDisabled ?? !1
       };
     });
-    function P(e) {
-      return N(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function V(e) {
+      return E(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const x = ({
+    const k = ({
       api: e = s.value
     }) => {
-      if (o.onUpdate?.(), !y.value)
+      if (o.onUpdate?.(), !C.value)
         return;
-      const t = O.value || [];
-      v = !1;
+      const t = G.value || [];
+      b = !1;
       const l = [];
       e.forEachNode((u) => {
-        const p = u.data, i = P(p), f = u.isSelected();
-        t.find((g) => P(g) === i) ? !f && l.push(u) : f && u.setSelected(!1);
+        const p = u.data, i = V(p), f = u.isSelected();
+        t.find((g) => V(g) === i) ? !f && l.push(u) : f && u.setSelected(!1);
       }), e.setNodesSelected({ nodes: l, newValue: !0 }), setTimeout(() => {
-        v = !0;
+        b = !0;
       }, 0);
-    }, Qe = (e) => {
-      v && (e.node.isSelected() ? Le(e.data) : We(e.data), N(y.value?.tooltip) && e.api.refreshCells({
+    }, Ye = (e) => {
+      b && (e.node.isSelected() ? He(e.data) : Ue(e.data), E(C.value?.tooltip) && e.api.refreshCells({
         rowNodes: [e.node],
         // todo: 取消硬编码
         columns: ["ag-Grid-SelectionColumn"],
         force: !0
       }));
-    }, Xe = () => {
-      v = !0;
+    }, Ze = () => {
+      b = !0;
       const e = s.value;
-      if (!e || !k.value)
+      if (!e || !F.value)
         return;
-      const t = e.getColumnState(), { colKey: l, order: u } = k.value, p = t.map((i) => ({
+      const t = e.getColumnState(), { colKey: l, order: u } = F.value, p = t.map((i) => ({
         ...i,
-        sort: i.colId === l ? Q[u] : null
+        sort: i.colId === l ? X[u] : null
       }));
       e.applyColumnState({
         state: p
       });
-    }, V = () => {
-      Ue(), s.value?.deselectAll();
+    }, L = () => {
+      _e(), s.value?.deselectAll();
     };
-    function Ye(e) {
-      je(e), A(() => {
-        x({});
+    function eo(e) {
+      $e(e), A(() => {
+        k({});
       });
     }
-    const Ze = n(() => {
+    const oo = n(() => {
       const e = o.customRow;
       return e ? {
         isFullWidthRow: e.isCustomRow,
-        fullWidthCellRenderer: ht,
+        fullWidthCellRenderer: bt,
         fullWidthCellRendererParams: {
           render: e.render
         }
       } : {};
     });
-    function eo(e) {
-      _e(e), A(() => {
-        x({});
+    function to(e) {
+      qe(e), A(() => {
+        k({});
       });
     }
-    function oo(e) {
-      $e(e), A(() => {
-        x({});
+    function ro(e) {
+      Je(e), A(() => {
+        k({});
       });
     }
-    function te(e = !1) {
+    function re(e = !1) {
       const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return S.value?.apForm?.[t]?.(!0);
     }
-    function re(e) {
+    function le(e) {
       S.value?.apForm?.setFieldsValue?.(e);
     }
-    function le() {
+    function ae() {
       return S.value?.getSorterItems() || [];
     }
-    function ae(e) {
+    function ne(e) {
       S.value?.setSorterItems(e);
     }
-    function ne() {
+    function se() {
       S.value?.resetSorterItems();
     }
-    function se(e) {
+    function ie(e) {
       return e && String(e);
     }
-    function to(e) {
+    function lo(e) {
       const t = s.value;
       if (!t)
         return;
       const l = t.getColumnState() || [], u = e.map((a) => a.key ? String(a.key) : a.key).filter(Boolean), p = l.map((a) => {
-        if (!Me.value.includes(a.colId))
+        if (!xe.value.includes(a.colId))
           return a;
-        const b = !u.includes(a.colId), ie = {
+        const M = !u.includes(a.colId), ue = {
           ...a,
-          hide: b
-        }, ue = e.find(
-          (So) => se(So.key) === a.colId
+          hide: M
+        }, de = e.find(
+          (yo) => ie(yo.key) === a.colId
         );
-        return ue && (ie.pinned = ue.fixed || null), ie;
+        return de && (ue.pinned = de.fixed || null), ue;
       }), i = new Map(
-        e.map((a, b) => [se(a.key), b])
+        e.map((a, M) => [ie(a.key), M])
       ), f = p.filter((a) => i.has(a.colId)).sort(
-        (a, b) => i.get(a.colId) - i.get(b.colId)
+        (a, M) => i.get(a.colId) - i.get(M.colId)
       ), g = [];
       let c = 0;
       for (const a of p)
@@ -392,15 +406,15 @@ const nr = /* @__PURE__ */ yo({
         applyOrder: !0
       });
     }
-    Zo({
+    ot({
       columns: n(() => w.value),
-      columnsBackup: n(() => J.value),
-      size: n(() => Yo[R.value]),
+      columnsBackup: n(() => Q.value),
+      size: n(() => et[R.value]),
       updateColumns(e) {
-        w.value = e, o.onShownColumnsChange?.(e), tt(
+        w.value = e, o.onShownColumnsChange?.(e), lt(
           () => s.value,
           () => {
-            to(e);
+            lo(e);
           },
           {
             interval: 17
@@ -408,222 +422,223 @@ const nr = /* @__PURE__ */ yo({
         );
       },
       updateSize(e) {
-        R.value = Xo[e];
+        R.value = Zo[e];
       },
       renderConfig: n(() => ({
-        className: Se("table-header", "title"),
-        color: be.value.colorTextTertiary
+        className: Ce("table-header", "title"),
+        color: Me.value.colorTextTertiary
       })),
       dataSource: n(() => r(m).records),
-      getSearchFormValues: te,
-      setSearchFormValues: re,
-      submit: z,
-      submitWith: ee,
+      getSearchFormValues: re,
+      setSearchFormValues: le,
+      submit: P,
+      submitWith: oe,
       reset: K,
-      refresh: oe,
-      getSearchFormSorterItems: le,
-      setSearchFormSorterItems: ae,
-      resetSearchFormSorterItems: ne,
-      getLastParams: Pe
+      refresh: te,
+      getSearchFormSorterItems: ae,
+      setSearchFormSorterItems: ne,
+      resetSearchFormSorterItems: se,
+      getLastParams: Ve
     });
-    const ro = n(
-      () => F(o.loading) ? m.loading : o.loading
-    ), lo = n(() => [
+    const ao = n(
+      () => B(o.loading) ? m.loading : o.loading
+    ), no = n(() => [
       d(),
       o.card ? null : d("wrapper"),
       d("adaptive"),
       d(`size-${R.value}`),
       o.autoHeight && m.records.length ? d("auto-height") : null,
       ye.value
-    ].filter(Boolean)), ao = n(() => ({
+    ].filter(Boolean)), so = n(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), no = (e, t) => {
-      Z({ current: e, pageSize: t });
+    })), io = (e, t) => {
+      ee({ current: e, pageSize: t });
     };
-    function so(e) {
+    function uo(e) {
       const t = e.data;
-      return P(t);
+      return V(t);
     }
-    function io(e, t) {
-      (N(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, t);
+    function co(e, t) {
+      (E(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, t);
     }
-    function uo(e, t) {
+    function mo(e, t) {
       s.value?.ensureColumnVisible(e, t);
     }
-    function co(e) {
+    function po(e) {
       o.onRowClicked?.(e.data, e.event);
     }
-    function mo(e) {
+    function fo(e) {
       o.onScrollEnd?.(e.direction);
     }
-    function po(e) {
+    function go(e) {
       return s.value?.refreshCells(e);
     }
-    function fo(e) {
+    function wo(e) {
       return s.value?.redrawRows(e);
     }
-    function go({ finished: e, column: t }) {
+    function So({ finished: e, column: t }) {
       !e || !t || o.onColumnResized?.(t.getColId(), t.getActualWidth());
     }
-    const wo = (e) => {
+    const Co = (e) => {
       const t = [
-        $.value.getRowClass?.(e)
+        q.value.getRowClass?.(e)
       ];
       if (!e.node.rowPinned) {
-        const l = N(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
+        const l = E(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
         t.push(l);
       }
       return t.flat().filter(Boolean);
     };
-    return G(
+    return W(
       () => o.dataSource,
       (e) => {
         A(() => {
-          Oe(e);
+          Ge(e);
         });
       },
       { immediate: !0, deep: !0 }
-    ), G(
+    ), W(
       () => o.size,
       (e) => {
         R.value = e;
       }
-    ), G(
+    ), W(
       () => r(m).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
-    ), ge({
-      submit: z,
+    ), we({
+      submit: P,
       reset: K,
-      refresh: oe,
-      submitWith: ee,
-      setSearchFormValues: re,
-      getSearchFormValues: te,
+      refresh: te,
+      submitWith: oe,
+      setSearchFormValues: le,
+      getSearchFormValues: re,
       getShowColumns: () => r(w),
       rowSelection: {
-        selectedRows: n(() => O.value),
-        setSelectedRowKeys: Ye,
-        setSelectedRows: eo,
-        clearAll: V,
-        unSelectRows: oo
+        selectedRows: n(() => G.value),
+        setSelectedRowKeys: eo,
+        setSelectedRows: to,
+        clearAll: L,
+        unSelectRows: ro
       },
-      scrollToRow: io,
-      scrollToColumn: uo,
+      scrollToRow: co,
+      scrollToColumn: mo,
       getDataSource: () => r(m.records),
-      getPaging: ze,
+      getPaging: Pe,
       setPaging: Ke,
-      getSearchFormSorterItems: le,
-      setSearchFormSorterItems: ae,
-      resetSearchFormSorterItems: ne,
-      refreshCells: po,
-      redrawRows: fo,
+      getSearchFormSorterItems: ae,
+      setSearchFormSorterItems: ne,
+      resetSearchFormSorterItems: se,
+      refreshCells: go,
+      redrawRows: wo,
       _internalGridApi: n(() => s.value)
-    }), (e, t) => (C(), L("div", {
-      class: h(lo.value),
-      style: W(e.wrapperStyle)
+    }), (e, t) => (h(), H("div", {
+      class: v(no.value),
+      style: U(e.wrapperStyle)
     }, [
-      r(F)(e.dataSource) && e.searchForm !== !1 && r(q).length > 0 ? (C(), L("div", {
+      r(B)(e.dataSource) && e.searchForm !== !1 && r(J).length > 0 ? (h(), H("div", {
         key: 0,
-        class: h(e.card ? r(D)("search-wrapper") : null),
-        style: W(e.searchFormWrapperStyle)
+        class: v(e.card ? r(D)("search-wrapper") : null),
+        style: U(e.searchFormWrapperStyle)
       }, [
-        ho(r(lt).SearchForm, H(e.searchForm || {}, {
+        Ro(r(nt).SearchForm, j(e.searchForm || {}, {
           ref_key: "formRef",
           ref: S,
           "custom-reset": "",
-          "submit-loading": r(Y).loading,
-          onSubmit: r(z),
+          "submit-loading": r(Z).loading,
+          onSubmit: r(P),
           onReset: r(K)
-        }), Ro({
-          default: ce(() => [
-            (C(!0), L(vo, null, bo(r(q), (l) => (C(), U(Mo(l.renderNode), {
+        }), bo({
+          default: me(() => [
+            (h(!0), H(Mo, null, xo(r(J), (l) => (h(), _(Bo(l.renderNode), {
               key: l.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
-          j.searchFormExtra ? {
+          N.searchFormExtra ? {
             name: "extra",
-            fn: ce(() => [
-              me(e.$slots, "searchFormExtra")
+            fn: me(() => [
+              pe(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : de("", !0),
+      ], 6)) : ce("", !0),
       T("div", {
-        class: h([r(D)("table-wrapper"), e.card ? r(D)("table-wrapper-card") : null]),
-        style: W(e.tableWrapperStyle)
+        class: v([r(D)("table-wrapper"), e.card ? r(D)("table-wrapper-card") : null]),
+        style: U(e.tableWrapperStyle)
       }, [
         T("div", {
-          class: h(r(d)("header-wrapper"))
+          class: v(r(d)("header-wrapper"))
         }, [
-          me(e.$slots, "title", {
-            selectedRows: r(O),
-            selectedRowKeys: r(He),
+          pe(e.$slots, "title", {
+            selectedRows: r(G),
+            selectedRowKeys: r(je),
             shownColumns: r(w),
-            clearAll: V
+            clearAll: L
           })
         ], 2),
         T("div", {
           ref_key: "gridWrapperRef",
-          ref: Ie,
-          class: h(r(d)("grid-wrapper"))
+          ref: ke,
+          class: v(r(d)("grid-wrapper"))
         }, [
-          (C(), U(r(Qo), H(
-            r(gt)(r(he), r($), Ze.value),
+          (h(), _(r(Yo), j(
+            r(Ct)(r(ve), r(q), oo.value),
             {
-              key: r(_),
+              key: r($),
               "animate-rows": e.animateRows,
-              "get-row-class": wo,
-              style: ao.value,
+              "get-row-class": Co,
+              style: so.value,
               "row-data": r(m).records,
-              "column-defs": r(ke),
+              "column-defs": r(Ie),
               "default-col-def": r(Fe),
               "suppress-loading-overlay": "",
-              "row-selection": Je.value,
-              "selection-column-def": r(Ve),
-              "get-row-id": so,
+              "row-selection": Xe.value,
+              "selection-column-def": r(Le),
+              "get-row-id": uo,
               "get-row-height": o.getRowHeight,
-              theme: r(Ce),
+              theme: r(he),
               "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": xt,
               "no-rows-overlay-component-params": { emptyComponent: e.emptyComponent, emptyText: e.emptyText },
-              "loading-overlay-component": Rt,
-              loading: ro.value,
+              "loading-overlay-component": Mt,
+              loading: ao.value,
               "suppress-cell-focus": "",
               "tab-to-next-cell": () => !1,
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
-              "locale-text": we[r(_)],
+              "locale-text": Se[r($)],
               onSortChanged: Ne,
               onGridReady: t[0] || (t[0] = (l) => s.value = l.api),
-              onRowDataUpdated: x,
-              onRowSelected: Qe,
-              onFirstDataRendered: Xe,
-              onRowClicked: co,
-              onBodyScrollEnd: mo,
-              onColumnResized: go
+              onRowDataUpdated: k,
+              onRowSelected: Ye,
+              onFirstDataRendered: Ze,
+              onRowClicked: po,
+              onBodyScrollEnd: fo,
+              onColumnResized: So,
+              onColumnGroupOpened: ze
             }
           ), 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: h(r(d)("pagination-wrapper"))
+          class: v(r(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (C(), U(r(ko), H({
+          e.pagination !== !1 ? (h(), _(r(ko), j({
             key: 0,
             class: r(d)("pagination")
-          }, r(Y).pagination, { onChange: no }), null, 16, ["class"])) : de("", !0)
+          }, r(Z).pagination, { onChange: io }), null, 16, ["class"])) : ce("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  nr as default
+  ur as default
 };