@aplus-frontend/ui 6.22.0-beta.0 → 6.22.0

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

@@ -1,23 +1,28 @@
-import { defineComponent as ce, useSlots as ue, ref as h, computed as d, unref as a, watch as pe, toRef as me, createElementBlock as C, openBlock as p, normalizeStyle as b, normalizeClass as c, createCommentVNode as z, createElementVNode as m, createVNode as R, mergeProps as N, createSlots as fe, withCtx as E, Fragment as we, renderList as ge, createBlock as W, resolveDynamicComponent as he, renderSlot as A, withDirectives as ye, vShow as Se } from "vue";
-import { AgGridVue as Ce } from "ag-grid-vue3";
-import { ModuleRegistry as be, AllCommunityModule as Re } from "ag-grid-community";
-import { Spin as ve, Pagination as xe } from "@aplus-frontend/antdv";
-import { isFunction as v, isUndefined as x } from "lodash-unified";
+import { defineComponent as Ne, useSlots as Ve, ref as u, computed as s, unref as n, watch as k, toRef as We, nextTick as Ee, createElementBlock as z, openBlock as y, normalizeStyle as b, normalizeClass as m, createCommentVNode as J, createElementVNode as v, createVNode as P, mergeProps as Q, createSlots as Me, withCtx as X, Fragment as Oe, renderList as Le, createBlock as Y, resolveDynamicComponent as $e, renderSlot as Z, withDirectives as Ge, vShow as je } from "vue";
+import { AgGridVue as qe } from "ag-grid-vue3";
+import { ModuleRegistry as He, AllCommunityModule as Ue } from "ag-grid-community";
+import { Spin as Je, Pagination as Qe } from "@aplus-frontend/antdv";
+import { isFunction as _, isUndefined as R } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as Be } from "../ap-form/index.mjs";
-import { noRenderAsFormItemValueList as Fe } from "../ap-table/constants.mjs";
-import { getColumnOrder as O, updateFormProps as Ie, getFieldProps as Te, getSearchFormItemRenderNode as ke, recursionApColumns as Ke } from "../ap-table/utils.mjs";
-import { useTablePaging as Pe } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { dataIndexToField as De } from "../ap-grid/utils/col.mjs";
-import { isDef as ze } from "../utils/index.mjs";
+import { ApForm as Xe } from "../ap-form/index.mjs";
+import { noRenderAsFormItemValueList as Ye } from "../ap-table/constants.mjs";
+import { getColumnOrder as ee, updateFormProps as Ze, getFieldProps as _e, getSearchFormItemRenderNode as et, recursionApColumns as tt } from "../ap-table/utils.mjs";
+import { useTablePaging as ot } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { dataIndexToField as rt } from "../ap-grid/utils/col.mjs";
+import { isDef as at } from "../utils/index.mjs";
 import "./components/header-cell/index.vue.mjs";
 import "./components/body-cell/index.vue.mjs";
-import Ne from "./hooks/use-row-selection.mjs";
-import { useNamespace as Ee } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as We } from "../config-provider/hooks/use-global-config.mjs";
-import Ae from "./components/body-cell/index.vue2.mjs";
-import Oe from "./components/header-cell/index.vue2.mjs";
-const no = /* @__PURE__ */ ce({
+import nt from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as lt } from "./context.mjs";
+import { useProvideApTable as st } from "../ap-table/context.mjs";
+import { sizeReverseMap as it, sizeMap as dt } from "../ap-grid/constants.mjs";
+import { useToken as ct } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as ut } from "./theme.mjs";
+import { useNamespace as mt } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as pt } from "../config-provider/hooks/use-global-config.mjs";
+import ft from "./components/body-cell/index.vue2.mjs";
+import gt from "./components/header-cell/index.vue2.mjs";
+const Lt = /* @__PURE__ */ Ne({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -72,6 +77,7 @@ const no = /* @__PURE__ */ ce({
     searchFormWrapperStyle: {},
     tableWrapperStyle: {},
     wrapperStyle: {},
+    tableStyle: {},
     manual: { type: Boolean, default: void 0 },
     size: { default: "mini" },
     adaptive: { type: Boolean },
@@ -79,169 +85,196 @@ const no = /* @__PURE__ */ ce({
     loading: { type: Boolean, default: void 0 },
     summary: {}
   },
-  setup(M) {
-    be.registerModules([Re]);
-    const t = M, V = ue(), { e: f, b: i, em: G } = Ee("ag-grid"), B = h();
-    let w = !1, F = 0;
-    const I = We("valueTypeMap"), T = d(() => {
-      var e, r, n;
-      return F++, ((n = (r = (e = t.columns) == null ? void 0 : e.filter(
-        (o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !Fe.includes(o.valueType)
-      )) == null ? void 0 : r.sort((o, l) => {
-        let s = O(o.order);
-        return O(l.order) - s;
-      })) == null ? void 0 : n.map((o) => {
-        const l = Ie(
-          o,
-          Te(o.fieldProps, {})
-        ), s = {
-          ...o,
+  setup(te, { expose: oe }) {
+    He.registerModules([Ue]);
+    const r = te, re = Ve(), { e: C, b: d, em: ae, be: ne } = mt("ag-grid"), g = u(r.size), le = ut(g), S = u(), [, se] = ct();
+    let w = !!r.dataSource, D = 0;
+    const A = pt("valueTypeMap"), K = s(() => {
+      var e, o, a;
+      return D++, ((a = (o = (e = r.columns) == null ? void 0 : e.filter(
+        (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !Ye.includes(t.valueType)
+      )) == null ? void 0 : o.sort((t, l) => {
+        let i = ee(t.order);
+        return ee(l.order) - i;
+      })) == null ? void 0 : a.map((t) => {
+        const l = Ze(
+          t,
+          _e(t.fieldProps, {})
+        ), i = {
+          ...t,
           fieldProps: {
-            label: o.title,
-            name: o.dataIndex,
+            label: t.title,
+            name: t.dataIndex,
             // tips: 在表格中的查询表单项默认是带边框的
             bordered: !0,
             ...l || {},
-            _signal: F
+            _signal: D
           },
           renderNode: void 0
         };
-        return s.renderNode = ke(
-          s,
-          a(I)
-        ), s;
+        return i.renderNode = et(
+          i,
+          n(A)
+        ), i;
       })) || [];
-    }), g = h([]);
-    function L() {
+    }), c = u([]), N = u([]);
+    function ie() {
       var e;
-      return ((e = t.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
+      return ((e = r.columns) == null ? void 0 : e.filter((o) => !o.hideInTable)) || [];
     }
-    pe(
-      () => t.columns,
+    k(
+      () => r.columns,
       () => {
-        var r;
-        const e = L();
-        g.value = e, (r = t.onShownColumnsChange) == null || r.call(t, e);
+        var o;
+        const e = ie();
+        c.value = e, N.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
       },
       {
         deep: !0,
         immediate: !0
       }
     );
-    const $ = d(() => {
-      const e = a(g);
-      function r(n) {
-        return n.map((o) => {
-          var s;
+    const de = s(() => {
+      const e = n(c);
+      function o(a) {
+        return a.map((t) => {
+          var i;
           const l = {
-            field: De(o.dataIndex),
-            colId: ze(o.key) ? String(o.key) : void 0,
-            sortable: !!o.sorter,
-            comparator: o.sorter === !0 ? () => 0 : o.sorter,
+            field: rt(t.dataIndex),
+            colId: at(t.key) ? String(t.key) : void 0,
+            sortable: !!t.sorter,
+            comparator: t.sorter === !0 ? () => 0 : t.sorter,
             headerComponentParams: {
-              column: o
+              column: t
             },
             cellRendererParams: {
-              column: o,
-              extraValueType: a(I)
+              column: t,
+              extraValueType: n(A)
             },
-            resizable: o.resizable,
-            width: o.width,
-            minWidth: o.minWidth,
-            maxWidth: o.maxWidth,
-            flex: o.width ? void 0 : 1,
+            resizable: t.resizable,
+            width: t.width,
+            minWidth: t.minWidth,
+            maxWidth: t.maxWidth,
+            flex: t.width ? void 0 : 1,
             // 如果没有设置确切的宽度，则设置为可自由伸缩列
-            pinned: o.fixed,
-            cellClass: (u) => {
-              const S = o.cellClass || "", ie = v(S) ? S(u.data, u.node) : S;
+            pinned: t.fixed || null,
+            // undefined to null
+            colSpan: t.colSpan,
+            cellClass: (h) => {
+              const I = t.cellClass || "", Ke = _(I) ? I(h.data, h.node) : I;
               return [
-                `${G("cell", o.align || "left")}`,
-                ie
+                `${ae("cell", t.align || "left")}`,
+                Ke
               ].flat().filter(Boolean);
-            }
+            },
+            wrapText: !t.ellipsis,
+            autoHeight: !t.ellipsis
           };
-          return (s = o.children) != null && s.length ? {
+          return (i = t.children) != null && i.length ? {
             ...l,
-            children: r(o.children)
+            children: o(t.children)
           } : l;
         });
       }
-      return r(e);
-    }), j = h({
-      headerComponent: Oe,
-      cellRenderer: Ae,
-      resizable: t.columnResizable,
+      return o(e);
+    }), ce = u({
+      headerComponent: gt,
+      cellRenderer: ft,
+      resizable: r.columnResizable,
       suppressMovable: !0,
-      cellDataType: !1
-    }), q = {
+      cellDataType: !1,
+      cellStyle: {
+        whiteSpace: "pre-line"
+      }
+    }), V = u({});
+    lt({
+      sorter: V,
+      setSorter(e) {
+        V.value = e;
+      }
+    });
+    const ue = {
       asc: "ascend",
       desc: "descend"
     };
-    function U() {
-      var r;
-      const e = (r = B.value.getColumns()) == null ? void 0 : r.filter((n) => n.getSort() !== void 0);
-      if (e && e.length > 0) {
-        const n = e[0], o = n.getColDef(), l = n.getSort();
-        K(void 0, void 0, {
-          column: o,
-          field: o.field,
-          order: l ? q[l] : null
-        });
-      }
+    function me() {
+      var l;
+      const e = (l = S.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
+      if (!(e != null && e.length))
+        return;
+      const o = e[0], a = o.getColDef(), t = o.getSort();
+      E(void 0, void 0, {
+        column: a,
+        field: a.field,
+        order: t ? ue[t] : null
+      });
     }
-    const H = d(() => Ke(a(g), (e) => {
+    const pe = s(() => tt(n(c), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
-      formRef: J,
-      submit: Q,
-      reset: X,
-      data: y,
-      tableProps: k,
-      handleTableChangeOptional: K
-    } = Pe({
+      formRef: p,
+      submit: x,
+      reset: F,
+      data: f,
+      tableProps: W,
+      handleTableChangeOptional: E,
+      submitWith: M,
+      refresh: O,
+      getPaging: fe,
+      setPaging: ge
+    } = ot({
       async request(e) {
-        var n;
-        if (w = !1, !x(t.dataSource)) {
-          const o = e.pageSize * (e.current - 1);
+        var a;
+        if (w = !1, !R(r.dataSource)) {
+          const t = e.pageSize * (e.current - 1);
           return {
-            data: (t.pagination === !1 ? t.dataSource : t.dataSource.slice(o, o + e.pageSize)) || [],
-            total: t.dataSource.length || 0
+            data: (r.pagination === !1 ? r.dataSource : r.dataSource.slice(t, t + e.pageSize)) || [],
+            total: r.dataSource.length || 0
           };
         }
-        const r = await ((n = t.request) == null ? void 0 : n.call(t, e));
+        const o = await ((a = r.request) == null ? void 0 : a.call(r, e));
         return {
-          data: (r == null ? void 0 : r.data) || [],
-          total: (r == null ? void 0 : r.total) || 0
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
         };
       },
       namespace: "ap-grid",
-      filterFields: h([]),
-      params: me(t, "params"),
-      defaultData: t.defaultData,
-      manual: t.manual,
-      formatParams: t.beforeSearchSubmit,
-      pagination: t.pagination,
-      sortFields: H
-    }), { select: Y, unSelect: Z, selectedRows: P, selectedRowKeys: _ } = Ne({
-      ...t.rowSelection === !0 ? {} : t.rowSelection,
-      dataSource: d(() => y.records),
-      rowKey: t.rowKey
-    }), ee = {
+      filterFields: u([]),
+      params: We(r, "params"),
+      defaultData: r.defaultData,
+      manual: r.manual,
+      formatParams: r.beforeSearchSubmit,
+      pagination: r.pagination,
+      sortFields: pe
+    }), Se = s(
+      () => R(r.dataSource) ? f.records : r.dataSource
+    ), {
+      select: we,
+      unSelect: he,
+      selectedRows: T,
+      selectedRowKeys: ye,
+      clearAll: ve,
+      selectMultiByKeys: Ce
+    } = nt({
+      ...r.rowSelection === !0 ? {} : r.rowSelection,
+      dataSource: Se,
+      rowKey: r.rowKey
+    }), be = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, oe = d(() => {
-      if (!t.rowSelection)
+    }, Re = s(() => {
+      if (!r.rowSelection)
         return;
-      const { type: e = "checkbox", disabled: r } = t.rowSelection === !0 ? {} : t.rowSelection;
+      const { type: e = "checkbox", disabled: o } = r.rowSelection === !0 ? {} : r.rowSelection;
       return {
-        mode: ee[e],
-        isRowSelectable: (n) => r ? !r(n.data) : !0
+        mode: be[e],
+        isRowSelectable: (a) => o ? !o(a.data) : !0
       };
-    }), te = d(() => {
-      if (!t.rowSelection)
+    }), xe = s(() => {
+      if (!r.rowSelection)
         return;
-      const e = t.rowSelection === !0 ? {} : t.rowSelection;
+      const e = r.rowSelection === !0 ? {} : r.rowSelection;
       return {
         sortable: !1,
         resizable: !1,
@@ -249,123 +282,225 @@ const no = /* @__PURE__ */ ce({
         pinned: e.fixed
       };
     });
-    function D(e) {
-      return v(t.rowKey) ? t.rowKey(e) : e[t.rowKey];
+    function B(e) {
+      return _(r.rowKey) ? r.rowKey(e) : e[r.rowKey];
     }
-    const re = ({ api: e }) => {
-      if (!t.rowSelection)
+    const L = ({
+      api: e = S.value
+    }) => {
+      if (!r.rowSelection)
         return;
-      const r = P.value;
-      if (console.log("run restore", r), !r.length)
+      const o = T.value;
+      if (!o.length)
         return;
       w = !1;
-      const n = [];
-      e.forEachNode((o) => {
-        const l = o.data, s = D(l);
-        r.find((u) => D(u) === s) && n.push(o);
-      }), e.setNodesSelected({ nodes: n, newValue: !0 }), setTimeout(() => {
+      const a = [];
+      e.forEachNode((t) => {
+        const l = t.data, i = B(l);
+        o.find((h) => B(h) === i) && a.push(t);
+      }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
         w = !0;
       }, 0);
-    }, ae = (e) => {
-      w && (e.node.isSelected() ? Y(e.data) : Z(e.data));
-    }, ne = d(
-      () => x(t.loading) ? y.loading : t.loading
-    ), le = d(() => [
-      i(),
-      t.card ? null : i("wrapper"),
-      t.adaptive ? i("adaptive") : null
-    ].filter(Boolean)), se = (e, r) => {
-      K({ current: e, pageSize: r });
+    }, Fe = (e) => {
+      w && (e.node.isSelected() ? we(e.data) : he(e.data));
+    }, Te = () => {
+      w = !0;
+    }, $ = () => {
+      var e;
+      ve(), (e = S.value) == null || e.deselectAll();
+    };
+    function Be(e) {
+      Ce(e), Ee(() => {
+        L({});
+      });
+    }
+    function G(e = !1) {
+      var a, t, l;
+      const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[o]) == null ? void 0 : l.call(t, !0);
+    }
+    function j(e) {
+      var o, a, t;
+      (t = (a = (o = p.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
+    }
+    function q() {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.getSorterItems()) || [];
+    }
+    function H(e) {
+      var o;
+      (o = p.value) == null || o.setSorterItems(e);
+    }
+    function U() {
+      var e;
+      (e = p.value) == null || e.resetSorterItems();
+    }
+    st({
+      columns: s(() => c.value),
+      columnsBackup: s(() => N.value),
+      size: s(() => dt[g.value]),
+      updateColumns(e) {
+        var o;
+        console.log(e), c.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
+      },
+      updateSize(e) {
+        g.value = it[e];
+      },
+      renderConfig: s(() => ({
+        className: ne("table-header", "title"),
+        color: se.value.colorTextTertiary
+      })),
+      dataSource: s(() => n(f).records),
+      getSearchFormValues: G,
+      setSearchFormValues: j,
+      submit: x,
+      submitWith: M,
+      reset: F,
+      refresh: O,
+      getSearchFormSorterItems: q,
+      setSearchFormSorterItems: H,
+      resetSearchFormSorterItems: U
+    });
+    const Ie = s(
+      () => R(r.loading) ? f.loading : r.loading
+    ), ke = s(() => [
+      d(),
+      r.card ? null : d("wrapper"),
+      d("adaptive"),
+      d(`size-${g.value}`)
+    ].filter(Boolean)), ze = s(() => ({
+      height: "100%",
+      ...r.tableStyle || {}
+    })), Pe = (e, o) => {
+      E({ current: e, pageSize: o });
     };
-    function de(e) {
-      const r = e.data;
-      return v(t.rowKey) ? t.rowKey(r) : r[t.rowKey];
+    function De(e) {
+      const o = e.data;
+      return B(o);
+    }
+    function Ae(e, o) {
+      var a;
+      (a = S.value) == null || a.ensureIndexVisible(e, o);
     }
-    return (e, r) => {
-      var n, o;
-      return p(), C("div", {
-        class: c(le.value),
+    return k(
+      () => r.size,
+      (e) => {
+        g.value = e;
+      }
+    ), k(
+      () => n(f).loading,
+      (e) => {
+        var o;
+        (o = r.onLoadingChange) == null || o.call(r, e);
+      }
+    ), oe({
+      submit: x,
+      reset: F,
+      refresh: O,
+      submitWith: M,
+      setSearchFormValues: j,
+      getSearchFormValues: G,
+      getShowColumns: () => n(c),
+      rowSelection: {
+        selectedRows: s(() => T.value),
+        setSelectedRowKeys: Be,
+        clearAll: $
+      },
+      scrollToRow: Ae,
+      getDataSource: () => n(f.records),
+      getPaging: fe,
+      setPaging: ge,
+      getSearchFormSorterItems: q,
+      setSearchFormSorterItems: H,
+      resetSearchFormSorterItems: U
+    }), (e, o) => {
+      var a, t;
+      return y(), z("div", {
+        class: m(ke.value),
         style: b(e.wrapperStyle)
       }, [
-        a(x)(e.dataSource) && e.searchForm !== !1 && T.value.length > 0 ? (p(), C("div", {
+        n(R)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (y(), z("div", {
           key: 0,
-          class: c(e.card ? a(f)("search-wrapper") : null),
+          class: m(e.card ? n(C)("search-wrapper") : null),
           style: b(e.searchFormWrapperStyle)
         }, [
-          R(a(Be).SearchForm, N(e.searchForm || {}, {
+          P(n(Xe).SearchForm, Q(e.searchForm || {}, {
             ref_key: "formRef",
-            ref: J,
+            ref: p,
             "custom-reset": "",
-            "submit-loading": a(k).loading,
-            onSubmit: a(Q),
-            onReset: a(X)
-          }), fe({
-            default: E(() => [
-              (p(!0), C(we, null, ge(T.value, (l) => (p(), W(he(l.renderNode), {
+            "submit-loading": n(W).loading,
+            onSubmit: n(x),
+            onReset: n(F)
+          }), Me({
+            default: X(() => [
+              (y(!0), z(Oe, null, Le(K.value, (l) => (y(), Y($e(l.renderNode), {
                 key: l.dataIndex
               }))), 128))
             ]),
             _: 2
           }, [
-            V.searchFormExtra ? {
+            re.searchFormExtra ? {
               name: "extra",
-              fn: E(() => [
-                A(e.$slots, "searchFormExtra")
+              fn: X(() => [
+                Z(e.$slots, "searchFormExtra")
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-        ], 6)) : z("", !0),
-        m("div", {
-          class: c([a(f)("table-wrapper"), e.card ? a(f)("table-wrapper-card") : null]),
+        ], 6)) : J("", !0),
+        v("div", {
+          class: m([n(C)("table-wrapper"), e.card ? n(C)("table-wrapper-card") : null]),
           style: b(e.tableWrapperStyle)
         }, [
-          m("div", {
-            class: c(a(i)("header-wrapper"))
+          v("div", {
+            class: m(n(d)("header-wrapper"))
           }, [
-            A(e.$slots, "title", {
-              selectedRows: a(P),
-              selectedRowKeys: a(_),
-              shownColumns: g.value
+            Z(e.$slots, "title", {
+              selectedRows: n(T),
+              selectedRowKeys: n(ye),
+              shownColumns: c.value,
+              clearAll: $
             })
           ], 2),
-          m("div", {
-            class: c(a(i)("grid-wrapper"))
+          v("div", {
+            class: m(n(d)("grid-wrapper"))
           }, [
-            R(a(Ce), {
-              style: { height: "100%" },
-              "row-data": a(y).records,
-              "column-defs": $.value,
-              "default-col-def": j.value,
+            P(n(qe), {
+              style: b(ze.value),
+              "row-data": n(f).records,
+              "column-defs": de.value,
+              "default-col-def": ce.value,
               "locale-text": {
                 noRowsToShow: ""
                 // 为了隐藏默认的无数据提示，因为外部已经自行实现了loading
               },
-              "row-selection": oe.value,
-              "selection-column-def": te.value,
-              "get-row-id": de,
-              "pinned-top-row-data": (n = e.summary) == null ? void 0 : n.top,
-              "pinned-bottom-row-data": (o = e.summary) == null ? void 0 : o.bottom,
-              onSortChanged: U,
-              onGridReady: r[0] || (r[0] = (l) => B.value = l.api),
-              onRowDataUpdated: re,
-              onRowSelected: ae
-            }, null, 8, ["row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data"]),
-            ye(m("div", {
-              class: c(a(f)("table-loading-wrapper"))
+              "row-selection": Re.value,
+              "selection-column-def": xe.value,
+              "get-row-id": De,
+              "pinned-top-row-data": (a = e.summary) == null ? void 0 : a.top,
+              "pinned-bottom-row-data": (t = e.summary) == null ? void 0 : t.bottom,
+              theme: n(le),
+              onSortChanged: me,
+              onGridReady: o[0] || (o[0] = (l) => S.value = l.api),
+              onRowDataUpdated: L,
+              onRowSelected: Fe,
+              onFirstDataRendered: Te
+            }, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme"]),
+            Ge(v("div", {
+              class: m(n(C)("table-loading-wrapper"))
             }, [
-              R(a(ve), { delay: 300 })
+              P(n(Je), { delay: 300 })
             ], 2), [
-              [Se, ne.value]
+              [je, Ie.value]
             ])
           ], 2),
-          m("div", {
-            class: c(a(i)("pagination-wrapper"))
+          v("div", {
+            class: m(n(d)("pagination-wrapper"))
           }, [
-            e.pagination !== !1 ? (p(), W(a(xe), N({
+            e.pagination !== !1 ? (y(), Y(n(Qe), Q({
               key: 0,
-              class: a(i)("pagination")
-            }, a(k).pagination, { onChange: se }), null, 16, ["class"])) : z("", !0)
+              class: n(d)("pagination")
+            }, n(W).pagination, { onChange: Pe }), null, 16, ["class"])) : J("", !0)
           ], 2)
         ], 6)
       ], 6);
@@ -373,5 +508,5 @@ const no = /* @__PURE__ */ ce({
   }
 });
 export {
-  no as default
+  Lt as default
 };