@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/components/tt-table/src/hooks/useColumns.js

@@ -0,0 +1,275 @@
+import { calcWordsWidth as G } from "@dazhicheng/utils";
+import { ElMessage as Y } from "element-plus";
+import { GlobalConfig as R } from "../../../../hooks/useSetup.js";
+import { isEqual as U, debounce as B, cloneDeep as L, flattenDeep as ee, isArray as ne, isFunction as te } from "lodash-es";
+import { ref as x, shallowRef as le, computed as T, unref as n, watch as E, toValue as oe, watchEffect as ie, onUnmounted as se, nextTick as ue } from "vue";
+function S(e) {
+  var u;
+  const s = L(e || []);
+  for (let t = 0; t < (e || []).length; t++) {
+    const i = e[t];
+    i != null && i.slots && (s[t].slots = { ...i.slots }), i != null && i.children && ((u = s[t]) != null && u.children) && (s[t].children = S(i.children));
+  }
+  return s;
+}
+function ce(e) {
+  const {
+    showCheckbox: s,
+    showIndex: u,
+    showExpand: t,
+    showRadio: i,
+    indexColumnProps: h,
+    checkboxColumnProps: b,
+    expandColumnProps: W,
+    radioColumnProps: C
+  } = n(e), a = [];
+  return u && a.unshift({
+    type: "seq",
+    title: "序号",
+    width: 60,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...h
+  }), i && a.unshift({
+    type: "radio",
+    width: 48,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...C
+  }), s && a.unshift({
+    type: "checkbox",
+    width: 48,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    ...b
+  }), t && a.push({
+    type: "expand",
+    width: 20,
+    resizable: !1,
+    align: "center",
+    fixed: "left",
+    padding: !1,
+    slots: { content: "expand-content" },
+    ...W
+  }), a;
+}
+function de(e) {
+  const { showAction: s, actionProps: u, actionWidth: t, actionTitle: i } = n(e);
+  return s ? [
+    {
+      field: "action",
+      title: i || "操作",
+      width: t,
+      resizable: !1,
+      fixed: "right",
+      showOverflow: !1,
+      slots: { default: "action" },
+      ...u
+    }
+  ] : [];
+}
+function re(e, s) {
+  const u = (t, i) => {
+    if (t.sortable && i) {
+      const h = `${t.field}_header`;
+      return s.value.push(h), Object.assign(t, {
+        slots: {
+          ...t.slots,
+          header: h
+        }
+      });
+    }
+    return t;
+  };
+  return e.children && (e.children = e.children.map((t) => u(t, !1))), u(e, e.field !== "action");
+}
+function ae(e, s, u) {
+  if (u.value.length) {
+    const i = e.editRender && u.value.includes(e.field || "") ? `${e.field}_Valid` : void 0;
+    return i ? (s.value.push(i), Object.assign(e, {
+      slots: {
+        ...e.slots,
+        valid: i
+      }
+    })) : e;
+  }
+  return e;
+}
+function he(e) {
+  const u = document.getElementsByTagName("body")[0], t = window.getComputedStyle(u).fontFamily;
+  return e.minWidth = e.minWidth === "auto" ? (G(e.title, "12px", t) + 60).toFixed(0) : e.minWidth, e;
+}
+function fe({
+  propsRef: e,
+  item: s,
+  validSolts: u,
+  titleSolts: t,
+  validRulesKeys: i
+  // httpFieldSolts,
+  // httpFieldEditSolts,
+}) {
+  var g;
+  const { columnsFieldSort: h, columnsFieldNoSort: b, isCellSort: W, isCellResize: C, customizeColumn: a } = n(e);
+  let v = W;
+  h.length > 0 && (v = h.includes(s.field)), b.length > 0 && (v = !b.includes(s.field));
+  let r = {
+    minWidth: 140,
+    sortable: v,
+    resizable: C,
+    ...s
+  };
+  const m = a || ((g = R.table) == null ? void 0 : g.customizeColumn);
+  return m && te(m) && (r = m(r)), r = re(r, t), r = ae(r, u, i), r = he(r), r;
+}
+function xe(e, {
+  xGrid: s,
+  tableWidth: u
+}, t) {
+  const i = x([]), h = x([]), b = x([]), W = x([]), C = x([]), a = x([]), v = le(!0), r = x(!1);
+  let m = null, g = [];
+  function j(o) {
+    var c;
+    const l = { ...o };
+    return (c = l.children) != null && c.length && (l.children = l.children.map((z) => j(z))), fe({
+      propsRef: e,
+      item: l,
+      titleSolts: h,
+      validSolts: b,
+      validRulesKeys: W
+      // httpFieldSolts,
+      // httpFieldEditSolts,
+    });
+  }
+  const q = T(() => {
+    const o = S(n(i));
+    return o ? o.map((c) => j(c)) : [];
+  }), H = () => ({
+    leftColumn: n(C),
+    actionColumn: n(a)
+  });
+  function D(o) {
+    const l = S(o);
+    if (ne(l)) {
+      if (l.length <= 0) {
+        i.value = [];
+        return;
+      }
+      i.value = g = l;
+    }
+  }
+  function $() {
+    return g;
+  }
+  function N(o) {
+    ue(() => {
+      const l = n(s);
+      l && l.reloadColumn(ee(o));
+    });
+  }
+  function V(o) {
+    m || (m = n(s).$el.querySelector(".vxe-table--scroll-y-virtual"));
+    const l = [...n(C), ...n(a)], { column: c } = o, { tableColumn: z } = n(s).getTableColumn(), w = L(
+      z.filter((d) => !l.map((f) => (f == null ? void 0 : f.type) || f.field).includes((d == null ? void 0 : d.type) || d.field))
+    ), F = l.reduce((d, f) => d + (f.width || 0), 0), I = (n(u) || 0) - F, A = w.filter((d) => d.field !== c.field).reduce((d, f) => d + Number(f.renderWidth), 0), p = I - A;
+    if (c.resizeWidth < p) {
+      const d = (m == null ? void 0 : m.offsetWidth) || 0;
+      c.resizeWidth = p - d, c.renderWidth = c.resizeWidth, n(s).setColumnWidth(w, c.resizeWidth), Y.warning("不能小于拖动的最小宽度，会导致表格右侧空白");
+    }
+    const k = w == null ? void 0 : w.find((d) => d.field === c.field);
+    k && (k.width = c.resizeWidth);
+  }
+  function J(o) {
+    V(o), t("resizable-change", o);
+  }
+  function K(o) {
+    V(o), t("column-resizable-change", o);
+  }
+  function Q(o) {
+    var _;
+    r.value = !0;
+    const l = [], { showAction: c, showCheckbox: z, showIndex: w, showRadio: F, showExpand: I } = n(e);
+    c && l.push("action"), z && l.push("checkbox"), w && l.push("seq"), F && l.push("radio"), I && l.push("expand");
+    const { collectColumn: A } = ((_ = o.$grid) == null ? void 0 : _.getTableColumn()) || { collectColumn: [] }, p = A.filter((P) => !l.includes(P.field) && !l.includes(P.type)), k = $();
+    function d(P, X) {
+      const M = [];
+      return P.forEach((O) => {
+        const y = X.find((Z) => Z.field === O.field);
+        y && (O.children && y.children && (y.children = d(O.children, y.children)), M.push(y));
+      }), M;
+    }
+    const f = d(p, k);
+    D(f), t("column-dragend", o);
+  }
+  return E(
+    T(() => oe(n(e).columns)),
+    (o, l) => {
+      if (!U(o, l)) {
+        const c = S(o || []);
+        i.value = g = c || [];
+      }
+    },
+    {
+      deep: !0,
+      immediate: !0
+    }
+  ), E(
+    () => [C.value, q.value, a.value],
+    (o, l) => {
+      if (n(r))
+        return r.value = !1, !1;
+      v.value && (N(o), v.value = !1), U(o, l) || N(o);
+    },
+    { deep: !0 }
+  ), ie(() => {
+    n(e).editRules && (W.value = Object.keys(n(e).editRules));
+  }), E(
+    T(() => [
+      n(e).showCheckbox,
+      n(e).showRadio,
+      n(e).showIndex,
+      n(e).showExpand,
+      n(e).indexColumnProps,
+      n(e).checkboxColumnProps,
+      n(e).radioColumnProps,
+      n(e).expandColumnProps,
+      n(e).isI18n
+    ]),
+    () => {
+      C.value = ce(e);
+    },
+    {
+      immediate: !0
+    }
+  ), E(
+    T(() => [
+      n(e).showAction,
+      n(e).actionProps,
+      n(e).actionWidth,
+      n(e).isI18n
+    ]),
+    () => {
+      a.value = de(e);
+    },
+    {
+      immediate: !0
+    }
+  ), se(() => {
+    g = [];
+  }), {
+    getColumnsRef: q,
+    getFixedColums: H,
+    titleSolts: h,
+    validSolts: b,
+    setTableColumns: D,
+    getTableColumns: $,
+    onResizableChange: B(J, 100),
+    onColumnResizableChange: B(K, 100),
+    onColumnDragend: Q
+  };
+}
+export {
+  xe as useColumns
+};

package/dist/components/tt-table/src/hooks/useCustomColumns.js

@@ -0,0 +1,53 @@
+import { GlobalConfig as f } from "../../../../hooks/useSetup.js";
+import { isFunction as d } from "@dazhicheng/utils";
+import { ref as j, toValue as c, unref as S } from "vue";
+function N({
+  getTableProps: C,
+  tableMethods: v,
+  getProps: I
+}) {
+  const l = j(), w = (o) => d(o) ? o() : o ?? "";
+  return {
+    initCustomSetting: async () => {
+      var y, A, K, i, O, h;
+      const o = v.getTableColumns(), { columns: s, columnsKey: r, defaultDisplayFields: t } = S(C), u = w(r), e = (y = c(s)) != null && y.length ? c(s) : o;
+      if (!((K = (A = c(I)) == null ? void 0 : A.table) != null && K.useHttpCache) || !u || !f.userId)
+        return;
+      const n = (h = (await ((O = (i = C.value) == null ? void 0 : i.getColumnsApi) == null ? void 0 : O.call(i, {
+        permissionOnlyCode: u,
+        userId: f.userId
+      }))).records) == null ? void 0 : h[0];
+      let p = [];
+      if (!(n != null && n.json))
+        p = t != null && t.length ? e == null ? void 0 : e.filter((a) => t.includes(a.field)) : e;
+      else {
+        const a = JSON.parse(n == null ? void 0 : n.json), g = new Map((e == null ? void 0 : e.map((m) => [m.field, m])) ?? []);
+        p = a.map((m) => g.get(m)).filter(Boolean);
+      }
+      l.value = n == null ? void 0 : n.id, v.setTableColumns(p);
+    },
+    saveColumns: async (o) => {
+      var t, u;
+      const s = (t = c(I)) == null ? void 0 : t.table, r = {
+        userId: f.userId,
+        permissionOnlyCode: w((u = S(C)) == null ? void 0 : u.columnsKey)
+      };
+      if (l.value && d(s == null ? void 0 : s.updateColumnsApi))
+        return await s.updateColumnsApi({
+          id: l.value,
+          json: o,
+          ...r
+        });
+      if (d(s == null ? void 0 : s.setColumnsApi)) {
+        const e = await s.setColumnsApi({
+          ...r,
+          json: o
+        });
+        return l.value = e, e;
+      }
+    }
+  };
+}
+export {
+  N as useCustomColumns
+};

package/dist/components/tt-table/src/hooks/useDataSource.js

@@ -0,0 +1,224 @@
+import { GlobalConfig as E } from "../../../../hooks/useSetup.js";
+import { compareObjects as $, isFunction as I } from "@dazhicheng/utils";
+import { useDebounceFn as ie, useTimeoutFn as oe } from "@vueuse/core";
+import { cloneDeep as y, set as L, get as A, isUndefined as ue } from "lodash-es";
+import { shallowRef as M, ref as x, computed as j, unref as e, onMounted as fe, watch as O, toValue as ge } from "vue";
+function Pe(r, {
+  xGrid: c,
+  setLoading: N,
+  paginationRef: F,
+  tableData: R,
+  getPaginationInfo: V,
+  setPagination: p,
+  clearSelectedRowKeys: G,
+  getIsTableEvent: ee
+}, S) {
+  const h = M([]), B = x({}), w = x({}), z = M(!0), U = M(!1), _ = j(() => {
+    const { showPager: t, isScrollFetch: a } = e(r);
+    return t || a;
+  });
+  function te(t, a, l) {
+    const n = Array.isArray(t), i = n ? t : A(t, "code"), s = n ? t : A(t, a), o = n ? 0 : A(t, l);
+    return {
+      resultCode: i,
+      resultData: s,
+      resultTotal: ue(o) ? 0 : Number(o)
+    };
+  }
+  async function ae(t = ((l) => (l = E.table) == null ? void 0 : l.beforeFetch)(), a) {
+    return t && I(t) && (a = await t(a) || a), a;
+  }
+  async function le(t = ((n) => (n = E.table) == null ? void 0 : n.afterFetch)(), a, l) {
+    const { isScrollFetch: i, currentPageField: s = "" } = e(r);
+    return t && I(t) && (a = await t(a, e(B)) || a), i && A(l, s, 1) !== 1 && (a = [...e(h), ...a]), a;
+  }
+  async function m(t) {
+    var W, X;
+    const {
+      api: a,
+      filterApi: l,
+      searchInfo: n,
+      dataField: i,
+      beforeFetch: s,
+      afterFetch: o,
+      currentPageField: u,
+      pageSizeField: g,
+      totalField: v,
+      useSearchForm: T
+    } = e(r);
+    if (!a || !I(a)) return;
+    const { tablePage: f } = t;
+    let K = {}, b = f.currentPage || 1;
+    const Q = e(r).formApi;
+    Q && T && (K = await Q.getValues());
+    const D = {};
+    L(D, u, b || 1), L(D, g, f.pageSize);
+    try {
+      N(!0);
+      let d = null;
+      if (t != null && t.serverFilterParams && l)
+        d = await l({
+          ...t == null ? void 0 : t.serverFilterParams,
+          ...e(_) ? D : {}
+        });
+      else {
+        l && ((W = e(c)) == null || W.clearSort(), (X = e(c)) == null || X.clearFilter());
+        let k = {
+          ...K,
+          ...n,
+          ...t == null ? void 0 : t.searchInfo,
+          ...e(_) ? D : {}
+        };
+        k = await ae(s, k), d = await a(k);
+      }
+      B.value = d;
+      const { resultData: ce, resultTotal: Y } = te(d, i, v);
+      let P = ce || [];
+      P = await le(o, P, D), C(P);
+      const Z = Y || P.length || 0, se = Math.max(1, Math.ceil(Z / f.pageSize));
+      b > se && (b = 1, q({
+        tablePage: {
+          currentPage: b,
+          pageSize: f.pageSize
+        }
+      })), p({
+        total: Z,
+        currentPage: b
+      }), w.value = y(e(V)), S("fetch-success", {
+        items: P,
+        total: Y,
+        rawDataSource: d
+      }), G(), U.value = !0;
+    } catch (d) {
+      S("fetch-error", d), C([]);
+    } finally {
+      setTimeout(() => {
+        N(!1);
+      }, 50);
+    }
+  }
+  async function q(t) {
+    var l;
+    const a = {
+      ...e(F)
+    };
+    (l = E.table) != null && l.isReloadResetToFirstPage && (a.currentPage = 1), t ? await m({
+      tablePage: Object.hasOwn(t, "tablePage") ? t.tablePage : a,
+      searchInfo: Object.hasOwn(t, "searchInfo") ? t.searchInfo : t
+    }) : await m({
+      tablePage: a
+    }), e(r).immediate || (z.value = !1);
+  }
+  async function H(t) {
+    var u, g, v, T;
+    if (!!!((g = (u = e(r)) == null ? void 0 : u.filterConfig) != null && g.remote)) return;
+    const l = {
+      ...e(F)
+    };
+    t !== "page" && (l.currentPage = 1);
+    const n = ((v = e(c)) == null ? void 0 : v.getSortColumns()) || [], s = (((T = e(c)) == null ? void 0 : T.getCheckedFilters()) || []).map((f) => ({
+      fieldName: f.field,
+      checkAll: !1,
+      includeValues: f.datas[0],
+      excludeValues: []
+    })), o = n.map((f) => ({
+      fieldName: f.field,
+      isAscending: f.order === "asc"
+    }));
+    await m({
+      serverFilterParams: {
+        filterConditions: s,
+        sortConditions: o
+      },
+      tablePage: l
+    });
+  }
+  function ne() {
+    var a;
+    const { tableData: t } = ((a = e(c)) == null ? void 0 : a.getTableData()) || {};
+    return t;
+  }
+  function re(t) {
+    h.value = t, S("update:modelValue", t);
+  }
+  const C = ie((t) => {
+    var n, i, s, o, u;
+    const a = e(c).getTreeExpandRecords(), l = (i = (n = e(r)) == null ? void 0 : n.treeConfig) == null ? void 0 : i.reserve;
+    e(c) && ((s = e(c)) == null || s.loadData(t)), e(r).mergeCells && e(c) && ((o = e(c)) == null || o.setMergeCells(e(r).mergeCells)), e(r).clearTreeExpand ? e(c) && ((u = e(c)) == null || u.clearTreeExpand()) : a.length > 0 && l && e(c).setTreeExpand(a, !0), re(t), S("load-data");
+  }, 30);
+  function J(t, a) {
+    return (t.currentPage || 1) !== a.currentPage || t.pageSize !== a.pageSize;
+  }
+  return fe(() => {
+    w.value = y(e(V)), oe(() => {
+      const t = J(e(r).pagerConfig, e(w));
+      e(r).immediate && !t && m({
+        tablePage: e(V)
+      });
+    }, 16);
+  }), O(
+    () => e(F),
+    (t) => {
+      var l, n, i, s;
+      if (J(t, e(w))) {
+        if (e(z) && !e(r).immediate) {
+          z.value = !1;
+          return;
+        }
+        const o = !!((n = (l = e(r)) == null ? void 0 : l.filterConfig) != null && n.remote), u = ((i = e(c)) == null ? void 0 : i.getSortColumns()) || [], g = ((s = e(c)) == null ? void 0 : s.getCheckedFilters()) || [];
+        o && (u.length > 0 || g.length > 0) ? H("page") : m({
+          tablePage: e(F)
+        });
+      }
+    },
+    { deep: !0 }
+  ), O(
+    j(() => ge(e(r).data) || []),
+    (t) => {
+      var n;
+      const { fullData: a } = e(c) ? ((n = e(c)) == null ? void 0 : n.getTableData()) || {} : { fullData: [] };
+      if (Object.keys($({ data: t }, { data: a })).length) {
+        const { data: i, api: s, modelValue: o } = e(r);
+        if ((o ? o.length : 0) === 0 && !s && i) {
+          const g = e(r).isDataCloneDeep ? y(e(i)) : e(i);
+          C(g);
+        }
+      }
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), O(
+    j(() => e(r).modelValue || []),
+    (t) => {
+      var n;
+      if (e(ee)) return;
+      const { fullData: a } = e(c) ? ((n = e(c)) == null ? void 0 : n.getTableData()) || {} : { fullData: [] };
+      if (Object.keys($({ data: t }, { data: a })).length) {
+        const { api: i, modelValue: s } = e(r);
+        if (!i && s) {
+          const o = e(r).isDataCloneDeep ? y(s) : e(s);
+          C(o);
+        }
+      }
+    },
+    { immediate: !0, deep: !0 }
+  ), O(
+    () => h.value,
+    () => {
+      R.value = e(h);
+    },
+    { deep: !0, immediate: !0 }
+  ), {
+    dataSource: h,
+    fetch: m,
+    reload: q,
+    reloadFilter: H,
+    getDataSource: ne,
+    isloaded: U
+  };
+}
+export {
+  Pe as useDataSource
+};

package/dist/components/tt-table/src/hooks/useLeftRightSlot.js

@@ -0,0 +1,64 @@
+import { computed as L, ref as H, shallowRef as s, watch as O, unref as x } from "vue";
+function P(v, r, A) {
+  const p = L(() => {
+    var t, e;
+    return ((t = v.value) == null ? void 0 : t.leftSlotWidth) || ((e = v.value) == null ? void 0 : e.rightSlotWidth);
+  }), T = H(), q = H(), h = s(0), y = s(0), f = s(0), g = s(0), b = s(0), d = H([]);
+  async function w(t = !0) {
+    var a, n, c, i, u, S;
+    if (!x(p)) return;
+    await new Promise((m) => setTimeout(m, 50));
+    const e = (n = (a = r.value) == null ? void 0 : a.$el) == null ? void 0 : n.querySelector(".vxe-table--body-wrapper"), l = (i = (c = r.value) == null ? void 0 : c.$el) == null ? void 0 : i.querySelector(".vxe-table--header"), o = (S = (u = r.value) == null ? void 0 : u.$el) == null ? void 0 : S.querySelector(".vxe-body--y-space");
+    h.value = (e == null ? void 0 : e.clientHeight) || 0, b.value = o.style.height, f.value = (l == null ? void 0 : l.clientHeight) || 0, B(t ? 0 : void 0);
+  }
+  async function B(t) {
+    var o, a, n, c, i;
+    if (!x(p)) return;
+    await new Promise((u) => setTimeout(u, 10));
+    const e = (a = (o = r.value) == null ? void 0 : o.$el) == null ? void 0 : a.querySelector(".vxe-table--body");
+    y.value = e.clientHeight, g.value = e.style.marginTop || 0;
+    const l = e.querySelectorAll(".vxe-body--row");
+    d.value = (n = Array.from(l)) == null ? void 0 : n.map((u) => {
+      var $;
+      const S = ($ = r.value) == null ? void 0 : $.getRowNode(u), m = u.offsetTop;
+      return {
+        ...S,
+        offsetTop: m
+      };
+    }), t !== void 0 && ((c = T.value) == null || c.scrollTo({ top: t }), (i = q.value) == null || i.scrollTo({ top: t }));
+  }
+  return O(
+    () => A.value,
+    () => {
+      w();
+    },
+    { deep: !0 }
+  ), O(
+    () => {
+      var t, e;
+      return [(t = v.value) == null ? void 0 : t.leftSlotWidth, (e = v.value) == null ? void 0 : e.rightSlotWidth];
+    },
+    ([t, e], [l, o]) => {
+      const a = !!(t || e), n = !!(l || o);
+      if (!a) {
+        h.value = 0, y.value = 0, f.value = 0, g.value = 0, b.value = 0, d.value = [];
+        return;
+      }
+      (!n || t !== l || e !== o) && w();
+    }
+  ), {
+    handleLeftRightSlotScroll: B,
+    handleLeftRightSlotInit: w,
+    leftRightSlotRows: d,
+    tableHeaderHight: f,
+    leftSlotScrollbarRef: T,
+    rightSlotScrollbarRef: q,
+    tableBodyHeight: y,
+    tableBodyWrapHeight: h,
+    tableBodyScrollTop: g,
+    tableBodyScrollHeight: b
+  };
+}
+export {
+  P as useLeftRightSlot
+};

package/dist/components/tt-table/src/hooks/usePagination.js

@@ -0,0 +1,44 @@
+import { mergeWithArrayOverride as m } from "@dazhicheng/utils";
+import { GlobalConfig as c } from "../../../../hooks/useSetup.js";
+import { isEqual as l } from "lodash-es";
+import { ref as s, unref as n, computed as P, watch as h } from "vue";
+function S(o, u) {
+  var g;
+  const t = s(
+    m(n(o).pagerConfig || {}, ((g = c.table) == null ? void 0 : g.pagerConfig) || {})
+  ), i = P(() => {
+    const { showPager: e, pagerConfig: a } = n(o);
+    if (!(!e && !a))
+      return {
+        currentPage: 1,
+        pageSize: 300,
+        total: 0,
+        pageSizes: [300, 500, 1e3, 2e3],
+        layouts: ["Total", "PrevPage", "JumpNumber", "NextPage", "Sizes", "FullJump"],
+        // ...unref(refProps).pagerConfig,
+        ...n(t)
+      };
+  });
+  function f() {
+    return n(i);
+  }
+  function r(e) {
+    t.value = {
+      ...n(t),
+      ...e
+    };
+  }
+  function p(e) {
+    u("page-change", e);
+  }
+  return h(
+    () => n(o).pagerConfig,
+    (e, a) => {
+      e && !l(e, a) && r(e);
+    },
+    { deep: !0 }
+  ), { configRef: t, getPagination: f, getPaginationInfo: i, setPagination: r, handlePageChange: p };
+}
+export {
+  S as usePagination
+};