layers-design-system 1.0.120 → 1.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "layers-design-system",
   "main": "src/main.js",
-  "version": "1.0.120",
+  "version": "1.1.0",
   "scripts": {
     "start": "vue-cli-service serve ./src/main-docs.js",
     "build": "vue-cli-service build --target lib ./src/main.js",

package/src/components/LTable/docs.vue

@@ -30,6 +30,7 @@
       :selectable="selectable"
       :autoLoadMore="false"
       pagination
+      limitPerPage="10"
       :style="{'--l-table-primary-color': 'var(--color-aqua)'}"
     />
   </div>
@@ -89,7 +90,7 @@ export default {
       const total = 451
 
       var items = [];
-      for (var i = offset; i < offset + Math.min(total - offset, 50); i++) {
+      for (var i = offset; i < offset + Math.min(total - offset, limit); i++) {
         items.push({ id: i, code: "#" + (i + 1), "dueAt": new Date(), price: {amount: i * 50}, customer: {name: "Teste da Silva"}, status: "paid" });
       }
 

package/src/components/LTable/index.vue

@@ -260,6 +260,14 @@ export default {
       type: Boolean,
       default: true,
     },
+
+    /**
+     * If set, will load this number of rows at a time
+     */
+    limitPerPage: {
+      type: Number,
+      default: 50,
+    },
   },
 
   mounted() {
@@ -275,7 +283,6 @@ export default {
 
       // Internal identification for hole state of loaded pages
       id: 0,
-      perPage: 50,
       extraRows: 15,
 
       lastComputedOffsetY: 0,
@@ -310,6 +317,11 @@ export default {
   },
 
   computed: {
+
+    perPage() {
+      return this.limitPerPage;
+    },
+
     pagesCount() {
       return Math.floor(this.totalCount / this.perPage) + 1;
     },