m2-ui/lib/pager.js

The package is provided web components and utilities based on vue and element-ui.

/*!
 * m2-ui v1.0.0
 * (c) 2020 by Miracle He
 * Released under the MIT License.
 */
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=20)}({0:function(e,t,n){"use strict";function r(e,t,n,r,a,i,o,u){var s,p="function"==typeof e?e.options:e;if(t&&(p.render=t,p.staticRenderFns=n,p._compiled=!0),r&&(p.functional=!0),i&&(p._scopeId="data-v-"+i),o?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},p._ssrRegister=s):a&&(s=u?function(){a.call(this,(p.functional?this.parent:this).$root.$options.shadowRoot)}:a),s)if(p.functional){p._injectStyles=s;var c=p.render;p.render=function(e,t){return s.call(t),c(e,t)}}else{var l=p.beforeCreate;p.beforeCreate=l?[].concat(l,s):[s]}return{exports:e,options:p}}n.d(t,"a",(function(){return r}))},20:function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.showPager?n("div",{ref:"pager",staticClass:"m2-data-pager"},[n("el-pagination",{attrs:{background:"",layout:e.layout,total:e.totalCount,"current-page":e.pageIndex,"page-sizes":e.pageSizes,"page-size":e.pageSize},on:{"size-change":e.handleSizeChange,"current-change":e.handlePageChange,"update:currentPage":function(t){e.pageIndex=t}}})],1):e._e()};r._withStripped=!0;var a={name:"m2-pager",props:{pager:{type:Object,default:function(){return{}}},pageSizes:{type:Array,default:function(){return[10,20,50,100]}},layout:{type:String,default:"total, prev, pager, next, jumper"}},computed:{pageIndex:{get:function(){return this.pager.current||1},set:function(e){this.pager.current=e}},pageSize:{get:function(){return this.pager.size||20},set:function(e){this.pager.size=e}},totalCount:function(){return this.pager.total||0},showPager:function(){return this.totalCount>this.pageSize},changeEvent:function(){return this.pager.event||"pager-change"}},methods:{handleSizeChange:function(e){this.pageIndex=1,this.pageSize=e,this.$bus.$emit(this.changeEvent,{pageIndex:this.pageIndex,pageSize:e})},handlePageChange:function(e){this.$bus.$emit(this.changeEvent,{pageIndex:e,pageSize:this.pageSize})}}},i=n(0),o=Object(i.a)(a,r,[],!1,null,null,null);o.options.__file="packages/pager/src/main.vue";var u=o.exports;u.install=function(e){e.component(u.name,u)};t.default=u}});