vue-element-pro-components
Version:
This is a vue2、element-ui based component library
3 lines (2 loc) • 3.57 kB
JavaScript
/* * Copyright © 2022-2022 fangkang * Released under the MIT License. */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).pagination=t()}(this,(function(){"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function t(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?e(Object(o),!0).forEach((function(e){n(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t,n,i,o,r,a,s,p,c){"boolean"!=typeof a&&(p=s,s=a,a=!1); var u="function"==typeof n?n.options:n;let f;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,o&&(u.functional=!0)),i&&(u._scopeId=i),r?(f=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__),t&&t.call(this,p(e)),e&&e._registeredComponents&&e._registeredComponents.add(r)},u._ssrRegister=f):t&&(f=a?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),f)if(u.functional){ var e=u.render;u.render=function(t,n){return f.call(n),e(t,n)}}else{ var e=u.beforeCreate;u.beforeCreate=e?[].concat(e,f):[f]}return n} var o={name:"ElProPagination",model:{prop:"pagination",event:"update:pagination"},props:{paginationOptions:{type:Object,default:function(){return{}}},customProps:{type:Object,default:function(){return{page:"page",pageSize:"pageSize"}}},customStyle:{type:Object,default:function(){}},paginationStyle:{type:Object,default:function(){}},pagination:{type:Object,required:!0,default:function(){var e;return n(e={},this.customProps.page,1),n(e,this.customProps.pageSize,10),e}},pageSizes:{type:Array,required:!1,default:function(){return[10,20,30,50,100]}},total:{type:Number,default:0}},computed:{page:function(){return this.customProps.page},pageSize:function(){return this.customProps.pageSize},paginationProcessOptions:function(){return t({layout:"total, sizes, prev, pager, next, jumper",background:!0},this.paginationOptions||{})}},methods:{handleSizeChange:function(e){this.$emit("update:pagination",t(t({},this.pagination),{},n({},this.customProps.pageSize,e))),this.refresh()},handleCurrentChange:function(e){this.$emit("update:pagination",t(t({},this.pagination),{},n({},this.customProps.page,e))),this.refresh()},refresh:function(){var e=this;this.$nextTick((function(){e.$emit("onLoad",e.pagination)}))}}};var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"el-pro-pagination",style:e.customStyle},[n("el-pagination",e._b({style:e.paginationStyle,attrs:{"current-page":e.pagination[e.page],"page-sizes":e.pageSizes,"page-size":e.pagination[e.pageSize],total:e.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}},"el-pagination",e.paginationProcessOptions,!1))],1)};r._withStripped=!0; var a=i({render:r,staticRenderFns:[]},void 0,o,"data-v-52df2468",!1,void 0,!1,void 0,void 0,void 0);return a.install=function(e){e.component(a.name,a)},a}));