From 4d6f28eba76dcb9a5976fcb4aa73fa163341bdac Mon Sep 17 00:00:00 2001
From: Kev1nzh <66104521+kev1nzh37@users.noreply.github.com>
Date: Sat, 21 Aug 2021 00:17:48 +0800
Subject: [PATCH] fix(image): Initialize rotate before switching, closes #921
 (#928)

Co-authored-by: kev1nzh <kev1nzh@app-ark.com>
---
 CHANGELOG.en-US.md             | 6 ++++++
 CHANGELOG.zh-CN.md             | 6 ++++++
 src/image/src/ImagePreview.tsx | 2 ++
 3 files changed, 14 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index b1ebaa10dc7..0b88f98d3f3 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- Fix `n-image` not initializing `rorate` after switching images, closes [#921](https://github.com/TuSimple/naive-ui/issues/921).
+
 ## 2.16.5 (2021-08-20)
 
 ### Feats
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 28cdb4a1a97..38c4c70bde6 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## Pending
+
+### Fixes
+
+- 修复 `n-image` 切换图像后没有初始化 `rorate` 的问题，关闭 [#921](https://github.com/TuSimple/naive-ui/issues/921)
+
 ## 2.16.5 (2021-08-20)
 
 ### Feats
diff --git a/src/image/src/ImagePreview.tsx b/src/image/src/ImagePreview.tsx
index 2a8e9c52ac6..8ba76450580 100644
--- a/src/image/src/ImagePreview.tsx
+++ b/src/image/src/ImagePreview.tsx
@@ -154,10 +154,12 @@ export default defineComponent({
     let rotate = 0
     function handleSwitchPrev (): void {
       scale = 1
+      rotate = 0
       props.onPrev?.()
     }
     function handleSwitchNext (): void {
       scale = 1
+      rotate = 0
       props.onNext?.()
     }
     function rotateCounterclockwise (): void {