quasar-factory-lib 0.0.88 → 0.0.90

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "author": ""
 }

package/src/components/Table/Table.vue

@@ -231,7 +231,11 @@ export default defineComponent({
     'setLineRemainingQty',
     'setLineNoStock',
     'onDoneLineMaintenanceTasks',
-    'reprintSULabel'
+    'reprintSULabel',
+    'onDragStart',
+    'onDragUpdate',
+    'onDragEnd',
+    'modifyPriorityOrder"'
   ],
   data () {
     return {
@@ -317,22 +321,28 @@ export default defineComponent({
         this.tableRef = document.querySelector('.q-table tbody')
       }
       const self = this
+      if (this.draggableInstance?.destroy) {
+        this.draggableInstance.destroy()
+      }
       if (this.tableRef) {
         this.draggableInstance = useDraggable(this.tableRef, this.rows, {
             animation: 100,
             delay: self.dragAndDropDelay,
   
-            onStart () {
+            onStart (e) {
                 console.log('start')
+                self.$emit('onDragStart', e)
             },
             onUpdate (e) {
               console.log(e, 'onUpdate')
                 const {oldIndex, newIndex} = e
                 console.log(oldIndex, newIndex, self.rows)
                 self.rowsData = [...self.rows]
+                self.$emit('onDragUpdate', e)
             },
             onEnd(e) {
               console.log(e, 'end drag')
+              self.$emit('onDragEnd', e)
             }
         })
     }

package/src/components/Table/components/CustomizedBadge.vue

@@ -1,6 +1,6 @@
 <template>
   <q-badge
-    class="cursor-pointer q-pt-sm q-pb-sm"
+    class="cursor-pointer q-pt-xs q-pb-xs"
       :data-cy="'badge' + dataCy"
       :class="badgeColor"
       :text-color="badgeTextColor"

package/src/components/Table/components/TableSlotBody.vue

@@ -166,7 +166,8 @@ export default {
     'onUpdateBasicCheckboxValue',
     'onClickButton',
     'onUpdateCustomizedCheckboxValue',
-    'onClickIconToolTip'
+    'onClickIconToolTip',
+    'modifyPriorityOrder'
   ],
   data () {
     return {

package/src/components/Table/components/TableSlotGrid.vue

@@ -203,7 +203,8 @@ export default {
     'onClickButton',
     'onUpdateCustomizedCheckboxValue',
     'onClickIcon',
-    'onClickIconToolTip'
+    'onClickIconToolTip',
+    'modifyPriorityOrder'
   ],
   data () {
     return {

package/src/layouts/PdaLayout.vue

@@ -50,6 +50,15 @@
           @on-update-basic-checkbox-value="onUpdateBasicCheckboxValue"
           @on-update-customized-checkbox-value="onUpdateCustomizedCheckboxValue"
           @on-click-button="setItemNotFound"
+          @on-drag-start="(args) => {
+            console.log(args, 'start')
+          }"
+          @on-drag-update="(args) => {
+            console.log(args, 'update')
+           }"
+          @on-drag-end="(args) => {
+            console.log(args, 'end')
+          }"
         />
           <q-page-sticky
             v-if="smallDevice"
@@ -571,6 +580,7 @@ export default {
       this.rows = this.rowsData
       this.$nextTick(() =>{
         this.$refs.table.enableDragAndDrop = true
+
       })
     }, 1000)
     },