fix(image-viewer): 清除图片查看状态 (#3224)

closed #3223
Tencent · Aug 14, 2023 · 330ebc8 · 330ebc8
1 parent 1ec78c6
commit 330ebc8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/image-viewer/image-viewer.tsx b/src/image-viewer/image-viewer.tsx
@@ -65,11 +65,13 @@ export default defineComponent({
 
     const prevImage = () => {
       const newIndex = indexValue.value - 1;
+      onRest();
       setIndexValue(newIndex < 0 ? 0 : newIndex, { trigger: 'prev' });
     };
 
     const nextImage = () => {
       const newIndex = indexValue.value + 1;
+      onRest();
       setIndexValue(newIndex >= images.value.length ? indexValue.value : newIndex, { trigger: 'next' });
     };
 
@@ -122,6 +124,8 @@ export default defineComponent({
         if (val) {
           animationEnd.value = false;
           window.addEventListener('keydown', keydownHandler);
+
+          onRest();
         } else {
           animationTimer.value = setTimeout(() => {
             animationEnd.value = true;