quasar-factory-lib 0.1.10 → 0.1.11

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "author": ""
 }

package/src/components/SkeletonFormCreateTask/SkeletonFormCreateTask.vue

@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <q-card class="my-card fixed-center">
+      <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>
+
+      <q-item-label>
+        <q-skeleton
+          type="QInput"
+          class="q-mr-sm q-ml-sm"
+        />
+      </q-item-label>
+
+      <q-card-actions>
+        <q-skeleton
+          type="QBtn"
+          width="120px"
+          class="q-mr-sm float-left"
+        />
+        <q-skeleton
+          type="QBtn"
+          width="120px"
+          class="q-mr-sm float-right"
+        />
+      </q-card-actions>
+    </q-card>
+  </div>
+</template>
+<script lang="ts">
+  export default {
+    name: 'SkeletonFormCreateTask',
+  }
+</script>
+<style scoped>
+  .q-card {
+    width: 400px;
+  }
+  @media only screen and (max-width: 1100px) {
+    .q-card {
+      width: 300px;
+    }
+  }
+  @media only screen and (max-width: 350px) {
+    .q-card {
+      margin: auto;
+      height: auto;
+    }
+  }
+</style>

package/src/components/SkeletonFormCreateTask/index.ts

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

package/src/components/Table/Table.vue

@@ -247,7 +247,8 @@ export default defineComponent({
     'operatorMachineAssignmentAssignMachine',
     'operatorMachineAssignmentSetDate',
     'operatorMachineAssignmentSetPartialMachineCenter',
-    'operatorMachineAssignmentSeeDetail'
+    'operatorMachineAssignmentSeeDetail',
+    'onClickOpenDialogOperators'
     
   ],
   data () {

package/src/components/index.ts

@@ -10,6 +10,7 @@ export * from './FormSkeleton'
 export * from './SkeletonAreas'
 export * from './ListSkeleton'
 export * from './SkeletonTaskList'
+export * from './SkeletonFormCreateTask'
 
 
 

package/src/components/plugins.ts

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

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, SkeletonAreas, ListSkeleton, SkeletonTaskList} from './components/plugins.ts'
+import { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas, ListSkeleton, SkeletonTaskList, SkeletonFormCreateTask } 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, SkeletonAreas, ListSkeleton, SkeletonTaskList } from './components/index.ts'
+export { MyTable, AlertDialog, ConfirmDialog, TaskNavBar, ConfirmedTask, TableRowsCounter, NavBarSkeleton, AlertLabelsWithError, FormSkeleton, SkeletonAreas, ListSkeleton, SkeletonTaskList, SkeletonFormCreateTask } from './components/index.ts'
 
 export type { TranslateKeys }
 // import plugins from "./components/plugins";
@@ -32,7 +32,8 @@ const plugin: Plugin = {
     registerPlugin(app, FormSkeleton)
     registerPlugin(app, SkeletonAreas)
     registerPlugin(app, ListSkeleton)
-     registerPlugin(app, SkeletonTaskList)
+    registerPlugin(app, SkeletonTaskList)
+    registerPlugin(app, SkeletonFormCreateTask)
     
     app.use(i18n)
     app.use(pinia)

package/src/layouts/PdaLayout.vue

@@ -33,10 +33,7 @@
       />
       <q-page-container>
         <q-page>
-          <ListSkeleton/>
-          <SkeletonTaskList/>
         <Table
-          v-if="false"
           ref="table"
           :rows="rows"
           :columns="columns"
@@ -88,8 +85,6 @@ import TableRowsCounter from'../components/TableRowsCounter/TableRowsCounter.vue
 import AlertLabelsWithError from '../components/AlertLabelsWithError/AlertLabelsWithError.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
 // import infiniteScroll from '../components/Table/utils/infiniteScroll'
-import ListSkeleton from '../components/ListSkeleton/ListSkeleton.vue'
-import SkeletonTaskList from '../components/SkeletonTaskList/SkeletonTaskList.vue'
 import { tableStore } from '../store/table.js'
 export default {
   components: {
@@ -97,9 +92,7 @@ export default {
     Table,
     TableRowsCounter,
     AlertLabelsWithError,
-    NavBarSkeleton,
-    ListSkeleton,
-    SkeletonTaskList
+    NavBarSkeleton
   },
   data () {
     return {