@dataloop-ai/components 0.19.97 → 0.19.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.97",
+  "version": "0.19.98",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlButton/DlButton.vue

@@ -199,12 +199,15 @@ export default defineComponent({
             return classes
         })
 
+        const buttonTimeout = ref<any>(null)
+
         return {
             uuid: `dl-button-${v4()}`,
             buttonLabelRef,
             isOverflowing: hasEllipsis,
             buttonClass,
-            mouseOver
+            mouseOver,
+            buttonTimeout
         }
     },
     computed: {
@@ -419,7 +422,10 @@ export default defineComponent({
                     }
                 }
 
-                this.$emit('click', e)
+                clearTimeout(this.buttonTimeout)
+                this.buttonTimeout = setTimeout(() => {
+                    this.$emit('click', e)
+                }, 50)
             }
         },
         onDblClick(e: Event) {
@@ -430,6 +436,7 @@ export default defineComponent({
                     }
                 }
 
+                clearTimeout(this.buttonTimeout)
                 this.$emit('dblclick', e)
             }
         },

package/src/components/compound/DlTable/DlTable.vue

@@ -1799,12 +1799,17 @@ export default defineComponent({
             emit('th-click', evt, computedRows.value, name)
         }
 
+        const trClickTimeout = ref<any>(null)
+
         const onTrClick = (
             evt: MouseEvent,
             row: DlTableRow,
             pageIndex: number
         ) => {
-            emit('row-click', evt, row, pageIndex)
+            clearTimeout(trClickTimeout.value)
+            trClickTimeout.value = setTimeout(() => {
+                emit('row-click', evt, row, pageIndex)
+            }, 50)
         }
 
         const onTrDblClick = (
@@ -1812,6 +1817,7 @@ export default defineComponent({
             row: DlTableRow,
             pageIndex: number
         ) => {
+            clearTimeout(trClickTimeout.value)
             emit('row-dblclick', evt, row, pageIndex)
         }