vxe-pc-ui 1.9.20 → 1.9.21

package/lib/pager/src/pager.js

@@ -79,6 +79,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       default: () => (0, _ui.getConfig)().pager.transfer
     },
     className: [String, Function],
+    pageSizePlacement: {
+      type: String,
+      default: () => (0, _ui.getConfig)().pager.pageSizePlacement
+    },
     // 自定义图标
     iconPrevPage: String,
     iconJumpPrev: String,
@@ -317,9 +321,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     // 下一页
     const renderNextPage = () => {
+      const pageCount = computePageCount.value;
       return (0, _vue.h)('button', {
         class: ['vxe-pager--next-btn', {
-          'is--disabled': props.currentPage <= 1
+          'is--disabled': props.currentPage >= pageCount
         }],
         type: 'button',
         title: (0, _ui.getI18n)('vxe.pager.nextPageTitle'),
@@ -404,7 +409,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return (0, _vue.h)(_select.default, {
         class: 'vxe-pager--sizes',
         modelValue: props.pageSize,
-        placement: 'top',
+        placement: props.pageSizePlacement,
         transfer: props.transfer,
         options: sizeList,
         onChange: pageSizeEvent

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