vxe-table 4.3.5 → 4.3.6

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")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_event=require("../../tools/event"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},_default2=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:function(){return _conf.default.pager.size||_conf.default.size}},layouts:{type:Array,default:function(){return _conf.default.pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]}},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:function(){return _conf.default.pager.pageSize||10}},total:{type:Number,default:0},pagerCount:{type:Number,default:function(){return _conf.default.pager.pagerCount||7}},pageSizes:{type:Array,default:function(){return _conf.default.pager.pageSizes||[10,15,20,50,100]}},align:{type:String,default:function(){return _conf.default.pager.align}},border:{type:Boolean,default:function(){return _conf.default.pager.border}},background:{type:Boolean,default:function(){return _conf.default.pager.background}},perfect:{type:Boolean,default:function(){return _conf.default.pager.perfect}},autoHidden:{type:Boolean,default:function(){return _conf.default.pager.autoHidden}},transfer:{type:Boolean,default:function(){return _conf.default.pager.transfer}},className:[String,Function],iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String},emits:["update:pageSize","update:currentPage","page-change"],setup:function(l,e){function t(e,t){return Math.max(Math.ceil(e/t),1)}function u(e,t){a("update:currentPage",e),t&&e!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:e},t)}function i(){return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevPage"),onClick:z},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconPrevPage||_conf.default.icon.PAGER_PREV_PAGE]})])}function o(){var e=b.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":l.currentPage>=e}],type:"button",title:_conf.default.i18n("vxe.pager.nextPage"),onClick:J},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconNextPage||_conf.default.icon.PAGER_NEXT_PAGE]})])}function c(){return O(!0)}function p(){var e=k.value;return(0,_vue.h)((0,_vue.resolveComponent)("vxe-select"),{class:"vxe-pager--sizes",modelValue:l.pageSize,placement:"top",transfer:l.transfer,options:e,onChange:R})}function s(){return V(!0)}function f(){var e=b.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])}function v(){return(0,_vue.h)("span",{class:"vxe-pager--total"},_conf.default.i18n("vxe.pager.total",[l.total]))}var g=e.slots,a=e.emit,n=_xeUtils.default.uniqueId(),_=(0,_size.useSize)(l),d=(0,_vue.inject)("$xegrid",null),r=(0,_vue.reactive)({inpCurrPage:l.currentPage}),x=(0,_vue.ref)(),h={refElem:x},P={xID:n,props:l,context:e,getRefMaps:function(){return h}},m={},b=(0,_vue.computed)(function(){return t(l.total,l.pageSize)}),y=function(e,t){a("update:currentPage",t),e&&t!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:t},e)},E=function(e){var t=e.target,n=_xeUtils.default.toNumber(t.value),a=b.value,n=n<=0?1:a<=n?a:n;t.value=_xeUtils.default.toValueString(n),u(n,e)},N=(0,_vue.computed)(function(){for(var e=l.pagerCount,t=e<b.value?e-2:e,n=[],a=0;a<t;a++)n.push(a);return n}),S=(0,_vue.computed)(function(){return Math.floor((l.pagerCount-2)/2)}),k=(0,_vue.computed)(function(){return l.pageSizes.map(function(e){return _xeUtils.default.isNumber(e)?{value:e,label:"".concat(_conf.default.i18n("vxe.pager.pagesize",[e]))}:__assign({value:"",label:""},e)})}),z=function(e){var t=l.currentPage,n=b.value;1<t&&u(Math.min(n,Math.max(t-1,1)),e)},J=function(e){var t=l.currentPage,n=b.value;t<n&&u(Math.min(n,t+1),e)},M=function(e){var t=N.value;u(Math.max(l.currentPage-t.length,1),e)},C=function(e){var t=b.value,n=N.value;u(Math.min(l.currentPage+n.length,t),e)},R=function(e){e=e.value,e=_xeUtils.default.toNumber(e);a("update:pageSize",e),m.dispatchEvent("page-change",{type:"size",pageSize:e,currentPage:Math.min(l.currentPage,t(l.total,e))})},j=function(e){e=e.target;r.inpCurrPage=e.value},A=function(e){(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)?E(e):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)?(e.preventDefault(),J(e)):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)&&(e.preventDefault(),z(e))},T=function(e){return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevJump"),onClick:M},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpPrev||_conf.default.icon.PAGER_JUMP_PREV]})])},U=function(e){var t=b.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":l.currentPage>=t}],type:"button",title:_conf.default.i18n("vxe.pager.nextJump"),onClick:C},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpNext||_conf.default.icon.PAGER_JUMP_NEXT]})])},O=function(e){var a=l.currentPage,t=l.pagerCount,u=[],r=b.value,n=N.value,i=S.value,o=t<r,c=o&&i+1<a,t=o&&a<r-i,p=1;return o&&(p=r-i<=a?Math.max(r-n.length+1,1):Math.max(a-i,1)),e&&c&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,1)}},1),T("span")),n.forEach(function(e,t){var n=p+t;n<=r&&u.push((0,_vue.h)("button",{key:n,class:["vxe-pager--num-btn",{"is--active":a===n}],type:"button",onClick:function(e){return y(e,n)}},n))}),e&&t&&u.push(U("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,r)}},r)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},V=function(e){return(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},_conf.default.i18n("vxe.pager.goto")):null,(0,_vue.h)("input",{class:"vxe-pager--goto",value:r.inpCurrPage,type:"text",autocomplete:"off",onInput:j,onKeydown:A,onBlur:E}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},_conf.default.i18n("vxe.pager.pageClassifier")):null])},m={dispatchEvent:function(e,t,n){a(e,Object.assign({$pager:P,$event:n},t))},prevPage:function(){return z(),(0,_vue.nextTick)()},nextPage:function(){return J(),(0,_vue.nextTick)()},prevJump:function(){return M(),(0,_vue.nextTick)()},nextJump:function(){return C(),(0,_vue.nextTick)()}};Object.assign(P,m,{handlePrevPage:z,handleNextPage:J,handlePrevJump:M,handleNextJump:C}),(0,_vue.watch)(function(){return l.currentPage},function(e){r.inpCurrPage=e});return P.renderVN=function(){var e=l.align,t=l.layouts,n=l.className,a=[],u=_.value,r=b.value;return g.left&&a.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},g.left({$grid:d}))),t.forEach(function(e){var t;switch(e){case"PrevPage":t=i;break;case"PrevJump":t=T;break;case"Number":t=O;break;case"JumpNumber":t=c;break;case"NextJump":t=U;break;case"NextPage":t=o;break;case"Sizes":t=p;break;case"FullJump":t=s;break;case"Jump":t=V;break;case"PageCount":t=f;break;case"Total":t=v}t&&a.push(t())}),g.right&&a.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},g.right({$grid:d}))),(0,_vue.h)("div",{ref:x,class:["vxe-pager",n?_xeUtils.default.isFunction(n)?n({$pager:P}):n:"",((n={})["size--".concat(u)]=u,n["align--".concat(e)]=e,n["is--border"]=l.border,n["is--background"]=l.background,n["is--perfect"]=l.perfect,n["is--hidden"]=l.autoHidden&&1===r,n["is--loading"]=l.loading,n)]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},a)])},P},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_event=require("../../tools/event"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},_default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:function(){return _conf.default.pager.size||_conf.default.size}},layouts:{type:Array,default:function(){return _conf.default.pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]}},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:function(){return _conf.default.pager.pageSize||10}},total:{type:Number,default:0},pagerCount:{type:Number,default:function(){return _conf.default.pager.pagerCount||7}},pageSizes:{type:Array,default:function(){return _conf.default.pager.pageSizes||[10,15,20,50,100]}},align:{type:String,default:function(){return _conf.default.pager.align}},border:{type:Boolean,default:function(){return _conf.default.pager.border}},background:{type:Boolean,default:function(){return _conf.default.pager.background}},perfect:{type:Boolean,default:function(){return _conf.default.pager.perfect}},autoHidden:{type:Boolean,default:function(){return _conf.default.pager.autoHidden}},transfer:{type:Boolean,default:function(){return _conf.default.pager.transfer}},className:[String,Function],iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String},emits:["update:pageSize","update:currentPage","page-change"],setup:function(l,e){function t(e,t){return Math.max(Math.ceil(e/t),1)}function u(e,t){a("update:currentPage",e),t&&e!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:e},t)}function i(){return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevPage"),onClick:z},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconPrevPage||_conf.default.icon.PAGER_PREV_PAGE]})])}function o(){var e=b.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":l.currentPage>=e}],type:"button",title:_conf.default.i18n("vxe.pager.nextPage"),onClick:J},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",l.iconNextPage||_conf.default.icon.PAGER_NEXT_PAGE]})])}function c(){return T(!0)}function p(){var e=k.value;return(0,_vue.h)((0,_vue.resolveComponent)("vxe-select"),{class:"vxe-pager--sizes",modelValue:l.pageSize,placement:"top",transfer:l.transfer,options:e,onChange:R})}function s(){return U(!0)}function f(){var e=b.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])}function v(){return(0,_vue.h)("span",{class:"vxe-pager--total"},_conf.default.i18n("vxe.pager.total",[l.total]))}var g=e.slots,a=e.emit,n=_xeUtils.default.uniqueId(),_=(0,_size.useSize)(l),d=(0,_vue.inject)("$xegrid",null),r=(0,_vue.reactive)({inpCurrPage:l.currentPage}),x=(0,_vue.ref)(),h={refElem:x},P={xID:n,props:l,context:e,getRefMaps:function(){return h}},m={},b=(0,_vue.computed)(function(){return t(l.total,l.pageSize)}),y=function(e,t){a("update:currentPage",t),e&&t!==l.currentPage&&m.dispatchEvent("page-change",{type:"current",pageSize:l.pageSize,currentPage:t},e)},E=function(e){var t=e.target,n=_xeUtils.default.toNumber(t.value),a=b.value,a=n<=0?1:a<=n?a:n;t.value=_xeUtils.default.toValueString(a),u(a,e)},N=(0,_vue.computed)(function(){for(var e=l.pagerCount,t=e<b.value?e-2:e,n=[],a=0;a<t;a++)n.push(a);return n}),S=(0,_vue.computed)(function(){return Math.floor((l.pagerCount-2)/2)}),k=(0,_vue.computed)(function(){return l.pageSizes.map(function(e){return _xeUtils.default.isNumber(e)?{value:e,label:"".concat(_conf.default.i18n("vxe.pager.pagesize",[e]))}:__assign({value:"",label:""},e)})}),z=function(e){var t=l.currentPage,n=b.value;1<t&&u(Math.min(n,Math.max(t-1,1)),e)},J=function(e){var t=l.currentPage,n=b.value;t<n&&u(Math.min(n,t+1),e)},M=function(e){var t=N.value;u(Math.max(l.currentPage-t.length,1),e)},C=function(e){var t=b.value,n=N.value;u(Math.min(l.currentPage+n.length,t),e)},R=function(e){e=e.value,e=_xeUtils.default.toNumber(e);a("update:pageSize",e),m.dispatchEvent("page-change",{type:"size",pageSize:e,currentPage:Math.min(l.currentPage,t(l.total,e))})},O=function(e){e=e.target;r.inpCurrPage=e.value},V=function(e){(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)?E(e):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_UP)?(e.preventDefault(),J(e)):(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ARROW_DOWN)&&(e.preventDefault(),z(e))},j=function(e){return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":l.currentPage<=1}],type:"button",title:_conf.default.i18n("vxe.pager.prevJump"),onClick:M},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpPrev||_conf.default.icon.PAGER_JUMP_PREV]})])},A=function(e){var t=b.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":l.currentPage>=t}],type:"button",title:_conf.default.i18n("vxe.pager.nextJump"),onClick:C},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",l.iconJumpMore||_conf.default.icon.PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",l.iconJumpNext||_conf.default.icon.PAGER_JUMP_NEXT]})])},T=function(e){var a=l.currentPage,t=l.pagerCount,u=[],r=b.value,n=N.value,i=S.value,t=t<r,o=t&&i+1<a,c=t&&a<r-i,p=1;return t&&(p=r-i<=a?Math.max(r-n.length+1,1):Math.max(a-i,1)),e&&o&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,1)}},1),j("span")),n.forEach(function(e,t){var n=p+t;n<=r&&u.push((0,_vue.h)("button",{key:n,class:["vxe-pager--num-btn",{"is--active":a===n}],type:"button",onClick:function(e){return y(e,n)}},n))}),e&&c&&u.push(A("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:function(e){return y(e,r)}},r)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},U=function(e){return(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},_conf.default.i18n("vxe.pager.goto")):null,(0,_vue.h)("input",{class:"vxe-pager--goto",value:r.inpCurrPage,type:"text",autocomplete:"off",onInput:O,onKeydown:V,onBlur:E}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},_conf.default.i18n("vxe.pager.pageClassifier")):null])},m={dispatchEvent:function(e,t,n){a(e,Object.assign({$pager:P,$event:n},t))},prevPage:function(){return z(),(0,_vue.nextTick)()},nextPage:function(){return J(),(0,_vue.nextTick)()},prevJump:function(){return M(),(0,_vue.nextTick)()},nextJump:function(){return C(),(0,_vue.nextTick)()}};Object.assign(P,m,{handlePrevPage:z,handleNextPage:J,handlePrevJump:M,handleNextJump:C}),(0,_vue.watch)(function(){return l.currentPage},function(e){r.inpCurrPage=e});return P.renderVN=function(){var e=l.align,t=l.layouts,n=l.className,a=[],u=_.value,r=b.value;return g.left&&a.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},g.left({$grid:d}))),t.forEach(function(e){var t;switch(e){case"PrevPage":t=i;break;case"PrevJump":t=j;break;case"Number":t=T;break;case"JumpNumber":t=c;break;case"NextJump":t=A;break;case"NextPage":t=o;break;case"Sizes":t=p;break;case"FullJump":t=s;break;case"Jump":t=U;break;case"PageCount":t=f;break;case"Total":t=v}t&&a.push(t())}),g.right&&a.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},g.right({$grid:d}))),(0,_vue.h)("div",{ref:x,class:["vxe-pager",n?_xeUtils.default.isFunction(n)?n({$pager:P}):n:"",((t={})["size--".concat(u)]=u,t["align--".concat(e)]=e,t["is--border"]=l.border,t["is--background"]=l.background,t["is--perfect"]=l.perfect,t["is--hidden"]=l.autoHidden&&1===r,t["is--loading"]=l.loading,t)]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},a)])},P},render:function(){return this.renderVN()}});exports.default=_default;

package/lib/pager/style/style.css

@@ -31,263 +31,313 @@
   color: #606266;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   text-align: right;
-  background-color: #fff; }
-  .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;
-        -ms-user-select: none;
-            user-select: none;
-    background-color: rgba(255, 255, 255, 0.5); }
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--next-btn,
-  .vxe-pager .vxe-pager--num-btn,
-  .vxe-pager .vxe-pager--jump-prev,
-  .vxe-pager .vxe-pager--jump-next {
-    color: inherit;
-    outline: 0;
-    padding: 0;
-    border: 1px solid transparent; }
-    .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,
-    .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
-    .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus {
-      box-shadow: 0 0 0.25em 0 #409eff; }
-    .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,
-    .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
-    .vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover {
-      color: #5faeff; }
-    .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,
-    .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
-    .vxe-pager .vxe-pager--jump-next:not(.is--disabled):active {
-      background-color: #f7f7f7; }
-  .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--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: #dcdfe6; }
-  .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--perfect .vxe-pager--next-btn,
-  .vxe-pager.is--perfect .vxe-pager--jump-prev,
-  .vxe-pager.is--perfect .vxe-pager--num-btn,
-  .vxe-pager.is--perfect .vxe-pager--jump-next {
-    background-color: #f4f4f5; }
-  .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--background .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,
-  .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active {
-    color: #fff;
-    background-color: #409eff; }
-    .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--background .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,
-    .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover {
-      background-color: #5faeff; }
-    .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--background .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,
-    .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus {
-      border-color: #409eff; }
-    .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--background .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,
-    .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active {
-      border-color: #3196ff;
-      background-color: #3196ff; }
-  .vxe-pager.is--perfect {
-    border: 1px solid #e8eaec;
-    border-top-width: 0;
-    background-color: #fff; }
-  .vxe-pager.is--border .vxe-pager--num-btn.is--active {
-    border-color: #409eff; }
-  .vxe-pager .vxe-pager--wrapper {
-    flex-grow: 1; }
-  .vxe-pager .vxe-pager--jump-icon,
-  .vxe-pager .vxe-pager--btn-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%); }
-  .vxe-pager .vxe-pager--left-wrapper,
-  .vxe-pager .vxe-pager--right-wrapper,
-  .vxe-pager .vxe-pager--total,
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--next-btn,
-  .vxe-pager .vxe-pager--jump,
-  .vxe-pager .vxe-pager--jump-prev,
-  .vxe-pager .vxe-pager--jump-next,
-  .vxe-pager .vxe-pager--count,
-  .vxe-pager .vxe-pager--sizes {
-    margin: 0 0.4em;
-    vertical-align: middle;
-    display: inline-block; }
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--jump-prev,
-  .vxe-pager .vxe-pager--num-btn,
-  .vxe-pager .vxe-pager--jump-next,
-  .vxe-pager .vxe-pager--next-btn {
-    position: relative;
-    cursor: pointer; }
-  .vxe-pager .vxe-pager--left-wrapper,
-  .vxe-pager .vxe-pager--right-wrapper,
-  .vxe-pager .vxe-pager--count,
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--next-btn,
-  .vxe-pager .vxe-pager--jump-prev,
-  .vxe-pager .vxe-pager--num-btn,
-  .vxe-pager .vxe-pager--jump-next {
-    height: 2.15em;
-    line-height: 2em;
-    display: inline-block; }
-  .vxe-pager .vxe-pager--jump .vxe-pager--goto,
-  .vxe-pager .vxe-pager--sizes > .vxe-input {
-    height: 2.15em;
-    line-height: 2.15em; }
-  .vxe-pager .vxe-pager--sizes > .vxe-select--panel .vxe-select-option {
-    text-align: center; }
-  .vxe-pager .vxe-pager--jump-prev,
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--next-btn,
-  .vxe-pager .vxe-pager--jump-next,
-  .vxe-pager .vxe-pager--num-btn,
-  .vxe-pager .vxe-pager--count {
-    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-prev:hover .vxe-pager--jump-more-icon,
-    .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon {
-      display: none; }
-    .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon,
-    .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next: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-prev,
-  .vxe-pager .vxe-pager--prev-btn,
-  .vxe-pager .vxe-pager--next-btn,
-  .vxe-pager .vxe-pager--jump-next,
-  .vxe-pager .vxe-pager--num-btn {
-    text-align: center;
-    border-radius: 4px;
-    margin: 0 0.25em;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    background-color: #fff; }
-    .vxe-pager .vxe-pager--jump-prev: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,
-    .vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover {
-      color: #5faeff; }
-    .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--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,
-    .vxe-pager .vxe-pager--next-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--num-btn:not(.is--disabled).is--active,
-    .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus {
-      color: #409eff; }
-    .vxe-pager .vxe-pager--jump-prev: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,
-    .vxe-pager .vxe-pager--num-btn:not(.is--disabled):active {
-      color: #3196ff; }
-    .vxe-pager .vxe-pager--jump-prev.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,
-    .vxe-pager .vxe-pager--num-btn.is--disabled {
-      cursor: no-drop;
-      color: #BFBFBF; }
-      .vxe-pager .vxe-pager--jump-prev.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,
-      .vxe-pager .vxe-pager--num-btn.is--disabled:hover {
-        color: #BFBFBF; }
-  .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: 7em;
-    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: 0.2em; }
-      .vxe-pager .vxe-pager--count .vxe-pager--separator:before {
-        content: "/"; }
-  .vxe-pager .vxe-pager--jump .vxe-pager--goto {
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    color: #606266;
-    transition: border .2s ease-in-out;
-    padding: 0 0.4em;
-    background-color: #fff; }
-    .vxe-pager .vxe-pager--jump .vxe-pager--goto:focus {
-      border: 1px solid #409eff;
-      outline: 0; }
-  .vxe-pager .vxe-pager--jump .vxe-pager--goto-text {
-    margin-right: 0.25em; }
-  .vxe-pager .vxe-pager--jump .vxe-pager--classifier-text {
-    margin-left: 0.25em; }
-  .vxe-pager .vxe-pager--jump .vxe-pager--goto {
-    width: 3.2em;
-    text-align: center; }
+  background-color: #fff;
+}
+.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: rgba(255, 255, 255, 0.5);
+}
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--jump-next {
+  color: inherit;
+  outline: 0;
+  padding: 0;
+  border: 1px solid transparent;
+}
+.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,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus {
+  box-shadow: 0 0 0.25em 0 #409eff;
+}
+.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,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover {
+  color: #5faeff;
+}
+.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,
+.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,
+.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active {
+  background-color: #f7f7f7;
+}
+.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--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: #dcdfe6;
+}
+.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--perfect .vxe-pager--next-btn,
+.vxe-pager.is--perfect .vxe-pager--jump-prev,
+.vxe-pager.is--perfect .vxe-pager--num-btn,
+.vxe-pager.is--perfect .vxe-pager--jump-next {
+  background-color: #f4f4f5;
+}
+.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--background .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,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active {
+  color: #fff;
+  background-color: #409eff;
+}
+.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--background .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,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover {
+  background-color: #5faeff;
+}
+.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--background .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,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus {
+  border-color: #409eff;
+}
+.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--background .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,
+.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active {
+  border-color: #3196ff;
+  background-color: #3196ff;
+}
+.vxe-pager.is--perfect {
+  border: 1px solid #e8eaec;
+  border-top-width: 0;
+  background-color: #fff;
+}
+.vxe-pager.is--border .vxe-pager--num-btn.is--active {
+  border-color: #409eff;
+}
+.vxe-pager .vxe-pager--wrapper {
+  flex-grow: 1;
+}
+.vxe-pager .vxe-pager--jump-icon,
+.vxe-pager .vxe-pager--btn-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.vxe-pager .vxe-pager--left-wrapper,
+.vxe-pager .vxe-pager--right-wrapper,
+.vxe-pager .vxe-pager--total,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--count,
+.vxe-pager .vxe-pager--sizes {
+  margin: 0 0.4em;
+  vertical-align: middle;
+  display: inline-block;
+}
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--next-btn {
+  position: relative;
+  cursor: pointer;
+}
+.vxe-pager .vxe-pager--left-wrapper,
+.vxe-pager .vxe-pager--right-wrapper,
+.vxe-pager .vxe-pager--count,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--jump-next {
+  height: 2.15em;
+  line-height: 2em;
+  display: inline-block;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto,
+.vxe-pager .vxe-pager--sizes > .vxe-input {
+  height: 2.15em;
+  line-height: 2.15em;
+}
+.vxe-pager .vxe-pager--sizes > .vxe-select--panel .vxe-select-option {
+  text-align: center;
+}
+.vxe-pager .vxe-pager--jump-prev,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--num-btn,
+.vxe-pager .vxe-pager--count {
+  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-prev:hover .vxe-pager--jump-more-icon,
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon {
+  display: none;
+}
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon,
+.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next: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-prev,
+.vxe-pager .vxe-pager--prev-btn,
+.vxe-pager .vxe-pager--next-btn,
+.vxe-pager .vxe-pager--jump-next,
+.vxe-pager .vxe-pager--num-btn {
+  text-align: center;
+  border-radius: 4px;
+  margin: 0 0.25em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  background-color: #fff;
+}
+.vxe-pager .vxe-pager--jump-prev: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,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover {
+  color: #5faeff;
+}
+.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--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,
+.vxe-pager .vxe-pager--next-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--num-btn:not(.is--disabled).is--active,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus {
+  color: #409eff;
+}
+.vxe-pager .vxe-pager--jump-prev: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,
+.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active {
+  color: #3196ff;
+}
+.vxe-pager .vxe-pager--jump-prev.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,
+.vxe-pager .vxe-pager--num-btn.is--disabled {
+  cursor: no-drop;
+  color: #BFBFBF;
+}
+.vxe-pager .vxe-pager--jump-prev.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,
+.vxe-pager .vxe-pager--num-btn.is--disabled:hover {
+  color: #BFBFBF;
+}
+.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: 7em;
+  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: 0.2em;
+}
+.vxe-pager .vxe-pager--count .vxe-pager--separator:before {
+  content: "/";
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto {
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  color: #606266;
+  transition: border 0.2s ease-in-out;
+  padding: 0 0.4em;
+  background-color: #fff;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus {
+  border: 1px solid #409eff;
+  outline: 0;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto-text {
+  margin-right: 0.25em;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text {
+  margin-left: 0.25em;
+}
+.vxe-pager .vxe-pager--jump .vxe-pager--goto {
+  width: 3.2em;
+  text-align: center;
+}
 
 .vxe-pager {
   font-size: 14px;
-  height: 48px; }
-  .vxe-pager.size--medium {
-    font-size: 14px;
-    height: 44px; }
-  .vxe-pager.size--small {
-    font-size: 13px;
-    height: 40px; }
-  .vxe-pager.size--mini {
-    font-size: 12px;
-    height: 36px; }
+  height: 48px;
+}
+.vxe-pager.size--medium {
+  font-size: 14px;
+  height: 44px;
+}
+.vxe-pager.size--small {
+  font-size: 13px;
+  height: 40px;
+}
+.vxe-pager.size--mini {
+  font-size: 12px;
+  height: 36px;
+}