@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Pagination.js

@@ -1,8 +1,9 @@
-import { toRefs as b, computed as k, watchEffect as E, openBlock as m, createElementBlock as d, createElementVNode as y, normalizeClass as S, renderSlot as V, createTextVNode as w, toDisplayString as f, Fragment as T, renderList as z, createCommentVNode as N } from "vue";
-import { c as M } from "./component-234624bc.js";
-import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
+import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { create: B, translate: I } = M("pagination"), D = B({
+const { create, translate } = createComponent("pagination");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Number,
@@ -38,95 +39,124 @@ const { create: B, translate: I } = M("pagination"), D = B({
     },
     forceEllipses: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   components: {},
   emits: ["change", "update:modelValue"],
-  setup(e, { emit: l }) {
-    const { modelValue: r, mode: v, showPageSize: C, forceEllipses: h } = b(e), n = k(() => {
-      const { pageCount: t, totalItems: a, itemsPerPage: o } = b(e), s = +t.value || Math.ceil(+a.value / +o.value);
-      return Math.max(1, s);
-    }), c = (t, a) => {
-      t > n.value || t < 1 || (t != r.value && l("update:modelValue", t), a && l("change", t));
-    }, g = (t, a, o = !1) => ({ number: t, text: a, active: o }), P = k(() => {
-      if (v.value == "simple")
+  setup(props, { emit }) {
+    const { modelValue, mode, showPageSize, forceEllipses } = toRefs(props);
+    const countRef = computed(() => {
+      const { pageCount, totalItems, itemsPerPage } = toRefs(props);
+      const num = +pageCount.value || Math.ceil(+totalItems.value / +itemsPerPage.value);
+      return Math.max(1, num);
+    });
+    const select = (curPage, isSelect) => {
+      if (curPage > countRef.value || curPage < 1)
         return;
-      let t = [];
-      const a = n.value, o = +C.value;
-      let s = 1, i = a;
-      const $ = a > o;
-      $ && (s = Math.max(r.value - Math.floor(o / 2), 1), i = s + +o - 1, i > a && (i = a, s = i - +o + 1));
-      for (var u = s; u <= i; u++) {
-        const p = g(u, u, r.value == u);
-        t.push(p);
+      if (curPage != modelValue.value)
+        emit("update:modelValue", curPage);
+      if (isSelect)
+        emit("change", curPage);
+    };
+    const setPage = (number, text, active = false) => {
+      return { number, text, active };
+    };
+    const pages = computed(() => {
+      if (mode.value == "simple")
+        return;
+      let items = [];
+      const pageCount = countRef.value;
+      const pageSize = +showPageSize.value;
+      let startPage = 1;
+      let endPage = pageCount;
+      const partialShow = pageCount > pageSize;
+      if (partialShow) {
+        startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
+        endPage = startPage + +pageSize - 1;
+        if (endPage > pageCount) {
+          endPage = pageCount;
+          startPage = endPage - +pageSize + 1;
+        }
       }
-      if ($ && o > 0 && h.value) {
-        if (s > 1) {
-          const p = g(s - 1, "...");
-          t.unshift(p);
+      for (var i = startPage; i <= endPage; i++) {
+        const page = setPage(i, i, modelValue.value == i);
+        items.push(page);
+      }
+      if (partialShow && pageSize > 0 && forceEllipses.value) {
+        if (startPage > 1) {
+          const prevPage = setPage(startPage - 1, "...");
+          items.unshift(prevPage);
         }
-        if (i < a) {
-          const p = g(i + 1, "...");
-          t.push(p);
+        if (endPage < pageCount) {
+          const nextPage = setPage(endPage + 1, "...");
+          items.push(nextPage);
         }
       }
-      return t;
+      return items;
+    });
+    watchEffect(() => {
+      select(modelValue.value, false);
     });
-    return E(() => {
-      c(r.value, !1);
-    }), {
-      modelValue: r,
-      select: c,
-      countRef: n,
-      mode: v,
-      pages: P,
-      forceEllipses: h,
-      translate: I
+    return {
+      modelValue,
+      select,
+      countRef,
+      mode,
+      pages,
+      forceEllipses,
+      translate
     };
   }
-}), F = { class: "nut-pagination" }, L = {
+});
+const _hoisted_1 = { class: "nut-pagination" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-pagination-contain"
-}, j = ["onClick"], q = {
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
   key: 1,
   class: "nut-pagination-contain"
-}, A = { class: "nut-pagination-simple" };
-function G(e, l, r, v, C, h) {
-  return m(), d("view", F, [
-    y("view", {
-      class: S(["nut-pagination-prev", e.mode == "multi" ? "" : "simple-border", e.modelValue == 1 ? "disabled" : ""]),
-      onClick: l[0] || (l[0] = (n) => e.select(e.modelValue - 1, !0))
+};
+const _hoisted_5 = { class: "nut-pagination-simple" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
     }, [
-      V(e.$slots, "prev-text", {}, () => [
-        w(f(e.prevText || e.translate("prev")), 1)
+      renderSlot(_ctx.$slots, "prev-text", {}, () => [
+        createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
-    e.mode == "multi" ? (m(), d("view", L, [
-      (m(!0), d(T, null, z(e.pages, (n, c) => (m(), d("view", {
-        key: c + "pagination",
-        class: S(["nut-pagination-item", n.active ? "active" : ""]),
-        onClick: (g) => e.select(n.number, !0)
-      }, [
-        V(e.$slots, "page", { item: n }, () => [
-          w(f(n.text), 1)
-        ])
-      ], 10, j))), 128))
-    ])) : N("", !0),
-    e.mode == "simple" ? (m(), d("view", q, [
-      y("view", A, f(e.modelValue) + "/" + f(e.countRef), 1)
-    ])) : N("", !0),
-    y("view", {
-      class: S(["nut-pagination-next", e.modelValue >= e.countRef ? "disabled" : ""]),
-      onClick: l[1] || (l[1] = (n) => e.select(e.modelValue + 1, !0))
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
+          key: index2 + "pagination",
+          class: normalizeClass(["nut-pagination-item", item.active ? "active" : ""]),
+          onClick: ($event) => _ctx.select(item.number, true)
+        }, [
+          renderSlot(_ctx.$slots, "page", { item }, () => [
+            createTextVNode(toDisplayString(item.text), 1)
+          ])
+        ], 10, _hoisted_3);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4, [
+      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
     }, [
-      V(e.$slots, "next-text", {}, () => [
-        w(f(e.nextText || e.translate("next")), 1)
+      renderSlot(_ctx.$slots, "next-text", {}, () => [
+        createTextVNode(toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
       ])
     ], 2)
   ]);
 }
-const Q = /* @__PURE__ */ R(D, [["render", G]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Q as default
+  index as default
 };