@aplus-frontend/ui 7.12.6 → 7.13.0

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

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