v-page 3.3.0 → 3.5.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2018 Terry Zeng
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2018 Terry Zeng
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,103 +1,82 @@
-# [v-page](https://terryz.github.io/vue/#/page) · [![CircleCI](https://dl.circleci.com/status-badge/img/gh/TerryZ/v-page/tree/master.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/TerryZ/v-page/tree/master) [![code coverage](https://codecov.io/gh/TerryZ/v-page/branch/master/graph/badge.svg)](https://codecov.io/gh/TerryZ/v-page) [![npm version](https://img.shields.io/npm/v/v-page.svg)](https://www.npmjs.com/package/v-page) [![license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://mit-license.org/) [![npm download](https://img.shields.io/npm/dy/v-page.svg)](https://www.npmjs.com/package/v-page) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-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">
-
-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
-
-<!-- ## Features
-
-- Simple interface style
-- I18n supported
-- Modularization of Pagination bar features
--  -->
-
-## Examples and Documentation
-
-Documentation and examples and please visit below sites
-
-- [github-pages](https://terryz.github.io/docs-vue3/page/)
-
-## Installation
-
-[![https://nodei.co/npm/v-page.png?downloads=true&downloadRank=true&stars=true](https://nodei.co/npm/v-page.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/v-page)
-
-```sh
-# npm
-npm i v-page
-# yarn
-yarn add v-page
-# pnpm
-pnpm add v-page
-```
-
-Include and install plugin in your `main.js` file
-
-```js
-import { createApp } from 'vue'
-import App from './app.vue'
-import { PaginationBar } from 'v-page'
-
-const app = createApp(App)
-// install component globally
-app.use(PaginationBar, {
-  // globally config options
-})
-app.mount('#app')
-```
-
-Use `v-page` as a locally component
-
-```vue
-<template>
-  <PaginationBar />
-</template>
-
-<script setup>
-import { PaginationBar } from 'v-page'
-</script>
-```
-
-## Usage
-
-```vue
-<template>
-  <PaginationBar
-    v-model="pageNumber"
-    :total-row="totalRow"
-    @change="paginationChange"
-  >
-    <PaginationPageSizeOptions />
-    <PaginationInfo />
-    <PaginationFirstPage />
-    <PaginationPreviousPage />
-    <PaginationPageNumbers />
-    <PaginationNextPage />
-    <PaginationLastPage />
-  </PaginationBar>
-</template>
-
-<script setup lang='ts'>
-import { ref } from 'vue'
-import {
-  PaginationBar,
-  PaginationPageSizeOptions,
-  PaginationInfo,
-  PaginationPanel,
-  PaginationPageNumbers,
-  PaginationFirstPage,
-  PaginationPreviousPage,
-  PaginationNextPage,
-  PaginationLastPage
-} from 'v-page'
-import 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 {
-  console.log(data) // { pageNumber: 1, pageSize: 10, totalPage: 10 }
-}
-</script>
-```
+# [v-page](https://terryz.github.io/vue/#/page) &middot; [![test](https://github.com/TerryZ/v-page/actions/workflows/npm-publish.yml/badge.svg?branch=master)](https://github.com/TerryZ/v-page/actions/workflows/npm-publish.yml) [![code coverage](https://codecov.io/gh/TerryZ/v-page/branch/master/graph/badge.svg)](https://codecov.io/gh/TerryZ/v-page) [![npm version](https://img.shields.io/npm/v/v-page.svg)](https://www.npmjs.com/package/v-page) [![license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://mit-license.org/) [![npm download](https://img.shields.io/npm/dy/v-page.svg)](https://www.npmjs.com/package/v-page) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+A simple pagination bar for vue3, including size Menu, i18n support features
+
+<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
+
+<!-- ## Features
+
+- Simple interface style
+- I18n supported
+- Modularization of Pagination bar features
+-  -->
+
+## Examples and Documentation
+
+Documentation and examples and please visit below sites
+
+- [github-pages](https://terryz.github.io/docs-vue3/page/)
+
+## Installation
+
+[![https://nodei.co/npm/v-page.png?downloads=true&downloadRank=true&stars=true](https://nodei.co/npm/v-page.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/v-page)
+
+```sh
+# npm
+npm i v-page
+# yarn
+yarn add v-page
+# pnpm
+pnpm add v-page
+```
+
+Include and install plugin in your project
+
+```ts
+import { createApp } from 'vue'
+import App from './app.vue'
+import PaginationPlugin from 'v-page'
+
+const app = createApp(App)
+// install component globally
+app.use(PaginationPlugin, {
+  // globally config options
+  language: 'cn'
+})
+app.mount('#app')
+```
+
+Use `v-page` as a locally component
+
+```vue
+<template>
+  <PaginationBar />
+</template>
+
+<script setup>
+import { PaginationBar } from 'v-page'
+</script>
+```
+
+## Usage
+
+```vue
+<template>
+  <PaginationBar v-model="pageNumber" :total-row="totalRow" @change="paginationChange" />
+</template>
+
+<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) {
+  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;