0.3.10 • Published 3 years ago
shinemo-filelist v0.3.10
文件列表/FileList
使用
| 参数 | 类型 | 备注 |
|---|---|---|
| cls | String | 文件项的class，覆盖默认样式 |
| toEach | Array | 必填数据列表 |
| toEach0.icon | String | 文件图标，不传默认使用文件名后缀 |
| toEach0.name | String | 必填文件名 |
| toEach0.size | Number | 文件大小，单位B |
| toEach0.onDelete | Function | 删除此文件的回调，用于覆盖通用的删除回调 |
| toEach0.downloadable | Bool | 是否可以下载此文件，用于覆盖通用的下载设置 |
| toEach0.downloadUrl | String | 下载文件的url ，如果设置了可下载，但是没有下载url，不会显示下载按钮 |
| onDelete | Function | 通用的删除回调，如果没有文件列表中的文件有特殊的删除需求，可以直接通过此配置设置删除回调 |
| downloadable | Bool | 通用的是否可下载配置，如果文件列表有统一的下载配置，可以通过设置此配置 |
import React from 'react'
import ReactDOM from 'react-dom'
import FileList from '@xm/FileList'
const DATA = [
{
name: 'very long long long long long long long long long long long long long long long long file name with jpg ext.jpg',
size: 100000,
icon: 'https://filesystem.api.jituancaiyun.com/sfs/avatar?uid=106096&isThumb=1&_=1505266816141',
downloadUrl: 'http://filesystem.api.jituancaiyun.com/sfs/file?digest=2ca7fe608b2c11775245dd71887a8e59&token=daa1df7855acd5f79d6a363e79197430&ts=1505266815875073&uid=10101001191214848&image.png'
},
{
name: '中文名字.pdf',
size: 88888888,
downloadable: false,
downloadUrl: 'http://filesystem.api.jituancaiyun.com/sfs/file?digest=2ca7fe608b2c11775245dd71887a8e59&token=daa1df7855acd5f79d6a363e79197430&ts=1505266815875073&uid=10101001191214848&image.png'
},
{
name: '文件夹',
size: 11111111111111111,
onDelete: false,
downloadUrl: 'http://filesystem.api.jituancaiyun.com/sfs/file?digest=2ca7fe608b2c11775245dd71887a8e59&token=daa1df7855acd5f79d6a363e79197430&ts=1505266815875073&uid=10101001191214848&image.png'
},
{
name: '特殊定制关闭按钮回调',
size: 111,
onDelete: p => console.log('custom delete', p),
downloadUrl: 'http://filesystem.api.jituancaiyun.com/sfs/file?digest=2ca7fe608b2c11775245dd71887a8e59&token=daa1df7855acd5f79d6a363e79197430&ts=1505266815875073&uid=10101001191214848&image.png'
}
]
window.addEventListener('DOMContentLoaded', () => {
ReactDOM.render(
<FileList toEach={DATA} downloadable onDelete={p => console.log(p)} />,
document.body
)
})0.3.10
3 years ago