From 42df24b3590f440e47f1f3ee80877cb29cfadf3e Mon Sep 17 00:00:00 2001
From: liuqiang <qiang.liu@xinjifamily.com>
Date: Fri, 13 Mar 2026 17:27:27 +0800
Subject: [PATCH] update

---
 src/Preview/index.tsx  |  1 +
 tests/preview.test.tsx | 24 ++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/Preview/index.tsx b/src/Preview/index.tsx
index 05594fc..49f282c 100644
--- a/src/Preview/index.tsx
+++ b/src/Preview/index.tsx
@@ -419,6 +419,7 @@ const Preview: React.FC<PreviewProps> = props => {
           return (
             <div
               className={clsx(prefixCls, rootClassName, classNames.root, motionClassName, {
+                [`${prefixCls}-movable`]: movable,
                 [`${prefixCls}-moving`]: isMoving,
               })}
               style={mergedStyle}
diff --git a/tests/preview.test.tsx b/tests/preview.test.tsx
index 2350de6..3d3c087 100644
--- a/tests/preview.test.tsx
+++ b/tests/preview.test.tsx
@@ -5,10 +5,10 @@ import RotateLeftOutlined from '@ant-design/icons/RotateLeftOutlined';
 import RotateRightOutlined from '@ant-design/icons/RotateRightOutlined';
 import ZoomInOutlined from '@ant-design/icons/ZoomInOutlined';
 import ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined';
+import Dialog from '@rc-component/dialog';
 import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
 import { act, createEvent, fireEvent, render } from '@testing-library/react';
-import React, { useState } from 'react';
-import Dialog from '@rc-component/dialog';
+import React from 'react';
 
 jest.mock('../src/Preview', () => {
   const MockPreview = (props: any) => {
@@ -378,6 +378,26 @@ describe('Preview', () => {
     });
   });
 
+  it('should render movable className correctly according to movable prop', () => {
+    const { rerender } = render(
+      <Image
+        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+        preview={{ open: true }}
+      />,
+    );
+
+    expect(document.querySelector('.rc-image-preview')).toHaveClass('rc-image-preview-movable');
+
+    rerender(
+      <Image
+        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+        preview={{ open: true, movable: false }}
+      />,
+    );
+
+    expect(document.querySelector('.rc-image-preview')).not.toHaveClass('rc-image-preview-movable');
+  });
+
   it('Mouse Event', () => {
     const clientWidthMock = jest
       .spyOn(document.documentElement, 'clientWidth', 'get')