https://www.raipoong.com/_nuxt/BQtmbrFz.js

1import{d as g,W as b,b as i,o as d,c as f,j as u,av as _,A as y,F as k,x as w,f as x,aM as h,l as p,e as C}from"./4czN1GdW.js";const B={key:0,class:"tw-flex tw-items-center tw-justify-center tw-gap-x-4 tw-mt-8"},V={class:"tw-flex tw-gap-3"},M=g({__name:"Pagination",props:h({align:{type:String,default:"center"},total:{type:Number,required:!0},perPage:{type:Number,required:!0}},{modelValue:{default:1},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const m=c,n=p(()=>Math.ceil(m.total/m.perPage)),o=b(c,"modelValue"),r=s=>{typeof s=="string"&&s==="..."||(o.value=Number(s))},v=p(()=>{const l=[],a=[];let e;for(let t=1;t<=n.value;t++)(t===1||t===n.value||t>=o.value-1&&t<=o.value+1)&&l.push(t);for(const t of l)e&&(t-e===2?a.push(e+1):t-e!==1&&a.push("...")),a.push(t),e=t;return a});return(s,l)=>{const a=_;return i(n)>1?(d(),f("div",B,[u(a,{flat:"",round:"",size:"sm",color:"grey",disable:o.value===1,icon:"keyboard_double_arrow_left",onClick:l[0]||(l[0]=e=>r(1))},null,8,["disable"]),u(a,{flat:"",round:"",size:"sm",color:"grey",disable:o.value===1,icon:"chevron_left",onClick:l[1]||(l[1]=e=>r(o.value-1))},null,8,["disable"]),y("div",V,[(d(!0),f(k,null,w(i(v),e=>(d(),C(a,{key:e,"no-caps":"",label:e,square:"",outline:"",class:"tw-w-10 tw-h-10",color:e===o.value?"primary":"grey","text-color":e===o.value?"primary":"grey",onClick:t=>r(e)},null,8,["label","color","text-color","onClick"]))),128))]),u(a,{flat:"",round:"",size:"sm",color:"grey",disable:o.value===i(n),icon:"chevron_right",onClick:l[2]||(l[2]=e=>r(o.value+1))},null,8,["disable"]),u(a,{flat:"",round:"",size:"sm",color:"grey",disable:o.value===i(n),icon:"keyboard_double_arrow_right",onClick:l[3]||(l[3]=e=>r(i(n)))},null,8,["disable"])])):x("",!0)}}}),$=Object.assign(M,{__name:"ThemeWebSphereButtonPagination"});export{$ as default};
2//# sourceMappingURL=BQtmbrFz.js.map