v-page 3.3.0 → 3.5.0

package/dist/v-page.js

@@ -1,41 +1,35 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");i.appendChild(document.createTextNode(".v-pagination{display:flex;justify-content:flex-start;box-sizing:border-box}.v-pagination--right{justify-content:flex-end}.v-pagination--center{justify-content:center}.v-pagination.v-pagination--disabled a,.v-pagination.v-pagination--disabled select{color:#ddd!important}.v-pagination.v-pagination--disabled .v-pagination__item a{cursor:default!important}.v-pagination.v-pagination--disabled .v-pagination__item a:hover{background-color:transparent}.v-pagination.v-pagination--disabled.v-pagination--border ul{background-color:#fafafa}.v-pagination.v-pagination--circle .v-pagination__item a{border-radius:50rem;border:1px solid transparent;min-height:30px;min-width:30px;padding:0 .6rem;display:flex;align-items:center;justify-content:center}.v-pagination.v-pagination--circle .v-pagination__item a:hover{border:1px solid #f7f7f7}.v-pagination.v-pagination--circle .v-pagination__item.disabled a:hover{border:1px solid transparent}.v-pagination.v-pagination--circle .v-pagination__item.active a{border:1px solid #ddd!important;background-color:transparent!important;box-shadow:0 1px 3px #0000001a}.v-pagination ul{margin:0;padding:0;display:flex}.v-pagination ul li{list-style:none;display:flex}.v-pagination ul li a{padding:.3rem .6rem;text-decoration:none;line-height:1.3;font-size:14px;margin:0;outline:0;color:#333;border-radius:.5rem;display:inline-flex;align-items:center;cursor:default}.v-pagination ul li.v-pagination__list a,.v-pagination ul li.v-pagination__info a{color:#888}.v-pagination ul li.active a,.v-pagination ul li.disabled a{cursor:default!important}.v-pagination ul li.v-pagination__item a:hover{background-color:#f7f7f7;color:#000;cursor:pointer}.v-pagination ul li.active a{background-color:#eee!important;color:#aaa}.v-pagination ul li.active a:hover{color:#aaa}.v-pagination ul li.disabled a{color:#ddd!important}.v-pagination ul li.disabled a:hover{background-color:transparent}.v-pagination ul li select{width:auto!important;font-size:12px;padding:0;outline:0;margin:0 0 0 5px;border:1px solid #ccc;color:#333;border-radius:.3rem}.v-pagination.v-pagination--border ul{box-shadow:0 1px 2px #0000000d;border-radius:.5rem}.v-pagination.v-pagination--border ul li a{border:1px solid #DEE2E6;border-left:0;border-radius:0}.v-pagination.v-pagination--border ul li:first-child>a{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;border-left:1px solid #DEE2E6}.v-pagination.v-pagination--border ul li:last-child>a{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.v-pagination.v-pagination--border ul li.active a{color:#aaa;background-color:#eee}")),document.head.appendChild(i)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as T, toRefs as w, ref as h, computed as b, watch as F, onMounted as C, provide as G, createVNode as n, inject as d, isVNode as k } from "vue";
-const g = 1, D = 5, L = 10, V = [L, 20, 50, 100], A = 0, [X, Y, x] = ["left", "center", "right"], s = Symbol("pagination"), [
-  U,
-  S,
-  Z,
-  H,
-  J
-] = ["cn", "en", "de", "jp", "pt"], B = {
-  [U]: {
+import { inject as f, createVNode as t, Fragment as B, isVNode as Z, defineComponent as H, toRefs as J, ref as b, computed as d, watch as w, onMounted as K, provide as q } from "vue";
+const r = 1, Q = 5, _ = 10, F = [_, 20, 50, 100], A = 0, [pe, ve, W] = ["left", "center", "right"], p = /* @__PURE__ */ Symbol("pagination-internal"), C = /* @__PURE__ */ Symbol("pagination-options"), [X, v, Y, $, ee] = ["cn", "en", "de", "jp", "pt"], O = {
+  [X]: {
     pageLength: "每页记录数",
     pageInfo: "第 #pageNumber#/#totalPage# 页(共#totalRow#条记录)",
     first: "首页",
     last: "尾页",
     all: "全部"
   },
-  [S]: {
+  [v]: {
     pageLength: "Per page",
     pageInfo: "Page #pageNumber#/#totalPage# (total #totalRow# records)",
     first: "First",
     last: "Last",
     all: "All"
   },
-  [Z]: {
+  [Y]: {
     pageLength: "Seitenlänge",
     pageInfo: "Aktuell #pageNumber#/#totalPage# (gesamt #totalRow# Aufzeichnungen)",
     first: "Zuerst",
     last: "Letzte",
     all: "Alle"
   },
-  [H]: {
+  [$]: {
     pageLength: "ページごとの記録数",
     pageInfo: "現在の第 #pageNumber#/#totalPage# ページ(全部で #totalRow# 条の記録)",
     first: "トップページ",
     last: "尾のページ",
     all: "すべて"
   },
-  [J]: {
+  [ee]: {
     pageLength: "Resultados por página",
     pageInfo: "#pageNumber#/#totalPage# (total de #totalRow#)",
     first: "Início",
@@ -43,20 +37,163 @@ const g = 1, D = 5, L = 10, V = [L, 20, 50, 100], A = 0, [X, Y, x] = ["left", "c
     all: "Todos"
   }
 };
-function q(e, a, t) {
-  if (a <= t) return g;
-  const i = Math.floor(t / 2), u = a - t + 1, l = e - i;
-  return l < g ? g : l > u ? u : l;
+function ae(e, a, n) {
+  if (a <= n) return r;
+  const u = Math.floor(n / 2), l = a - n + 1, s = e - u;
+  return s < r ? r : s > l ? l : s;
 }
-function K(e, a, t) {
-  const i = q(e, a, t);
-  return Array.from({ length: t }).map((u, l) => i + l).filter((u) => u >= g && u <= a);
+function te(e, a, n) {
+  const u = ae(e, a, n);
+  return Array.from({ length: n }).map((l, s) => u + s).filter((l) => l >= r && l <= a);
 }
-function Q(e = S) {
+function ne(e = v) {
   const a = String(e).toLowerCase();
-  return B[Object.hasOwn(B, a) ? a : S];
+  return O[Object.hasOwn(O, a) ? a : v];
 }
-const N = /* @__PURE__ */ T({
+function T(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
+}
+function L(e, {
+  slots: a
+}) {
+  return t("a", {
+    href: "javascript:void(0)"
+  }, [a?.default?.()]);
+}
+function y({
+  classes: e,
+  pageNumberValue: a,
+  name: n
+}) {
+  const {
+    changePageNumber: u
+  } = f(p);
+  return t("li", {
+    class: ["v-pagination__item", ...e]
+  }, [t(L, {
+    onClick: () => u(a)
+  }, T(n) ? n : {
+    default: () => [n]
+  })]);
+}
+function le() {
+  const {
+    lang: e,
+    sizeList: a,
+    pageSize: n,
+    disabled: u,
+    displayAll: l,
+    changePageSize: s
+  } = f(p), P = () => t(B, null, [a.value.map((i) => t("option", {
+    key: i,
+    value: i,
+    selected: n.value === i
+  }, [i]))]), g = () => l.value ? t("option", {
+    value: A,
+    selected: n.value === A
+  }, [e.value.all]) : null, N = (i) => {
+    const S = i.target;
+    s(Number(S.value));
+  };
+  return t("li", {
+    class: "v-pagination__list"
+  }, [t(L, null, {
+    default: () => [t("span", null, [e.value.pageLength]), t("select", {
+      disabled: u.value,
+      onChange: N
+    }, [t(P, null, null), t(g, null, null)])]
+  })]);
+}
+function ue() {
+  const {
+    lang: e,
+    current: a,
+    totalPage: n,
+    totalRow: u
+  } = f(p), l = e.value.pageInfo.replace("#pageNumber#", String(a.value)).replace("#totalPage#", String(n.value)).replace("#totalRow#", String(u.value));
+  return t("li", {
+    class: "v-pagination__info"
+  }, [t(L, null, T(l) ? l : {
+    default: () => [l]
+  })]);
+}
+function de(e, {
+  slots: a
+}) {
+  return t("li", {
+    class: "v-pagination__slot"
+  }, [t(L, null, {
+    default: () => [a?.default?.()]
+  })]);
+}
+function ie() {
+  const {
+    pageNumbers: e,
+    current: a
+  } = f(p);
+  return t(B, null, [e.value.map((n) => t(y, {
+    key: n,
+    classes: [{
+      active: n === a.value
+    }],
+    pageNumberValue: n,
+    name: n
+  }, null))]);
+}
+function oe() {
+  const {
+    isFirst: e,
+    lang: a
+  } = f(p);
+  return t(y, {
+    classes: ["v-pagination__first", {
+      disabled: e.value
+    }],
+    pageNumberValue: r,
+    name: a.value.first
+  }, null);
+}
+function re() {
+  const {
+    isFirst: e,
+    current: a
+  } = f(p);
+  return t(y, {
+    classes: ["v-pagination__previous", {
+      disabled: e.value
+    }],
+    pageNumberValue: a.value - 1,
+    name: "«"
+  }, null);
+}
+function ge() {
+  const {
+    isLast: e,
+    current: a
+  } = f(p);
+  return t(y, {
+    classes: ["v-pagination__next", {
+      disabled: e.value
+    }],
+    pageNumberValue: a.value + 1,
+    name: "»"
+  }, null);
+}
+function se() {
+  const {
+    isLast: e,
+    totalPage: a,
+    lang: n
+  } = f(p);
+  return t(y, {
+    classes: ["v-pagination__last", {
+      disabled: e.value
+    }],
+    pageNumberValue: a.value,
+    name: n.value.last
+  }, null);
+}
+const V = /* @__PURE__ */ H({
   name: "PaginationBar",
   props: {
     modelValue: {
@@ -65,7 +202,7 @@ const N = /* @__PURE__ */ T({
     },
     pageSize: {
       type: Number,
-      default: L
+      default: _
     },
     totalRow: {
       type: Number,
@@ -73,7 +210,7 @@ const N = /* @__PURE__ */ T({
     },
     language: {
       type: String,
-      default: S
+      default: v
     },
     /**
      * Pagination alignment direction
@@ -81,12 +218,12 @@ const N = /* @__PURE__ */ T({
      */
     align: {
       type: String,
-      default: x
+      default: W
     },
     /** Page size list */
     pageSizeMenu: {
       type: [Array],
-      default: () => V
+      default: () => F
     },
     disabled: {
       type: Boolean,
@@ -117,243 +254,100 @@ const N = /* @__PURE__ */ T({
       default: !1
     }
   },
-  emits: ["update:modelValue", "update:pageSize", "change"],
+  emits: {
+    "update:modelValue": (e) => typeof e == "number",
+    "update:pageSize": (e) => typeof e == "number",
+    change: (e) => typeof e < "u"
+  },
+  slots: Object,
   setup(e, {
     emit: a,
-    slots: t
+    slots: n
   }) {
     const {
-      pageSizeMenu: i,
-      totalRow: u
-    } = w(e), l = h(0), v = h(D), o = h(e.pageSize ?? L), f = b(() => {
-      const r = Array.from(Array.isArray(i.value) && i.value.length > 0 ? i.value : V);
-      return o.value !== 0 && !r.includes(o.value) && r.push(o.value), r.sort((p, M) => p - M);
-    }), c = b(() => o.value === A ? g : Math.ceil(u.value / o.value)), P = b(() => K(l.value, c.value, v.value)), j = b(() => ({
+      pageSizeMenu: u,
+      totalRow: l,
+      displayAll: s,
+      disabled: P
+    } = J(e), g = b(0), N = b(Q), i = b(e.pageSize ?? _), S = f(C, b("")), j = () => e.language !== v ? e.language : S.value ? S.value : v, k = d(() => ne(j())), G = d(() => {
+      const o = Array.from(Array.isArray(u.value) && u.value.length > 0 ? u.value : F);
+      return i.value !== 0 && !o.includes(i.value) && o.push(i.value), o.sort((m, U) => m - U);
+    }), c = d(() => i.value === A ? r : Math.ceil(l.value / i.value)), M = d(() => te(g.value, c.value, N.value)), D = d(() => ({
       "v-pagination": !0,
       "v-pagination--right": e.align === "right",
       "v-pagination--center": e.align === "center",
-      "v-pagination--disabled": e.disabled,
+      "v-pagination--disabled": P.value,
       "v-pagination--border": e.border,
       "v-pagination--circle": !e.border && e.circle
-    })), z = b(() => l.value === g), E = b(() => l.value === c.value);
-    F(() => e.modelValue, y), F(() => e.pageSize, R);
-    function y(r = g) {
-      if (e.disabled || typeof r != "number") return;
-      let p = r < g ? g : r;
-      r > c.value && c.value > 0 && (p = c.value), p !== l.value && (l.value = p, a("update:modelValue", l.value), I());
+    })), E = d(() => g.value === r), I = d(() => g.value === c.value);
+    w(() => e.modelValue, h), w(() => e.pageSize, R);
+    function h(o = r) {
+      if (P.value || typeof o != "number") return;
+      let m = o < r ? r : o;
+      o > c.value && c.value > 0 && (m = c.value), m !== g.value && (g.value = m, a("update:modelValue", g.value), z());
     }
-    function R(r) {
-      if (typeof r == "number" && !(r < 0) && r !== o.value) {
-        if (o.value = r, a("update:pageSize", o.value), l.value === g)
-          return I();
-        y(g);
+    function R(o) {
+      if (typeof o == "number" && !(o < 0) && o !== i.value) {
+        if (i.value = o, a("update:pageSize", i.value), g.value === r)
+          return z();
+        h(r);
       }
     }
-    function I() {
+    function z() {
       a("change", {
-        pageNumber: l.value,
-        pageSize: Number(o.value),
+        pageNumber: g.value,
+        pageSize: Number(i.value),
         totalPage: c.value
       });
     }
-    return C(() => y(e.modelValue || g)), G(s, {
-      lang: Q(e.language),
-      pageSize: o,
-      sizeList: f,
-      pageNumbers: P,
-      isFirst: z,
-      isLast: E,
-      current: l,
+    function x() {
+      return n.default ? t("ul", null, [n.default({
+        pageNumber: g.value,
+        pageSize: i.value,
+        totalPage: c.value,
+        totalRow: l.value,
+        isFirst: E.value,
+        isLast: I.value
+      })]) : t("ul", null, [t(le, null, null), t(ue, null, null), t(oe, null, null), t(re, null, null), t(ie, null, null), t(ge, null, null), t(se, null, null)]);
+    }
+    return K(() => h(e.modelValue || r)), q(p, {
+      lang: k,
+      pageSize: i,
+      sizeList: G,
+      pageNumbers: M,
+      isFirst: E,
+      isLast: I,
+      current: g,
       totalPage: c,
-      changePageNumber: y,
+      changePageNumber: h,
       changePageSize: R,
-      ...w(e)
-    }), () => {
-      var p;
-      if (e.hideOnSinglePage && c.value <= 1) return null;
-      const r = {
-        pageNumber: l.value,
-        pageSize: o.value,
-        totalPage: c.value,
-        totalRow: u.value,
-        isFirst: z.value,
-        isLast: E.value
-      };
-      return n("div", {
-        class: j.value
-      }, [n("ul", null, [(p = t == null ? void 0 : t.default) == null ? void 0 : p.call(t, r)])]);
-    };
+      totalRow: l,
+      displayAll: s,
+      disabled: P
+    }), () => e.hideOnSinglePage && c.value <= 1 ? null : t("div", {
+      class: D.value
+    }, [t(x, null, null)]);
   }
-});
-function O(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
-}
-function _(e, {
-  slots: a
-}) {
-  var t;
-  return n("a", {
-    href: "javascript:void(0)"
-  }, [(t = a == null ? void 0 : a.default) == null ? void 0 : t.call(a)]);
-}
-function m({
-  classes: e,
-  pageNumberValue: a,
-  name: t
-}) {
-  const {
-    changePageNumber: i
-  } = d(s);
-  return n("li", {
-    class: ["v-pagination__item", ...e]
-  }, [n(_, {
-    onClick: () => i(a)
-  }, O(t) ? t : {
-    default: () => [t]
-  })]);
-}
-function $() {
-  const {
-    lang: e,
-    sizeList: a,
-    pageSize: t,
-    disabled: i,
-    displayAll: u,
-    changePageSize: l
-  } = d(s), v = () => a.value.map((f) => n("option", {
-    key: f,
-    value: f,
-    selected: t.value === f
-  }, [f])), o = () => u.value ? n("option", {
-    value: A,
-    selected: t.value === A
-  }, [e.all]) : null;
-  return n("li", {
-    class: "v-pagination__list"
-  }, [n(_, null, {
-    default: () => [n("span", null, [e.pageLength]), n("select", {
-      disabled: i.value,
-      onChange: (f) => l(Number(f.target.value))
-    }, [n(v, null, null), n(o, null, null)])]
-  })]);
-}
-function ee() {
-  const {
-    lang: e,
-    current: a,
-    totalPage: t,
-    totalRow: i
-  } = d(s), u = e.pageInfo.replace("#pageNumber#", a.value).replace("#totalPage#", t.value).replace("#totalRow#", i.value);
-  return n("li", {
-    class: "v-pagination__info"
-  }, [n(_, null, O(u) ? u : {
-    default: () => [u]
-  })]);
-}
-function ae(e, {
-  slots: a
-}) {
-  return n("li", {
-    class: "v-pagination__slot"
-  }, [n(_, null, {
-    default: () => {
-      var t;
-      return [(t = a == null ? void 0 : a.default) == null ? void 0 : t.call(a)];
+}), ce = () => {
+  const e = b(v), a = {
+    install(u, l) {
+      u.provide(C, e), l?.language && n(l.language), l?.register && u.component(V.name, V);
     }
-  })]);
-}
-function te() {
-  const {
-    pageNumbers: e,
-    current: a
-  } = d(s);
-  return e.value.map((t) => n(m, {
-    key: t,
-    classes: [{
-      active: t === a.value
-    }],
-    pageNumberValue: t,
-    name: t
-  }, null));
-}
-function ne() {
-  const {
-    isFirst: e,
-    lang: a
-  } = d(s);
-  return n(m, {
-    classes: ["v-pagination__first", {
-      disabled: e.value
-    }],
-    pageNumberValue: g,
-    name: a.first
-  }, null);
-}
-function le() {
-  const {
-    isFirst: e,
-    current: a
-  } = d(s);
-  return n(m, {
-    classes: ["v-pagination__previous", {
-      disabled: e.value
-    }],
-    pageNumberValue: a.value - 1,
-    name: "«"
-  }, null);
-}
-function ue() {
-  const {
-    isLast: e,
-    current: a
-  } = d(s);
-  return n(m, {
-    classes: ["v-pagination__next", {
-      disabled: e.value
-    }],
-    pageNumberValue: a.value + 1,
-    name: "»"
-  }, null);
-}
-function ie() {
-  const {
-    isLast: e,
-    totalPage: a,
-    lang: t
-  } = d(s);
-  return n(m, {
-    classes: ["v-pagination__last", {
-      disabled: e.value
-    }],
-    pageNumberValue: a.value,
-    name: t.last
-  }, null);
-}
-N.install = (e, a = {}) => {
-  if (Object.keys(a).length) {
-    const { props: t } = N, {
-      language: i,
-      align: u,
-      info: l,
-      border: v,
-      pageNumber: o,
-      first: f,
-      last: c,
-      pageSizeMenu: P
-    } = a;
-    i && (t.language.default = i), u && (t.align.default = u), typeof l == "boolean" && (t.info.default = l), typeof v == "boolean" && (t.border.default = v), typeof o == "boolean" && (t.pageNumber.default = o), typeof f == "boolean" && (t.first.default = f), typeof c == "boolean" && (t.last.default = c), typeof P < "u" && (t.pageSizeMenu.default = P);
-  }
-  e.component(N.name, N);
-};
+  }, n = (u) => {
+    e.value = u || v;
+  };
+  return { PaginationPlugin: a, setLanguage: n };
+}, { PaginationPlugin: Pe, setLanguage: me } = ce();
 export {
-  N as PaginationBar,
-  ne as PaginationFirstPage,
-  ee as PaginationInfo,
-  ie as PaginationLastPage,
-  ue as PaginationNextPage,
-  te as PaginationPageNumbers,
-  $ as PaginationPageSizeOptions,
-  ae as PaginationPanel,
-  le as PaginationPreviousPage,
-  N as default
+  V as PaginationBar,
+  oe as PaginationFirstPage,
+  ue as PaginationInfo,
+  se as PaginationLastPage,
+  ge as PaginationNextPage,
+  ie as PaginationPageNumbers,
+  le as PaginationPageSizes,
+  de as PaginationPanel,
+  re as PaginationPreviousPage,
+  Pe as default,
+  me as setLanguage
 };