feat(useDraggable): support capture option (#2725)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
vueuse · Apr 13, 2023 · 3996d44 · 3996d44
1 parent 8a9dd47
commit 3996d44
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/packages/core/useDraggable/index.ts b/packages/core/useDraggable/index.ts
@@ -27,6 +27,13 @@ export interface UseDraggableOptions {
    */
   stopPropagation?: MaybeRefOrGetter<boolean>
 
+  /**
+   * Whether dispatch events in capturing phase
+   *
+   * @default true
+   */
+  capture?: boolean
+
   /**
    * Element to attach `pointermove` and `pointerup` events to.
    *
@@ -166,9 +173,10 @@ export function useDraggable(
   }
 
   if (isClient) {
-    useEventListener(draggingHandle, 'pointerdown', start, true)
-    useEventListener(draggingElement, 'pointermove', move, true)
-    useEventListener(draggingElement, 'pointerup', end, true)
+    const config = { capture: options.capture ?? true }
+    useEventListener(draggingHandle, 'pointerdown', start, config)
+    useEventListener(draggingElement, 'pointermove', move, config)
+    useEventListener(draggingElement, 'pointerup', end, config)
   }
 
   return {