javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-14 18:11:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme-chalk): [upload] use bem rewrite upload scss & fix bugs (#6508)

Browse Source 
Co-authored-by: 三咲智子 <sxzz@sxzz.moe>
This commit is contained in:
云游君
2022-03-10 23:52:13 +08:00
committed by GitHub
parent 73e60cd86a
commit 8929151b85
13 changed files with 217 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/examples/upload/basic.vue
View File

@ -21,14 +21,10 @@
<script lang="ts" setup>
import { ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import type { UploadFile } from 'element-plus/es/components/upload/src/upload.type'
interface RawFile {
name: string
url: string
}
import type { UploadUserFile, UploadFile } from 'element-plus'
const fileList = ref<RawFile[]>([
const fileList = ref<UploadUserFile[]>([
{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',
@ -45,7 +41,7 @@ const handleRemove = (file: UploadFile, fileList: UploadFile[]) => {
const handlePreview = (file: UploadFile) => {
console.log(file)
}
const handleExceed = (files: FileList, fileList: UploadFile[]) => {
const handleExceed = (files: File[], fileList: UploadFile[]) => {
ElMessage.warning(
`The limit is 3, you selected ${files.length} files this time, add up to ${
files.length + fileList.length
@ -53,6 +49,9 @@ const handleExceed = (files: FileList, fileList: UploadFile[]) => {
)
}
const beforeRemove = (file: UploadFile, fileList: UploadFile[]) => {
return ElMessageBox.confirm(`Cancel the transfert of ${file.name} ?`)
return ElMessageBox.confirm(`Cancel the transfert of ${file.name} ?`).then(
() => true,
() => false
)
}
</script>