quasar-factory-lib 0.0.39 → 0.0.40

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "author": ""
 }

package/src/components/Table/Table.vue

@@ -176,6 +176,10 @@ export default defineComponent({
     },
     showSkeleton: {
       type: Boolean
+    },
+    filteredRows: {
+      type: Array as () => object [] | [],
+      required: true
     }
   },
   emits: [
@@ -286,17 +290,15 @@ export default defineComponent({
       this.loading = !this.loading
     },
     sortMethod (rows: object[], sortBy: string, descending: boolean): object[] | [] {
-      const allrowsSorted = TableSort.sortMethod(rows, sortBy, descending, this.sortDataValues)
+      console.log(rows.length)
+      const allrowsSorted = TableSort.sortMethod(this.filteredRows, sortBy, descending, this.sortDataValues)
       const rowsSliced = allrowsSorted.slice(0, rows.length)
-      if (this.store.valueInputFilterTable === '') {
+      if (this.store.filterValue === '') {
         return rowsSliced
       } else {
         return TableSort.sortMethod(rows, sortBy, descending, this.sortDataValues)
       }
-    }
+    },
   }
 })
 </script>
-<style>
-/* @import url('./style.css'); */
-</style>

package/src/components/Table/utils/filterMethod.ts

@@ -2,7 +2,8 @@
 
 import infiniteScroll from './infiniteScroll'
 const filterMethod = {
-  filter (self: {filterTerms: string }, rows: string | [], terms: { search: string }): object[] | [] {
+  filter (self: {filterTerms: string, filteredRows: object[] | [] }, rows: string | [], terms: { search: string }): object[] | [] {
+    console.log(rows.length, 'rows')
     self.filterTerms = terms.search
     if (terms.search) {
       const filteredRows = []
@@ -12,8 +13,11 @@ const filterMethod = {
           filteredRows.push(rows[i])
         }
       }
+      // self.filteredRows = filteredRows
+      // console.log(filteredRows.length, 'filteredRows terms')
       return infiniteScroll.paginationNewTable(self, filteredRows)
     } else {
+      self.filteredRows = rows
       return infiniteScroll.paginationNewTable(self, rows)
     }
   },

package/src/layouts/PdaLayout.vue

@@ -31,6 +31,8 @@
           :selection-type="'multiple'"
           :filter-method="filterMethod"
           :filter-computed="filter"
+          :sortDataValues="['date']"
+          :filteredRows="filteredRows"
           @on-select-visible-columns="saveSelectedColumns"
           @on-update-basic-checkbox-value="onUpdateBasicCheckboxValue"
           @on-update-customized-checkbox-value="onUpdateCustomizedCheckboxValue"
@@ -61,7 +63,7 @@ export default {
       forceRender: false,
       store: tableStore(),
       totalPage: 0,
-      pageSize: 20,
+      pageSize:15,
       tableStyle: '',
       columns: [{
         name: 'name',
@@ -70,6 +72,13 @@ export default {
         align: 'left',
         sortable: true
       },
+      {
+        name: 'date',
+        required: true,
+        label: 'Fecha',
+        align: 'left',
+        sortable: true
+      },
       {
         name: 'available',
         required: true,
@@ -164,6 +173,7 @@ export default {
         {
           id: 1,
           name: 'Frozen Yogurt',
+          date: '21/12/2024',
           booleanIcon: true,
           available: true,
           calories: 159,
@@ -178,6 +188,7 @@ export default {
         {
           id: 2,
           name: 'Ice cream sandwich',
+          date: '12/12/2024',
           booleanIcon: true,
           available: false,
           calories: 237,
@@ -192,6 +203,7 @@ export default {
         {
           id: 3,
           name: 'Eclair',
+          date: '21/12/2025',
           booleanIcon: true,
           available: true,
           calories: 262,
@@ -206,6 +218,7 @@ export default {
         {
           id: 4,
           name: 'Cupcake',
+          date: '05/07/2024',
           booleanIcon: false,
           available: false,
           calories: 305,
@@ -220,6 +233,7 @@ export default {
         {
           id: 5,
           name: 'Gingerbread',
+          date: '07/05/2024',
           booleanIcon: true,
           available: true,
           calories: 356,
@@ -234,6 +248,7 @@ export default {
         {
           id: 5,
           name: 'Jelly bean',
+          date: '11/12/2025',
           booleanIcon: false,
           available: false,
           calories: 375,
@@ -249,6 +264,7 @@ export default {
           id: 6,
           name: 'Lollipop',
           booleanIcon: true,
+          date: '21/12/2024',
           available: true,
           calories: 392,
           fat: 0.2,
@@ -263,6 +279,7 @@ export default {
           id: 7,
           name: 'Honeycomb',
           booleanIcon: true,
+          date: '22/12/2023',
           available: false,
           calories: 408,
           fat: 3.2,
@@ -277,6 +294,7 @@ export default {
           id: 8,
           name: 'Donut',
           booleanIcon: true,
+          date: '25/12/2024',
           available: true,
           calories: 452,
           fat: 25.0,
@@ -290,6 +308,172 @@ export default {
         {
           id: 9,
           name: 'KitKat',
+          date: '20/12/2024',
+          booleanIcon: false,
+          available: false,
+          calories: 518,
+          fat: 26.0,
+          carbs: 65,
+          checked: true,
+          protein: 7,
+          sodium: 54,
+          calcium: '12%',
+          iron: '6%'
+        },
+        {
+          id: 10,
+          name: 'Frozen Yogurt',
+          date: '21/12/2024',
+          booleanIcon: true,
+          available: true,
+          calories: 159,
+          fat: 6.0,
+          carbs: 24,
+          checked: false,
+          protein: 4.0,
+          sodium: 87,
+          calcium: '14%',
+          iron: '1%'
+        },
+        {
+          id: 11,
+          name: 'Frozen Yogurt',
+          date: '21/12/2024',
+          booleanIcon: true,
+          available: true,
+          calories: 159,
+          fat: 6.0,
+          carbs: 24,
+          checked: false,
+          protein: 4.0,
+          sodium: 87,
+          calcium: '14%',
+          iron: '1%'
+        },
+        {
+          id: 12,
+          name: 'Ice cream sandwich',
+          date: '12/12/2024',
+          booleanIcon: true,
+          available: false,
+          calories: 237,
+          fat: 9.0,
+          carbs: 37,
+          checked: false,
+          protein: 4.3,
+          sodium: 129,
+          calcium: '8%',
+          iron: '1%'
+        },
+        {
+          id: 13,
+          name: 'Eclair',
+          date: '21/12/2025',
+          booleanIcon: true,
+          available: true,
+          calories: 262,
+          fat: 16.0,
+          carbs: 23,
+          checked: false,
+          protein: 6.0,
+          sodium: 337,
+          calcium: '6%',
+          iron: '7%'
+        },
+        {
+          id: 14,
+          name: 'Cupcake',
+          date: '05/07/2024',
+          booleanIcon: false,
+          available: false,
+          calories: 305,
+          fat: 3.7,
+          carbs: 67,
+          checked: false,
+          protein: 4.3,
+          sodium: 413,
+          calcium: '3%',
+          iron: '8%'
+        },
+        {
+          id: 15,
+          name: 'Gingerbread',
+          date: '07/05/2024',
+          booleanIcon: true,
+          available: true,
+          calories: 356,
+          fat: 16.0,
+          carbs: 49,
+          checked: false,
+          protein: 3.9,
+          sodium: 327,
+          calcium: '7%',
+          iron: '16%'
+        },
+        {
+          id: 16,
+          name: 'Jelly bean',
+          date: '11/12/2025',
+          booleanIcon: false,
+          available: false,
+          calories: 375,
+          fat: 0.0,
+          carbs: 94,
+          checked: true,
+          protein: 0.0,
+          sodium: 50,
+          calcium: '0%',
+          iron: '0%'
+        },
+        {
+          id: 17,
+          name: 'Lollipop',
+          booleanIcon: true,
+          date: '21/12/2024',
+          available: true,
+          calories: 392,
+          fat: 0.2,
+          carbs: 98,
+          checked: false,
+          protein: 0,
+          sodium: 38,
+          calcium: '0%',
+          iron: '2%'
+        },
+        {
+          id: 18,
+          name: 'Honeycomb',
+          booleanIcon: true,
+          date: '22/12/2023',
+          available: false,
+          calories: 408,
+          fat: 3.2,
+          carbs: 87,
+          checked: true,
+          protein: 6.5,
+          sodium: 562,
+          calcium: '0%',
+          iron: '45%'
+        },
+        {
+          id: 19,
+          name: 'Donut',
+          booleanIcon: true,
+          date: '25/12/2024',
+          available: true,
+          calories: 452,
+          fat: 25.0,
+          carbs: 51,
+          checked: false,
+          protein: 4.9,
+          sodium: 326,
+          calcium: '2%',
+          iron: '22%'
+        },
+        {
+          id: 20,
+          name: 'Last line',
+          date: '31/12/2026',
           booleanIcon: false,
           available: false,
           calories: 518,
@@ -302,7 +486,8 @@ export default {
           iron: '6%'
         }
       ],
-      visibleColumns: []
+      visibleColumns: [],
+      filteredRows: []
     }
   },
   computed: {