v-page 3.4.0 → 3.5.0

package/README.md

@@ -2,7 +2,8 @@
 
 A simple pagination bar for vue3, including size Menu, i18n support features
 
-<img src="https://terryz.github.io/image/v-page/v-page.png" alt="v-page" height="54px">
+<img src="./examples/snapshot.png" alt="v-page" height="80">
+<!-- ![snapshot](./examples/snapshot.png) -->
 
 If you are using vue `2.x` version, please use [v-page 2.x](https://github.com/TerryZ/v-page/tree/dev-vue-2) version instead
 
@@ -32,17 +33,18 @@ yarn add v-page
 pnpm add v-page
 ```
 
-Include and install plugin in your `main.js` file
+Include and install plugin in your project
 
-```js
+```ts
 import { createApp } from 'vue'
 import App from './app.vue'
-import { PaginationBar } from 'v-page'
+import PaginationPlugin from 'v-page'
 
 const app = createApp(App)
 // install component globally
-app.use(PaginationBar, {
+app.use(PaginationPlugin, {
   // globally config options
+  language: 'cn'
 })
 app.mount('#app')
 ```
@@ -63,21 +65,17 @@ import { PaginationBar } from 'v-page'
 
 ```vue
 <template>
-  <PaginationBar
-    v-model="pageNumber"
-    :total-row="totalRow"
-    @change="paginationChange"
-  />
+  <PaginationBar v-model="pageNumber" :total-row="totalRow" @change="paginationChange" />
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import { ref } from 'vue'
 import { PaginationBar, type PageInfo } from 'v-page'
 // set default page to 3
 const pageNumber = ref<number>(3)
 const totalRow = ref<number>(100)
 // respond for pagination change
-function paginationChange (data: PageInfo): void {
+function paginationChange(data: PageInfo) {
   console.log(data) // { pageNumber: 1, pageSize: 10, totalPage: 10 }
 }
 </script>

package/dist/types/PaginationBar.d.ts

@@ -0,0 +1,142 @@
+import { SlotsType, PropType } from 'vue';
+import { LanguageKey, AlignDirection, PageInfo, PageSlotData } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    language: {
+        type: PropType<LanguageKey>;
+        default: string;
+    };
+    /**
+     * Pagination alignment direction
+     * `left`, `center` and `right`(default)
+     */
+    align: {
+        type: PropType<AlignDirection>;
+        default: string;
+    };
+    /** Page size list */
+    pageSizeMenu: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Round style page number button */
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display all records
+     *
+     * will add `all` option in page size list
+     * and the page size will be 0
+     */
+    displayAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Hide pagination when only have one page */
+    hideOnSinglePage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => boolean;
+    'update:pageSize': (value: number) => boolean;
+    change: (pageInfo: PageInfo) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    language: {
+        type: PropType<LanguageKey>;
+        default: string;
+    };
+    /**
+     * Pagination alignment direction
+     * `left`, `center` and `right`(default)
+     */
+    align: {
+        type: PropType<AlignDirection>;
+        default: string;
+    };
+    /** Page size list */
+    pageSizeMenu: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Round style page number button */
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display all records
+     *
+     * will add `all` option in page size list
+     * and the page size will be 0
+     */
+    displayAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Hide pagination when only have one page */
+    hideOnSinglePage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    onChange?: ((pageInfo: PageInfo) => any) | undefined;
+}>, {
+    pageSize: number;
+    disabled: boolean;
+    displayAll: boolean;
+    totalRow: number;
+    circle: boolean;
+    modelValue: number;
+    language: LanguageKey;
+    align: AlignDirection;
+    pageSizeMenu: number[];
+    border: boolean;
+    hideOnSinglePage: boolean;
+}, SlotsType<{
+    default: PageSlotData;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/PaginationCore.d.ts

@@ -0,0 +1,9 @@
+import { SetupContext } from 'vue';
+export declare function PaginationPageSizes(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationInfo(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationPanel(props: unknown, { slots }: SetupContext): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationPageNumbers(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationFirstPage(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationPreviousPage(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationNextPage(): import("vue/jsx-runtime").JSX.Element;
+export declare function PaginationLastPage(): import("vue/jsx-runtime").JSX.Element;

package/dist/types/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const FIRST = 1;
+export declare const DEFAULT_PAGE_NUMBER_SIZE = 5;
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare const DEFAULT_PAGE_SIZE_MENU: number[];
+export declare const ALL_RECORD_PAGE_SIZE = 0;
+export declare const ALIGN_LEFT: string, ALIGN_CENTER: string, ALIGN_RIGHT: string;
+export declare const keyInternal: unique symbol;
+export declare const keyOptions: unique symbol;

package/dist/types/helper.d.ts

@@ -0,0 +1,3 @@
+import { LanguageKey } from './types';
+export declare function getPageNumbers(current: number, totalPage: number, pageNumberSize: number): number[];
+export declare function getLanguages(lang?: LanguageKey | string): import('./types').LanguageRecord | undefined;

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+import { default as PaginationBar } from './PaginationBar';
+import { LanguageKey, PaginationGlobalOptions } from './types';
+export * from './types';
+export * from './PaginationCore';
+declare const PaginationPlugin: import('vue').ObjectPlugin<[(PaginationGlobalOptions | undefined)?]>, setLanguage: (language?: LanguageKey) => void;
+export { PaginationBar, setLanguage };
+export default PaginationPlugin;

package/dist/types/language.d.ts

@@ -0,0 +1,4 @@
+import { LanguageRecord } from './types';
+export declare const CN: string, EN: string, DE: string, JP: string, PT: string;
+declare const languages: Record<string, LanguageRecord>;
+export default languages;

package/dist/types/types.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ComputedRef } from 'vue';
+export type LanguageKey = 'cn' | 'en' | 'de' | 'jp' | 'pt';
+export type AlignDirection = 'left' | 'center' | 'right';
+export interface LanguageRecord {
+    pageLength: string;
+    pageInfo: string;
+    first: string;
+    last: string;
+    all: string;
+}
+export interface PaginationGlobalOptions {
+    /**
+     * Component language
+     */
+    language?: LanguageKey;
+    /**
+     * Register component globally
+     * @default false
+     */
+    register?: boolean;
+}
+export interface LinkProps {
+    classes?: (string | Record<string, boolean>)[];
+    pageNumberValue?: number;
+    name: string | number;
+}
+export interface PaginationProvided {
+    lang: ComputedRef<LanguageRecord>;
+    pageSize: Ref<number>;
+    totalRow: Ref<number>;
+    displayAll: Ref<boolean>;
+    disabled: Ref<boolean>;
+    sizeList: ComputedRef<number[]>;
+    pageNumbers: ComputedRef<number[]>;
+    isFirst: ComputedRef<boolean>;
+    isLast: ComputedRef<boolean>;
+    current: Ref<number>;
+    totalPage: ComputedRef<number>;
+    changePageNumber: (pNumber: number) => void;
+    changePageSize: (val: number) => void;
+}
+export declare interface PageInfo {
+    pageNumber: number;
+    pageSize: number;
+    totalPage: number;
+}
+export declare interface PageSlotData extends PageInfo {
+    totalRow: number;
+    isFirst: boolean;
+    isLast: boolean;
+}

package/dist/v-page.cjs

@@ -0,0 +1,2 @@
+(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)}})();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=1,H=5,S=10,z=[S,20,50,100],y=0,[ue,oe,J]=["left","center","right"],d=Symbol("pagination-internal"),R=Symbol("pagination-options"),[K,f,Q,W,X]=["cn","en","de","jp","pt"],E={[K]:{pageLength:"每页记录数",pageInfo:"第 #pageNumber#/#totalPage# 页(共#totalRow#条记录)",first:"首页",last:"尾页",all:"全部"},[f]:{pageLength:"Per page",pageInfo:"Page #pageNumber#/#totalPage# (total #totalRow# records)",first:"First",last:"Last",all:"All"},[Q]:{pageLength:"Seitenlänge",pageInfo:"Aktuell #pageNumber#/#totalPage# (gesamt #totalRow# Aufzeichnungen)",first:"Zuerst",last:"Letzte",all:"Alle"},[W]:{pageLength:"ページごとの記録数",pageInfo:"現在の第 #pageNumber#/#totalPage# ページ(全部で #totalRow# 条の記録)",first:"トップページ",last:"尾のページ",all:"すべて"},[X]:{pageLength:"Resultados por página",pageInfo:"#pageNumber#/#totalPage# (total de #totalRow#)",first:"Início",last:"Fim",all:"Todos"}};function Y(a,t,n){if(t<=n)return r;const u=Math.floor(n/2),l=t-n+1,s=a-u;return s<r?r:s>l?l:s}function $(a,t,n){const u=Y(a,t,n);return Array.from({length:n}).map((l,s)=>u+s).filter(l=>l>=r&&l<=t)}function ee(a=f){const t=String(a).toLowerCase();return E[Object.hasOwn(E,t)?t:f]}function j(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}function b(a,{slots:t}){return e.createVNode("a",{href:"javascript:void(0)"},[t?.default?.()])}function P({classes:a,pageNumberValue:t,name:n}){const{changePageNumber:u}=e.inject(d);return e.createVNode("li",{class:["v-pagination__item",...a]},[e.createVNode(b,{onClick:()=>u(t)},j(n)?n:{default:()=>[n]})])}function F(){const{lang:a,sizeList:t,pageSize:n,disabled:u,displayAll:l,changePageSize:s}=e.inject(d),p=()=>e.createVNode(e.Fragment,null,[t.value.map(o=>e.createVNode("option",{key:o,value:o,selected:n.value===o},[o]))]),g=()=>l.value?e.createVNode("option",{value:y,selected:n.value===y},[a.value.all]):null,V=o=>{const N=o.target;s(Number(N.value))};return e.createVNode("li",{class:"v-pagination__list"},[e.createVNode(b,null,{default:()=>[e.createVNode("span",null,[a.value.pageLength]),e.createVNode("select",{disabled:u.value,onChange:V},[e.createVNode(p,null,null),e.createVNode(g,null,null)])]})])}function w(){const{lang:a,current:t,totalPage:n,totalRow:u}=e.inject(d),l=a.value.pageInfo.replace("#pageNumber#",String(t.value)).replace("#totalPage#",String(n.value)).replace("#totalRow#",String(u.value));return e.createVNode("li",{class:"v-pagination__info"},[e.createVNode(b,null,j(l)?l:{default:()=>[l]})])}function ae(a,{slots:t}){return e.createVNode("li",{class:"v-pagination__slot"},[e.createVNode(b,null,{default:()=>[t?.default?.()]})])}function O(){const{pageNumbers:a,current:t}=e.inject(d);return e.createVNode(e.Fragment,null,[a.value.map(n=>e.createVNode(P,{key:n,classes:[{active:n===t.value}],pageNumberValue:n,name:n},null))])}function B(){const{isFirst:a,lang:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__first",{disabled:a.value}],pageNumberValue:r,name:t.value.first},null)}function M(){const{isFirst:a,current:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__previous",{disabled:a.value}],pageNumberValue:t.value-1,name:"«"},null)}function T(){const{isLast:a,current:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__next",{disabled:a.value}],pageNumberValue:t.value+1,name:"»"},null)}function C(){const{isLast:a,totalPage:t,lang:n}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__last",{disabled:a.value}],pageNumberValue:t.value,name:n.value.last},null)}const L=e.defineComponent({name:"PaginationBar",props:{modelValue:{type:Number,default:0},pageSize:{type:Number,default:S},totalRow:{type:Number,default:0},language:{type:String,default:f},align:{type:String,default:J},pageSizeMenu:{type:[Array],default:()=>z},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},border:{type:Boolean,default:!1},displayAll:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1}},emits:{"update:modelValue":a=>typeof a=="number","update:pageSize":a=>typeof a=="number",change:a=>typeof a<"u"},slots:Object,setup(a,{emit:t,slots:n}){const{pageSizeMenu:u,totalRow:l,displayAll:s,disabled:p}=e.toRefs(a),g=e.ref(0),V=e.ref(H),o=e.ref(a.pageSize??S),N=e.inject(R,e.ref("")),k=()=>a.language!==f?a.language:N.value?N.value:f,G=e.computed(()=>ee(k())),D=e.computed(()=>{const i=Array.from(Array.isArray(u.value)&&u.value.length>0?u.value:z);return o.value!==0&&!i.includes(o.value)&&i.push(o.value),i.sort((v,q)=>v-q)}),c=e.computed(()=>o.value===y?r:Math.ceil(l.value/o.value)),x=e.computed(()=>$(g.value,c.value,V.value)),U=e.computed(()=>({"v-pagination":!0,"v-pagination--right":a.align==="right","v-pagination--center":a.align==="center","v-pagination--disabled":p.value,"v-pagination--border":a.border,"v-pagination--circle":!a.border&&a.circle})),_=e.computed(()=>g.value===r),h=e.computed(()=>g.value===c.value);e.watch(()=>a.modelValue,m),e.watch(()=>a.pageSize,A);function m(i=r){if(p.value||typeof i!="number")return;let v=i<r?r:i;i>c.value&&c.value>0&&(v=c.value),v!==g.value&&(g.value=v,t("update:modelValue",g.value),I())}function A(i){if(typeof i=="number"&&!(i<0)&&i!==o.value){if(o.value=i,t("update:pageSize",o.value),g.value===r)return I();m(r)}}function I(){t("change",{pageNumber:g.value,pageSize:Number(o.value),totalPage:c.value})}function Z(){return n.default?e.createVNode("ul",null,[n.default({pageNumber:g.value,pageSize:o.value,totalPage:c.value,totalRow:l.value,isFirst:_.value,isLast:h.value})]):e.createVNode("ul",null,[e.createVNode(F,null,null),e.createVNode(w,null,null),e.createVNode(B,null,null),e.createVNode(M,null,null),e.createVNode(O,null,null),e.createVNode(T,null,null),e.createVNode(C,null,null)])}return e.onMounted(()=>m(a.modelValue||r)),e.provide(d,{lang:G,pageSize:o,sizeList:D,pageNumbers:x,isFirst:_,isLast:h,current:g,totalPage:c,changePageNumber:m,changePageSize:A,totalRow:l,displayAll:s,disabled:p}),()=>a.hideOnSinglePage&&c.value<=1?null:e.createVNode("div",{class:U.value},[e.createVNode(Z,null,null)])}}),te=()=>{const a=e.ref(f),t={install(u,l){u.provide(R,a),l?.language&&n(l.language),l?.register&&u.component(L.name,L)}},n=u=>{a.value=u||f};return{PaginationPlugin:t,setLanguage:n}},{PaginationPlugin:ne,setLanguage:le}=te();exports.PaginationBar=L;exports.PaginationFirstPage=B;exports.PaginationInfo=w;exports.PaginationLastPage=C;exports.PaginationNextPage=T;exports.PaginationPageNumbers=O;exports.PaginationPageSizes=F;exports.PaginationPanel=ae;exports.PaginationPreviousPage=M;exports.default=ne;exports.setLanguage=le;

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 { inject as d, createVNode as n, isVNode as C, defineComponent as G, toRefs as w, ref as h, computed as v, watch as F, onMounted as k, provide as D, Fragment as x } from "vue";
-const s = 1, U = 5, L = 10, V = [L, 20, 50, 100], A = 0, [ie, oe, Z] = ["left", "center", "right"], f = Symbol("pagination"), [
-  H,
-  S,
-  J,
-  q,
-  K
-] = ["cn", "en", "de", "jp", "pt"], B = {
-  [H]: {
+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"
   },
-  [J]: {
+  [Y]: {
     pageLength: "Seitenlänge",
     pageInfo: "Aktuell #pageNumber#/#totalPage# (gesamt #totalRow# Aufzeichnungen)",
     first: "Zuerst",
     last: "Letzte",
     all: "Alle"
   },
-  [q]: {
+  [$]: {
     pageLength: "ページごとの記録数",
     pageInfo: "現在の第 #pageNumber#/#totalPage# ページ(全部で #totalRow# 条の記録)",
     first: "トップページ",
     last: "尾のページ",
     all: "すべて"
   },
-  [K]: {
+  [ee]: {
     pageLength: "Resultados por página",
     pageInfo: "#pageNumber#/#totalPage# (total de #totalRow#)",
     first: "Início",
@@ -43,125 +37,128 @@ const s = 1, U = 5, L = 10, V = [L, 20, 50, 100], A = 0, [ie, oe, Z] = ["left",
     all: "Todos"
   }
 };
-function Q(e, a, t) {
-  if (a <= t) return s;
-  const i = Math.floor(t / 2), u = a - t + 1, l = e - i;
-  return l < s ? s : 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 W(e, a, t) {
-  const i = Q(e, a, t);
-  return Array.from({ length: t }).map((u, l) => i + l).filter((u) => u >= s && 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 X(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];
 }
-function M(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !C(e);
+function T(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-function _(e, {
+function L(e, {
   slots: a
 }) {
-  return n("a", {
+  return t("a", {
     href: "javascript:void(0)"
   }, [a?.default?.()]);
 }
-function m({
+function y({
   classes: e,
   pageNumberValue: a,
-  name: t
+  name: n
 }) {
   const {
-    changePageNumber: i
-  } = d(f);
-  return n("li", {
+    changePageNumber: u
+  } = f(p);
+  return t("li", {
     class: ["v-pagination__item", ...e]
-  }, [n(_, {
-    onClick: () => i(a)
-  }, M(t) ? t : {
-    default: () => [t]
+  }, [t(L, {
+    onClick: () => u(a)
+  }, T(n) ? n : {
+    default: () => [n]
   })]);
 }
-function Y() {
+function le() {
   const {
     lang: e,
     sizeList: a,
-    pageSize: t,
-    disabled: i,
-    displayAll: u,
-    changePageSize: l
-  } = d(f), p = () => a.value.map((c) => n("option", {
-    key: c,
-    value: c,
-    selected: t.value === c
-  }, [c])), o = () => u.value ? n("option", {
+    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: t.value === A
-  }, [e.all]) : null;
-  return n("li", {
+    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"
-  }, [n(_, null, {
-    default: () => [n("span", null, [e.pageLength]), n("select", {
-      disabled: i.value,
-      onChange: (c) => l(Number(c.target.value))
-    }, [n(p, null, null), n(o, null, null)])]
+  }, [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 $() {
+function ue() {
   const {
     lang: e,
     current: a,
-    totalPage: t,
-    totalRow: i
-  } = d(f), u = e.pageInfo.replace("#pageNumber#", a.value).replace("#totalPage#", t.value).replace("#totalRow#", i.value);
-  return n("li", {
+    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"
-  }, [n(_, null, M(u) ? u : {
-    default: () => [u]
+  }, [t(L, null, T(l) ? l : {
+    default: () => [l]
   })]);
 }
-function re(e, {
+function de(e, {
   slots: a
 }) {
-  return n("li", {
+  return t("li", {
     class: "v-pagination__slot"
-  }, [n(_, null, {
+  }, [t(L, null, {
     default: () => [a?.default?.()]
   })]);
 }
-function ee() {
+function ie() {
   const {
     pageNumbers: e,
     current: a
-  } = d(f);
-  return e.value.map((t) => n(m, {
-    key: t,
+  } = f(p);
+  return t(B, null, [e.value.map((n) => t(y, {
+    key: n,
     classes: [{
-      active: t === a.value
+      active: n === a.value
     }],
-    pageNumberValue: t,
-    name: t
-  }, null));
+    pageNumberValue: n,
+    name: n
+  }, null))]);
 }
-function ae() {
+function oe() {
   const {
     isFirst: e,
     lang: a
-  } = d(f);
-  return n(m, {
+  } = f(p);
+  return t(y, {
     classes: ["v-pagination__first", {
       disabled: e.value
     }],
-    pageNumberValue: s,
-    name: a.first
+    pageNumberValue: r,
+    name: a.value.first
   }, null);
 }
-function te() {
+function re() {
   const {
     isFirst: e,
     current: a
-  } = d(f);
-  return n(m, {
+  } = f(p);
+  return t(y, {
     classes: ["v-pagination__previous", {
       disabled: e.value
     }],
@@ -169,12 +166,12 @@ function te() {
     name: "«"
   }, null);
 }
-function ne() {
+function ge() {
   const {
     isLast: e,
     current: a
-  } = d(f);
-  return n(m, {
+  } = f(p);
+  return t(y, {
     classes: ["v-pagination__next", {
       disabled: e.value
     }],
@@ -182,21 +179,21 @@ function ne() {
     name: "»"
   }, null);
 }
-function le() {
+function se() {
   const {
     isLast: e,
     totalPage: a,
-    lang: t
-  } = d(f);
-  return n(m, {
+    lang: n
+  } = f(p);
+  return t(y, {
     classes: ["v-pagination__last", {
       disabled: e.value
     }],
     pageNumberValue: a.value,
-    name: t.last
+    name: n.value.last
   }, null);
 }
-const N = /* @__PURE__ */ G({
+const V = /* @__PURE__ */ H({
   name: "PaginationBar",
   props: {
     modelValue: {
@@ -205,7 +202,7 @@ const N = /* @__PURE__ */ G({
     },
     pageSize: {
       type: Number,
-      default: L
+      default: _
     },
     totalRow: {
       type: Number,
@@ -213,7 +210,7 @@ const N = /* @__PURE__ */ G({
     },
     language: {
       type: String,
-      default: S
+      default: v
     },
     /**
      * Pagination alignment direction
@@ -221,12 +218,12 @@ const N = /* @__PURE__ */ G({
      */
     align: {
       type: String,
-      default: Z
+      default: W
     },
     /** Page size list */
     pageSizeMenu: {
       type: [Array],
-      default: () => V
+      default: () => F
     },
     disabled: {
       type: Boolean,
@@ -257,97 +254,100 @@ const N = /* @__PURE__ */ G({
       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), p = h(U), o = h(e.pageSize ?? L), c = v(() => {
-      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((b, T) => b - T);
-    }), g = v(() => o.value === A ? s : Math.ceil(u.value / o.value)), P = v(() => W(l.value, g.value, p.value)), O = v(() => ({
+      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 = v(() => l.value === s), E = v(() => l.value === g.value);
-    F(() => e.modelValue, y), F(() => e.pageSize, R);
-    function y(r = s) {
-      if (e.disabled || typeof r != "number") return;
-      let b = r < s ? s : r;
-      r > g.value && g.value > 0 && (b = g.value), b !== l.value && (l.value = b, 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 === s)
-          return I();
-        y(s);
+    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),
-        totalPage: g.value
+        pageNumber: g.value,
+        pageSize: Number(i.value),
+        totalPage: c.value
       });
     }
-    function j() {
-      return t.default ? t.default({
-        pageNumber: l.value,
-        pageSize: o.value,
-        totalPage: g.value,
-        totalRow: u.value,
-        isFirst: z.value,
-        isLast: E.value
-      }) : n(x, null, [n(Y, null, null), n($, null, null), n(ae, null, null), n(te, null, null), n(ee, null, null), n(ne, null, null), n(le, null, null)]);
+    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(() => y(e.modelValue || s)), D(f, {
-      lang: X(e.language),
-      pageSize: o,
-      sizeList: c,
-      pageNumbers: P,
-      isFirst: z,
-      isLast: E,
-      current: l,
-      totalPage: g,
-      changePageNumber: y,
+    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: h,
       changePageSize: R,
-      ...w(e)
-    }), () => e.hideOnSinglePage && g.value <= 1 ? null : n("div", {
-      class: O.value
-    }, [n("ul", null, [n(j, null, null)])]);
+      totalRow: l,
+      displayAll: s,
+      disabled: P
+    }), () => e.hideOnSinglePage && c.value <= 1 ? null : t("div", {
+      class: D.value
+    }, [t(x, null, null)]);
   }
-});
-N.install = (e, a = {}) => {
-  if (Object.keys(a).length) {
-    const { props: t } = N, {
-      language: i,
-      align: u,
-      info: l,
-      border: p,
-      pageNumber: o,
-      first: c,
-      last: g,
-      pageSizeMenu: P
-    } = a;
-    i && (t.language.default = i), u && (t.align.default = u), typeof l == "boolean" && (t.info.default = l), typeof p == "boolean" && (t.border.default = p), typeof o == "boolean" && (t.pageNumber.default = o), typeof c == "boolean" && (t.first.default = c), typeof g == "boolean" && (t.last.default = g), typeof P < "u" && (t.pageSizeMenu.default = P);
-  }
-  e.component(N.name, N);
-};
+}), 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);
+    }
+  }, n = (u) => {
+    e.value = u || v;
+  };
+  return { PaginationPlugin: a, setLanguage: n };
+}, { PaginationPlugin: Pe, setLanguage: me } = ce();
 export {
-  N as PaginationBar,
-  ae as PaginationFirstPage,
-  $ as PaginationInfo,
-  le as PaginationLastPage,
-  ne as PaginationNextPage,
-  ee as PaginationPageNumbers,
-  Y as PaginationPageSizes,
-  re as PaginationPanel,
-  te 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
 };

package/package.json

@@ -1,40 +1,39 @@
 {
   "name": "v-page",
   "description": "A simple pagination bar",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "author": "TerryZ <terry5@foxmail.com>",
   "type": "module",
   "files": [
-    "./dist",
-    "./types"
+    "./dist"
   ],
-  "main": "./dist/v-page.umd.cjs",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "main": "./dist/v-page.cjs",
   "module": "./dist/v-page.js",
   "exports": {
     ".": {
       "import": {
-        "types": "./types/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/v-page.js"
       },
-      "require": "./dist/v-page.umd.cjs"
+      "require": "./dist/v-page.cjs"
     },
     "./types": {
       "import": {
-        "types": "./types/index.d.ts"
+        "types": "./dist/types/index.d.ts"
       }
     }
   },
-  "typings": "./types/index.d.ts",
+  "typings": "./dist/types/index.d.ts",
   "license": "MIT",
-  "packageManager": "pnpm@9.15.9",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview --port 4173",
-    "test:unit": "vitest",
-    "coverage": "vitest run --coverage",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
-  },
+  "packageManager": "pnpm@10.27.0",
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/TerryZ/v-page.git"
@@ -47,29 +46,50 @@
     "page",
     "pagination"
   ],
-  "peerDependencies": {
-    "vue": "^3.4.0"
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix --cache",
+    "coverage": "vitest run --coverage",
+    "format": "prettier --write --experimental-cli src/"
   },
   "dependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.16"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.10.4",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitejs/plugin-vue-jsx": "^5.1.1",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vue/eslint-config-standard": "^8.0.1",
+    "@tsconfig/node24": "^24.0.3",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^24.10.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitejs/plugin-vue-jsx": "^5.1.3",
+    "@vitest/eslint-plugin": "^1.6.4",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
     "bootstrap": "^5.3.8",
-    "eslint": "^8.50.0",
-    "eslint-plugin-vue": "^9.32.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "~10.6.2",
+    "jiti": "^2.6.1",
+    "jsdom": "^27.3.0",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.7.4",
+    "sass": "^1.97.1",
     "postcss": "^8.5.6",
     "autoprefixer": "^10.4.21",
-    "jsdom": "^27.0.0",
-    "sass": "^1.93.2",
-    "typescript": "^5.9.3",
-    "vite": "^7.1.9",
+    "typescript": "~5.8.3",
+    "vite": "^7.3.0",
     "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vitest": "^3.2.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.16",
+    "vue-tsc": "^3.2.1"
   }
-}
+}

package/dist/v-page.umd.cjs

@@ -1,2 +0,0 @@
-(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)}})();
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.VPage={},o.Vue))})(this,(function(o,e){"use strict";const y=[10,20,50,100],_=0,[Y,$,M]=["left","center","right"],d=Symbol("pagination"),[G,m,O,D,U]=["cn","en","de","jp","pt"],I={[G]:{pageLength:"每页记录数",pageInfo:"第 #pageNumber#/#totalPage# 页(共#totalRow#条记录)",first:"首页",last:"尾页",all:"全部"},[m]:{pageLength:"Per page",pageInfo:"Page #pageNumber#/#totalPage# (total #totalRow# records)",first:"First",last:"Last",all:"All"},[O]:{pageLength:"Seitenlänge",pageInfo:"Aktuell #pageNumber#/#totalPage# (gesamt #totalRow# Aufzeichnungen)",first:"Zuerst",last:"Letzte",all:"Alle"},[D]:{pageLength:"ページごとの記録数",pageInfo:"現在の第 #pageNumber#/#totalPage# ページ(全部で #totalRow# 条の記録)",first:"トップページ",last:"尾のページ",all:"すべて"},[U]:{pageLength:"Resultados por página",pageInfo:"#pageNumber#/#totalPage# (total de #totalRow#)",first:"Início",last:"Fim",all:"Todos"}};function Z(a,t,n){if(t<=n)return 1;const r=Math.floor(n/2),i=t-n+1,l=a-r;return l<1?1:l>i?i:l}function C(a,t,n){const r=Z(a,t,n);return Array.from({length:n}).map((i,l)=>r+l).filter(i=>i>=1&&i<=t)}function k(a=m){const t=String(a).toLowerCase();return I[Object.hasOwn(I,t)?t:m]}function h(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}function b(a,{slots:t}){return e.createVNode("a",{href:"javascript:void(0)"},[t?.default?.()])}function P({classes:a,pageNumberValue:t,name:n}){const{changePageNumber:r}=e.inject(d);return e.createVNode("li",{class:["v-pagination__item",...a]},[e.createVNode(b,{onClick:()=>r(t)},h(n)?n:{default:()=>[n]})])}function R(){const{lang:a,sizeList:t,pageSize:n,disabled:r,displayAll:i,changePageSize:l}=e.inject(d),p=()=>t.value.map(s=>e.createVNode("option",{key:s,value:s,selected:n.value===s},[s])),u=()=>i.value?e.createVNode("option",{value:_,selected:n.value===_},[a.all]):null;return e.createVNode("li",{class:"v-pagination__list"},[e.createVNode(b,null,{default:()=>[e.createVNode("span",null,[a.pageLength]),e.createVNode("select",{disabled:r.value,onChange:s=>l(Number(s.target.value))},[e.createVNode(p,null,null),e.createVNode(u,null,null)])]})])}function A(){const{lang:a,current:t,totalPage:n,totalRow:r}=e.inject(d),i=a.pageInfo.replace("#pageNumber#",t.value).replace("#totalPage#",n.value).replace("#totalRow#",r.value);return e.createVNode("li",{class:"v-pagination__info"},[e.createVNode(b,null,h(i)?i:{default:()=>[i]})])}function q(a,{slots:t}){return e.createVNode("li",{class:"v-pagination__slot"},[e.createVNode(b,null,{default:()=>[t?.default?.()]})])}function E(){const{pageNumbers:a,current:t}=e.inject(d);return a.value.map(n=>e.createVNode(P,{key:n,classes:[{active:n===t.value}],pageNumberValue:n,name:n},null))}function L(){const{isFirst:a,lang:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__first",{disabled:a.value}],pageNumberValue:1,name:t.first},null)}function F(){const{isFirst:a,current:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__previous",{disabled:a.value}],pageNumberValue:t.value-1,name:"«"},null)}function T(){const{isLast:a,current:t}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__next",{disabled:a.value}],pageNumberValue:t.value+1,name:"»"},null)}function z(){const{isLast:a,totalPage:t,lang:n}=e.inject(d);return e.createVNode(P,{classes:["v-pagination__last",{disabled:a.value}],pageNumberValue:t.value,name:n.last},null)}const f=e.defineComponent({name:"PaginationBar",props:{modelValue:{type:Number,default:0},pageSize:{type:Number,default:10},totalRow:{type:Number,default:0},language:{type:String,default:m},align:{type:String,default:M},pageSizeMenu:{type:[Array],default:()=>y},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},border:{type:Boolean,default:!1},displayAll:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1}},emits:["update:modelValue","update:pageSize","change"],setup(a,{emit:t,slots:n}){const{pageSizeMenu:r,totalRow:i}=e.toRefs(a),l=e.ref(0),p=e.ref(5),u=e.ref(a.pageSize??10),s=e.computed(()=>{const g=Array.from(Array.isArray(r.value)&&r.value.length>0?r.value:y);return u.value!==0&&!g.includes(u.value)&&g.push(u.value),g.sort((N,K)=>N-K)}),c=e.computed(()=>u.value===_?1:Math.ceil(i.value/u.value)),S=e.computed(()=>C(l.value,c.value,p.value)),H=e.computed(()=>({"v-pagination":!0,"v-pagination--right":a.align==="right","v-pagination--center":a.align==="center","v-pagination--disabled":a.disabled,"v-pagination--border":a.border,"v-pagination--circle":!a.border&&a.circle})),j=e.computed(()=>l.value===1),v=e.computed(()=>l.value===c.value);e.watch(()=>a.modelValue,V),e.watch(()=>a.pageSize,w);function V(g=1){if(a.disabled||typeof g!="number")return;let N=g<1?1:g;g>c.value&&c.value>0&&(N=c.value),N!==l.value&&(l.value=N,t("update:modelValue",l.value),B())}function w(g){if(typeof g=="number"&&!(g<0)&&g!==u.value){if(u.value=g,t("update:pageSize",u.value),l.value===1)return B();V(1)}}function B(){t("change",{pageNumber:l.value,pageSize:Number(u.value),totalPage:c.value})}function J(){return n.default?n.default({pageNumber:l.value,pageSize:u.value,totalPage:c.value,totalRow:i.value,isFirst:j.value,isLast:v.value}):e.createVNode(e.Fragment,null,[e.createVNode(R,null,null),e.createVNode(A,null,null),e.createVNode(L,null,null),e.createVNode(F,null,null),e.createVNode(E,null,null),e.createVNode(T,null,null),e.createVNode(z,null,null)])}return e.onMounted(()=>V(a.modelValue||1)),e.provide(d,{lang:k(a.language),pageSize:u,sizeList:s,pageNumbers:S,isFirst:j,isLast:v,current:l,totalPage:c,changePageNumber:V,changePageSize:w,...e.toRefs(a)}),()=>a.hideOnSinglePage&&c.value<=1?null:e.createVNode("div",{class:H.value},[e.createVNode("ul",null,[e.createVNode(J,null,null)])])}});f.install=(a,t={})=>{if(Object.keys(t).length){const{props:n}=f,{language:r,align:i,info:l,border:p,pageNumber:u,first:s,last:c,pageSizeMenu:S}=t;r&&(n.language.default=r),i&&(n.align.default=i),typeof l=="boolean"&&(n.info.default=l),typeof p=="boolean"&&(n.border.default=p),typeof u=="boolean"&&(n.pageNumber.default=u),typeof s=="boolean"&&(n.first.default=s),typeof c=="boolean"&&(n.last.default=c),typeof S<"u"&&(n.pageSizeMenu.default=S)}a.component(f.name,f)},o.PaginationBar=f,o.PaginationFirstPage=L,o.PaginationInfo=A,o.PaginationLastPage=z,o.PaginationNextPage=T,o.PaginationPageNumbers=E,o.PaginationPageSizes=R,o.PaginationPanel=q,o.PaginationPreviousPage=F,o.default=f,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/types/index.d.ts

@@ -1,135 +0,0 @@
-import {
-  AllowedComponentProps,
-  ComponentCustomProps,
-  VNodeProps,
-  VNode
-} from 'vue'
-
-export declare interface PageInfo {
-  pageNumber: number
-  pageSize: number
-  totalPage: number
-}
-
-export declare interface PageSlotData {
-  pageNumber: number
-  pageSize: number
-  totalPage: number
-  totalRow: number
-  isFirst: boolean
-  isLast: boolean
-}
-
-/**
- * Pagination plugin for Vue
- */
-declare interface PaginationProps {
-  /**
-   * The number of current page
-   */
-  modelValue?: number
-  /**
-   * The number of total record
-   */
-  totalRow: number
-  /**
-   * The number of page size
-   * @default 10
-   */
-  pageSize?: number
-  /**
-   * v-page language
-   * @default `en`
-   */
-  language?: 'cn' | 'en' | 'de' | 'jp' | 'pt'
-  /**
-   * Page size list
-   * @default [10, 20, 50, 100]
-   */
-  pageSizeMenu?: number[]
-  /**
-   * Alignment direction
-   * @default `right`
-   */
-  align?: 'left' | 'right' | 'center'
-  /**
-   * Disabled the pagination
-   * @default false
-   */
-  disabled?: boolean
-  /**
-   * Whether to display the border
-   * @default true
-   */
-  border?: boolean
-  /**
-   * Round style page number button
-   * @default false
-   */
-  circle?: boolean
-  /**
-   * Whether add `All` item in page length list
-   * @default false
-   */
-  displayAll?: boolean
-  /**
-   * Hide pagination when only have one page
-   * @default false
-   */
-  hideOnSinglePage?: boolean
-}
-
-/** Update pageNumber value */
-type EmitUpdateModelValue = (event: "update:modelValue", value: number) => void
-/** Update pageSize value */
-type EmitUpdatePageSize = (event: "update:pageSize", value: number) => void
-/** The event respond pageNumber or pageSize change */
-type EmitChange = (event: "change", value: PageInfo) => void
-
-type ComponentProps = AllowedComponentProps & ComponentCustomProps & VNodeProps
-
-declare interface PaginationBar {
-  new (): {
-    $props: ComponentProps & PaginationProps
-    $emit: EmitUpdateModelValue & EmitUpdatePageSize & EmitChange
-    $slots: {
-      default?: (defaultSlotData: PageSlotData) => VNode[]
-    }
-  }
-}
-declare interface PaginationComponent {
-  new (): {
-    $props: ComponentProps
-  }
-}
-declare interface PaginationPanel {
-  new (): {
-    $props: ComponentProps
-    $slots: {
-      default?: () => VNode[]
-    }
-  }
-}
-declare const PaginationBar: PaginationBar
-declare const PaginationPageSizes: PaginationComponent
-declare const PaginationInfo: PaginationComponent
-declare const PaginationPageNumbers: PaginationComponent
-declare const PaginationFirstPage: PaginationComponent
-declare const PaginationPreviousPage: PaginationComponent
-declare const PaginationNextPage: PaginationComponent
-declare const PaginationLastPage: PaginationComponent
-declare const PaginationPanel: PaginationPanel
-
-export {
-  PaginationBar,
-  PaginationPageSizes,
-  PaginationInfo,
-  PaginationPageNumbers,
-  PaginationFirstPage,
-  PaginationPreviousPage,
-  PaginationNextPage,
-  PaginationLastPage,
-  PaginationPanel
-}
-
-export default PaginationBar