From e2d7e689e5091218770c5e8b729f4f820aac282b Mon Sep 17 00:00:00 2001
From: Wanpan <wanpan96@163.com>
Date: Wed, 8 May 2024 19:05:50 +0800
Subject: [PATCH] docs: image component adding destroyOnClose (#48827)

* docs: image component adding destroyOnClose

* docs: update demo
---
 components/image/demo/imageRender.tsx | 1 +
 components/image/index.en-US.md       | 1 +
 components/image/index.zh-CN.md       | 1 +
 3 files changed, 3 insertions(+)

diff --git a/components/image/demo/imageRender.tsx b/components/image/demo/imageRender.tsx
index 0defff94d1..e667a44877 100644
--- 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
index 4fbf54934a..07c8dc3e1e 100644
--- 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
index caed1d6c16..ede8e51975 100644
--- 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 | - | - |