fix(Swiper): fix a dragging gesture bug when imperatively call `jumpT…

…o` in the `onClick` event of `Swiper.Item`
unimol · Jul 27, 2022 · be90116 · be90116
1 parent 68f3692
commit be90116
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/swiper/swiper.tsx b/src/components/swiper/swiper.tsx
@@ -146,8 +146,15 @@ export const Swiper = forwardRef<SwiperRef, SwiperProps>(
         [count]
       )
 
+      const forceDragCancelRef = useRef(() => {})
+
       const bind = useDrag(
         state => {
+          forceDragCancelRef.current = () => {
+            state.cancel()
+            setDragging(false)
+          }
+          if (!state.intentional) return
           const slidePixels = getSlidePixels()
           if (!slidePixels) return
           const paramIndex = isVertical ? 1 : 0
@@ -181,6 +188,7 @@ export const Swiper = forwardRef<SwiperRef, SwiperProps>(
               (position.get() / 100) * slidePixels,
             ]
           },
+          triggerAllEvents: true,
           bounds: () => {
             if (loop) return {}
             const slidePixels = getSlidePixels()
@@ -318,6 +326,7 @@ export const Swiper = forwardRef<SwiperRef, SwiperProps>(
               if (draggingRef.current) {
                 e.stopPropagation()
               }
+              forceDragCancelRef.current()
             }}
             {...(props.allowTouchMove ? bind() : {})}
           >