javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): [upload] added index parameter to default slot (#17143)

Browse Source 
* 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
This commit is contained in:
chaoling
2024-08-07 15:48:13 +08:00
committed by GitHub
parent b29d82f4e7
commit 61c828f493
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/en-US/component/upload.md
View File

@@ -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

4
packages/components/upload/src/upload-list.vue
View File

@@ -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' ||

8
packages/components/upload/src/upload.vue
View File

@@ -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>