pagination-vue-simple/dist/paginationVueSimple.js

pagination plugins for vue

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("paginationVueSimple",[],e):"object"==typeof exports?exports.paginationVueSimple=e():t.paginationVueSimple=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return t[a].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,a){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:a})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=1)}([function(t,e,n){"use strict";e.a={name:"pagination-vue-simple",props:{total:{type:Number,default:1},limit:{type:Number,default:10},maxShow:{type:Number,default:5},type:{type:String,default:"normal"},isShowTotalPage:{type:Boolean,default:!1},pPosition:{type:String,default:"left"},themeColor:{type:String,default:"#36af6c"}},data:function(){return{page:1,pageCount:1,divide:3,pageArr:[],isOpen:!1}},mounted:function(){var t=this;this.pageCount=Math.ceil(this.total/this.limit)||1,this.divide=Math.floor(this.maxShow/2),window.ActiveXObject||"ActiveXObject"in window?(this.isOpen=!0,this.setThemeColor("init"),this.addEvent(this.$refs.pagination,function(e){var n=e.target||window.event.srcElement;console.log(n),n.style.color=t.themeColor},"mouseover",!1),this.addEvent(this.$refs.pagination,function(t){(t.target||window.event.srcElement).removeAttribute("style")},"mouseout",!1)):this.$refs.pagination.style.setProperty("--pagination-theme-color",this.themeColor),this.init()},methods:{addEvent:function(t,e,n,a){t.addEventListener?t.addEventListener(n,e,a):t.attachEvent("on"+n,e)},setThemeColor:function(t){var e=this;setTimeout(function(){for(var n=e.$refs.pagination,a=n.getElementsByTagName("a"),i=void 0,o=0;o<a.length;o++){if(i=a[o],"init"===t&&i.innerHTML==e.page)return void(i.style.color=e.themeColor);"active"===i.parentNode.className?i.style.color=e.themeColor:i.removeAttribute("style")}},100)},goToPage:function(t){t<1&&(t=1),t>this.pageCount&&(t=this.pageCount),this.page=t,this.$emit("currentChangePage",this.page),this.init(),this.isOpen&&this.setThemeColor()},init:function(){this.pageArr=[];var t=1;if(1!==this.pageCount)if(this.pageCount<=this.maxShow)for(t=1;t<=this.pageCount;t++)this.pageArr.push(t);else{var e=this.page-this.divide,n=this.page+this.divide;if(1===this.page||e<=1)for(e=1,t=1;t<=this.maxShow;t++)this.pageArr.push(t);else{n>=this.pageCount&&(n=this.pageCount);var a;for(t=1;t<=this.maxShow;t++)a=this.maxShow-t,this.pageArr.push(n-a)}}}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(2),i={install:function(t){t.component(a.a.name,a.a)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(i),e.default=i},function(t,e,n){"use strict";function a(t){n(3)}var i=n(0),o=n(9),r=n(8),s=a,l=r(i.a,o.a,!1,s,"data-v-138b716c",null);e.a=l.exports},function(t,e,n){var a=n(4);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);n(6)("5f2b8f17",a,!0,{})},function(t,e,n){e=t.exports=n(5)(!1),e.push([t.i,".text-left[data-v-138b716c]{text-align:left}.text-center[data-v-138b716c]{text-align:center}.text-right[data-v-138b716c]{text-align:right}.inline-block[data-v-138b716c]{display:inline-block}.hide[data-v-138b716c]{display:none!important}.pagination[data-v-138b716c]{display:inline-block;font-size:14px;padding-left:0;margin:0;border-radius:4px;float:left;--pagination-theme-color:#36af6c}.pagination>li[data-v-138b716c]{display:inline}.pagination>li>a[data-v-138b716c]{position:relative;float:left;padding:6px 12px 5px;margin-left:-1px;line-height:1.42857143;font-size:14px;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a[data-v-138b716c]{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a[data-v-138b716c]{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a[data-v-138b716c]:hover{z-index:2;color:var(--pagination-theme-color);background-color:#eee;border-color:#ddd}.pagination>.active>a[data-v-138b716c],.pagination>.active>a[data-v-138b716c]:hover{z-index:3;color:var(--pagination-theme-color);cursor:default;background-color:transparent;border-color:#ddd}.pagination>.disabled>a[data-v-138b716c],.pagination>.disabled>a[data-v-138b716c]:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a[data-v-138b716c]{padding:10px 16px;font-size:16px;line-height:1.3333333}.pagination-lg>li:first-child>a[data-v-138b716c]{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a[data-v-138b716c]{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a[data-v-138b716c]{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a[data-v-138b716c]{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a[data-v-138b716c]{border-top-right-radius:3px;border-bottom-right-radius:3px}.page_total[data-v-138b716c]{font-size:14px;padding:7px 12px;float:left}.page_total.page_total_lg[data-v-138b716c]{font-size:16px;padding:11px 12px}.page_total.page_total_sm[data-v-138b716c]{font-size:12px}",""])},function(t,e){function n(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=a(i);return[n].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[n].join("\n")}function a(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var a=n(e,t);return e[2]?"@media "+e[2]+"{"+a+"}":a}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var a={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(a[o]=!0)}for(i=0;i<t.length;i++){var r=t[i];"number"==typeof r[0]&&a[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),e.push(r))}},e}},function(t,e,n){function a(t){for(var e=0;e<t.length;e++){var n=t[e],a=d[n.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](n.parts[i]);for(;i<n.parts.length;i++)a.parts.push(o(n.parts[i]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{for(var r=[],i=0;i<n.parts.length;i++)r.push(o(n.parts[i]));d[n.id]={id:n.id,refs:1,parts:r}}}}function i(){var t=document.createElement("style");return t.type="text/css",c.appendChild(t),t}function o(t){var e,n,a=document.querySelector("style["+m+'~="'+t.id+'"]');if(a){if(g)return h;a.parentNode.removeChild(a)}if(b){var o=f++;a=u||(u=i()),e=r.bind(null,a,o,!1),n=r.bind(null,a,o,!0)}else a=i(),e=s.bind(null,a),n=function(){a.parentNode.removeChild(a)};return e(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;e(t=a)}else n()}}function r(t,e,n,a){var i=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=x(e,i);else{var o=document.createTextNode(i),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(o,r[e]):t.appendChild(o)}}function s(t,e){var n=e.css,a=e.media,i=e.sourceMap;if(a&&t.setAttribute("media",a),v.ssrId&&t.setAttribute(m,e.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var p=n(7),d={},c=l&&(document.head||document.getElementsByTagName("head")[0]),u=null,f=0,g=!1,h=function(){},v=null,m="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,i){g=n,v=i||{};var o=p(t,e);return a(o),function(e){for(var n=[],i=0;i<o.length;i++){var r=o[i],s=d[r.id];s.refs--,n.push(s)}e?(o=p(t,e),a(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete d[s.id]}}}};var x=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e){for(var n=[],a={},i=0;i<e.length;i++){var o=e[i],r=o[0],s=o[1],l=o[2],p=o[3],d={id:t+":"+i,css:s,media:l,sourceMap:p};a[r]?a[r].parts.push(d):n.push(a[r]={id:r,parts:[d]})}return n}},function(t,e){t.exports=function(t,e,n,a,i,o){var r,s=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(r=t,s=t.default);var p="function"==typeof s?s.options:s;e&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0),n&&(p.functional=!0),i&&(p._scopeId=i);var d;if(o?(d=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},p._ssrRegister=d):a&&(d=a),d){var c=p.functional,u=c?p.render:p.beforeCreate;c?(p._injectStyles=d,p.render=function(t,e){return d.call(e),u(t,e)}):p.beforeCreate=u?[].concat(u,d):[d]}return{esModule:r,exports:s,options:p}}},function(t,e,n){"use strict";var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["text-left",{"text-right":"right"===t.pPosition,"text-center":"center"===t.pPosition}]},[n("div",{staticClass:"inline-block"},[t.total>t.limit?n("ul",{ref:"pagination",class:["pagination",{"pagination-sm":"sm"===t.type,"pagination-lg":"lg"===t.type}]},[n("li",{class:{hide:1===t.page}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(e){return t.goToPage(1)}}},[t._v("首页")])]),t._v(" "),n("li",{class:{disabled:1===t.page}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(e){return t.goToPage(t.page-1)}}},[t._v("上一页")])]),t._v(" "),t._l(t.pageArr,function(e,a){return n("li",{key:a,class:{active:t.page===e}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(n){return t.goToPage(e)}}},[t._v(t._s(e))])])}),t._v(" "),n("li",{class:{disabled:t.page===t.pageCount}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(e){t.goToPage(parseInt(t.page)+1)}}},[t._v("下一页")])]),t._v(" "),n("li",{class:{hide:t.page===t.pageCount}},[n("a",{attrs:{href:"javascript:;"},on:{click:function(e){return t.goToPage(t.pageCount)}}},[t._v("尾页")])])],2):t._e(),t._v(" "),n("span",{class:["page_total",{hide:!t.isShowTotalPage,page_total_lg:"lg"===t.type,page_total_sm:"sm"===t.type}]},[t._v("共"+t._s(t.pageCount)+"页")])])])},i=[],o={render:a,staticRenderFns:i};e.a=o}])});
//# sourceMappingURL=paginationVueSimple.js.map