@rax-ui/upload NPM | npm.io

1.0.0-beta.62 • Published 3 years ago

Install

Weekly downloads

50

License

-

Repository

Last release

3 years ago

display: Upload

family: Data Entry

Upload

用于图片文件上传

API

Props

名称	说明	类型	默认值
fileList	文件列表	`IFile[]`
limit	最大文件上传个数	number	Infinity
onChange	上传文件改变时的状态	(file: IFile[]) => void
onRemove	移除文件回调函数	(file: IFile) => void
onPreview	点击图片回调	(file: IFile) => void

IFile

名称	说明	类型	默认值
uid	文件唯一标识	string
name	文件名	string
thumbUrl	缩略图	string
size	文件大小	string
url	文件 URL 地址	string
status	文件状态：可选值： `fail`, `success`, `uploading`, `removed`	enum
percent	进度	number (1-100)
canRemove	是否可被删除	boolean

CSS API

名称	说明
upload	容器样式
upload__add	增加图片样式
upload__add__icon	增加图片中图标样式
upload__add__text	增加图片中文字样式
upload__item	file 显示样式
upload__item-image	file 图片样式
upload__item-progress	进度条样式
upload__remove	删除样式
upload__remove-image	删除图标样式
upload__fail	上传失败样式
upload__fail-image	失败图标样式
upload__item--fail	上传失败样式

Rax rax-component

@rax-ui/button @rax-ui/icon @rax-ui/locale @rax-ui/progress @rax-ui/styles rax-image rax-text rax-view universal-choose-image

@infinitebrahmanuniverse/nolb-_rax @everything-registry/sub-chunk-760 @zalastax/nolb-_rax

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago