vue-paginate-z
Version:
vue paginate (typescript)
1 lines • 7.93 kB
JavaScript
var VuePaginate=function(t,a){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function n(t,a){return function(t){if(Array.isArray(t))return t}(t)||function(t,a){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==e)return;var n,i,r=[],s=!0,o=!1;try{for(e=e.call(t);!(s=(n=e.next()).done)&&(r.push(n.value),!a||r.length!==a);s=!0);}catch(t){o=!0,i=t}finally{try{s||null==e.return||e.return()}finally{if(o)throw i}}return r}(t,a)||function(t,a){if(!t)return;if("string"==typeof t)return i(t,a);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return i(t,a)}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,a){(null==a||a>t.length)&&(a=t.length);for(var e=0,n=new Array(a);e<a;e++)n[e]=t[e];return n}function r(t,a,e,n,i,r,s,o,u,l){"boolean"!=typeof s&&(u=o,o=s,s=!1);const c="function"==typeof e?e.options:e;let p;if(t&&t.render&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,i&&(c.functional=!0)),n&&(c._scopeId=n),r?(p=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,u(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=p):a&&(p=s?function(t){a.call(this,l(t,this.$root.$options.shadowRoot))}:function(t){a.call(this,o(t))}),p)if(c.functional){const t=c.render;c.render=function(a,e){return p.call(e),t(a,e)}}else{const t=c.beforeCreate;c.beforeCreate=t?[].concat(t,p):[p]}return e}var s=r({render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return t.isDefault?e("div",{staticClass:"paginate-container"},[t.showForwardBack?e("button",{staticClass:"paginate-button-nav button-previous paginate-button",attrs:{disabled:t.pageData.disabledFirstBack},on:{click:function(a){return t.onChangepage(+t.value-1)}}},[t._t("back",(function(){return[t._v(t._s(t.labelBack))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2):t._e(),t._v(" "),t.showFirstLast?e("div",{class:t.makeFirstLastclass(t.pageData.isOverPage,t.pageData.showFirst)},[e("button",{staticClass:"paginate-button-first paginate-button",attrs:{disabled:t.pageData.disabledFirstBack},on:{click:function(a){return t.onChangepage(1)}}},[t._t("first",(function(){return[t._v(t._s(t.labelFirst))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2),t._v(" "),e("span",{staticClass:"paginate-more"},[t._v("...")])]):t._e(),t._v(" "),e("div",{staticClass:"paginate-section paginate-section-number"},t._l(t.pageData.arrayNumber,(function(a){return e("button",{key:a,class:t.makePageclass(t.value===a),on:{click:function(e){return t.onChangepage(a)}}},[e("span",[t._v(t._s(a))]),t._v(" "),e("span",{staticClass:"paginate-ripple"})])})),0),t._v(" "),t.showFirstLast?e("div",{class:t.makeFirstLastclass(t.pageData.isOverPage,t.pageData.showLast)},[e("span",{staticClass:"paginate-more"},[t._v("...")]),t._v(" "),e("button",{staticClass:"paginate-button-last paginate-button",attrs:{disabled:t.pageData.disabledForwardLast},on:{click:function(a){return t.onChangepage(t.numberPages)}}},[t._t("last",(function(){return[t._v(t._s(t.labelLast))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2)]):t._e(),t._v(" "),t.showForwardBack?e("button",{staticClass:"paginate-button-nav button-forward",attrs:{disabled:t.pageData.disabledForwardLast},on:{click:function(a){return t.onChangepage(+t.value+1)}}},[t._t("forward",(function(){return[t._v(t._s(t.labelForward))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2):t._e()]):e("div",{staticClass:"paginate-container pagination-no-page"},[t.showFirstLast?e("button",{staticClass:"paginate-button-first paginate-button",attrs:{disabled:t.pageData.disabledFirstBack},on:{click:function(a){return t.onChangepage(1)}}},[t._t("first",(function(){return[t._v(t._s(t.labelFirst))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2):t._e(),t._v(" "),e("button",{staticClass:"paginate-button-nav button-previous paginate-button",attrs:{disabled:t.pageData.disabledFirstBack},on:{click:function(a){return t.onChangepage(+t.value-1)}}},[t._t("back",(function(){return[t._v(t._s(t.labelBack))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2),t._v(" "),e("div",{staticClass:"pagination-number"},[e("div",{staticClass:"pagination-current"},[t._v("\n "+t._s(t.pageData.isOverPage?t.numberPages:t.value)+"\n ")]),t._v(" "),e("div",{staticClass:"pagination-separator"},[t._v("/")]),t._v(" "),e("div",{staticClass:"pagination-totals"},[t._v("\n "+t._s(t.numberPages)+"\n ")])]),t._v(" "),e("button",{staticClass:"paginate-button-nav button-forward",attrs:{disabled:t.pageData.disabledForwardLast},on:{click:function(a){return t.onChangepage(+t.value+1)}}},[t._t("forward",(function(){return[t._v(t._s(t.labelForward))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2),t._v(" "),t.showFirstLast?e("button",{staticClass:"paginate-button-last paginate-button",attrs:{disabled:t.pageData.disabledForwardLast},on:{click:function(a){return t.onChangepage(t.numberPages)}}},[t._t("last",(function(){return[t._v(t._s(t.labelLast))]})),t._v(" "),e("span",{staticClass:"paginate-ripple"})],2):t._e()])},staticRenderFns:[]},undefined,e(t).default.extend({name:"Paginate",props:{totalCount:{required:!0,type:[Number,String]},value:{type:[Number,String],default:function(){return 1}},limit:{type:[Number,String],default:function(){return 10}},section:{type:[Number,String],default:function(){return 5}},type:{type:String,default:function(){return"default"}},labelFirst:{type:String,default:function(){return"|<<"}},labelLast:{type:String,default:function(){return">>|"}},labelBack:{type:String,default:function(){return"<"}},labelForward:{type:String,default:function(){return">"}},showFirstLast:{type:Boolean,default:function(){return!0}},showForwardBack:Boolean,hideFirstLastIfActive:Boolean},data:function(){return{}},mounted:function(){this.fixPageNumber()},watch:{value:function(){this.fixPageNumber()}},computed:{hasData:function(){return!(!this.totalCount||!this.limit)},numberPages:function(){return this.hasData?Math.ceil(+this.totalCount/+this.limit):1},pageData:function(){return this.makePager()},isDefault:function(){return"default"===this.type}},methods:{fixPageNumber:function(){this.value<=0&&this.onChangepage(1),this.value>this.numberPages&&this.onChangepage(this.numberPages)},makePager:function(){var t=this.section,a=this.numberPages,e=this.value;t<3&&(t=3),t>a&&(t=a);var n=e>2,i=+e+ +t<=a+1,r=e>a,s=r||e<=1,o=r||e>=a;if("default"!==this.type)return{showFirst:n,showLast:i,isOverPage:r,disabledFirstBack:s,disabledForwardLast:o};s=(r=r||a<=t)||e<=1,o=r||e>=a;var u=[],l=+e-1;l<=0&&(l=1);var c=l+ +t;c>a&&(l=(c=a+1)-+t);for(var p=l;p<c;p++)u.push(p);return{showFirst:n,showLast:i,isOverPage:r,disabledFirstBack:s,disabledForwardLast:o,arrayNumber:u}},makeFirstLastclass:function(t,e){return a.clsx("paginate-section paginate-section-nav","".concat(!t&&e?"paginate-show":"paginate-hide"),this.hideFirstLastIfActive&&"paginate-hide-now")},makePageclass:function(t){return a.clsx("paginate-numbered",t&&"paginate-numbered-active","paginate-button")},onChangepage:function(t){this.$emit("input",t)}}}),undefined,false,undefined,!1,void 0,void 0,void 0),o=Object.freeze({__proto__:null,Paginate:s}),u=function(t){Object.entries(o).forEach((function(a){var e=n(a,2),i=e[0],r=e[1];t.component(i,r)}))},l=Object.freeze({__proto__:null,default:u,Paginate:s});return Object.entries(l).forEach((function(t){var a=n(t,2),e=a[0],i=a[1];"default"!==e&&(u[e]=i)})),u}(Vue,joinclass);