eslink-ui-plus/umd/pagination/index.js

vue3 component library, css framework

(function(e,i){typeof exports=="object"&&typeof module!="undefined"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-pagination"]=i(e.Vue))})(this,function(e){"use strict";var i=e.defineComponent({props:{pageSize:{type:Number,default:20},total:{type:Number,default:0},page:{type:Number,default:1}},emits:["update:modelValue","click","page-change"],setup(t,o){const{emit:p}=o,n=e.reactive({pageValue:t.page,page:t.page,pageSize:t.pageSize,maxPage:e.computed(()=>{if(t.total<=0)return 0;let a=Math.floor(t.total/n.pageSize);return t.total%n.pageSize>0&&a++,a})}),s=(a,d)=>{n.pageValue||(a=1),n.pageValue=a,p("page-change",a,d)};return e.watch(()=>t.page,a=>n.page=a),e.watch(()=>n.page,s),{setting:n,prevPage:()=>{if(n.page<=1)return!1;n.page--},movePage:a=>{n.page=Number(a)},nextPage:()=>{if(n.page>=n.maxPage)return!1;n.page++},parserWidth:a=>{let d=parseInt(a),g=1,c=Number(n.maxPage);isNaN(d)||(d>c?n.pageValue=c:d<g&&(n.pageValue=g))},handleInput:a=>{n.pageValue=Number(a)}}}});e.pushScopeId("data-v-957e5650");const m={class:"pagination es-row es-ai--c es-margin-l--sm"},u={class:"es-text--right"},f={class:"pagination__info es-fs--sm es-margin-r--md"},h={class:"pagination__total"},_=e.createTextVNode(" \u6761\u8BB0\u5F55"),V=[e.createElementVNode("i",{class:"es-icon-arrow-drop-left-line"},null,-1)],N={class:"pagination__wrap es-fs--sm"},y=e.createElementVNode("span",{style:{color:"rgba(187, 188, 201, 1)"}},"/",-1),P={class:"es-padding-lr--md",style:{color:"rgba(62, 64, 81, 1)"}},b=[e.createElementVNode("i",{class:"es-icon-arrow-drop-right-line"},null,-1)];e.popScopeId();function x(t,o,p,n,s,C){const r=e.resolveComponent("es-input-base");return e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",u,[e.createElementVNode("span",f,[e.createElementVNode("span",h,e.toDisplayString(t.total),1),_])]),e.createElementVNode("div",null,[e.createElementVNode("span",{class:"es-cursor--pointer",onClick:o[0]||(o[0]=(...l)=>t.prevPage&&t.prevPage(...l))},V),e.createElementVNode("span",N,[e.createVNode(r,{class:"input__pagination es-text--center",modelValue:t.setting.pageValue,"onUpdate:modelValue":o[1]||(o[1]=l=>t.setting.pageValue=l),type:"number",autocomplete:"off",min:1,max:t.setting.maxPage,"onUpdate:modelvalue":t.handleInput,onInput:t.parserWidth,onChange:t.movePage},null,8,["modelValue","max","onUpdate:modelvalue","onInput","onChange"]),y,e.createElementVNode("span",P,e.toDisplayString(t.setting.maxPage),1)]),e.createElementVNode("span",{class:"es-cursor--pointer",onClick:o[2]||(o[2]=(...l)=>t.nextPage&&t.nextPage(...l))},b)])])}function E(t,o){o===void 0&&(o={});var p=o.insertAt;if(!(!t||typeof document=="undefined")){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",p==="top"&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=t:s.appendChild(document.createTextNode(t))}}var v=`.pagination[data-v-957e5650] {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination i[data-v-957e5650] {
  color: var(--blue4);
  vertical-align: middle;
}
.pagination__info[data-v-957e5650] {
  color: var(--neutral14);
}
.pagination__total[data-v-957e5650] {
  font-weight: bold;
}
.es-input[data-v-957e5650] .input__pagination {
  width: 46px;
  border: 0;
  padding: 0;
  color: var(--neutral16);
  font-size: 12px;
  font-weight: bold;
}`;return E(v),i.render=x,i.__scopeId="data-v-957e5650",i.__file="components/pagination/index.vue",i.install=t=>{t.component("es-pagination",i)},i});