quasar-factory-lib 0.1.6 → 0.1.8

package/package.json

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

package/src/components/SkeletonAreas/SkeletonAreas.vue

@@ -0,0 +1,27 @@
+<template>
+  <q-card class="cardSkeleton">
+    <q-card-section>
+      <q-skeleton type="QAvatar" />
+      <q-skeleton
+        type="text"
+        style="margin-top: 100px"
+      />
+    </q-card-section>
+  </q-card>
+</template>
+<script lang="ts">
+  export default {
+    name: 'SkeletonAreas',
+  }
+</script>
+<style scoped>
+  .cardSkeleton {
+    width: 200px;
+    height: 200px;
+  }
+  @media only screen and (max-width: 600px) {
+    .cardSkeleton {
+      width: 100%;
+    }
+  }
+</style>

package/src/components/SkeletonAreas/index.ts

@@ -0,0 +1,16 @@
+import type { App, Plugin } from 'vue'
+
+import SkeletonAreas from './SkeletonAreas.vue'
+
+import { registerComponent } from '@/utils/plugins'
+
+
+/** export SkeletonAreas plugin */
+export default {
+  install (app: App) {
+    registerComponent(app, 'SkeletonAreas', SkeletonAreas)
+  }
+} as Plugin
+
+/** export SkeletonAreas components */
+export { SkeletonAreas as SkeletonAreas }

package/src/components/Table/Table.vue

@@ -1,6 +1,5 @@
 <template lang="">
   <div>
-    {{rowsPerPageOptions}}
     <q-table
       v-show="!showSkeleton"
       ref="myTable"
@@ -242,7 +241,14 @@ export default defineComponent({
     'onDragUpdate',
     'onDragEnd',
     'modifyPriorityOrder',
-    'onClickRowBtnPrintOP'
+    'onClickRowBtnPrintOP',
+    'getPOFromWorkCenter',
+    'getProductionTimesMachineCenter',
+    'operatorMachineAssignmentAssignMachine',
+    'operatorMachineAssignmentSetDate',
+    'operatorMachineAssignmentSetPartialMachineCenter',
+    'operatorMachineAssignmentSeeDetail'
+    
   ],
   data () {
     return {
@@ -315,6 +321,16 @@ 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/components/index.ts

@@ -6,4 +6,5 @@ export * from './ConfirmedTask'
 export * from './TableRowsCounter'
 export * from './NavBarSkeleton'
 export * from './AlertLabelsWithError'
-export * from './FormSkeleton'
+export * from './FormSkeleton'
+export * from './SkeletonAreas'

package/src/components/plugins.ts

@@ -7,5 +7,6 @@ import TableRowsCounter from './TableRowsCounter'
 import NavBarSkeleton from './NavBarSkeleton'
 import AlertLabelsWithError from './AlertLabelsWithError'
 import FormSkeleton from './FormSkeleton'
-export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton }
+import SkeletonAreas from './SkeletonAreas'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas }
 

package/src/index.ts

@@ -1,11 +1,11 @@
 import '@quasar/extras/material-icons/material-icons.css'
 import { Quasar } from 'quasar'
 import { App, Plugin } from 'vue'
-import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton} from './components/plugins.ts'
+import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas} from './components/plugins.ts'
 import { registerPlugin, setVueInstance } from './utils/plugins.ts'
 import TranslateKeys from './i18n/translateKeys.ts'
 import { createPinia } from 'pinia'
-export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton } from './components/index.ts'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas } from './components/index.ts'
 
 export type { TranslateKeys }
 // import plugins from "./components/plugins";
@@ -30,6 +30,7 @@ const plugin: Plugin = {
     registerPlugin(app, NavBarSkeleton)
     registerPlugin(app, AlertLabelsWithError)
     registerPlugin(app, FormSkeleton)
+    registerPlugin(app, SkeletonAreas)
     app.use(i18n)
     app.use(pinia)
     i18n.global.locale = 'en'

package/src/layouts/PdaLayout.vue

@@ -33,7 +33,6 @@
       />
       <q-page-container>
         <q-page>
-        
         <Table
           ref="table"
           :rows="rows"
@@ -60,6 +59,9 @@
           @on-drag-end="(args) => {
             console.log(args, 'end')
           }"
+          @onUpdateSelected="(details) => {
+            console.log(details, 'details')
+          }"
         />
           <q-page-sticky
             v-if="smallDevice"
@@ -142,8 +144,12 @@ export default {
         label: 'Boolean Icon',
         align: 'left',
         sortable: true,
-        showCustomizedIcon: true,
-        type: 'boolean'
+        showCustomizedIcon: true, 
+        type: 'boolean',
+        customizedIconNameCaseTrue: 'warning',
+        customizedIconNameCaseFalse: 'edit',
+        customizedIconColorCaseTrue: 'negative',
+        customizedIconColorCaseFalse: 'positive',
       },
       {
         name: 'calories',