@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Pagination.js

@@ -1,9 +1,8 @@
-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 { 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 "../locale/lang";
-const { create, translate } = createComponent("pagination");
-const _sfc_main = create({
+const { create: B, translate: I } = M("pagination"), D = B({
   props: {
     modelValue: {
       type: Number,
@@ -39,124 +38,95 @@ const _sfc_main = create({
     },
     forceEllipses: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   components: {},
   emits: ["change", "update:modelValue"],
-  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)
+  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")
         return;
-      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;
-        }
+      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);
       }
-      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 ($ && o > 0 && h.value) {
+        if (s > 1) {
+          const p = g(s - 1, "...");
+          t.unshift(p);
         }
-        if (endPage < pageCount) {
-          const nextPage = setPage(endPage + 1, "...");
-          items.push(nextPage);
+        if (i < a) {
+          const p = g(i + 1, "...");
+          t.push(p);
         }
       }
-      return items;
-    });
-    watchEffect(() => {
-      select(modelValue.value, false);
+      return t;
     });
-    return {
-      modelValue,
-      select,
-      countRef,
-      mode,
-      pages,
-      forceEllipses,
-      translate
+    return E(() => {
+      c(r.value, !1);
+    }), {
+      modelValue: r,
+      select: c,
+      countRef: n,
+      mode: v,
+      pages: P,
+      forceEllipses: h,
+      translate: I
     };
   }
-});
-const _hoisted_1 = { class: "nut-pagination" };
-const _hoisted_2 = {
+}), F = { class: "nut-pagination" }, L = {
   key: 0,
   class: "nut-pagination-contain"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
+}, j = ["onClick"], q = {
   key: 1,
   class: "nut-pagination-contain"
-};
-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))
+}, 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))
     }, [
-      renderSlot(_ctx.$slots, "prev-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
+      V(e.$slots, "prev-text", {}, () => [
+        w(f(e.prevText || e.translate("prev")), 1)
       ])
     ], 2),
-    _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))
+    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))
     }, [
-      renderSlot(_ctx.$slots, "next-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
+      V(e.$slots, "next-text", {}, () => [
+        w(f(e.nextText || e.translate("next")), 1)
       ])
     ], 2)
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Q = /* @__PURE__ */ R(D, [["render", G]]);
 export {
-  index as default
+  Q as default
 };