quasar-factory-lib 0.1.5 → 0.1.6

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "author": ""
 }

package/src/components/SkeletonCardList/SkeletonCardList.vue

@@ -0,0 +1,39 @@
+<template lang="">
+    <div>
+        <q-card>
+            <q-item>
+              <q-item-section>
+                <q-item-label>
+                  <q-skeleton type="text" />
+                </q-item-label>
+                <q-item-label caption>
+                  <q-skeleton type="text" />
+                </q-item-label>
+              </q-item-section>
+              <q-item-section avatar>
+                <q-skeleton type="QAvatar" />
+              </q-item-section>
+            </q-item>
+
+            <q-item>
+              <q-skeleton type="QBadge" />
+            </q-item>
+
+            <q-item-label>
+                <q-skeleton type="text" v-for="n in 3" :key="n"/>
+              </q-item-label>
+
+            <q-card-actions>
+              <q-skeleton size="25px" type="QBtn" class="q-mr-sm" v-for="n in 4" :key="n"/>
+            </q-card-actions>
+          </q-card>
+    </div>
+</template>
+<script>
+export default {
+  name: 'SkeletonCardTaskList'
+}
+</script>
+<style>
+
+</style>

package/src/components/Table/Table.vue

@@ -1,5 +1,6 @@
 <template lang="">
   <div>
+    {{rowsPerPageOptions}}
     <q-table
       v-show="!showSkeleton"
       ref="myTable"
@@ -13,7 +14,7 @@
       :rows="rowsData"
       :columns="columns"
       :row-key="rowKey"
-      :rows-per-page-options="[0]"
+      :rows-per-page-options="rowsPerPageOptions"
       :selection="selectionType"
       :visible-columns="visibleColumns"
       table-class="text-grey-9"
@@ -209,6 +210,11 @@ export default defineComponent({
     showIconAdvancedFilter: {
       type: Boolean,
       default: false
+    },
+    rowsPerPageOptions: {
+      type: Array,
+       default: () => [0]
+
     }
   },
   emits: [
@@ -235,7 +241,8 @@ export default defineComponent({
     'onDragStart',
     'onDragUpdate',
     'onDragEnd',
-    'modifyPriorityOrder'
+    'modifyPriorityOrder',
+    'onClickRowBtnPrintOP'
   ],
   data () {
     return {
@@ -308,16 +315,6 @@ export default defineComponent({
         this.dragAndDropDelay = 0
       }
     },
-    /* showSkeleton (val: boolean): void {
-      if (!val) {
-        this.handleInfiniteScrollTableCompositionAPi()
-      }
-    },
-    '$q.screen.width' (): void {
-      setTimeout(() => {
-        this.handleInfiniteScrollTableCompositionAPi()
-      }, 500)
-    } */
   },
   mounted () {
     this.getAdvancedFilterColumns()

package/src/layouts/PdaLayout.vue

@@ -33,6 +33,7 @@
       />
       <q-page-container>
         <q-page>
+        
         <Table
           ref="table"
           :rows="rows"

package/src/router/routes.ts

@@ -31,7 +31,7 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: '/pdaLayout',
-    component: () => import('../layouts/PdaLayoutVueCompositionApi.vue')
+    component: () => import('../layouts/PdaLayout.vue')
   }
 ]