@xme-react/file-list

1.0.0 • Public • Published

文件列表/FileList

使用

参数 类型 备注
cls String 文件项的class,覆盖默认样式
toEach Array 必填数据列表
toEach[0].icon String 文件图标,不传默认使用文件名后缀
toEach[0].name String 必填文件名
toEach[0].size Number 文件大小,单位B
toEach[0].onDelete Function 删除此文件的回调,用于覆盖通用的删除回调
toEach[0].downloadable Bool 是否可以下载此文件,用于覆盖通用的下载设置
toEach[0].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
  )
})

Readme

Keywords

none

Package Sidebar

Install

npm i @xme-react/file-list

Weekly Downloads

1

Version

1.0.0

License

ISC

Unpacked Size

150 kB

Total Files

64

Last publish

Collaborators

  • shinemo