fix: exit animation target on ListView (#210)

apps/web/src/modules/gallery/ListView.tsx

@@ -193,6 +193,7 @@ const PhotoCard = ({ photo }: { photo: PhotoManifest }) => {
         className="relative w-full shrink-0 cursor-pointer overflow-hidden lg:h-full lg:w-56"
         role="button"
         tabIndex={0}
+        data-photo-id={photo.id}
         style={
           // 移动端：根据宽高比计算高度
           {

apps/web/src/modules/viewer/animations/usePhotoViewerTransitions.ts

@@ -69,7 +69,11 @@ export const usePhotoViewerTransitions = ({
   const resolveTriggerElement = useCallback((): HTMLElement | null => {
     if (!currentPhoto) return null
 
-    if (triggerElement && triggerElement.isConnected) {
+    const isElementForCurrentPhoto = (el: HTMLElement) => {
+      return el.dataset.photoId === currentPhoto.id
+    }
+
+    if (triggerElement && triggerElement.isConnected && isElementForCurrentPhoto(triggerElement)) {
       cachedTriggerRef.current = triggerElement
       return triggerElement
     }
@@ -82,7 +86,11 @@ export const usePhotoViewerTransitions = ({
       return liveTriggerEl
     }
 
-    if (cachedTriggerRef.current && cachedTriggerRef.current.isConnected) {
+    if (
+      cachedTriggerRef.current &&
+      cachedTriggerRef.current.isConnected &&
+      isElementForCurrentPhoto(cachedTriggerRef.current)
+    ) {
       return cachedTriggerRef.current
     }