上传按钮

介绍

上传按钮是一种文件上传组件，点击选择文件进行上传操作。

API

Props 属性

参数名	描述	类型	默认值
status	默认状态	'default'|'disabled'|'hide'	'default'
title	标题	string	'按钮'
type	类型	'primary'|'secondary'|'dashed'|'outline'|'text'	'primary'
btnStatus	展示类型	'normal'|'warning'|'success'|'danger'	'normal'
loading	加载状态	boolean	false
uploadAction	导入action	string	-
uploadName	上传文件名	string	-
uploadAccept	接受文件类型，具体参考 HTML标准	string	-
uploadMultiple	支持多文件上传	boolean	false
uploadHeaderData	上传请求header附加的数据	Object<string,any>	-
uploadData	上传请求附加的数据	string	-

Props 样式

参数名	描述	类型	默认值
baseStyle	自定义样式 ， 表格整体自定义样式	string	-
customClass	类名绑定 ， 绑定类的名称	string	-
shape	按钮形状	'square'|'circle'|'round'	'shape'
size	按钮尺寸	'large'|'medium'|'small'|'mini'	'medium'
icon	图标选择	string	-
iconAfter	图标后置	boolean	false

Props 高级

参数名	描述	类型	默认值
uniqueKey	唯一标识 ， 组件的唯一标识	string	-
authControl	权限控制	boolean	false
loop	循环 ， 循环渲染设置	Loop	-

Events

事件名	描述	参数
onBeforeUpload	上传前触发，通过返回true/false控制是否继续上传	ctx params:FileItem
onChange	上传文件改变后触发	ctx params:{file: FileItem, files: FileItem[]}
onSuccess	上传成功时触发	ctx params:FileItem
onError	上传失败时触发	ctx params:{fileItem: FileItem}

Type

// 循环
type Loop = {
  "data": any[],
  "paramName": string,
  "indexName": string,
  "key": string
}

// 循环变量数据参数
type LoopParams = {
  "indexName":string,
  "paramName":string,
  "ref":ComputedRefImpl, // 全部的循环变量数据
  "row":number,
  "rowIndex":number
}[]

type FileItem = {
  "file":File,
  "name":string,
  "percent":number,
  "response":{
    "alert":string,
    "code":string
    "data":any,
    "msg":string
    "ts":number,
  }
  "status":string,
  "uid":string,
  "url":string,
}