From 61c828f493e635d4ae0cd142d1471a9a19080b4e Mon Sep 17 00:00:00 2001
From: chaoling <126888254+zhuchaoling@users.noreply.github.com>
Date: Wed, 7 Aug 2024 15:48:13 +0800
Subject: [PATCH] feat(components): [upload] added index parameter to default
 slot (#17143)

* fix(components): add the index attribute to the upload-list component

* docs(components): add the index attribute to the upload-list component

* feat(components): added index parameter to default slot
---
 docs/en-US/component/upload.md                 | 12 ++++++------
 packages/components/upload/src/upload-list.vue |  4 ++--
 packages/components/upload/src/upload.vue      |  8 ++++----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/en-US/component/upload.md b/docs/en-US/component/upload.md
index c7889fc786..d04625bd25 100644
--- a/docs/en-US/component/upload.md
+++ b/docs/en-US/component/upload.md
@@ -124,12 +124,12 @@ upload/manual
 
 ### Slots
 
-| Name    | Description                         | Type                            |
-| ------- | ----------------------------------- | ------------------------------- |
-| default | customize default content.          | -                               |
-| trigger | content which triggers file dialog. | -                               |
-| tip     | content of tips.                    | -                               |
-| file    | content of thumbnail template.      | ^[object]`{ file: UploadFile }` |
+| Name    | Description                         | Type                                           |
+| ------- | ----------------------------------- | ---------------------------------------------- |
+| default | customize default content.          | -                                              |
+| trigger | content which triggers file dialog. | -                                              |
+| tip     | content of tips.                    | -                                              |
+| file    | content of thumbnail template.      | ^[object]`{ file: UploadFile, index: number }` |
 
 ### Exposes
 
diff --git a/packages/components/upload/src/upload-list.vue b/packages/components/upload/src/upload-list.vue
index 67dec4df7e..623bc16969 100644
--- a/packages/components/upload/src/upload-list.vue
+++ b/packages/components/upload/src/upload-list.vue
@@ -1,7 +1,7 @@
 <template>
   <transition-group tag="ul" :class="containerKls" :name="nsList.b()">
     <li
-      v-for="file in files"
+      v-for="(file, index) in files"
       :key="file.uid || file.name"
       :class="[
         nsUpload.be('list', 'item'),
@@ -14,7 +14,7 @@
       @blur="focusing = false"
       @click="focusing = false"
     >
-      <slot :file="file">
+      <slot :file="file" :index="index">
         <img
           v-if="
             listType === 'picture' ||
diff --git a/packages/components/upload/src/upload.vue b/packages/components/upload/src/upload.vue
index d192cd456c..992ebc2caf 100644
--- a/packages/components/upload/src/upload.vue
+++ b/packages/components/upload/src/upload.vue
@@ -9,8 +9,8 @@
       :handle-preview="onPreview"
       @remove="handleRemove"
     >
-      <template v-if="$slots.file" #default="{ file }">
-        <slot name="file" :file="file" />
+      <template v-if="$slots.file" #default="{ file, index }">
+        <slot name="file" :file="file" :index="index" />
       </template>
       <template #append>
         <upload-content ref="uploadRef" v-bind="uploadContentProps">
@@ -40,8 +40,8 @@
       :handle-preview="onPreview"
       @remove="handleRemove"
     >
-      <template v-if="$slots.file" #default="{ file }">
-        <slot name="file" :file="file" />
+      <template v-if="$slots.file" #default="{ file, index }">
+        <slot name="file" :file="file" :index="index" />
       </template>
     </upload-list>
   </div>