@aplus-frontend/ui 7.4.0 → 7.4.2

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

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