fine-true/lib/pagination/index.js

A small and beautiful Vue3 version of the UI Library

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"),require("./../icon"),require("./../button"),require("./../select"),require("./../select-option"),require("./../utils/withInstall"));else if("function"==typeof define&&define.amd)define(["vue","./../icon","./../button","./../select","./../select-option","./../utils/withInstall"],t);else{var r="object"==typeof exports?t(require("vue"),require("./../icon"),require("./../button"),require("./../select"),require("./../select-option"),require("./../utils/withInstall")):t(e.vue,e["./../icon"],e["./../button"],e["./../select"],e["./../select-option"],e["./../utils/withInstall"]);for(var a in r)("object"==typeof exports?exports:e)[a]=r[a]}}(self,((e,t,r,a,o,n)=>(()=>{"use strict";var u={453:e=>{e.exports=r},9863:e=>{e.exports=t},3697:e=>{e.exports=a},6291:e=>{e.exports=o},1677:e=>{e.exports=n},748:t=>{t.exports=e}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return u[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{l.r(p),l.d(p,{default:()=>C});var e=l(748),t=l(9863),r=l.n(t);function a(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,e.isVNode)(t)}const o=(0,e.defineComponent)({components:{FineIcon:r()},emits:["change"],props:{currentPage:{type:Number,default:1},pagerCount:{type:Number,default:7},pageCount:{type:Number,default:1}},setup(t,r){var{emit:o}=r,n=(0,e.ref)(!1),u=(0,e.ref)(!1),i=(0,e.computed)((()=>{var e=t.pagerCount,r=(e-1)/2,a=Number(t.currentPage),o=Number(t.pageCount),n=!1,u=!1;o>e&&(a>e-r&&(n=!0),a<o-r&&(u=!0));var i=[];if(n&&!u)for(var l=o-(e-2);l<o;l++)i.push(l);else if(!n&&u)for(var p=2;p<e;p++)i.push(p);else if(n&&u)for(var c=Math.floor(e/2)-1,s=a-c;s<=a+c;s++)i.push(s);else for(var d=2;d<o;d++)i.push(d);return i}));(0,e.watchEffect)((()=>{var e=(t.pagerCount-1)/2;n.value=!1,u.value=!1,t.pageCount>t.pagerCount&&(t.currentPage>t.pagerCount-e&&(n.value=!0),t.currentPage<t.pageCount-e&&(u.value=!0))}));var l=e=>{var r=t.currentPage;"prevPage"===e?r-=5:"nextPage"===e?r+=5:r=e,r<1&&(r=1),r>t.pageCount&&(r=t.pageCount),o("change",r)};return()=>{var{currentPage:r,pageCount:o}=t;return(0,e.createVNode)("div",{class:"fine-pagination-pages"},[o>0&&(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{class:{"fine-pagination-page-active":1===r},onClick:()=>l(1)},{default:()=>[(0,e.createTextVNode)("1")]}),n.value&&(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{onClick:()=>l("prevPage")},{default:()=>[(0,e.createVNode)((0,e.resolveComponent)("fine-icon"),{icon:"elipsis"},null)]}),i.value.map((t=>(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{class:{"fine-pagination-page-active":r===t},onClick:()=>l(t)},a(t)?t:{default:()=>[t]}))),u.value&&(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{onClick:()=>l("nextPage")},{default:()=>[(0,e.createVNode)((0,e.resolveComponent)("fine-icon"),{icon:"elipsis"},null)]}),o>1&&(0,e.createVNode)((0,e.resolveComponent)("fine-button"),{class:{"fine-pagination-page-active":r===o},onClick:()=>l(o)},a(o)?o:{default:()=>[o]})])}}});var n=l(453),u=l.n(n);const i=(0,e.defineComponent)({emits:["trigger"],props:{disabled:{type:Boolean,default:!1}},setup(t,a){var{emit:o}=a;return()=>{var{disabled:a}=t;return(0,e.createVNode)("div",{onClick:()=>{o("trigger")}},[(0,e.createVNode)(u(),{disabled:a},{default:()=>[(0,e.createVNode)(r(),{icon:"arrow-left-bold"},null)]})])}}}),c=(0,e.defineComponent)({emits:["trigger"],props:{disabled:{type:Boolean,default:!1}},setup(t,a){var{emit:o}=a;return()=>{var{disabled:a}=t;return(0,e.createVNode)("div",{onClick:()=>{o("trigger")}},[(0,e.createVNode)(u(),{disabled:a},{default:()=>[(0,e.createVNode)(r(),{icon:"arrow-right-bold"},null)]})])}}}),s=(0,e.defineComponent)({props:{total:{type:Number,default:0}},setup:t=>()=>(0,e.createVNode)("div",{class:"fine-pagination-total"},[(0,e.createTextVNode)("共"),t.total,(0,e.createTextVNode)("条")])});var d=l(3697),g=l.n(d),f=l(6291),v=l.n(f);const m=(0,e.defineComponent)({emits:["change"],props:{pageSize:{type:Number,default:10},pageSizes:{type:Array,default:()=>[10,20,30,40,50,100]}},setup(t,r){var{emit:a}=r,o=(0,e.ref)(t.pageSize);(0,e.watch)((()=>t.pageSize),(e=>{o.value=e}));var n=e=>{a("change",e)};return()=>{var r,a,{pageSizes:u}=t;return(0,e.createVNode)("div",{class:"fine-pagination-sizes"},[(0,e.createVNode)(g(),{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,onChange:n},(a=r=u.map((t=>(0,e.createVNode)(v(),{label:"".concat(t,"条/页"),value:t},null))),"function"==typeof a||"[object Object]"===Object.prototype.toString.call(a)&&!(0,e.isVNode)(a)?r:{default:()=>[r]}))])}}}),b=(0,e.defineComponent)({name:"FinePagination",emits:["update:currentPage","current-change","update:pageSize","size-change","prev","next"],props:{currentPage:{type:Number,default:1},pagerCount:{type:Number,default:7},pageSize:{type:Number,default:10},total:{type:Number,default:100},pageCount:{type:Number},layout:{type:String,default:"prev,pager,next,total,sizes"},pageSizes:{type:Array,default:()=>[10,20,30,40,50,100]}},setup(t,r){var{emit:a}=r,n=(0,e.computed)((()=>{var{pageCount:e,pageSize:r,total:a}=t;return void 0!==e?e:Math.ceil(a/r)}));(0,e.watch)(n,(e=>{t.currentPage>e&&l(e)}));var u=(0,e.ref)(t.pageSize),l=e=>{a("update:currentPage",e),a("current-change",e)},p=()=>{var e=t.currentPage-1;e<1&&(e=1),l(e),a("prev",e)},d=()=>{var{currentPage:e}=t,r=e+1;r>n.value&&(r=n.value),l(r),a("next",r)},g=e=>{a("update:pageSize",e),a("size-change",e)};return()=>{var{total:r,currentPage:a,pagerCount:f,layout:v}=t,b={prev:(0,e.createVNode)(i,{onTrigger:p,disabled:1===a},null),pager:(0,e.createVNode)(o,{"current-page":a,"pager-count":f,"page-count":n.value,onChange:l},null),next:(0,e.createVNode)(c,{onTrigger:d,disabled:a===n.value},null),total:(0,e.createVNode)(s,{total:r},null),sizes:(0,e.createVNode)(m,{modelValue:u.value,"onUpdate:modelValue":e=>u.value=e,onChange:g},null)},N=v.split(",");return(0,e.createVNode)("div",{class:"fine-pagination"},[(0,e.createVNode)("div",{class:"fine-pagination-content"},[N.map((e=>b[e]))])])}}});var N=l(1677);l.n(N)()(b);const C=b})(),p})()));