From 53ec8a91a1ec2cf4a83a8e4e83e02c0d283a72fe Mon Sep 17 00:00:00 2001
From: MrXwq <43991889+MrXwq@users.noreply.github.com>
Date: Wed, 28 Dec 2022 18:23:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(image-preview)=EF=BC=9Afix=20image-preview?=
 =?UTF-8?q?=20README=E3=80=81supplement=20teleport=20(#11429)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: xuwenqiang <xuwenqiang@kanzhun.com>
---
 packages/vant/src/image-preview/ImagePreview.tsx | 3 +++
 packages/vant/src/image-preview/README.md        | 2 +-
 packages/vant/src/image-preview/README.zh-CN.md  | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/vant/src/image-preview/ImagePreview.tsx b/packages/vant/src/image-preview/ImagePreview.tsx
index d18c6e60b..b8d525fe3 100644
--- a/packages/vant/src/image-preview/ImagePreview.tsx
+++ b/packages/vant/src/image-preview/ImagePreview.tsx
@@ -8,6 +8,7 @@ import {
   type PropType,
   type CSSProperties,
   type ExtractPropTypes,
+  type TeleportProps,
 } from 'vue';
 
 // Utils
@@ -46,6 +47,7 @@ const popupProps = [
   'transition',
   'overlayStyle',
   'closeOnPopstate',
+  'teleport'
 ] as const;
 
 export const imagePreviewProps = {
@@ -68,6 +70,7 @@ export const imagePreviewProps = {
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
   closeIconPosition: makeStringProp<PopupCloseIconPosition>('top-right'),
+  teleport: [String, Object] as PropType<TeleportProps['to']>,
 };
 
 export type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
diff --git a/packages/vant/src/image-preview/README.md b/packages/vant/src/image-preview/README.md
index 018aefa06..6d0a963c2 100644
--- a/packages/vant/src/image-preview/README.md
+++ b/packages/vant/src/image-preview/README.md
@@ -109,7 +109,7 @@ setTimeout(() => {
 
 ```html
 <van-image-preview v-model:show="show" :images="images" @change="onChange">
-  <template v-slot:index>Page: {{ index }}</template>
+  <template v-slot:index>Page: {{ index + 1 }}</template>
 </van-image-preview>
 ```
 
diff --git a/packages/vant/src/image-preview/README.zh-CN.md b/packages/vant/src/image-preview/README.zh-CN.md
index 0e11de955..870c0b5c2 100644
--- a/packages/vant/src/image-preview/README.zh-CN.md
+++ b/packages/vant/src/image-preview/README.zh-CN.md
@@ -120,7 +120,7 @@ setTimeout(() => {
 
 ```html
 <van-image-preview v-model:show="show" :images="images" @change="onChange">
-  <template v-slot:index>第{{ index }}页</template>
+  <template v-slot:index>第{{ index + 1  }}页</template>
 </van-image-preview>
 ```