vxe-pc-ui 4.3.96 → 4.3.97

package/lib/pager/src/pager.js

@@ -268,17 +268,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         currentPage
       } = props;
-      const homePageSlot = slots.homePage || slots['home-page'];
+      const homeSlot = slots.home;
+      if (homeSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-home-btn'
+        }, homeSlot({
+          currentPage
+        }));
+      }
       return (0, _vue.h)('button', {
-        class: ['vxe-pager--prev-btn', {
+        class: ['vxe-pager--home-btn', {
           'is--disabled': currentPage <= 1
         }],
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.homePageTitle'),
         onClick: handleHomePage
-      }, homePageSlot ? homePageSlot({
-        currentPage
-      }) : [(0, _vue.h)('i', {
+      }, [(0, _vue.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconHomePage || (0, _ui.getIcon)().PAGER_HOME]
       })]);
     };
@@ -288,6 +293,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         currentPage
       } = props;
       const prevPageSlot = slots.prevPage || slots['prev-page'];
+      if (prevPageSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-prev-btn'
+        }, prevPageSlot({
+          currentPage
+        }));
+      }
       return (0, _vue.h)('button', {
         class: ['vxe-pager--prev-btn', {
           'is--disabled': currentPage <= 1
@@ -295,9 +307,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.prevPageTitle'),
         onClick: handlePrevPage
-      }, prevPageSlot ? prevPageSlot({
-        currentPage
-      }) : [(0, _vue.h)('i', {
+      }, [(0, _vue.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconPrevPage || (0, _ui.getIcon)().PAGER_PREV_PAGE]
       })]);
     };
@@ -306,7 +316,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         currentPage
       } = props;
-      const jumpPrevSlot = slots.jumpPrev || slots['jump-prev'];
+      const prevJumpSlot = slots.prevJump || slots['prev-jump'];
+      if (prevJumpSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-jump-prev'
+        }, prevJumpSlot({
+          currentPage
+        }));
+      }
       return (0, _vue.h)(tagName || 'button', {
         class: ['vxe-pager--jump-prev', {
           'is--fixed': !tagName,
@@ -315,9 +332,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.prevJumpTitle'),
         onClick: handlePrevJump
-      }, jumpPrevSlot ? jumpPrevSlot({
-        currentPage
-      }) : [tagName ? (0, _vue.h)('i', {
+      }, [tagName ? (0, _vue.h)('i', {
         class: ['vxe-pager--jump-more-icon', props.iconJumpMore || (0, _ui.getIcon)().PAGER_JUMP_MORE]
       }) : null, (0, _vue.h)('i', {
         class: ['vxe-pager--jump-icon', props.iconJumpPrev || (0, _ui.getIcon)().PAGER_JUMP_PREV]
@@ -328,8 +343,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         currentPage
       } = props;
-      const jumpNextSlot = slots.jumpNext || slots['jump-next'];
+      const nextJumpSlot = slots.nextJump || slots['next-jump'];
       const pageCount = computePageCount.value;
+      if (nextJumpSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-jump-next'
+        }, nextJumpSlot({
+          currentPage
+        }));
+      }
       return (0, _vue.h)(tagName || 'button', {
         class: ['vxe-pager--jump-next', {
           'is--fixed': !tagName,
@@ -338,9 +360,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.nextJumpTitle'),
         onClick: handleNextJump
-      }, jumpNextSlot ? jumpNextSlot({
-        currentPage
-      }) : [tagName ? (0, _vue.h)('i', {
+      }, [tagName ? (0, _vue.h)('i', {
         class: ['vxe-pager--jump-more-icon', props.iconJumpMore || (0, _ui.getIcon)().PAGER_JUMP_MORE]
       }) : null, (0, _vue.h)('i', {
         class: ['vxe-pager--jump-icon', props.iconJumpNext || (0, _ui.getIcon)().PAGER_JUMP_NEXT]
@@ -353,6 +373,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = props;
       const nextPageSlot = slots.nextPage || slots['next-page'];
       const pageCount = computePageCount.value;
+      if (nextPageSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-next-btn'
+        }, nextPageSlot({
+          currentPage
+        }));
+      }
       return (0, _vue.h)('button', {
         class: ['vxe-pager--next-btn', {
           'is--disabled': currentPage >= pageCount
@@ -360,9 +387,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.nextPageTitle'),
         onClick: handleNextPage
-      }, nextPageSlot ? nextPageSlot({
-        currentPage
-      }) : [(0, _vue.h)('i', {
+      }, [(0, _vue.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconNextPage || (0, _ui.getIcon)().PAGER_NEXT_PAGE]
       })]);
     };
@@ -371,18 +396,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         currentPage
       } = props;
-      const endPageSlot = slots.endPage || slots['end-page'];
+      const endSlot = slots.end;
       const pageCount = computePageCount.value;
+      if (endSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-end-btn'
+        }, endSlot({
+          currentPage,
+          pageCount
+        }));
+      }
       return (0, _vue.h)('button', {
-        class: ['vxe-pager--prev-btn', {
+        class: ['vxe-pager--end-btn', {
           'is--disabled': currentPage >= pageCount
         }],
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.endPageTitle'),
         onClick: handleEndPage
-      }, endPageSlot ? endPageSlot({
-        currentPage
-      }) : [(0, _vue.h)('i', {
+      }, [(0, _vue.h)('i', {
         class: ['vxe-pager--btn-icon', props.iconEndPage || (0, _ui.getIcon)().PAGER_END]
       })]);
     };
@@ -392,7 +423,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         currentPage,
         pagerCount
       } = props;
-      const numberSlot = showJump ? slots.jumpNumber || slots['jump-number'] : slots.number;
+      const numberSlot = showJump ? slots.numberJump || slots['number-jump'] : slots.number;
       const nums = [];
       const pageCount = computePageCount.value;
       const numList = computeNumList.value;
@@ -400,6 +431,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const isOv = pageCount > pagerCount;
       const isLt = isOv && currentPage > offsetNumber + 1;
       const isGt = isOv && currentPage < pageCount - offsetNumber;
+      const restList = [];
       let startNumber = 1;
       if (isOv) {
         if (currentPage >= pageCount - offsetNumber) {
@@ -408,17 +440,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           startNumber = Math.max(currentPage - offsetNumber, 1);
         }
       }
-      if (numberSlot) {
-        return (0, _vue.h)('span', {
-          class: 'vxe-pager--btn-wrapper'
-        }, numberSlot({
-          numList,
-          currentPage,
-          pageCount,
-          startNumber
-        }));
-      }
       if (showJump && isLt) {
+        restList.push(1);
         nums.push((0, _vue.h)('button', {
           class: 'vxe-pager--num-btn',
           type: 'button',
@@ -428,6 +451,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       numList.forEach((item, index) => {
         const number = startNumber + index;
         if (number <= pageCount) {
+          restList.push(number);
           nums.push((0, _vue.h)('button', {
             key: number,
             class: ['vxe-pager--num-btn', {
@@ -439,12 +463,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
       if (showJump && isGt) {
+        restList.push(pageCount);
         nums.push(renderNextJump('button'), (0, _vue.h)('button', {
           class: 'vxe-pager--num-btn',
           type: 'button',
           onClick: evnt => jumpPageEvent(evnt, pageCount)
         }, pageCount));
       }
+      if (numberSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-btn-wrapper'
+        }, numberSlot({
+          numList: restList,
+          currentPage,
+          pageCount
+        }));
+      }
       return (0, _vue.h)('span', {
         class: 'vxe-pager--btn-wrapper'
       }, nums);
@@ -464,7 +498,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const sizeList = computeSizeList.value;
       if (sizesSlot) {
         return (0, _vue.h)('span', {
-          class: 'vxe-pager--sizes'
+          class: 'vxe-pager--custom-sizes'
         }, sizesSlot({
           pageSize,
           options: sizeList
@@ -486,12 +520,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const jumpSlot = isFull ? slots.fullJump || slots['full-jump'] : slots.jump;
       const pageCount = computePageCount.value;
+      if (jumpSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-jump'
+        }, jumpSlot({
+          currentPage: inpCurrPage,
+          pageCount
+        }));
+      }
       return (0, _vue.h)('span', {
         class: 'vxe-pager--jump'
-      }, jumpSlot ? jumpSlot({
-        currentPage: inpCurrPage,
-        pageCount
-      }) : [isFull ? (0, _vue.h)('span', {
+      }, [isFull ? (0, _vue.h)('span', {
         class: 'vxe-pager--goto-text'
       }, (0, _ui.getI18n)('vxe.pager.goto')) : null, (0, _vue.h)(_input.default, {
         class: 'vxe-pager--goto',
@@ -522,12 +561,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = props;
       const pageCountSlot = slots.pageCount || slots['page-count'];
       const pageCount = computePageCount.value;
+      if (pageCountSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-count'
+        }, pageCountSlot({
+          currentPage,
+          pageCount
+        }));
+      }
       return (0, _vue.h)('span', {
         class: 'vxe-pager--count'
-      }, pageCountSlot ? pageCountSlot({
-        currentPage,
-        pageCount
-      }) : [(0, _vue.h)('span', {
+      }, [(0, _vue.h)('span', {
         class: 'vxe-pager--separator'
       }), (0, _vue.h)('span', pageCount)]);
     };
@@ -538,12 +582,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         total
       } = props;
       const totalSlot = slots.total;
+      if (totalSlot) {
+        return (0, _vue.h)('span', {
+          class: 'vxe-pager--custom-total'
+        }, totalSlot({
+          total,
+          currentPage
+        }));
+      }
       return (0, _vue.h)('span', {
         class: 'vxe-pager--total'
-      }, totalSlot ? totalSlot({
-        total,
-        currentPage
-      }) : (0, _ui.getI18n)('vxe.pager.total', [total]));
+      }, (0, _ui.getI18n)('vxe.pager.total', [total]));
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, (0, _ui.createEvent)(evnt, {

package/lib/pager/src/pager.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_select=_interopRequireDefault(require("../../select/src/select")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:()=>(0,_ui.getConfig)().pager.size||(0,_ui.getConfig)().size},layouts:{type:Array,default:()=>(0,_ui.getConfig)().pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:()=>(0,_ui.getConfig)().pager.pageSize||10},total:{type:Number,default:0},pagerCount:{type:Number,default:()=>(0,_ui.getConfig)().pager.pagerCount||7},pageSizes:{type:Array,default:()=>(0,_ui.getConfig)().pager.pageSizes||[10,15,20,50,100]},align:{type:String,default:()=>(0,_ui.getConfig)().pager.align},border:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.border},background:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.background},perfect:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.perfect},autoHidden:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.autoHidden},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.transfer},className:[String,Function],pageSizePlacement:{type:String,default:()=>(0,_ui.getConfig)().pager.pageSizePlacement},iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String,iconHomePage:String,iconEndPage:String},emits:["update:pageSize","update:currentPage","page-change"],setup(c,e){const{slots:v,emit:u}=e;var a=_xeUtils.default.uniqueId();const i=(0,_ui.useSize)(c)["computeSize"],g=(0,_vue.inject)("$xeGrid",null),n=(0,_vue.reactive)({inpCurrPage:c.currentPage}),p=(0,_vue.ref)(),t={refElem:p},_=(0,_vue.computed)(()=>x(c.total,c.pageSize)),P=(0,_vue.computed)(()=>{var e=c["pagerCount"],a=e<_.value?e-2:e,t=[];for(let e=0;e<a;e++)t.push(e);return t}),d=(0,_vue.computed)(()=>Math.floor((c.pagerCount-2)/2)),l=(0,_vue.computed)(()=>c.pageSizes.map(e=>_xeUtils.default.isNumber(e)?{value:e,label:""+(0,_ui.getI18n)("vxe.pager.pagesize",[e])}:Object.assign({value:"",label:""},e))),o={xID:a,props:c,context:e,getRefMaps:()=>t};let s={};const x=(e,a)=>Math.max(Math.ceil(e/a),1),m=(e,a)=>{u("update:currentPage",a),e&&a!==c.currentPage&&s.dispatchEvent("page-change",{type:"current",pageSize:c.pageSize,currentPage:a},e)},h=(e,a)=>{u("update:currentPage",e),a&&e!==c.currentPage&&s.dispatchEvent("page-change",{type:"current",pageSize:c.pageSize,currentPage:e},a)},b=e=>{var e=e["$event"],a=e.target,t=_xeUtils.default.toInteger(a.value),r=_.value,r=t<=0?1:r<=t?r:t,t=_xeUtils.default.toValueString(r);a.value=t,n.inpCurrPage=t,h(r,e)},r=e=>{var a=c["currentPage"];1<a&&h(1,e)},f=e=>{var a=c["currentPage"],t=_.value;a<t&&h(t,e)},E=e=>{var a=c["currentPage"],t=_.value;1<a&&h(Math.min(t,Math.max(a-1,1)),e)},C=e=>{var a=c["currentPage"],t=_.value;a<t&&h(Math.min(t,a+1),e)},y=e=>{var a=P.value;h(Math.max(c.currentPage-a.length,1),e)},S=e=>{var a=_.value,t=P.value;h(Math.min(c.currentPage+t.length,a),e)},N=e=>{var a=e["value"],a=_xeUtils.default.toNumber(a),t=x(c.total,a);let r=c.currentPage;r>t&&(r=t,u("update:currentPage",t)),u("update:pageSize",a),s.dispatchEvent("page-change",{type:"size",pageSize:a,currentPage:r},e.$event)},k=e=>{var a=e["$event"];_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ENTER)?b(e):_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ARROW_UP)?(a.preventDefault(),C(a)):_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN)&&(a.preventDefault(),E(a))},z=()=>{var e=c["currentPage"],a=v.homePage||v["home-page"];return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":e<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.homePageTitle"),onClick:r},a?a({currentPage:e}):[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",c.iconHomePage||(0,_ui.getIcon)().PAGER_HOME]})])},J=()=>{var e=c["currentPage"],a=v.prevPage||v["prev-page"];return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":e<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevPageTitle"),onClick:E},a?a({currentPage:e}):[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",c.iconPrevPage||(0,_ui.getIcon)().PAGER_PREV_PAGE]})])},M=e=>{var a=c["currentPage"],t=v.jumpPrev||v["jump-prev"];return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":a<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevJumpTitle"),onClick:y},t?t({currentPage:a}):[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",c.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",c.iconJumpPrev||(0,_ui.getIcon)().PAGER_JUMP_PREV]})])},I=e=>{var a=c["currentPage"],t=v.jumpNext||v["jump-next"],r=_.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":r<=a}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextJumpTitle"),onClick:S},t?t({currentPage:a}):[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",c.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",c.iconJumpNext||(0,_ui.getIcon)().PAGER_JUMP_NEXT]})])},R=()=>{var e=c["currentPage"],a=v.nextPage||v["next-page"],t=_.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":t<=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextPageTitle"),onClick:C},a?a({currentPage:e}):[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",c.iconNextPage||(0,_ui.getIcon)().PAGER_NEXT_PAGE]})])},T=()=>{var e=c["currentPage"],a=v.endPage||v["end-page"],t=_.value;return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":t<=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.endPageTitle"),onClick:f},a?a({currentPage:e}):[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",c.iconEndPage||(0,_ui.getIcon)().PAGER_END]})])},j=e=>{const{currentPage:r,pagerCount:a}=c;var t=e?v.jumpNumber||v["jump-number"]:v.number;const u=[],n=_.value;var i=P.value,g=d.value,p=n>a,l=p&&r>g+1,o=p&&r<n-g;let s=1;return p&&(s=r>=n-g?Math.max(n-i.length+1,1):Math.max(r-g,1)),t?(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},t({numList:i,currentPage:r,pageCount:n,startNumber:s})):(e&&l&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>m(e,1)},"1"),M("span")),i.forEach((e,a)=>{const t=s+a;t<=n&&u.push((0,_vue.h)("button",{key:t,class:["vxe-pager--num-btn",{"is--active":r===t}],type:"button",onClick:e=>m(e,t)},""+t))}),e&&o&&u.push(I("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>m(e,n)},n)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u))},G=()=>j(!0),O=()=>{var{pageSize:e,pageSizePlacement:a,transfer:t}=c,r=v.sizes,u=l.value;return r?(0,_vue.h)("span",{class:"vxe-pager--sizes"},r({pageSize:e,options:u})):(0,_vue.h)(_select.default,{class:"vxe-pager--sizes",modelValue:e,placement:a,transfer:t,options:u,onChange:N})},A=e=>{var a=n["inpCurrPage"],t=e?v.fullJump||v["full-jump"]:v.jump,r=_.value;return(0,_vue.h)("span",{class:"vxe-pager--jump"},t?t({currentPage:a,pageCount:r}):[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},(0,_ui.getI18n)("vxe.pager.goto")):null,(0,_vue.h)(_input.default,{class:"vxe-pager--goto",modelValue:n.inpCurrPage,placeholder:(0,_ui.getI18n)("vxe.pager.gotoTitle"),align:"center",type:"integer",max:r,min:1,controls:!1,onKeydown:k,onBlur:b,"onUpdate:modelValue"(e){n.inpCurrPage=e}}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},(0,_ui.getI18n)("vxe.pager.pageClassifier")):null])},U=()=>A(!0),V=()=>{var e=c["currentPage"],a=v.pageCount||v["page-count"],t=_.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},a?a({currentPage:e,pageCount:t}):[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",t)])},q=()=>{var{currentPage:e,total:a}=c,t=v.total;return(0,_vue.h)("span",{class:"vxe-pager--total"},t?t({total:a,currentPage:e}):(0,_ui.getI18n)("vxe.pager.total",[a]))};s={dispatchEvent:(e,a,t)=>{u(e,(0,_ui.createEvent)(t,{$pager:o},a))},homePage(){return r(),(0,_vue.nextTick)()},endPage(){return f(),(0,_vue.nextTick)()},prevPage(){return E(),(0,_vue.nextTick)()},nextPage(){return C(),(0,_vue.nextTick)()},prevJump(){return y(),(0,_vue.nextTick)()},nextJump(){return S(),(0,_vue.nextTick)()}},a={handlePrevPage:E,handleNextPage:C,handlePrevJump:y,handleNextJump:S},Object.assign(o,s,a),(0,_vue.watch)(()=>c.currentPage,e=>{n.inpCurrPage=e});return o.renderVN=()=>{var{align:e,layouts:a,className:t}=c;const r=[];var u=i.value,n=_.value;return v.left&&r.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},v.left({$grid:g}))),a.forEach(e=>{let a;switch(e){case"Home":a=z;break;case"PrevJump":a=M;break;case"PrevPage":a=J;break;case"Number":a=j;break;case"JumpNumber":a=G;break;case"NextPage":a=R;break;case"NextJump":a=I;break;case"End":a=T;break;case"Sizes":a=O;break;case"FullJump":a=U;break;case"Jump":a=A;break;case"PageCount":a=V;break;case"Total":a=q}a?r.push(a()):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}),v.right&&r.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},v.right({$grid:g}))),(0,_vue.h)("div",{ref:p,class:["vxe-pager",t?_xeUtils.default.isFunction(t)?t({$pager:o}):t:"",{["size--"+u]:u,["align--"+e]:e,"is--border":c.border,"is--background":c.background,"is--perfect":c.perfect,"is--hidden":c.autoHidden&&1===n,"is--loading":c.loading}]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},r)])},o},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_select=_interopRequireDefault(require("../../select/src/select")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:()=>(0,_ui.getConfig)().pager.size||(0,_ui.getConfig)().size},layouts:{type:Array,default:()=>(0,_ui.getConfig)().pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:()=>(0,_ui.getConfig)().pager.pageSize||10},total:{type:Number,default:0},pagerCount:{type:Number,default:()=>(0,_ui.getConfig)().pager.pagerCount||7},pageSizes:{type:Array,default:()=>(0,_ui.getConfig)().pager.pageSizes||[10,15,20,50,100]},align:{type:String,default:()=>(0,_ui.getConfig)().pager.align},border:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.border},background:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.background},perfect:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.perfect},autoHidden:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.autoHidden},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.transfer},className:[String,Function],pageSizePlacement:{type:String,default:()=>(0,_ui.getConfig)().pager.pageSizePlacement},iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String,iconHomePage:String,iconEndPage:String},emits:["update:pageSize","update:currentPage","page-change"],setup(v,e){const{slots:_,emit:u}=e;var a=_xeUtils.default.uniqueId();const p=(0,_ui.useSize)(v)["computeSize"],g=(0,_vue.inject)("$xeGrid",null),n=(0,_vue.reactive)({inpCurrPage:v.currentPage}),i=(0,_vue.ref)(),t={refElem:i},m=(0,_vue.computed)(()=>c(v.total,v.pageSize)),d=(0,_vue.computed)(()=>{var e=v["pagerCount"],a=e<m.value?e-2:e,t=[];for(let e=0;e<a;e++)t.push(e);return t}),x=(0,_vue.computed)(()=>Math.floor((v.pagerCount-2)/2)),s=(0,_vue.computed)(()=>v.pageSizes.map(e=>_xeUtils.default.isNumber(e)?{value:e,label:""+(0,_ui.getI18n)("vxe.pager.pagesize",[e])}:Object.assign({value:"",label:""},e))),l={xID:a,props:v,context:e,getRefMaps:()=>t};let o={};const c=(e,a)=>Math.max(Math.ceil(e/a),1),P=(e,a)=>{u("update:currentPage",a),e&&a!==v.currentPage&&o.dispatchEvent("page-change",{type:"current",pageSize:v.pageSize,currentPage:a},e)},h=(e,a)=>{u("update:currentPage",e),a&&e!==v.currentPage&&o.dispatchEvent("page-change",{type:"current",pageSize:v.pageSize,currentPage:e},a)},b=e=>{var e=e["$event"],a=e.target,t=_xeUtils.default.toInteger(a.value),r=m.value,r=t<=0?1:r<=t?r:t,t=_xeUtils.default.toValueString(r);a.value=t,n.inpCurrPage=t,h(r,e)},r=e=>{var a=v["currentPage"];1<a&&h(1,e)},f=e=>{var a=v["currentPage"],t=m.value;a<t&&h(t,e)},E=e=>{var a=v["currentPage"],t=m.value;1<a&&h(Math.min(t,Math.max(a-1,1)),e)},C=e=>{var a=v["currentPage"],t=m.value;a<t&&h(Math.min(t,a+1),e)},y=e=>{var a=d.value;h(Math.max(v.currentPage-a.length,1),e)},S=e=>{var a=m.value,t=d.value;h(Math.min(v.currentPage+t.length,a),e)},k=e=>{var a=e["value"],a=_xeUtils.default.toNumber(a),t=c(v.total,a);let r=v.currentPage;r>t&&(r=t,u("update:currentPage",t)),u("update:pageSize",a),o.dispatchEvent("page-change",{type:"size",pageSize:a,currentPage:r},e.$event)},N=e=>{var a=e["$event"];_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ENTER)?b(e):_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ARROW_UP)?(a.preventDefault(),C(a)):_ui.globalEvents.hasKey(a,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN)&&(a.preventDefault(),E(a))},z=()=>{var e=v["currentPage"],a=_.home;return a?(0,_vue.h)("span",{class:"vxe-pager--custom-home-btn"},a({currentPage:e})):(0,_vue.h)("button",{class:["vxe-pager--home-btn",{"is--disabled":e<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.homePageTitle"),onClick:r},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",v.iconHomePage||(0,_ui.getIcon)().PAGER_HOME]})])},J=()=>{var e=v["currentPage"],a=_.prevPage||_["prev-page"];return a?(0,_vue.h)("span",{class:"vxe-pager--custom-prev-btn"},a({currentPage:e})):(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":e<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevPageTitle"),onClick:E},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",v.iconPrevPage||(0,_ui.getIcon)().PAGER_PREV_PAGE]})])},M=e=>{var a=v["currentPage"],t=_.prevJump||_["prev-jump"];return t?(0,_vue.h)("span",{class:"vxe-pager--custom-jump-prev"},t({currentPage:a})):(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":a<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevJumpTitle"),onClick:y},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",v.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",v.iconJumpPrev||(0,_ui.getIcon)().PAGER_JUMP_PREV]})])},I=e=>{var a=v["currentPage"],t=_.nextJump||_["next-jump"],r=m.value;return t?(0,_vue.h)("span",{class:"vxe-pager--custom-jump-next"},t({currentPage:a})):(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":r<=a}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextJumpTitle"),onClick:S},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",v.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",v.iconJumpNext||(0,_ui.getIcon)().PAGER_JUMP_NEXT]})])},R=()=>{var e=v["currentPage"],a=_.nextPage||_["next-page"],t=m.value;return a?(0,_vue.h)("span",{class:"vxe-pager--custom-next-btn"},a({currentPage:e})):(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":t<=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextPageTitle"),onClick:C},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",v.iconNextPage||(0,_ui.getIcon)().PAGER_NEXT_PAGE]})])},T=()=>{var e=v["currentPage"],a=_.end,t=m.value;return a?(0,_vue.h)("span",{class:"vxe-pager--custom-end-btn"},a({currentPage:e,pageCount:t})):(0,_vue.h)("button",{class:["vxe-pager--end-btn",{"is--disabled":t<=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.endPageTitle"),onClick:f},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",v.iconEndPage||(0,_ui.getIcon)().PAGER_END]})])},j=e=>{const{currentPage:r,pagerCount:a}=v;var t=e?_.numberJump||_["number-jump"]:_.number;const u=[],n=m.value;var p=d.value,g=x.value,i=n>a,s=i&&r>g+1,l=i&&r<n-g;const o=[];let c=1;return i&&(c=r>=n-g?Math.max(n-p.length+1,1):Math.max(r-g,1)),e&&s&&(o.push(1),u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>P(e,1)},"1"),M("span"))),p.forEach((e,a)=>{const t=c+a;t<=n&&(o.push(t),u.push((0,_vue.h)("button",{key:t,class:["vxe-pager--num-btn",{"is--active":r===t}],type:"button",onClick:e=>P(e,t)},""+t)))}),e&&l&&(o.push(n),u.push(I("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>P(e,n)},n))),t?(0,_vue.h)("span",{class:"vxe-pager--custom-btn-wrapper"},t({numList:o,currentPage:r,pageCount:n})):(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},G=()=>j(!0),O=()=>{var{pageSize:e,pageSizePlacement:a,transfer:t}=v,r=_.sizes,u=s.value;return r?(0,_vue.h)("span",{class:"vxe-pager--custom-sizes"},r({pageSize:e,options:u})):(0,_vue.h)(_select.default,{class:"vxe-pager--sizes",modelValue:e,placement:a,transfer:t,options:u,onChange:k})},A=e=>{var a=n["inpCurrPage"],t=e?_.fullJump||_["full-jump"]:_.jump,r=m.value;return t?(0,_vue.h)("span",{class:"vxe-pager--custom-jump"},t({currentPage:a,pageCount:r})):(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},(0,_ui.getI18n)("vxe.pager.goto")):null,(0,_vue.h)(_input.default,{class:"vxe-pager--goto",modelValue:n.inpCurrPage,placeholder:(0,_ui.getI18n)("vxe.pager.gotoTitle"),align:"center",type:"integer",max:r,min:1,controls:!1,onKeydown:N,onBlur:b,"onUpdate:modelValue"(e){n.inpCurrPage=e}}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},(0,_ui.getI18n)("vxe.pager.pageClassifier")):null])},U=()=>A(!0),V=()=>{var e=v["currentPage"],a=_.pageCount||_["page-count"],t=m.value;return a?(0,_vue.h)("span",{class:"vxe-pager--custom-count"},a({currentPage:e,pageCount:t})):(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",t)])},q=()=>{var{currentPage:e,total:a}=v,t=_.total;return t?(0,_vue.h)("span",{class:"vxe-pager--custom-total"},t({total:a,currentPage:e})):(0,_vue.h)("span",{class:"vxe-pager--total"},(0,_ui.getI18n)("vxe.pager.total",[a]))};o={dispatchEvent:(e,a,t)=>{u(e,(0,_ui.createEvent)(t,{$pager:l},a))},homePage(){return r(),(0,_vue.nextTick)()},endPage(){return f(),(0,_vue.nextTick)()},prevPage(){return E(),(0,_vue.nextTick)()},nextPage(){return C(),(0,_vue.nextTick)()},prevJump(){return y(),(0,_vue.nextTick)()},nextJump(){return S(),(0,_vue.nextTick)()}},a={handlePrevPage:E,handleNextPage:C,handlePrevJump:y,handleNextJump:S},Object.assign(l,o,a),(0,_vue.watch)(()=>v.currentPage,e=>{n.inpCurrPage=e});return l.renderVN=()=>{var{align:e,layouts:a,className:t}=v;const r=[];var u=p.value,n=m.value;return _.left&&r.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},_.left({$grid:g}))),a.forEach(e=>{let a;switch(e){case"Home":a=z;break;case"PrevJump":a=M;break;case"PrevPage":a=J;break;case"Number":a=j;break;case"JumpNumber":a=G;break;case"NextPage":a=R;break;case"NextJump":a=I;break;case"End":a=T;break;case"Sizes":a=O;break;case"FullJump":a=U;break;case"Jump":a=A;break;case"PageCount":a=V;break;case"Total":a=q}a?r.push(a()):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}),_.right&&r.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},_.right({$grid:g}))),(0,_vue.h)("div",{ref:i,class:["vxe-pager",t?_xeUtils.default.isFunction(t)?t({$pager:l}):t:"",{["size--"+u]:u,["align--"+e]:e,"is--border":v.border,"is--background":v.background,"is--perfect":v.perfect,"is--hidden":v.autoHidden&&1===n,"is--loading":v.loading}]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},r)])},l},render(){return this.renderVN()}});

package/lib/pager/style/style.css

@@ -30,6 +30,8 @@
           user-select: none;
   background-color: var(--vxe-ui-loading-background-color);
 }
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--next-btn,
 .vxe-pager .vxe-pager--num-btn,
@@ -41,6 +43,8 @@
   border: 1px solid transparent;
   font-size: inherit;
 }
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
 .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,
@@ -48,6 +52,8 @@
 .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus {
   box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
 }
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,
@@ -55,6 +61,8 @@
 .vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover {
   color: var(--vxe-ui-font-primary-lighten-color);
 }
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,
@@ -62,22 +70,30 @@
 .vxe-pager .vxe-pager--jump-next:not(.is--disabled):active {
   background-color: #fff;
 }
+.vxe-pager.is--border:not(.is--background) .vxe-pager--home-btn,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--end-btn,
 .vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,
 .vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,
 .vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,
 .vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,
-.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn,
+.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--home-btn,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--end-btn,
+.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn,
 .vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,
 .vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,
 .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,
 .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next {
   border-color: var(--vxe-ui-input-border-color);
 }
+.vxe-pager.is--background .vxe-pager--home-btn,
+.vxe-pager.is--background .vxe-pager--end-btn,
 .vxe-pager.is--background .vxe-pager--prev-btn,
 .vxe-pager.is--background .vxe-pager--next-btn,
 .vxe-pager.is--background .vxe-pager--jump-prev,
 .vxe-pager.is--background .vxe-pager--num-btn,
-.vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--prev-btn,
+.vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--home-btn,
+.vxe-pager.is--perfect .vxe-pager--end-btn,
+.vxe-pager.is--perfect .vxe-pager--prev-btn,
 .vxe-pager.is--perfect .vxe-pager--next-btn,
 .vxe-pager.is--perfect .vxe-pager--jump-prev,
 .vxe-pager.is--perfect .vxe-pager--num-btn,
@@ -135,6 +151,8 @@
 .vxe-pager .vxe-pager--left-wrapper,
 .vxe-pager .vxe-pager--right-wrapper,
 .vxe-pager .vxe-pager--total,
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--next-btn,
 .vxe-pager .vxe-pager--jump,
@@ -146,6 +164,8 @@
   vertical-align: middle;
   display: inline-block;
 }
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--jump-prev,
 .vxe-pager .vxe-pager--num-btn,
@@ -157,6 +177,8 @@
 .vxe-pager .vxe-pager--left-wrapper,
 .vxe-pager .vxe-pager--right-wrapper,
 .vxe-pager .vxe-pager--count,
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--next-btn,
 .vxe-pager .vxe-pager--jump-prev,
@@ -170,6 +192,8 @@
   text-align: center;
 }
 .vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--next-btn,
 .vxe-pager .vxe-pager--jump-next,
@@ -195,6 +219,8 @@
   display: none;
 }
 .vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--home-btn,
+.vxe-pager .vxe-pager--end-btn,
 .vxe-pager .vxe-pager--prev-btn,
 .vxe-pager .vxe-pager--next-btn,
 .vxe-pager .vxe-pager--jump-next,
@@ -208,6 +234,8 @@
   background-color: var(--vxe-ui-layout-background-color);
 }
 .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,
 .vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,
@@ -215,6 +243,10 @@
   color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,
@@ -226,6 +258,8 @@
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
+.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,
+.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,
 .vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,
@@ -233,6 +267,8 @@
   color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-pager .vxe-pager--jump-prev.is--disabled,
+.vxe-pager .vxe-pager--home-btn.is--disabled,
+.vxe-pager .vxe-pager--end-btn.is--disabled,
 .vxe-pager .vxe-pager--prev-btn.is--disabled,
 .vxe-pager .vxe-pager--next-btn.is--disabled,
 .vxe-pager .vxe-pager--jump-next.is--disabled,
@@ -241,6 +277,8 @@
   color: var(--vxe-ui-font-disabled-color);
 }
 .vxe-pager .vxe-pager--jump-prev.is--disabled:hover,
+.vxe-pager .vxe-pager--home-btn.is--disabled:hover,
+.vxe-pager .vxe-pager--end-btn.is--disabled:hover,
 .vxe-pager .vxe-pager--prev-btn.is--disabled:hover,
 .vxe-pager .vxe-pager--next-btn.is--disabled:hover,
 .vxe-pager .vxe-pager--jump-next.is--disabled:hover,

package/lib/pager/style/style.min.css

@@ -1 +1 @@
-.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:right;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-ui-input-border-color);border-top-width:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-ui-base-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:9em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:4em}.vxe-pager{font-size:var(--vxe-ui-font-size-default);height:48px}.vxe-pager.size--medium{font-size:var(--vxe-ui-font-size-medium);height:44px}.vxe-pager.size--small{font-size:var(--vxe-ui-font-size-small);height:40px}.vxe-pager.size--mini{font-size:var(--vxe-ui-font-size-mini);height:36px}
+.vxe-pager{position:relative;display:flex;align-items:center;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);text-align:right;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent;font-size:inherit}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{box-shadow:0 0 .25em 0 var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#fff}.vxe-pager.is--border:not(.is--background) .vxe-pager--end-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--home-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--end-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--home-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:var(--vxe-ui-input-border-color)}.vxe-pager.is--background .vxe-pager--end-btn,.vxe-pager.is--background .vxe-pager--home-btn,.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--end-btn,.vxe-pager.is--perfect .vxe-pager--home-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager.is--perfect{border:1px solid var(--vxe-ui-input-border-color);border-top-width:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--wrapper{flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--end-btn,.vxe-pager .vxe-pager--home-btn,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:var(--vxe-ui-base-border-radius);margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-layout-background-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--end-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--home-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-color)}.vxe-pager .vxe-pager--end-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--home-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-pager .vxe-pager--end-btn.is--disabled,.vxe-pager .vxe-pager--home-btn.is--disabled,.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--end-btn.is--disabled:hover,.vxe-pager .vxe-pager--home-btn.is--disabled:hover,.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:var(--vxe-ui-font-disabled-color)}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:9em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:4em}.vxe-pager{font-size:var(--vxe-ui-font-size-default);height:48px}.vxe-pager.size--medium{font-size:var(--vxe-ui-font-size-medium);height:44px}.vxe-pager.size--small{font-size:var(--vxe-ui-font-size-small);height:40px}.vxe-pager.size--mini{font-size:var(--vxe-ui-font-size-mini);height:36px}