docs: image component adding destroyOnClose (#48827)

* docs: image component adding destroyOnClose * docs: update demo
ant-design · May 8, 2024 · e2d7e68 · e2d7e68
1 parent 4384984
commit e2d7e68
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/components/image/demo/imageRender.tsx b/components/image/demo/imageRender.tsx
@@ -5,6 +5,7 @@ const App: React.FC = () => (
   <Image
     width={200}
     preview={{
+      destroyOnClose: true,
       imageRender: () => (
         <video
           muted

diff --git a/components/image/index.en-US.md b/components/image/index.en-US.md
@@ -67,6 +67,7 @@ Other attributes [&lt;img>](https://developer.mozilla.org/en-US/docs/Web/HTML/El
 | forceRender | Force render preview dialog | boolean | - | - |
 | toolbarRender | Custom toolbar render | (originalNode: React.ReactElement, info: Omit<[ToolbarRenderInfoType](#toolbarrenderinfotype), 'current' \| 'total'>) => React.ReactNode | - | 5.7.0 |
 | imageRender | Custom preview content | (originalNode: React.ReactElement, info: { transform: [TransformType](#transformtype) }) => React.ReactNode | - | 5.7.0 |
+| destroyOnClose | Destroy child elements when closing preview | boolean | false |  |
 | onTransform | Callback when the transform of image changed | { transform: [TransformType](#transformtype), action: [TransformAction](#transformaction) } | - | 5.7.0 |
 | onVisibleChange | Callback when `visible` changed | (visible: boolean, prevVisible: boolean) => void | - | - |
 

diff --git a/components/image/index.zh-CN.md b/components/image/index.zh-CN.md
@@ -68,6 +68,7 @@ coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*LVQ3R5JjjJEAAA
 | forceRender | 强制渲染预览图 | boolean | - | - |
 | toolbarRender | 自定义工具栏 | (originalNode: React.ReactElement, info: Omit<[ToolbarRenderInfoType](#toolbarrenderinfotype), 'current' \| 'total'>) => React.ReactNode | - | 5.7.0 |
 | imageRender | 自定义预览内容 | (originalNode: React.ReactElement, info: { transform: [TransformType](#transformtype) }) => React.ReactNode | - | 5.7.0 |
+| destroyOnClose | 关闭预览时销毁子元素 | boolean | false |  |
 | onTransform | 预览图 transform 变化的回调 | { transform: [TransformType](#transformtype), action: [TransformAction](#transformaction) } | - | 5.7.0 |
 | onVisibleChange | 当 `visible` 发生改变时的回调 | (visible: boolean, prevVisible: boolean) => void | - | - |