index.BrLUiBDs.js 1.6 KB

1
  1. import{w as h,af as y,O as C,aF as _,x as i,y as l,z as p,a3 as v,a6 as m,a7 as k,aq as x,X as S,a8 as z,Y as b}from"./vue.Bi2Y_N79.js";import{_ as w}from"./_plugin-vue_export-helper.DlAUqK2U.js";const B={class:"item-com"},D={class:"item-com-title"},P=["onClick"],N={key:0,class:"item-com-pagination"},V=h({__name:"index",props:{type:{type:String,default:"role"},title:{type:String,default:"标题"},label:{type:String,default:"name"},value:{type:String,default:"id"},showPagination:{type:Boolean,default:!1}},emits:["fetchData","itemClick"],setup(s,{emit:d}){const n=s,c=d,t=y({current:"",page:1,limit:20,data:[],total:10}),r=()=>{c("fetchData",{page:t.page,limit:t.limit},e=>{e?.code===2e3&&(t.data=e.data,t.total=e?.total||10)})},g=e=>{t.current=e[n.value],c("itemClick",n.type,e)},u=e=>{t.page=e,r()};return C(()=>{r()}),(e,o)=>{const f=_("el-pagination");return l(),i("div",B,[p("p",D,m(n.title),1),p("ul",{class:"item-com-list",style:S({height:s.showPagination?"calc(100% - 75px)":"calc(100% - 45px)"})},[(l(!0),i(k,null,x(t.data,a=>(l(),i("li",{key:a[n.value],onClick:F=>g(a),class:b(t.current===a[n.value]?"item-com-item active":"item-com-item")},m(a[n.label]),11,P))),128))],4),s.showPagination?(l(),i("div",N,[z(f,{background:"",small:"","hide-on-single-page":"","current-page":t.page,"onUpdate:currentPage":o[0]||(o[0]=a=>t.page=a),"page-size":t.limit,"onUpdate:pageSize":o[1]||(o[1]=a=>t.limit=a),layout:"prev, pager, next","pager-count":5,total:t.total,onCurrentChange:u},null,8,["current-page","page-size","total"])])):v("",!0)])}}}),q=w(V,[["__scopeId","data-v-dbc578af"]]);export{q as default};