gg-y-ui/lib/pagination/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var n={};function t(a){if(n[a])return n[a].exports;var r=n[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:a})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(t.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(a,r,function(n){return e[n]}.bind(null,r));return a},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=95)}({0:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});n.getPrefixCls=function(e){return"y-"+e}},1:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a,r=t(2),i=(a=r)&&a.__esModule?a:{default:a};i.default.install=function(e){e.component(i.default.name,i.default)},n.default=i.default},14:function(e,n,t){"use strict";t.r(n);var a=t(15),r=t.n(a);for(var i in a)["default"].indexOf(i)<0&&function(e){t.d(n,e,(function(){return a[e]}))}(i);n.default=r.a},15:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a,r=t(1),i=(a=r)&&a.__esModule?a:{default:a};n.default={name:"YPagination",components:{YIcon:i.default},props:{type:{type:String,default:"normal"},count:Number,pageIndex:{type:Number,default:1},pageSize:{type:Number,default:10},pageBase:{type:Number,default:10},pageSizeOption:{type:Array,default:function(){return[10,15,20,25]}}},data:function(){return{currentPageIndex:this.pageIndex,pageSizeOptionIndex:0,pageSizeOptionShow:!1}},computed:{pageTotal:function(){return this.count&&this.pageSize?Math.ceil(this.count/this.pageSize):0}},methods:{redirectPage:function(e){var n=e&&parseInt(e);isNaN(n)||n<1||n>this.pageTotal||(this.currentPageIndex=n,this.$emit("change-page",n))},toThousand:function(e){for(var n=[],t=0,a=(e=e.toString().split("")).length-1;a>=0;a--)t++,n.unshift(e[a]),t%3||0==a||n.unshift(",");return n.join("")},changePageSize:function(e){this.pageSizeOptionIndex=e,this.pageSizeOptionShow=!1,this.$emit("change-pagesize",e)}}}},2:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=t(0);function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var i={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,n=arguments[0],t=this.name,i=this.sizes;console.log(i);var c=(0,a.getPrefixCls)("icon"),o={class:(e={},r(e,""+c,!0),r(e,c+"-"+t,!!t),e),style:{fontSize:4*i+"px"}};return n("i",o)}};n.default=i},3:function(e,n,t){"use strict";function a(e,n,t,a,r,i,c,o){var l,s="function"==typeof e?e.options:e;if(n&&(s.render=n,s.staticRenderFns=t,s._compiled=!0),a&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),c?(l=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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(c)},s._ssrRegister=l):r&&(l=o?function(){r.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:r),l)if(s.functional){s._injectStyles=l;var u=s.render;s.render=function(e,n){return l.call(n),u(e,n)}}else{var d=s.beforeCreate;s.beforeCreate=d?[].concat(d,l):[l]}return{exports:e,options:s}}t.d(n,"a",(function(){return a}))},43:function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return r}));var a=function(){var e=this,n=e.$createElement,t=e._self._c||n;return e.pageTotal>1?t("div",{staticClass:"y-pagination"},["mini"===e.type?t("div",{staticClass:"mini"},[t("p",[e._v("共 "+e._s(e.count)+" 条")]),t("ul",[t("li",{staticClass:"prev",class:{disable:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(e.currentPageIndex-1)}}},[t("y-icon",{attrs:{name:"arrow1_left_wide_linear",size:3}})],1),t("li",[e._v(e._s(e.currentPageIndex)+"/"+e._s(e.pageTotal))]),t("li",{staticClass:"next",class:{disable:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.currentPageIndex+1)}}},[t("y-icon",{attrs:{name:"arrow1_right_wide_linear",size:3}})],1)])]):"small"===e.type?t("div",{staticClass:"small"},[t("p",[e._v("共 "+e._s(e.count)+" 条")]),t("ul",[t("li",{staticClass:"prev",class:{disable:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(e.currentPageIndex-1)}}},[t("y-icon",{attrs:{name:"arrow1_left_wide_linear",size:3}})],1),e.pageTotal<=e.pageBase?e._l(e.pageTotal,(function(n){return t("li",{key:n,class:{active:e.currentPageIndex===n},on:{click:function(t){return e.redirectPage(n)}}},[e._v("\n          "+e._s(n)+"\n        ")])})):[e.currentPageIndex<=3?[e._l(4,(function(n){return t("li",{key:n,class:{active:e.currentPageIndex===n},on:{click:function(t){return e.redirectPage(n)}}},[e._v("\n            "+e._s(n)+"\n          ")])})),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),t("li",{class:{active:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.pageTotal)}}},[e._v("\n            "+e._s(e.pageTotal)+"\n          ")])]:e.currentPageIndex>e.pageTotal-3?[t("li",{class:{active:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(1)}}},[e._v("\n            1\n          ")]),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),e._l(4,(function(n){return t("li",{key:e.pageTotal-4+n,class:{active:e.currentPageIndex===e.pageTotal-4+n},on:{click:function(t){return e.redirectPage(e.pageTotal-4+n)}}},[e._v("\n            "+e._s(e.pageTotal-4+n)+"\n          ")])}))]:[t("li",{class:{active:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(1)}}},[e._v("\n            1\n          ")]),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),e._l(3,(function(n){return t("li",{key:e.currentPageIndex-2+n,class:{active:e.currentPageIndex===e.currentPageIndex-2+n},on:{click:function(t){return e.redirectPage(e.currentPageIndex-2+n)}}},[e._v("\n            "+e._s(e.currentPageIndex-2+n)+"\n          ")])})),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),t("li",{class:{active:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.pageTotal)}}},[e._v("\n            "+e._s(e.pageTotal)+"\n          ")])]],t("li",{staticClass:"next",class:{disable:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.currentPageIndex+1)}}},[t("y-icon",{attrs:{name:"arrow1_right_wide_linear",size:3}})],1)],2)]):t("div",{staticClass:"normal"},[t("p",{staticClass:"count-tips"},[e._v("共 "+e._s(e.toThousand(e.count))+" 条相关记录")]),t("ul",{staticClass:"pagination-main"},[t("li",{staticClass:"prev",class:{disable:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(e.currentPageIndex-1)}}},[t("y-icon",{attrs:{name:"arrow1_left_wide_linear",size:3}})],1),e.pageTotal<=e.pageBase?e._l(e.pageTotal,(function(n){return t("li",{key:n,class:{active:e.currentPageIndex===n},on:{click:function(t){return e.redirectPage(n)}}},[e._v("\n          "+e._s(n)+"\n        ")])})):[e.currentPageIndex<=3?[e._l(4,(function(n){return t("li",{key:n,class:{active:e.currentPageIndex===n},on:{click:function(t){return e.redirectPage(n)}}},[e._v("\n            "+e._s(n)+"\n          ")])})),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),t("li",{class:{active:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.pageTotal)}}},[e._v("\n            "+e._s(e.pageTotal)+"\n          ")])]:e.currentPageIndex>e.pageTotal-3?[t("li",{class:{active:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(1)}}},[e._v("\n            1\n          ")]),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),e._l(4,(function(n){return t("li",{key:e.pageTotal-4+n,class:{active:e.currentPageIndex===e.pageTotal-4+n},on:{click:function(t){return e.redirectPage(e.pageTotal-4+n)}}},[e._v("\n            "+e._s(e.pageTotal-4+n)+"\n          ")])}))]:[t("li",{class:{active:1===e.currentPageIndex},on:{click:function(n){return e.redirectPage(1)}}},[e._v("\n            1\n          ")]),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),e._l(3,(function(n){return t("li",{key:e.currentPageIndex-2+n,class:{active:e.currentPageIndex===e.currentPageIndex-2+n},on:{click:function(t){return e.redirectPage(e.currentPageIndex-2+n)}}},[e._v("\n            "+e._s(e.currentPageIndex-2+n)+"\n          ")])})),t("li",{staticClass:"disable"},[e._v("\n            ...\n          ")]),t("li",{class:{active:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.pageTotal)}}},[e._v("\n            "+e._s(e.pageTotal)+"\n          ")])]],t("li",{staticClass:"next",class:{disable:e.currentPageIndex===e.pageTotal},on:{click:function(n){return e.redirectPage(e.currentPageIndex+1)}}},[t("y-icon",{attrs:{name:"arrow1_right_wide_linear",size:3}})],1)],2),t("div",{staticClass:"pagesize-select",class:{active:!0===e.pageSizeOptionShow}},[t("p",{on:{click:function(n){e.pageSizeOptionShow=!e.pageSizeOptionShow}}},[t("span",[e._v(e._s(e.pageSizeOption[e.pageSizeOptionIndex])+"条/页")]),t("y-icon",{attrs:{name:!0===e.pageSizeOptionShow?"arrow1_up_wide_linear":"arrow1_down_wide_linear",size:3}})],1),t("ul",{directives:[{name:"show",rawName:"v-show",value:e.pageSizeOptionShow,expression:"pageSizeOptionShow"}],staticClass:"pageSize-option"},e._l(e.pageSizeOption,(function(n,a){return t("li",{key:a,class:{active:a===e.pageSizeOptionIndex},on:{click:function(n){return e.changePageSize(a)}}},[e._v("\n          "+e._s(e.pageSizeOption[a])+"条/页\n        ")])})),0)]),t("div",{staticClass:"redirect-manual"},[e._v("\n      跳至"),t("input",{attrs:{type:"text",value:"1"},on:{change:function(n){return e.redirectPage(n.target.value)}}}),e._v("页\n    ")])])]):e._e()},r=[]},95:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a,r=t(96),i=(a=r)&&a.__esModule?a:{default:a};i.default.install=function(e){e.component(i.default.name,i.default)},n.default=i.default},96:function(e,n,t){"use strict";t.r(n);var a=t(43),r=t(14);for(var i in r)["default"].indexOf(i)<0&&function(e){t.d(n,e,(function(){return r[e]}))}(i);var c=t(3),o=Object(c.a)(r.default,a.a,a.b,!1,null,null,null);n.default=o.exports}});