@maqe-vue/pagination - npm Package Compare versions

Comparing version 1.0.1-beta.0 to 1.0.1

dist/@maqe-vue/pagination.common.js

@@ -217,3 +217,3 @@ module.exports =
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2cd94a88-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Pagination.vue?vue&type=template&id=530d1667&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"402691e2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Pagination.vue?vue&type=template&id=530d1667&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['vmq-pagination-container' ].concat( _vm.wrapperClass)},[_c('ul',{staticClass:"vmq-pagination"},[_c('li',[_c('button',{staticClass:"vmq-pagination-prev",attrs:{"disabled":_vm.isFirstPage},on:{"click":function($event){$event.preventDefault();return _vm.prevPage($event)}}},[_c('div',{staticClass:"text"},[_vm._t("prev",[_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\n\t\t\t\t\t\t\tAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElN\n\t\t\t\t\t\t\tRQfkBBQKGg4x+Mc2AAABjElEQVRYw7XXO0/CUBjG8b9tKCwCizcwUSOYaIy7q4mDKzXR7+i38BOo\n\t\t\t\t\t\t\ti4ubi5EetGpi1CBuROE9p+dmt74nPD+e3ijwz1tqXG3zzTgMWNCutDhmgy+uuWQSv0GLM5aBlA5t\n\t\t\t\t\t\t\t7mIDTc5ZnO4thRAycMT6n/0AIhVnJyQzM29CAiZs0pybehLyIXplV7i+vAgZKFH04xC6y3SEYicG\n\t\t\t\t\t\t\tob+TIxGmR4WKQZifRYpR6LlIK9aDiSoAFE8hRDUARQhhA0DBMz0/wg4IIGwBKCh9CHsAhpT0hbmR\n\t\t\t\t\t\t\tcAG8CDcAhrzQcyFcAROhUDEAGPLBljDPuJ0fJpVx81uDPXFeSEN3oMEpK8L8k6sYgD7+gjIcqBvi\n\t\t\t\t\t\t\tH+SPuAAe8aZ3Uyl+1TXevkGd3CfetkGdnDWfeLsGmX+8DRAUX32IMnI6/vFVDTIGYfHmBhkDumHx\n\t\t\t\t\t\t\tpga1GPH6BjXyGPG6BpG+vR44nPmP5h0vAyn7seJlYMx7rHjdb/KY7TjxOuCR5NdZCIjXv1XcT4mg\n\t\t\t\t\t\t\tePOd3OWAkhve/OPhB7oEhrCYVbz9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTIwVDEwOjI2\n\t\t\t\t\t\t\tOjE0KzAzOjAw0+VYRAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0yMFQxMDoyNjoxNCswMzow\n\t\t\t\t\t\t\tMKK44PgAAAAASUVORK5CYII="}}),(_vm.showText)?_c('span',[_vm._v(" Prev ")]):_vm._e()])],2)])]),_vm._l((_vm.filterPaginators),function(paginator,index){return _c('li',{key:index,staticClass:"vmq-pagination-button"},[_c('button',{class:paginator.btnClass,on:{"click":function($event){$event.preventDefault();return _vm.setPage(paginator.value)}}},[_c('span',{staticClass:"text"},[_vm._v(" "+_vm._s(paginator.value)+" ")])])])}),_c('li',[_c('button',{staticClass:"vmq-pagination-next",attrs:{"disabled":_vm.isLastPage},on:{"click":function($event){$event.preventDefault();return _vm.nextPage($event)}}},[_c('div',{staticClass:"text"},[_vm._t("next",[(_vm.showText)?_c('span',[_vm._v(" Next ")]):_vm._e(),_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\n\t\t\t\t\t\tAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElN\n\t\t\t\t\t\tRQfkBBQKGg4x+Mc2AAABjElEQVRYw7XXO0/CUBjG8b9tKCwCizcwUSOYaIy7q4mDKzXR7+i38BOo\n\t\t\t\t\t\ti4ubi5EetGpi1CBuROE9p+dmt74nPD+e3ijwz1tqXG3zzTgMWNCutDhmgy+uuWQSv0GLM5aBlA5t\n\t\t\t\t\t\t7mIDTc5ZnO4thRAycMT6n/0AIhVnJyQzM29CAiZs0pybehLyIXplV7i+vAgZKFH04xC6y3SEYicG\n\t\t\t\t\t\tob+TIxGmR4WKQZifRYpR6LlIK9aDiSoAFE8hRDUARQhhA0DBMz0/wg4IIGwBKCh9CHsAhpT0hbmR\n\t\t\t\t\t\tcAG8CDcAhrzQcyFcAROhUDEAGPLBljDPuJ0fJpVx81uDPXFeSEN3oMEpK8L8k6sYgD7+gjIcqBvi\n\t\t\t\t\t\tH+SPuAAe8aZ3Uyl+1TXevkGd3CfetkGdnDWfeLsGmX+8DRAUX32IMnI6/vFVDTIGYfHmBhkDumHx\n\t\t\t\t\t\tpga1GPH6BjXyGPG6BpG+vR44nPmP5h0vAyn7seJlYMx7rHjdb/KY7TjxOuCR5NdZCIjXv1XcT4mg\n\t\t\t\t\t\tePOd3OWAkhve/OPhB7oEhrCYVbz9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTIwVDEwOjI2\n\t\t\t\t\t\tOjE0KzAzOjAw0+VYRAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0yMFQxMDoyNjoxNCswMzow\n\t\t\t\t\t\tMKK44PgAAAAASUVORK5CYII="}})])],2)])])],2)])}
@@ -220,0 +220,0 @@ var staticRenderFns = []

dist/@maqe-vue/pagination.umd.js

@@ -226,3 +226,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2cd94a88-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Pagination.vue?vue&type=template&id=530d1667&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"402691e2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Pagination.vue?vue&type=template&id=530d1667&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:['vmq-pagination-container' ].concat( _vm.wrapperClass)},[_c('ul',{staticClass:"vmq-pagination"},[_c('li',[_c('button',{staticClass:"vmq-pagination-prev",attrs:{"disabled":_vm.isFirstPage},on:{"click":function($event){$event.preventDefault();return _vm.prevPage($event)}}},[_c('div',{staticClass:"text"},[_vm._t("prev",[_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\n\t\t\t\t\t\t\tAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElN\n\t\t\t\t\t\t\tRQfkBBQKGg4x+Mc2AAABjElEQVRYw7XXO0/CUBjG8b9tKCwCizcwUSOYaIy7q4mDKzXR7+i38BOo\n\t\t\t\t\t\t\ti4ubi5EetGpi1CBuROE9p+dmt74nPD+e3ijwz1tqXG3zzTgMWNCutDhmgy+uuWQSv0GLM5aBlA5t\n\t\t\t\t\t\t\t7mIDTc5ZnO4thRAycMT6n/0AIhVnJyQzM29CAiZs0pybehLyIXplV7i+vAgZKFH04xC6y3SEYicG\n\t\t\t\t\t\t\tob+TIxGmR4WKQZifRYpR6LlIK9aDiSoAFE8hRDUARQhhA0DBMz0/wg4IIGwBKCh9CHsAhpT0hbmR\n\t\t\t\t\t\t\tcAG8CDcAhrzQcyFcAROhUDEAGPLBljDPuJ0fJpVx81uDPXFeSEN3oMEpK8L8k6sYgD7+gjIcqBvi\n\t\t\t\t\t\t\tH+SPuAAe8aZ3Uyl+1TXevkGd3CfetkGdnDWfeLsGmX+8DRAUX32IMnI6/vFVDTIGYfHmBhkDumHx\n\t\t\t\t\t\t\tpga1GPH6BjXyGPG6BpG+vR44nPmP5h0vAyn7seJlYMx7rHjdb/KY7TjxOuCR5NdZCIjXv1XcT4mg\n\t\t\t\t\t\t\tePOd3OWAkhve/OPhB7oEhrCYVbz9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTIwVDEwOjI2\n\t\t\t\t\t\t\tOjE0KzAzOjAw0+VYRAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0yMFQxMDoyNjoxNCswMzow\n\t\t\t\t\t\t\tMKK44PgAAAAASUVORK5CYII="}}),(_vm.showText)?_c('span',[_vm._v(" Prev ")]):_vm._e()])],2)])]),_vm._l((_vm.filterPaginators),function(paginator,index){return _c('li',{key:index,staticClass:"vmq-pagination-button"},[_c('button',{class:paginator.btnClass,on:{"click":function($event){$event.preventDefault();return _vm.setPage(paginator.value)}}},[_c('span',{staticClass:"text"},[_vm._v(" "+_vm._s(paginator.value)+" ")])])])}),_c('li',[_c('button',{staticClass:"vmq-pagination-next",attrs:{"disabled":_vm.isLastPage},on:{"click":function($event){$event.preventDefault();return _vm.nextPage($event)}}},[_c('div',{staticClass:"text"},[_vm._t("next",[(_vm.showText)?_c('span',[_vm._v(" Next ")]):_vm._e(),_c('img',{attrs:{"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\n\t\t\t\t\t\tAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElN\n\t\t\t\t\t\tRQfkBBQKGg4x+Mc2AAABjElEQVRYw7XXO0/CUBjG8b9tKCwCizcwUSOYaIy7q4mDKzXR7+i38BOo\n\t\t\t\t\t\ti4ubi5EetGpi1CBuROE9p+dmt74nPD+e3ijwz1tqXG3zzTgMWNCutDhmgy+uuWQSv0GLM5aBlA5t\n\t\t\t\t\t\t7mIDTc5ZnO4thRAycMT6n/0AIhVnJyQzM29CAiZs0pybehLyIXplV7i+vAgZKFH04xC6y3SEYicG\n\t\t\t\t\t\tob+TIxGmR4WKQZifRYpR6LlIK9aDiSoAFE8hRDUARQhhA0DBMz0/wg4IIGwBKCh9CHsAhpT0hbmR\n\t\t\t\t\t\tcAG8CDcAhrzQcyFcAROhUDEAGPLBljDPuJ0fJpVx81uDPXFeSEN3oMEpK8L8k6sYgD7+gjIcqBvi\n\t\t\t\t\t\tH+SPuAAe8aZ3Uyl+1TXevkGd3CfetkGdnDWfeLsGmX+8DRAUX32IMnI6/vFVDTIGYfHmBhkDumHx\n\t\t\t\t\t\tpga1GPH6BjXyGPG6BpG+vR44nPmP5h0vAyn7seJlYMx7rHjdb/KY7TjxOuCR5NdZCIjXv1XcT4mg\n\t\t\t\t\t\tePOd3OWAkhve/OPhB7oEhrCYVbz9AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTIwVDEwOjI2\n\t\t\t\t\t\tOjE0KzAzOjAw0+VYRAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0yMFQxMDoyNjoxNCswMzow\n\t\t\t\t\t\tMKK44PgAAAAASUVORK5CYII="}})])],2)])])],2)])}
@@ -229,0 +229,0 @@ var staticRenderFns = []

package.json

 {
   "name": "@maqe-vue/pagination",
-  "version": "1.0.1-beta.0",
+  "version": "1.0.1",
   "main": "./dist/@maqe-vue/pagination.common.js",
@@ -5,0 +5,0 @@ "scripts": {

README.md

@@ -76,2 +76,25 @@ # @maqe-vue/pagination
 
+### Custom Options
+You can use property `options` to custom pagination type that depend on screen width
+
+```
+<pagination
+	:totalPage="10"
+	:value="1"
+	:options="{
+		type: 'full',
+		breakpoints: {
+			// large to small: that override smaller
+			1024: { // screen width is lower 1024. so, this is for tablet
+				type: 'compact'
+			},
+			580: { // screen width is lower 480. so, this is for mobile
+				type: 'simple'
+			}
+		}
+	}"
+	@onPageChange="handleChange"
+/>
+```
+
 ### Custom style
@@ -122,2 +145,5 @@ You can add container class name as `containerClass` prop
 | `containerClass`  | `String` | Add container class name |
+| `options`         | `Object` |
+| `options.type` | `String` | `full` `compact` `simple` **default: `full`**
+| `options.breakpoints` | `Object` | set `options.type` depend on screen width
 
@@ -124,0 +150,0 @@ ### Computed

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of package files

24

increased by4.35%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

156

increased by20%

Worsened metrics

Total package byte prevSize

266229

decreased by-0.84%

Lines of code

1957

decreased by-0.31%

No dependency changes