vue-paginate-z
Version:
vue paginate (typescript)
1 lines • 7.94 kB
JavaScript
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue"),require("joinclass")):"function"==typeof define&&define.amd?define(["vue","joinclass"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).VuePaginate=e(t.Vue,t.joinclass)}(this,(function(t,e){"use strict";function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function n(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==a)return;var n,s,r=[],i=!0,o=!1;try{for(a=a.call(t);!(i=(n=a.next()).done)&&(r.push(n.value),!e||r.length!==e);i=!0);}catch(t){o=!0,s=t}finally{try{i||null==a.return||a.return()}finally{if(o)throw s}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return s(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(t,e)}(t,e)||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 s(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,n=new Array(e);a<e;a++)n[a]=t[a];return n}function r(t,e,a,n,s,r,i,o,u,l){"boolean"!=typeof i&&(u=o,o=i,i=!1);const d="function"==typeof a?a.options:a;let c;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,s&&(d.functional=!0)),n&&(d._scopeId=n),r?(c=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__),e&&e.call(this,u(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=c):e&&(c=i?function(t){e.call(this,l(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,o(t))}),c)if(d.functional){const t=d.render;d.render=function(e,a){return c.call(a),t(e,a)}}else{const t=d.beforeCreate;d.beforeCreate=t?[].concat(t,c):[c]}return a}var i=r({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.isDefault?a("div",{staticClass:"paginate-container"},[t.showForwardBack?t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledFirstBack)+' class="paginate-button-nav button-previous paginate-button">',"</button>",[t._t("back",(function(){return[t._v(t._s(t.labelBack))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2):t._e(),t._ssrNode(" "),t.showFirstLast?t._ssrNode("<div"+t._ssrClass(null,t.makeFirstLastclass(t.pageData.isOverPage,t.pageData.showFirst))+">","</div>",[t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledFirstBack)+' class="paginate-button-first paginate-button">',"</button>",[t._t("first",(function(){return[t._v(t._s(t.labelFirst))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2),t._ssrNode(' <span class="paginate-more">...</span>')],2):t._e(),t._ssrNode(' <div class="paginate-section paginate-section-number">'+t._ssrList(t.pageData.arrayNumber,(function(e){return"<button"+t._ssrClass(null,t.makePageclass(t.value===e))+"><span>"+t._ssrEscape(t._s(e))+'</span> <span class="paginate-ripple"></span></button>'}))+"</div> "),t.showFirstLast?t._ssrNode("<div"+t._ssrClass(null,t.makeFirstLastclass(t.pageData.isOverPage,t.pageData.showLast))+">","</div>",[t._ssrNode('<span class="paginate-more">...</span> '),t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledForwardLast)+' class="paginate-button-last paginate-button">',"</button>",[t._t("last",(function(){return[t._v(t._s(t.labelLast))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2)],2):t._e(),t._ssrNode(" "),t.showForwardBack?t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledForwardLast)+' class="paginate-button-nav button-forward">',"</button>",[t._t("forward",(function(){return[t._v(t._s(t.labelForward))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2):t._e()],2):a("div",{staticClass:"paginate-container pagination-no-page"},[t.showFirstLast?t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledFirstBack)+' class="paginate-button-first paginate-button">',"</button>",[t._t("first",(function(){return[t._v(t._s(t.labelFirst))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2):t._e(),t._ssrNode(" "),t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledFirstBack)+' class="paginate-button-nav button-previous paginate-button">',"</button>",[t._t("back",(function(){return[t._v(t._s(t.labelBack))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2),t._ssrNode(' <div class="pagination-number"><div class="pagination-current">'+t._ssrEscape("\n "+t._s(t.pageData.isOverPage?t.numberPages:t.value)+"\n ")+'</div> <div class="pagination-separator">/</div> <div class="pagination-totals">'+t._ssrEscape("\n "+t._s(t.numberPages)+"\n ")+"</div></div> "),t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledForwardLast)+' class="paginate-button-nav button-forward">',"</button>",[t._t("forward",(function(){return[t._v(t._s(t.labelForward))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2),t._ssrNode(" "),t.showFirstLast?t._ssrNode("<button"+t._ssrAttr("disabled",t.pageData.disabledForwardLast)+' class="paginate-button-last paginate-button">',"</button>",[t._t("last",(function(){return[t._v(t._s(t.labelLast))]})),t._ssrNode(' <span class="paginate-ripple"></span>')],2):t._e()],2)},staticRenderFns:[]},undefined,a(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,e=this.numberPages,a=this.value;t<3&&(t=3),t>e&&(t=e);var n=a>2,s=+a+ +t<=e+1,r=a>e,i=r||a<=1,o=r||a>=e;if("default"!==this.type)return{showFirst:n,showLast:s,isOverPage:r,disabledFirstBack:i,disabledForwardLast:o};i=(r=r||e<=t)||a<=1,o=r||a>=e;var u=[],l=+a-1;l<=0&&(l=1);var d=l+ +t;d>e&&(l=(d=e+1)-+t);for(var c=l;c<d;c++)u.push(c);return{showFirst:n,showLast:s,isOverPage:r,disabledFirstBack:i,disabledForwardLast:o,arrayNumber:u}},makeFirstLastclass:function(t,a){return e.clsx("paginate-section paginate-section-nav","".concat(!t&&a?"paginate-show":"paginate-hide"),this.hideFirstLastIfActive&&"paginate-hide-now")},makePageclass:function(t){return e.clsx("paginate-numbered",t&&"paginate-numbered-active","paginate-button")},onChangepage:function(t){this.$emit("input",t)}}}),undefined,false,"data-v-535c80fb",!1,void 0,void 0,void 0),o=Object.freeze({__proto__:null,Paginate:i}),u=function(t){Object.entries(o).forEach((function(e){var a=n(e,2),s=a[0],r=a[1];t.component(s,r)}))},l=Object.freeze({__proto__:null,default:u,Paginate:i});return Object.entries(l).forEach((function(t){var e=n(t,2),a=e[0],s=e[1];"default"!==a&&(u[a]=s)})),u}));