@aplus-frontend/ui 6.29.0 → 6.29.2

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

@@ -1,31 +1,31 @@
-import { defineComponent as Xe, useSlots as Ye, ref as F, toRef as k, unref as t, computed as l, nextTick as Ze, watch as P, createElementBlock as z, openBlock as v, normalizeStyle as E, normalizeClass as m, createCommentVNode as oe, createElementVNode as R, createVNode as V, mergeProps as A, createSlots as _e, withCtx as te, Fragment as eo, renderList as oo, createBlock as re, resolveDynamicComponent as to, renderSlot as ae, withDirectives as ro, vShow as ao } from "vue";
-import { AgGridVue as no } from "ag-grid-vue3";
-import { ModuleRegistry as lo, AllCommunityModule as so } from "ag-grid-community";
-import { mergeProps as io } from "./utils.mjs";
-import { Spin as co, Pagination as uo } from "@aplus-frontend/antdv";
-import { isUndefined as b, isFunction as ne } from "lodash-unified";
+import { defineComponent as Ze, useSlots as _e, ref as x, toRef as I, unref as t, computed as l, nextTick as eo, watch as z, createElementBlock as E, openBlock as R, normalizeStyle as V, normalizeClass as m, createCommentVNode as te, createElementVNode as b, createVNode as A, mergeProps as M, createSlots as oo, withCtx as re, Fragment as to, renderList as ro, createBlock as ae, resolveDynamicComponent as ao, renderSlot as ne, withDirectives as no, vShow as lo } from "vue";
+import { AgGridVue as so } from "ag-grid-vue3";
+import { ModuleRegistry as io, AllCommunityModule as co } from "ag-grid-community";
+import { mergeProps as uo } from "./utils.mjs";
+import { Spin as mo, Pagination as po } from "@aplus-frontend/antdv";
+import { isUndefined as B, isFunction as le } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as mo } from "../ap-form/index.mjs";
-import { recursionApColumns as po } from "../ap-table/utils.mjs";
-import { useTablePaging as fo } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import wo from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as go } from "./context.mjs";
-import { useProvideApTable as So } from "../ap-table/context.mjs";
-import { sizeReverseMap as yo, sizeMap as ho } from "../ap-grid/constants.mjs";
-import { useToken as Co } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as vo } from "./theme.mjs";
-import { useColumns as Ro } from "./hooks/use-columns.mjs";
-import { useColumnsDef as bo } from "./hooks/use-columns-def.mjs";
-import { isDef as Bo } from "../utils/index.mjs";
-import { getValidVNodeList as Fo } from "../utils/slot.mjs";
-import { useSearchForm as ko } from "./hooks/use-search-form.mjs";
+import { ApForm as fo } from "../ap-form/index.mjs";
+import { recursionApColumns as wo } from "../ap-table/utils.mjs";
+import { useTablePaging as go } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import So from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as yo } from "./context.mjs";
+import { useProvideApTable as Co } from "../ap-table/context.mjs";
+import { sizeReverseMap as ho, sizeMap as vo } from "../ap-grid/constants.mjs";
+import { useToken as Ro } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as bo } from "./theme.mjs";
+import { useColumns as Bo } from "./hooks/use-columns.mjs";
+import { useColumnsDef as Fo } from "./hooks/use-columns-def.mjs";
+import { isDef as ko } from "../utils/index.mjs";
+import { getValidVNodeList as xo } from "../utils/slot.mjs";
+import { useSearchForm as Io } from "./hooks/use-search-form.mjs";
 import "./components/empty/index.vue.mjs";
-import xo from "./hooks/use-virtual-config.mjs";
-import { usePinnedRow as Io } from "./hooks/use-pinned-row.mjs";
-import To from "./hooks/use-selection-col-def.mjs";
+import To from "./hooks/use-virtual-config.mjs";
+import { usePinnedRow as Do } from "./hooks/use-pinned-row.mjs";
+import Ko from "./hooks/use-selection-col-def.mjs";
 import { useNamespace as No } from "../config-provider/hooks/use-namespace.mjs";
-import Do from "./components/empty/index.vue2.mjs";
-const nt = /* @__PURE__ */ Xe({
+import Po from "./components/empty/index.vue2.mjs";
+const st = /* @__PURE__ */ Ze({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -96,62 +96,69 @@ const nt = /* @__PURE__ */ Xe({
     rowClassName: {},
     rowClassRules: {}
   },
-  setup(le, { expose: se }) {
-    lo.registerModules([so]);
-    const o = le, M = Ye(), { e: B, b: d, be: ie } = No("ag-grid"), y = F(o.size), ce = vo(y, k(o, "rowHeight")), de = xo(k(o, "virtual")), { rowPinnedGridConfig: O, getRowPinnedCellClass: ue } = Io(
-      k(o, "summary")
-    ), i = F(), [, me] = Co();
+  setup(se, { expose: ie }) {
+    io.registerModules([co]);
+    const o = se, O = _e(), { e: F, b: c, be: ce } = No("ag-grid"), y = x(o.size), de = bo(y, I(o, "rowHeight")), ue = To(I(o, "virtual")), { rowPinnedGridConfig: W, getRowPinnedCellClass: me } = Do(
+      I(o, "summary")
+    ), i = x(), [, pe] = Ro();
     let p = !!o.dataSource;
-    const W = ko(o), { shownColumns: f, columns: j, columnKeys: pe } = Ro(o), { defaultColDef: fe, columnDefs: we } = bo(
-      j,
+    const j = Io(o), { shownColumns: f, columns: L, columnKeys: fe, getTargetColumnByKey: we } = Bo(o), { defaultColDef: ge, columnDefs: Se } = Fo(
+      L,
       o,
-      ue
-    ), x = F({});
-    go({
-      sorter: x,
+      me
+    ), k = x({});
+    yo({
+      sorter: k,
       setSorter(e) {
-        x.value = e;
+        k.value = e;
       }
     });
-    const ge = {
+    const ye = {
       asc: "ascend",
       desc: "descend"
     };
-    function Se() {
-      const e = i.value.getColumns()?.filter((s) => s.getSort() !== void 0), r = t(x) || {};
+    function Ce() {
+      const e = i.value.getColumns()?.filter((d) => d.getSort() !== void 0), r = t(k) || {};
       let a = e?.[0];
       const u = Object.keys(r);
-      if (u.length && u.every((s) => r[s] === null)) {
-        const s = Object.keys(r)[0];
-        s && (a = i.value?.getColumn(s));
+      if (u.length && u.every((d) => r[d] === null)) {
+        const d = Object.keys(r)[0];
+        d && (a = i.value?.getColumn(d));
       }
       if (!a)
         return;
-      const c = a.getColDef(), S = a.getSort();
-      G(void 0, void 0, {
-        column: c,
-        field: c.field,
-        order: S ? ge[S] : null
+      const s = a.getColDef(), S = a.getSort(), h = we(s.colId);
+      H(void 0, void 0, {
+        column: s,
+        field: h?.field ?? s.field ?? s.colId,
+        order: S ? ye[S] : null
       });
     }
-    const ye = l(() => po(t(f), (e) => {
+    const he = l(() => wo(t(f), (e) => {
       if (e.sorter === !0)
-        return e.key || e.dataIndex;
-    }).filter(Boolean)), he = l(() => Bo(o.manual) ? o.manual : Fo(M.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
+        return e.field ?? e.dataIndex ?? e.key;
+    }).filter(Boolean)), ve = () => {
+      k.value = {};
+      const e = i.value;
+      if (!e)
+        return;
+      const r = e.getColumnState()?.map((a) => ({ ...a, sort: null }));
+      e.applyColumnState({ state: r });
+    }, Re = l(() => ko(o.manual) ? o.manual : xo(O.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
       formRef: w,
-      submit: I,
-      reset: T,
+      submit: T,
+      reset: D,
       data: g,
-      tableProps: L,
-      handleTableChangeOptional: G,
-      submitWith: H,
-      refresh: U,
-      getPaging: Ce,
-      setPaging: ve,
-      setDataSource: Re
-    } = fo({
+      tableProps: G,
+      handleTableChangeOptional: H,
+      submitWith: U,
+      refresh: $,
+      getPaging: be,
+      setPaging: Be,
+      setDataSource: Fe
+    } = go({
       async request(e) {
-        if (p = !1, !Fe.value && b(o.dataSource) && K(), !b(o.dataSource)) {
+        if (p = !1, !Ie.value && B(o.dataSource) && P(), !B(o.dataSource)) {
           const a = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
@@ -165,50 +172,51 @@ const nt = /* @__PURE__ */ Xe({
         };
       },
       namespace: "ap-grid",
-      filterFields: F([]),
-      params: k(o, "params"),
+      filterFields: x([]),
+      params: I(o, "params"),
       defaultData: o.defaultData,
-      manual: t(he),
+      manual: t(Re),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: ye
-    }), be = To(o, f), Be = l(
-      () => b(o.dataSource) ? g.records : o.dataSource
-    ), Fe = l(() => {
+      sortFields: he,
+      onClickReset: ve
+    }), ke = Ko(o, f), xe = l(
+      () => B(o.dataSource) ? g.records : o.dataSource
+    ), Ie = l(() => {
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
       return e ? e.preserveSelectedRowKeys !== !1 : !1;
     }), {
-      select: ke,
-      unSelect: xe,
-      selectedRows: N,
-      selectedRowKeys: Ie,
-      clearAll: Te,
-      selectMultiByKeys: Ne
-    } = wo({
+      select: Te,
+      unSelect: De,
+      selectedRows: K,
+      selectedRowKeys: Ke,
+      clearAll: Ne,
+      selectMultiByKeys: Pe
+    } = So({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: Be,
+      dataSource: xe,
       rowKey: o.rowKey
-    }), De = {
+    }), ze = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, Ke = l(() => {
+    }, Ee = l(() => {
       if (!o.rowSelection)
         return;
       const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
       return {
-        mode: De[e],
+        mode: ze[e],
         isRowSelectable: (a) => r ? !r(a.data) : !0
       };
     });
-    function D(e) {
-      return ne(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function N(e) {
+      return le(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const $ = ({
+    const q = ({
       api: e = i.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = N.value;
+      const r = K.value;
       if (!r.length) {
         setTimeout(() => {
           p = !0;
@@ -218,269 +226,269 @@ const nt = /* @__PURE__ */ Xe({
       p = !1;
       const a = [];
       e.forEachNode((u) => {
-        const h = u.data, c = D(h);
-        r.find((S) => D(S) === c) && a.push(u);
+        const C = u.data, s = N(C);
+        r.find((S) => N(S) === s) && a.push(u);
       }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
         p = !0;
       }, 0);
-    }, Pe = (e) => {
-      p && (e.node.isSelected() ? ke(e.data) : xe(e.data));
-    }, ze = () => {
+    }, Ve = (e) => {
+      p && (e.node.isSelected() ? Te(e.data) : De(e.data));
+    }, Ae = () => {
       p = !0;
-    }, K = () => {
-      Te(), i.value?.deselectAll();
+    }, P = () => {
+      Ne(), i.value?.deselectAll();
     };
-    function Ee(e) {
-      Ne(e), Ze(() => {
-        $({});
+    function Me(e) {
+      Pe(e), eo(() => {
+        q({});
       });
     }
-    function q(e = !1) {
+    function J(e = !1) {
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return w.value?.apForm?.[r]?.(!0);
     }
-    function J(e) {
+    function Q(e) {
       w.value?.apForm?.setFieldsValue?.(e);
     }
-    function Q() {
+    function X() {
       return w.value?.getSorterItems() || [];
     }
-    function X(e) {
+    function Y(e) {
       w.value?.setSorterItems(e);
     }
-    function Y() {
+    function Z() {
       w.value?.resetSorterItems();
     }
-    function Z(e) {
+    function _(e) {
       return e && String(e);
     }
-    function Ve(e) {
+    function Oe(e) {
       const r = i.value;
       if (!r)
         return;
-      const a = r.getColumnState() || [], u = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean), h = a.map((n) => {
-        if (!pe.value.includes(n.colId))
+      const a = r.getColumnState() || [], u = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean), C = a.map((n) => {
+        if (!fe.value.includes(n.colId))
           return n;
-        const C = !u.includes(n.colId), _ = {
+        const v = !u.includes(n.colId), ee = {
           ...n,
-          hide: C
-        }, ee = e.find(
-          (Qe) => Z(Qe.key) === n.colId
+          hide: v
+        }, oe = e.find(
+          (Ye) => _(Ye.key) === n.colId
         );
-        return ee && (_.pinned = ee.fixed || null), _;
-      }), c = new Map(
-        e.map((n, C) => [Z(n.key), C])
-      ), S = h.filter((n) => c.has(n.colId)).sort(
-        (n, C) => c.get(n.colId) - c.get(C.colId)
-      ), s = [];
-      let Je = 0;
-      for (const n of h)
-        c.has(n.colId) ? s.push(S[Je++]) : s.push(n);
+        return oe && (ee.pinned = oe.fixed || null), ee;
+      }), s = new Map(
+        e.map((n, v) => [_(n.key), v])
+      ), S = C.filter((n) => s.has(n.colId)).sort(
+        (n, v) => s.get(n.colId) - s.get(v.colId)
+      ), h = [];
+      let d = 0;
+      for (const n of C)
+        s.has(n.colId) ? h.push(S[d++]) : h.push(n);
       r.applyColumnState({
-        state: s,
+        state: h,
         applyOrder: !0
       });
     }
-    So({
+    Co({
       columns: l(() => f.value),
-      columnsBackup: l(() => j.value),
-      size: l(() => ho[y.value]),
+      columnsBackup: l(() => L.value),
+      size: l(() => vo[y.value]),
       updateColumns(e) {
-        console.log("run reset", e), f.value = e, o.onShownColumnsChange?.(e), Ve(e);
+        f.value = e, o.onShownColumnsChange?.(e), Oe(e);
       },
       updateSize(e) {
-        y.value = yo[e];
+        y.value = ho[e];
       },
       renderConfig: l(() => ({
-        className: ie("table-header", "title"),
-        color: me.value.colorTextTertiary
+        className: ce("table-header", "title"),
+        color: pe.value.colorTextTertiary
       })),
       dataSource: l(() => t(g).records),
-      getSearchFormValues: q,
-      setSearchFormValues: J,
-      submit: I,
-      submitWith: H,
-      reset: T,
-      refresh: U,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: X,
-      resetSearchFormSorterItems: Y
+      getSearchFormValues: J,
+      setSearchFormValues: Q,
+      submit: T,
+      submitWith: U,
+      reset: D,
+      refresh: $,
+      getSearchFormSorterItems: X,
+      setSearchFormSorterItems: Y,
+      resetSearchFormSorterItems: Z
     });
-    const Ae = l(
-      () => b(o.loading) ? g.loading : o.loading
-    ), Me = l(() => [
-      d(),
-      o.card ? null : d("wrapper"),
-      d("adaptive"),
-      d(`size-${y.value}`)
-    ].filter(Boolean)), Oe = l(() => ({
+    const We = l(
+      () => B(o.loading) ? g.loading : o.loading
+    ), je = l(() => [
+      c(),
+      o.card ? null : c("wrapper"),
+      c("adaptive"),
+      c(`size-${y.value}`)
+    ].filter(Boolean)), Le = l(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), We = (e, r) => {
-      G({ current: e, pageSize: r });
+    })), Ge = (e, r) => {
+      H({ current: e, pageSize: r });
     };
-    function je(e) {
+    function He(e) {
       const r = e.data;
-      return D(r);
+      return N(r);
     }
-    function Le(e, r) {
+    function Ue(e, r) {
       i.value?.ensureIndexVisible(e, r);
     }
-    function Ge(e) {
+    function $e(e) {
       o.onRowClicked?.(e.data, e.event);
     }
-    function He(e) {
+    function qe(e) {
       o.onScrollEnd?.(e.direction);
     }
-    function Ue(e) {
+    function Je(e) {
       return i.value?.refreshCells(e);
     }
-    function $e(e) {
+    function Qe(e) {
       return i.value?.redrawRows(e);
     }
-    const qe = (e) => {
+    const Xe = (e) => {
       const r = [
-        O.value.getRowClass?.(e)
+        W.value.getRowClass?.(e)
       ];
       if (!e.node.rowPinned) {
-        const a = ne(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
+        const a = le(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
         r.push(a);
       }
       return r.flat().filter(Boolean);
     };
-    return P(
+    return z(
       () => o.dataSource,
       (e) => {
-        Re(e);
+        Fe(e);
       },
       { immediate: !0, deep: !0 }
-    ), P(
+    ), z(
       () => o.size,
       (e) => {
         y.value = e;
       }
-    ), P(
+    ), z(
       () => t(g).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
-    ), se({
-      submit: I,
-      reset: T,
-      refresh: U,
-      submitWith: H,
-      setSearchFormValues: J,
-      getSearchFormValues: q,
+    ), ie({
+      submit: T,
+      reset: D,
+      refresh: $,
+      submitWith: U,
+      setSearchFormValues: Q,
+      getSearchFormValues: J,
       getShowColumns: () => t(f),
       rowSelection: {
-        selectedRows: l(() => N.value),
-        setSelectedRowKeys: Ee,
-        clearAll: K
+        selectedRows: l(() => K.value),
+        setSelectedRowKeys: Me,
+        clearAll: P
       },
-      scrollToRow: Le,
+      scrollToRow: Ue,
       getDataSource: () => t(g.records),
-      getPaging: Ce,
-      setPaging: ve,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: X,
-      resetSearchFormSorterItems: Y,
-      refreshCells: Ue,
-      redrawRows: $e
-    }), (e, r) => (v(), z("div", {
-      class: m(Me.value),
-      style: E(e.wrapperStyle)
+      getPaging: be,
+      setPaging: Be,
+      getSearchFormSorterItems: X,
+      setSearchFormSorterItems: Y,
+      resetSearchFormSorterItems: Z,
+      refreshCells: Je,
+      redrawRows: Qe
+    }), (e, r) => (R(), E("div", {
+      class: m(je.value),
+      style: V(e.wrapperStyle)
     }, [
-      t(b)(e.dataSource) && e.searchForm !== !1 && t(W).length > 0 ? (v(), z("div", {
+      t(B)(e.dataSource) && e.searchForm !== !1 && t(j).length > 0 ? (R(), E("div", {
         key: 0,
-        class: m(e.card ? t(B)("search-wrapper") : null),
-        style: E(e.searchFormWrapperStyle)
+        class: m(e.card ? t(F)("search-wrapper") : null),
+        style: V(e.searchFormWrapperStyle)
       }, [
-        V(t(mo).SearchForm, A(e.searchForm || {}, {
+        A(t(fo).SearchForm, M(e.searchForm || {}, {
           ref_key: "formRef",
           ref: w,
           "custom-reset": "",
-          "submit-loading": t(L).loading,
-          onSubmit: t(I),
-          onReset: t(T)
-        }), _e({
-          default: te(() => [
-            (v(!0), z(eo, null, oo(t(W), (a) => (v(), re(to(a.renderNode), {
+          "submit-loading": t(G).loading,
+          onSubmit: t(T),
+          onReset: t(D)
+        }), oo({
+          default: re(() => [
+            (R(!0), E(to, null, ro(t(j), (a) => (R(), ae(ao(a.renderNode), {
               key: a.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
-          M.searchFormExtra ? {
+          O.searchFormExtra ? {
             name: "extra",
-            fn: te(() => [
-              ae(e.$slots, "searchFormExtra")
+            fn: re(() => [
+              ne(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : oe("", !0),
-      R("div", {
-        class: m([t(B)("table-wrapper"), e.card ? t(B)("table-wrapper-card") : null]),
-        style: E(e.tableWrapperStyle)
+      ], 6)) : te("", !0),
+      b("div", {
+        class: m([t(F)("table-wrapper"), e.card ? t(F)("table-wrapper-card") : null]),
+        style: V(e.tableWrapperStyle)
       }, [
-        R("div", {
-          class: m(t(d)("header-wrapper"))
+        b("div", {
+          class: m(t(c)("header-wrapper"))
         }, [
-          ae(e.$slots, "title", {
-            selectedRows: t(N),
-            selectedRowKeys: t(Ie),
+          ne(e.$slots, "title", {
+            selectedRows: t(K),
+            selectedRowKeys: t(Ke),
             shownColumns: t(f),
-            clearAll: K
+            clearAll: P
           })
         ], 2),
-        R("div", {
-          class: m(t(d)("grid-wrapper"))
+        b("div", {
+          class: m(t(c)("grid-wrapper"))
         }, [
-          V(t(no), A(t(io)(t(de), t(O)), {
-            "get-row-class": qe,
-            style: Oe.value,
+          A(t(so), M(t(uo)(t(ue), t(W)), {
+            "get-row-class": Xe,
+            style: Le.value,
             "row-data": t(g).records,
-            "column-defs": t(we),
-            "default-col-def": t(fe),
+            "column-defs": t(Se),
+            "default-col-def": t(ge),
             "suppress-loading-overlay": "",
-            "row-selection": Ke.value,
-            "selection-column-def": t(be),
-            "get-row-id": je,
-            theme: t(ce),
+            "row-selection": Ee.value,
+            "selection-column-def": t(ke),
+            "get-row-id": He,
+            theme: t(de),
             "tooltip-show-delay": 500,
             "enable-browser-tooltips": e.browserTooltips,
             "tooltip-interaction": "",
             "row-class-rules": e.rowClassRules,
-            "no-rows-overlay-component": Do,
+            "no-rows-overlay-component": Po,
             "suppress-cell-focus": "",
-            onSortChanged: Se,
+            onSortChanged: Ce,
             onGridReady: r[0] || (r[0] = (a) => i.value = a.api),
-            onRowDataUpdated: $,
-            onRowSelected: Pe,
-            onFirstDataRendered: ze,
-            onRowClicked: Ge,
-            onBodyScrollEnd: He
+            onRowDataUpdated: q,
+            onRowSelected: Ve,
+            onFirstDataRendered: Ae,
+            onRowClicked: $e,
+            onBodyScrollEnd: qe
           }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips", "row-class-rules"]),
-          ro(R("div", {
-            class: m(t(B)("table-loading-wrapper"))
+          no(b("div", {
+            class: m(t(F)("table-loading-wrapper"))
           }, [
-            V(t(co), { delay: 300 })
+            A(t(mo), { delay: 300 })
           ], 2), [
-            [ao, Ae.value]
+            [lo, We.value]
           ])
         ], 2),
-        R("div", {
-          class: m(t(d)("pagination-wrapper"))
+        b("div", {
+          class: m(t(c)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (v(), re(t(uo), A({
+          e.pagination !== !1 ? (R(), ae(t(po), M({
             key: 0,
-            class: t(d)("pagination")
-          }, t(L).pagination, { onChange: We }), null, 16, ["class"])) : oe("", !0)
+            class: t(c)("pagination")
+          }, t(G).pagination, { onChange: Ge }), null, 16, ["class"])) : te("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  nt as default
+  st as default
 };