fix: 修复 drag 模式下的动画效果

Author: big-camel

packages/react-photo-view/src/PhotoBox.tsx

@@ -580,10 +580,10 @@ export default function PhotoBox({
           left: isDragMode ? translateX : undefined,
           top: isDragMode ? translateY : undefined,
           transition:
-            isDragMode || touched || pause
-              ? isDragMode
-                ? `left ${transitionLayoutTime}ms ${easing}, top ${transitionLayoutTime}ms ${easing}`
-                : undefined
+            touched || pause
+              ? undefined
+              : isDragMode
+              ? `left ${transitionLayoutTime}ms ${easing}, top ${transitionLayoutTime}ms ${easing}`
               : transitionCSS,
           willChange: isActive ? 'transform' : undefined,
         }}

packages/react-photo-view/src/hooks/useAnimationOrigin.tsx

@@ -27,7 +27,7 @@ export default function useAnimationOrigin(
 ] {
   const [originRect, updateOriginRect] = useState(initialRect)
   // 动画状态
-  const [easingMode, updateEasingMode] = useState<EasingMode>(isDragMode ? 4 : 0)
+  const [easingMode, updateEasingMode] = useState<EasingMode>(isDragMode ? 3 : 0)
   const initialTime = useRef<number>()
 
   const fn = useMethods({

packages/react-photo-view/src/index.ts

@@ -3,3 +3,5 @@ import PhotoView from './PhotoView'
 import PhotoSlider from './PhotoSlider'
 
 export { PhotoProvider, PhotoView, PhotoSlider }
+
+export * from './types'

packages/react-photo-view/src/utils/getSuitableImageSize.ts

@@ -43,7 +43,7 @@ export default function getSuitableImageSize(
     height,
     x: margin,
     y,
-    pause: true,
+    pause: isDragMode ? false : true,
   }
   if (isDragMode) state.scale = Math.min(height / naturalHeight, width / naturalWidth, 1)
   return state