@xtadmin/mixins/dist/index.js

Simple mixins of Vue project contains pagination, searcher etc.

!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.MIXINS=n():t.MIXINS=n()}("undefined"!=typeof self?self:this,function(){return function(t){function n(i){if(e[i])return e[i].exports;var a=e[i]={i:i,l:!1,exports:{}};return t[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}var e={};return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="/dist/",n(n.s=0)}([function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=e(1);e.d(n,"pagination",function(){return i.a}),n.default=function(t,n){t.mixin(i.a)}},function(t,n,e){"use strict";n.a={data:function(){return{pagination:{currentPage:1,pageSizes:[5,10,50,100],pageSize:10,total:null,layout:"sizes, prev, pager, next"}}},computed:{_pagination:function(){return{pageIndex:this.pagination.currentPage,pageSize:this.pagination.pageSize}}},methods:{loadData:function(){},handleSizeChange:function(t){this.pagination.pageSize=t,this.loadData()},handleCurrentChange:function(t){this.pagination.currentPage=t,this.loadData()},computeRowIndex:function(t){return(this.pagination.currentPage-1)*this.pagination.pageSize+t+1},paginationCallback:function(t,n){if(this.pagination.total=t,!n&&this.pagination.currentPage>1)return this.pagination.currentPage=1,this.loadData()}}}}])});