v1.2.6

MinJieLiu · Jun 10, 2024 · 3f53a44 · 3f53a44
1 parent d4c437c
commit 3f53a44
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/packages/example/pages/docs/change-log.en-US.mdx b/packages/example/pages/docs/change-log.en-US.mdx
@@ -2,6 +2,10 @@
 title: Change Log
 ---
 
+## 1.2.6
+
+1. fix: On mobile, the image width and height units are converted in the framework of the rax class
+
 ## 1.2.5
 
 1. fix: Chrome version 125 or later cannot be dragged issue

diff --git a/packages/example/pages/docs/change-log.zh-CN.mdx b/packages/example/pages/docs/change-log.zh-CN.mdx
@@ -2,6 +2,10 @@
 title: Change Log
 ---
 
+## 1.2.6
+
+1. fix: 移动端在 rax 类的框架中图片宽高单位被转换问题
+
 ## 1.2.5
 
 1. fix: Chrome 125 版本以上无法拖动的问题

diff --git a/packages/react-photo-view/package.json b/packages/react-photo-view/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-photo-view",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "An exquisite React photo preview component",
   "author": "MinJieLiu",
   "license": "Apache-2.0",

diff --git a/packages/react-photo-view/src/PhotoBox.tsx b/packages/react-photo-view/src/PhotoBox.tsx
@@ -425,8 +425,8 @@ export default function PhotoBox({
     onTouchStart: isTouchDevice ? handleTouchStart : undefined,
     onWheel: handleWheel,
     style: {
-      width: currentWidth + 'px',
-      height: currentHeight + 'px',
+      width: `${currentWidth}px`,
+      height: `${currentHeight}px`,
       opacity,
       objectFit: easingMode === 4 ? undefined : FIT,
       transform: rotate ? `rotate(${rotate}deg)` : undefined,