You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
1.5 KiB
1 lines
1.5 KiB
import{_ as y,a2 as S,C as f,r as b,o as r,c as u,f as v,L as p,h as l,A as d,R as x,S as C,D as g,K as N}from"./index-9b4667b6.js";const z={key:0},j=["onClick"],B={key:1},$={__name:"index",props:{total:{type:Number,default:0},pageSize:{type:Number,default:50},page:{type:Number,default:1}},emits:["change-page"],setup(o,{emit:_}){const i=o,m=S(),h=f(()=>m.sideTheme==="theme-dark"),s=f(()=>Math.ceil(i.total/i.pageSize)),a=b(i.page||1),k=f(()=>{const t=[];if(s.value<=5)for(let e=1;e<=s.value;e++)t.push(e);else if(a.value<=2)for(let e=1;e<=5;e++)t.push(e);else if(a.value>=s.value-1)for(let e=s.value-4;e<=s.value;e++)t.push(e);else for(let e=a.value-2;e<=a.value+2;e++)t.push(e);return t}),c=t=>{if(t===!1){if(a.value===1)return;a.value>1&&(a.value-=1)}else if(t===!0){if(a.value===s.value)return;a.value<s.value&&(a.value+=1)}else a.value=t;_("change-page",a.value)};return(t,e)=>o.total!==0?(r(),u("div",{key:0,class:"my-pagination",style:N({color:l(h)?"#fff":"#48485a"})},[v("a",{onClick:e[0]||(e[0]=n=>c(!1)),href:"javascript:;",class:p({disabled:l(a)===1})},"\u4E0A\u4E00\u9875",2),l(a)>3?(r(),u("span",z,"...")):d("",!0),(r(!0),u(x,null,C(l(k),n=>(r(),u("a",{onClick:D=>c(n),href:"javascript:;",class:p({active:l(a)===n}),key:n},g(n),11,j))),128)),l(a)<l(s)-2?(r(),u("span",B,"...")):d("",!0),v("a",{onClick:e[1]||(e[1]=n=>c(!0)),href:"javascript:;",class:p({disabled:l(a)===l(s)})},"\u4E0B\u4E00\u9875",2),v("span",null,"\u5171"+g(o.total)+"\u6761",1)],4)):d("",!0)}},P=y($,[["__scopeId","data-v-16c5691b"]]);export{P as default};
|