@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/pagination/index.esm.js

@@ -1,22 +1,22 @@
-import { ref as f, createVNode as e, computed as v, defineComponent as D, watch as T, Fragment as I, createTextVNode as M } from "vue";
+import { ref as f, createVNode as e, computed as v, defineComponent as D, watch as w, Fragment as M, createTextVNode as L } from "vue";
 const H = {
   currentPage: { type: Number, default: 1 },
   mode: { type: String, default: "default" },
   pageSize: { type: Number, default: 20 },
   totalItems: { type: Number, default: 0 }
 };
-function K(l, o) {
-  const r = f("跳转至"), u = f(""), n = f(l.value);
-  function i() {
-    l.value = n.value;
+function K(n, s) {
+  const r = f("跳转至"), i = f(""), l = f(n.value);
+  function c() {
+    n.value = l.value;
   }
   function t(p) {
-    p.key === "Enter" && i();
+    p.key === "Enter" && c();
   }
   function a(p) {
-    n.value = p.target.valueAsNumber;
+    l.value = p.target.valueAsNumber;
   }
-  function s() {
+  function u() {
     return e("li", {
       class: "page-goto-input",
       style: "padding-left: 10px; white-space: nowrap;"
@@ -25,41 +25,41 @@ function K(l, o) {
     }, [r.value]), e("input", {
       class: "form-control farris-gotopagenumber",
       title: "page-number",
-      value: l.value,
+      value: n.value,
       type: "number",
       min: "1",
-      max: o.value,
+      max: s.value,
       style: "display: inline-block;margin-left:3px;",
-      onChange: () => i(),
+      onChange: () => c(),
       onInput: (p) => a(p),
       onKeyup: (p) => t(p)
-    }, null), u.value]);
+    }, null), i.value]);
   }
   return {
-    renderGotoButton: s
+    renderGotoButton: u
   };
 }
-function q(l, o, r) {
-  const u = v(() => ({
+function q(n, s, r) {
+  const i = v(() => ({
     "page-item": !0,
-    disabled: o.value
+    disabled: s.value
   }));
-  function n(s) {
-    l.value = l.value < r.value ? l.value + 1 : r.value;
+  function l(u) {
+    n.value = n.value < r.value ? n.value + 1 : r.value;
   }
-  function i(s) {
-    l.value = r.value;
+  function c(u) {
+    n.value = r.value;
   }
   function t() {
     return e("li", {
-      class: u.value
-    }, [!o.value && e("a", {
+      class: i.value
+    }, [!s.value && e("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => n()
+      onClick: (u) => l()
     }, [e("span", {
       class: "f-icon f-page-next"
-    }, null)]), o.value && e("span", {
+    }, null)]), s.value && e("span", {
       class: "page-link"
     }, [e("span", {
       class: "f-icon f-page-next"
@@ -67,14 +67,14 @@ function q(l, o, r) {
   }
   function a() {
     return e("li", {
-      class: u.value
-    }, [!o.value && e("a", {
+      class: i.value
+    }, [!s.value && e("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (s) => i()
+      onClick: (u) => c()
     }, [e("span", {
       class: "f-icon f-page-last"
-    }, null)]), o.value && e("span", {
+    }, null)]), s.value && e("span", {
       class: "page-link"
     }, [e("span", {
       class: "f-icon f-page-last"
@@ -85,17 +85,17 @@ function q(l, o, r) {
     renderNextPage: t
   };
 }
-function J(l, o) {
-  const r = f("共"), u = f("条"), n = v(() => ({
+function J(n, s) {
+  const r = f("共"), i = f("条"), l = v(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
     "d-flex": !0,
-    "ml-auto": l.value === "right",
-    "flex-fill": l.value === "right"
+    "ml-auto": n.value === "right",
+    "flex-fill": n.value === "right"
   }));
-  function i() {
+  function c() {
     return e("li", {
-      class: n.value
+      class: l.value
     }, [e("div", {
       class: "text-truncate",
       style: "line-height: 26px"
@@ -103,119 +103,123 @@ function J(l, o) {
       class: "pg-message-text"
     }, [r.value]), e("b", {
       class: "pg-message-total"
-    }, [o.value]), e("span", {
+    }, [s.value]), e("span", {
       class: "pg-message-text"
-    }, [u.value])])]);
+    }, [i.value])])]);
   }
   return {
-    renderPageInfo: i
+    renderPageInfo: c
   };
 }
-function Q(l, o, r) {
-  const u = f(!1), n = f("显示"), i = f("条"), t = v(() => ({
+function Q(n, s, r, i) {
+  const l = f(!1), c = f("显示"), t = f("条"), a = v(() => ({
     dropup: !0,
     "dropdown-right": !0,
     "pg-pagelist": !0,
-    "pagelist-disabled": r.value === 0,
-    show: u.value
-  })), a = v(() => ({
+    "pagelist-disabled": i.value === 0,
+    show: l.value
+  })), u = v(() => ({
     "dropdown-menu": !0,
-    show: u.value
-  })), s = (c) => ({
+    show: l.value
+  })), p = (o) => ({
     "dropdown-item": !0,
-    active: l.value === c
+    active: s.value === o
   });
-  function p(c) {
-    u.value = !0;
+  function b(o) {
+    l.value = !0;
   }
-  function b(c) {
-    u.value = !1;
+  function h(o) {
+    l.value = !1;
   }
-  function h(c, g) {
-    l.value = g, u.value = !1;
+  function x(o, g, y) {
+    const P = o * g - g + 1;
+    return Math.ceil(P / y);
   }
-  function x() {
+  function d(o, g) {
+    n.value = x(n.value, s.value, g), s.value = g, l.value = !1;
+  }
+  function C() {
     return e("li", {
       class: "pagination-pagelist"
     }, [e("div", {
-      class: t.value,
-      onMouseenter: (c) => p(),
-      onMouseleave: (c) => b()
+      class: a.value,
+      onMouseenter: (o) => b(),
+      onMouseleave: (o) => h()
     }, [e("div", {
       class: "pg-pagelist-info"
     }, [e("span", {
       class: "pagelist-text"
-    }, [n.value]), e("b", {
+    }, [c.value]), e("b", {
       class: "cur-pagesize"
-    }, [l.value]), e("span", {
+    }, [s.value]), e("span", {
       class: "pagelist-text"
-    }, [i.value]), e("i", {
+    }, [t.value]), e("i", {
       class: "f-icon f-icon-dropdown"
     }, null)]), e("div", {
-      class: a.value,
+      class: u.value,
       style: "margin-bottom: -1px;"
-    }, [o.value.map((c) => e("li", {
-      class: s(c),
-      onClick: (g) => h(g, c)
-    }, [e("span", null, [c])]))])])]);
+    }, [r.value.map((o) => e("li", {
+      class: p(o),
+      onClick: (g) => d(g, o)
+    }, [e("span", null, [o])]))])])]);
   }
   return {
-    renderPageList: x
+    renderPageList: C
   };
 }
-function U(l, o) {
+function U(n, s) {
   const r = (t) => ({
     "page-item": !0,
-    current: l.value === t.value,
+    current: n.value === t.value,
     ellipsis: t.label === "..."
-  }), u = (t) => ({
+  }), i = (t) => ({
     "f-icon": !0,
-    "f-icon-arrow-seek-left": t.value < l.value,
-    "f-icon-arrow-seek-right": t.value > l.value
+    "f-icon-arrow-seek-left": t.value < n.value,
+    "f-icon-arrow-seek-right": t.value > n.value
   });
-  function n(t, a) {
-    l.value = a;
+  function l(t, a) {
+    n.value = a;
   }
-  function i() {
-    return o.value.map((t) => e("li", {
+  function c() {
+    return s.value.map((t) => e("li", {
       class: r(t)
-    }, [l.value !== t.value && e("a", {
+    }, [n.value !== t.value && e("a", {
       class: "page-link",
       tabindex: "0",
-      onClick: (a) => n(a, t.value)
+      onClick: (a) => l(a, t.value)
     }, [e("span", {
       class: "page-link-label"
     }, [t.label]), t.label === "..." && e("i", {
-      class: u(t)
-    }, null)]), l.value === t.value && e("span", {
+      class: i(t)
+    }, null)]), n.value === t.value && e("span", {
       class: "page-link"
     }, [t.label])]));
   }
   return {
-    renderPageNumbers: i
+    renderPageNumbers: c
   };
 }
-function X(l, o, r) {
-  const u = v(() => ({
+function X(n, s, r) {
+  const i = v(() => ({
     "page-item": !0,
-    disabled: o.value
+    disabled: s.value
   }));
-  function n(s) {
-    l.value = 1;
+  function l(u) {
+    n.value = 1;
   }
-  function i(s) {
-    l.value = l.value > 2 ? l.value - 1 : 1;
+  function c(u) {
+    n.value = n.value > 2 ? n.value - 1 : 1;
   }
   function t() {
     return e("li", {
-      class: u.value
+      class: i.value
     }, [r.value && e("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (s) => n()
+      onClick: (u) => l()
     }, [e("span", {
       class: "f-icon f-page-first"
-    }, null)]), o.value && e("span", {
+    }, null)]), s.value && e("span", {
       class: "page-link"
     }, [e("span", {
       class: "f-icon f-page-first"
@@ -223,14 +227,14 @@ function X(l, o, r) {
   }
   function a() {
     return e("li", {
-      class: u.value
+      class: i.value
     }, [r.value && e("a", {
       tabindex: "0",
       class: "page-link",
-      onClick: (s) => i()
+      onClick: (u) => c()
     }, [e("span", {
       class: "f-icon f-page-pre"
-    }, null)]), o.value && e("span", {
+    }, null)]), s.value && e("span", {
       class: "page-link"
     }, [e("span", {
       class: "f-icon f-page-pre"
@@ -241,94 +245,96 @@ function X(l, o, r) {
     renderPreviousPage: a
   };
 }
-function Y(l) {
-  const o = f([]);
-  function r(n, i, t, a) {
-    const s = Math.ceil(t / 2);
-    return n === t ? a : n === 1 ? n : t < a ? a - s < i ? a - t + n : s < i ? i - s + n : n : n;
+function Y(n) {
+  const s = f([]);
+  function r(l, c, t, a) {
+    const u = Math.ceil(t / 2);
+    return l === t ? a : l === 1 ? l : t < a ? a - u < c ? a - t + l : u < c ? c - u + l : l : l;
   }
-  function u(n, i, t, a) {
-    const s = [], p = Math.ceil(t / i), b = Math.ceil(a / 2), h = n <= b, x = p - b < n, c = !h && !x, g = a < p;
-    let d = 1;
-    for (; d <= p && d <= a; ) {
-      const y = r(d, n, a, p), C = d === 2 && (c || x), P = d === a - 1 && (c || h), k = g && (C || P) ? "..." : "" + y;
-      s.push({ label: k, value: y }), d++;
+  function i(l, c, t, a) {
+    const u = [], p = Math.ceil(t / c), b = Math.ceil(a / 2), h = l <= b, x = p - b < l, d = !h && !x, C = a < p;
+    let o = 1;
+    for (; o <= p && o <= a; ) {
+      const g = r(o, l, a, p), y = o === 2 && (d || x), k = o === a - 1 && (d || h), P = C && (y || k) ? "..." : "" + g;
+      u.push({ label: P, value: g }), o++;
     }
-    o.value = s;
+    s.value = u;
   }
-  return { pages: o, updatePages: u };
+  return { pages: s, updatePages: i };
 }
-const L = /* @__PURE__ */ D({
+const $ = /* @__PURE__ */ D({
   name: "FPagination",
   props: H,
-  emits: ["pageIndexChanged"],
-  setup(l, o) {
-    const r = f(!1), u = f(l.mode), n = f(""), i = f(!1), t = f(l.pageSize), a = f(l.currentPage), s = f(l.totalItems), {
+  emits: ["pageIndexChanged", "pageSizeChanged"],
+  setup(n, s) {
+    const r = f(!1), i = f(n.mode), l = f(""), c = f(!1), t = f(n.pageSize), a = f(n.currentPage), u = f(n.totalItems), {
       pages: p,
       updatePages: b
-    } = Y(), h = v(() => a.value === 1), x = v(() => [20, 50, 100]), c = v(() => Math.ceil(s.value / t.value)), g = v(() => a.value === c.value), d = v(() => !0), y = v(() => a.value > 1), C = v(() => !(i.value && p.value.length <= 1)), P = v(() => !0), k = v(() => !0), $ = v(() => !0), m = v(() => !0), {
-      renderFirstPage: w,
-      renderPreviousPage: N
-    } = X(a, h, y), {
-      renderLastPage: j,
-      renderNextPage: O
-    } = q(a, g, c), {
+    } = Y(), h = v(() => a.value === 1), x = v(() => [20, 50, 100]), d = v(() => Math.ceil(u.value / t.value)), C = v(() => a.value === d.value), o = v(() => !0), g = v(() => a.value > 1), y = v(() => !(c.value && p.value.length <= 1)), k = v(() => !0), P = v(() => !0), N = v(() => !0), m = v(() => !0), {
+      renderFirstPage: j,
+      renderPreviousPage: O
+    } = X(a, h, g), {
+      renderLastPage: I,
+      renderNextPage: S
+    } = q(a, C, d), {
       renderPageInfo: B
-    } = J(n, s), {
+    } = J(l, u), {
       renderPageList: E
-    } = Q(t, x, s), {
+    } = Q(a, t, x, u), {
       renderPageNumbers: z
     } = U(a, p), {
-      renderGotoButton: S
-    } = K(a, c);
-    b(a.value, t.value, s.value, 7), T([a, t], () => {
-      b(a.value, t.value, s.value, 7);
-    }), T(a, () => {
-      o.emit("pageIndexChanged", a.value);
+      renderGotoButton: T
+    } = K(a, d);
+    b(a.value, t.value, u.value, 7), w([a, t], () => {
+      b(a.value, t.value, u.value, 7);
+    }), w(a, () => {
+      s.emit("pageIndexChanged", a.value);
+    }), w(t, () => {
+      s.emit("pageSizeChanged", t.value);
     });
-    const F = v(() => ({
+    const V = v(() => ({
       "ngx-pagination": !0,
       pagination: !0,
       responsive: r.value,
-      "pager-viewmode-default": u.value === "default",
-      "pager-viewmode-simple": u.value === "simple"
-    })), G = v(() => ({
+      "pager-viewmode-default": i.value === "default",
+      "pager-viewmode-simple": i.value === "simple"
+    })), F = v(() => ({
       position: "relative",
-      "justify-content": n.value === "center" ? "center" : "start"
+      "justify-content": l.value === "center" ? "center" : "start"
     }));
-    function V() {
-      return e(I, null, [P.value && B(), k.value && E(), m.value && w(), m.value && N(), $.value && z(), m.value && O(), m.value && j(), d.value && S()]);
+    function G() {
+      return e(M, null, [k.value && B(), P.value && E(), m.value && j(), m.value && O(), N.value && z(), m.value && S(), m.value && I(), o.value && T()]);
     }
     function W() {
-      return e(I, null, [e("li", {
+      return e(M, null, [e("li", {
         class: "page-item d-flex flex-fill"
-      }, null), m.value && w(), m.value && N(), S(), e("li", {
+      }, null), m.value && j(), m.value && O(), T(), e("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
       }, [e("span", {
         style: "font-size: 15px; font-weight: 200;"
-      }, [M(" /")])]), e("li", {
+      }, [L(" /")])]), e("li", {
         class: "page-item page-total",
         style: "margin-left: 5px"
       }, [e("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [M(" "), c.value])]), m.value && O(), m.value && j()]);
+      }, [L(" "), d.value])]), m.value && S(), m.value && I()]);
     }
     return () => e("div", {
       class: "pagination-container"
-    }, [C.value && e("ul", {
+    }, [y.value && e("ul", {
       role: "navigation",
-      class: F.value,
-      style: G.value
-    }, [u.value === "default" ? V() : W()])]);
+      class: V.value,
+      style: F.value
+    }, [i.value === "default" ? G() : W()])]);
   }
 }), _ = {
-  install(l) {
-    l.component(L.name, L);
+  install(n) {
+    n.component($.name, $);
   }
 };
 export {
-  L as Pagination,
+  $ as Pagination,
   _ as default,
   H as paginationProps
 };

package/pagination/index.umd.js

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.pagination={},p.Vue))})(this,function(p,e){"use strict";const C={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0}};function T(n,c){const u=e.ref("跳转至"),o=e.ref(""),l=e.ref(n.value);function r(){n.value=l.value}function t(d){d.key==="Enter"&&r()}function a(d){l.value=d.target.valueAsNumber}function s(){return e.createVNode("li",{class:"page-goto-input",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("input",{class:"form-control farris-gotopagenumber",title:"page-number",value:n.value,type:"number",min:"1",max:c.value,style:"display: inline-block;margin-left:3px;",onChange:()=>r(),onInput:d=>a(d),onKeyup:d=>t(d)},null),o.value])}return{renderGotoButton:s}}function M(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=n.value<u.value?n.value+1:u.value}function r(s){n.value=u.value}function t(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function a(){return e.createVNode("li",{class:o.value},[!c.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:a,renderNextPage:t}}function I(n,c){const u=e.ref("共"),o=e.ref("条"),l=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":n.value==="right","flex-fill":n.value==="right"}));function r(){return e.createVNode("li",{class:l.value},[e.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[c.value]),e.createVNode("span",{class:"pg-message-text"},[o.value])])])}return{renderPageInfo:r}}function L(n,c,u){const o=e.ref(!1),l=e.ref("显示"),r=e.ref("条"),t=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":u.value===0,show:o.value})),a=e.computed(()=>({"dropdown-menu":!0,show:o.value})),s=i=>({"dropdown-item":!0,active:n.value===i});function d(i){o.value=!0}function N(i){o.value=!1}function b(i,f){n.value=f,o.value=!1}function V(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:t.value,onMouseenter:i=>d(),onMouseleave:i=>N()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[l.value]),e.createVNode("b",{class:"cur-pagesize"},[n.value]),e.createVNode("span",{class:"pagelist-text"},[r.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:a.value,style:"margin-bottom: -1px;"},[c.value.map(i=>e.createVNode("li",{class:s(i),onClick:f=>b(f,i)},[e.createVNode("span",null,[i])]))])])])}return{renderPageList:V}}function $(n,c){const u=t=>({"page-item":!0,current:n.value===t.value,ellipsis:t.label==="..."}),o=t=>({"f-icon":!0,"f-icon-arrow-seek-left":t.value<n.value,"f-icon-arrow-seek-right":t.value>n.value});function l(t,a){n.value=a}function r(){return c.value.map(t=>e.createVNode("li",{class:u(t)},[n.value!==t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:a=>l(a,t.value)},[e.createVNode("span",{class:"page-link-label"},[t.label]),t.label==="..."&&e.createVNode("i",{class:o(t)},null)]),n.value===t.value&&e.createVNode("span",{class:"page-link"},[t.label])]))}return{renderPageNumbers:r}}function B(n,c,u){const o=e.computed(()=>({"page-item":!0,disabled:c.value}));function l(s){n.value=1}function r(s){n.value=n.value>2?n.value-1:1}function t(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>l()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function a(){return e.createVNode("li",{class:o.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:s=>r()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),c.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:t,renderPreviousPage:a}}function E(n){const c=e.ref([]);function u(l,r,t,a){const s=Math.ceil(t/2);return l===t?a:l===1?l:t<a?a-s<r?a-t+l:s<r?r-s+l:l:l}function o(l,r,t,a){const s=[],d=Math.ceil(t/r),N=Math.ceil(a/2),b=l<=N,V=d-N<l,i=!b&&!V,f=a<d;let g=1;for(;g<=d&&g<=a;){const v=u(g,l,a,d),x=g===2&&(i||V),y=g===a-1&&(i||b),P=f&&(x||y)?"...":""+v;s.push({label:P,value:v}),g++}c.value=s}return{pages:c,updatePages:o}}const J="",h=e.defineComponent({name:"FPagination",props:C,emits:["pageIndexChanged"],setup(n,c){const u=e.ref(!1),o=e.ref(n.mode),l=e.ref(""),r=e.ref(!1),t=e.ref(n.pageSize),a=e.ref(n.currentPage),s=e.ref(n.totalItems),{pages:d,updatePages:N}=E(),b=e.computed(()=>a.value===1),V=e.computed(()=>[20,50,100]),i=e.computed(()=>Math.ceil(s.value/t.value)),f=e.computed(()=>a.value===i.value),g=e.computed(()=>!0),v=e.computed(()=>a.value>1),x=e.computed(()=>!(r.value&&d.value.length<=1)),y=e.computed(()=>!0),P=e.computed(()=>!0),F=e.computed(()=>!0),m=e.computed(()=>!0),{renderFirstPage:k,renderPreviousPage:w}=B(a,b,v),{renderLastPage:j,renderNextPage:O}=M(a,f,i),{renderPageInfo:G}=I(l,s),{renderPageList:W}=L(t,V,s),{renderPageNumbers:_}=$(a,d),{renderGotoButton:S}=T(a,i);N(a.value,t.value,s.value,7),e.watch([a,t],()=>{N(a.value,t.value,s.value,7)}),e.watch(a,()=>{c.emit("pageIndexChanged",a.value)});const q=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":o.value==="default","pager-viewmode-simple":o.value==="simple"})),A=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function D(){return e.createVNode(e.Fragment,null,[y.value&&G(),P.value&&W(),m.value&&k(),m.value&&w(),F.value&&_(),m.value&&O(),m.value&&j(),g.value&&S()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),m.value&&k(),m.value&&w(),S(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),i.value])]),m.value&&O(),m.value&&j()])}return()=>e.createVNode("div",{class:"pagination-container"},[x.value&&e.createVNode("ul",{role:"navigation",class:q.value,style:A.value},[o.value==="default"?D():H()])])}}),z={install(n){n.component(h.name,h)}};p.Pagination=h,p.default=z,p.paginationProps=C,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.pagination={},f.Vue))})(this,function(f,e){"use strict";const P={currentPage:{type:Number,default:1},mode:{type:String,default:"default"},pageSize:{type:Number,default:20},totalItems:{type:Number,default:0}};function I(n,s){const u=e.ref("跳转至"),i=e.ref(""),l=e.ref(n.value);function r(){n.value=l.value}function t(d){d.key==="Enter"&&r()}function a(d){l.value=d.target.valueAsNumber}function o(){return e.createVNode("li",{class:"page-goto-input",style:"padding-left: 10px; white-space: nowrap;"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("input",{class:"form-control farris-gotopagenumber",title:"page-number",value:n.value,type:"number",min:"1",max:s.value,style:"display: inline-block;margin-left:3px;",onChange:()=>r(),onInput:d=>a(d),onKeyup:d=>t(d)},null),i.value])}return{renderGotoButton:o}}function M(n,s,u){const i=e.computed(()=>({"page-item":!0,disabled:s.value}));function l(o){n.value=n.value<u.value?n.value+1:u.value}function r(o){n.value=u.value}function t(){return e.createVNode("li",{class:i.value},[!s.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:o=>l()},[e.createVNode("span",{class:"f-icon f-page-next"},null)]),s.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-next"},null)])])}function a(){return e.createVNode("li",{class:i.value},[!s.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:o=>r()},[e.createVNode("span",{class:"f-icon f-page-last"},null)]),s.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-last"},null)])])}return{renderLastPage:a,renderNextPage:t}}function L(n,s){const u=e.ref("共"),i=e.ref("条"),l=e.computed(()=>({"pagination-message":!0,"text-truncate":!0,"d-flex":!0,"ml-auto":n.value==="right","flex-fill":n.value==="right"}));function r(){return e.createVNode("li",{class:l.value},[e.createVNode("div",{class:"text-truncate",style:"line-height: 26px"},[e.createVNode("span",{class:"pg-message-text"},[u.value]),e.createVNode("b",{class:"pg-message-total"},[s.value]),e.createVNode("span",{class:"pg-message-text"},[i.value])])])}return{renderPageInfo:r}}function $(n,s,u,i){const l=e.ref(!1),r=e.ref("显示"),t=e.ref("条"),a=e.computed(()=>({dropup:!0,"dropdown-right":!0,"pg-pagelist":!0,"pagelist-disabled":i.value===0,show:l.value})),o=e.computed(()=>({"dropdown-menu":!0,show:l.value})),d=c=>({"dropdown-item":!0,active:s.value===c});function N(c){l.value=!0}function b(c){l.value=!1}function V(c,p,h){const x=c*p-p+1;return Math.ceil(x/h)}function g(c,p){n.value=V(n.value,s.value,p),s.value=p,l.value=!1}function v(){return e.createVNode("li",{class:"pagination-pagelist"},[e.createVNode("div",{class:a.value,onMouseenter:c=>N(),onMouseleave:c=>b()},[e.createVNode("div",{class:"pg-pagelist-info"},[e.createVNode("span",{class:"pagelist-text"},[r.value]),e.createVNode("b",{class:"cur-pagesize"},[s.value]),e.createVNode("span",{class:"pagelist-text"},[t.value]),e.createVNode("i",{class:"f-icon f-icon-dropdown"},null)]),e.createVNode("div",{class:o.value,style:"margin-bottom: -1px;"},[u.value.map(c=>e.createVNode("li",{class:d(c),onClick:p=>g(p,c)},[e.createVNode("span",null,[c])]))])])])}return{renderPageList:v}}function B(n,s){const u=t=>({"page-item":!0,current:n.value===t.value,ellipsis:t.label==="..."}),i=t=>({"f-icon":!0,"f-icon-arrow-seek-left":t.value<n.value,"f-icon-arrow-seek-right":t.value>n.value});function l(t,a){n.value=a}function r(){return s.value.map(t=>e.createVNode("li",{class:u(t)},[n.value!==t.value&&e.createVNode("a",{class:"page-link",tabindex:"0",onClick:a=>l(a,t.value)},[e.createVNode("span",{class:"page-link-label"},[t.label]),t.label==="..."&&e.createVNode("i",{class:i(t)},null)]),n.value===t.value&&e.createVNode("span",{class:"page-link"},[t.label])]))}return{renderPageNumbers:r}}function E(n,s,u){const i=e.computed(()=>({"page-item":!0,disabled:s.value}));function l(o){n.value=1}function r(o){n.value=n.value>2?n.value-1:1}function t(){return e.createVNode("li",{class:i.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:o=>l()},[e.createVNode("span",{class:"f-icon f-page-first"},null)]),s.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-first"},null)])])}function a(){return e.createVNode("li",{class:i.value},[u.value&&e.createVNode("a",{tabindex:"0",class:"page-link",onClick:o=>r()},[e.createVNode("span",{class:"f-icon f-page-pre"},null)]),s.value&&e.createVNode("span",{class:"page-link"},[e.createVNode("span",{class:"f-icon f-page-pre"},null)])])}return{renderFirstPage:t,renderPreviousPage:a}}function z(n){const s=e.ref([]);function u(l,r,t,a){const o=Math.ceil(t/2);return l===t?a:l===1?l:t<a?a-o<r?a-t+l:o<r?r-o+l:l:l}function i(l,r,t,a){const o=[],d=Math.ceil(t/r),N=Math.ceil(a/2),b=l<=N,V=d-N<l,g=!b&&!V,v=a<d;let c=1;for(;c<=d&&c<=a;){const p=u(c,l,a,d),h=c===2&&(g||V),y=c===a-1&&(g||b),x=v&&(h||y)?"...":""+p;o.push({label:x,value:p}),c++}s.value=o}return{pages:s,updatePages:i}}const J="",C=e.defineComponent({name:"FPagination",props:P,emits:["pageIndexChanged","pageSizeChanged"],setup(n,s){const u=e.ref(!1),i=e.ref(n.mode),l=e.ref(""),r=e.ref(!1),t=e.ref(n.pageSize),a=e.ref(n.currentPage),o=e.ref(n.totalItems),{pages:d,updatePages:N}=z(),b=e.computed(()=>a.value===1),V=e.computed(()=>[20,50,100]),g=e.computed(()=>Math.ceil(o.value/t.value)),v=e.computed(()=>a.value===g.value),c=e.computed(()=>!0),p=e.computed(()=>a.value>1),h=e.computed(()=>!(r.value&&d.value.length<=1)),y=e.computed(()=>!0),x=e.computed(()=>!0),k=e.computed(()=>!0),m=e.computed(()=>!0),{renderFirstPage:w,renderPreviousPage:j}=E(a,b,p),{renderLastPage:O,renderNextPage:S}=M(a,v,g),{renderPageInfo:G}=L(l,o),{renderPageList:W}=$(a,t,V,o),{renderPageNumbers:_}=B(a,d),{renderGotoButton:T}=I(a,g);N(a.value,t.value,o.value,7),e.watch([a,t],()=>{N(a.value,t.value,o.value,7)}),e.watch(a,()=>{s.emit("pageIndexChanged",a.value)}),e.watch(t,()=>{s.emit("pageSizeChanged",t.value)});const q=e.computed(()=>({"ngx-pagination":!0,pagination:!0,responsive:u.value,"pager-viewmode-default":i.value==="default","pager-viewmode-simple":i.value==="simple"})),A=e.computed(()=>({position:"relative","justify-content":l.value==="center"?"center":"start"}));function D(){return e.createVNode(e.Fragment,null,[y.value&&G(),x.value&&W(),m.value&&w(),m.value&&j(),k.value&&_(),m.value&&S(),m.value&&O(),c.value&&T()])}function H(){return e.createVNode(e.Fragment,null,[e.createVNode("li",{class:"page-item d-flex flex-fill"},null),m.value&&w(),m.value&&j(),T(),e.createVNode("li",{class:"page-item page-separator",style:"margin-left: 10px"},[e.createVNode("span",{style:"font-size: 15px; font-weight: 200;"},[e.createTextVNode(" /")])]),e.createVNode("li",{class:"page-item page-total",style:"margin-left: 5px"},[e.createVNode("span",{style:"font-size: 16px; font-weight: 600;"},[e.createTextVNode(" "),g.value])]),m.value&&S(),m.value&&O()])}return()=>e.createVNode("div",{class:"pagination-container"},[h.value&&e.createVNode("ul",{role:"navigation",class:q.value,style:A.value},[i.value==="default"?D():H()])])}}),F={install(n){n.component(C.name,C)}};f.Pagination=C,f.default=F,f.paginationProps=P,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/pagination/package.json

@@ -1,8 +1,8 @@
 {
     "name": "pagination",
-    "version": "1.0.0-beta.7",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/pagination/index.d.ts"
 }