You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

131 lines
4.2 KiB

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
props: {
// 接受的文件类型, 可选值为all media image file video
accept: {
type: String,
default: () => defProps.upload.accept
},
extension: {
type: Array,
default: () => defProps.upload.extension
},
// 图片或视频拾取模式当accept为image类型时设置capture可选额外camera可以直接调起摄像头
capture: {
type: [String, Array],
default: () => defProps.upload.capture
},
// 当accept为video时生效是否压缩视频默认为true
compressed: {
type: Boolean,
default: () => defProps.upload.compressed
},
// 当accept为video时生效可选值为back或front
camera: {
type: String,
default: () => defProps.upload.camera
},
// 当accept为video时生效拍摄视频最长拍摄时间单位秒
maxDuration: {
type: Number,
default: () => defProps.upload.maxDuration
},
// 上传区域的图标,只能内置图标
uploadIcon: {
type: String,
default: () => defProps.upload.uploadIcon
},
// 上传区域的图标的颜色,默认
uploadIconColor: {
type: String,
default: () => defProps.upload.uploadIconColor
},
// 是否开启文件读取前事件
useBeforeRead: {
type: Boolean,
default: () => defProps.upload.useBeforeRead
},
// 读取后的处理函数
afterRead: {
type: Function,
default: null
},
// 读取前的处理函数
beforeRead: {
type: Function,
default: null
},
// 是否显示组件自带的图片预览功能
previewFullImage: {
type: Boolean,
default: () => defProps.upload.previewFullImage
},
// 最大上传数量
maxCount: {
type: [String, Number],
default: () => defProps.upload.maxCount
},
// 是否启用
disabled: {
type: Boolean,
default: () => defProps.upload.disabled
},
// 预览上传的图片时的裁剪模式和image组件mode属性一致
imageMode: {
type: String,
default: () => defProps.upload.imageMode
},
// 标识符,可以在回调函数的第二项参数中获取
name: {
type: String,
default: () => defProps.upload.name
},
// 所选的图片的尺寸, 可选值为original compressed
sizeType: {
type: Array,
default: () => defProps.upload.sizeType
},
// 是否开启图片多选,部分安卓机型不支持
multiple: {
type: Boolean,
default: () => defProps.upload.multiple
},
// 是否展示删除按钮
deletable: {
type: Boolean,
default: () => defProps.upload.deletable
},
// 文件大小限制单位为byte
maxSize: {
type: [String, Number],
default: () => defProps.upload.maxSize
},
// 显示已上传的文件列表
fileList: {
type: Array,
default: () => defProps.upload.fileList
},
// 上传区域的提示文字
uploadText: {
type: String,
default: () => defProps.upload.uploadText
},
// 内部预览图片区域和选择图片按钮的区域宽度
width: {
type: [String, Number],
default: () => defProps.upload.width
},
// 内部预览图片区域和选择图片按钮的区域高度
height: {
type: [String, Number],
default: () => defProps.upload.height
},
// 是否在上传完成后展示预览图
previewImage: {
type: Boolean,
default: () => defProps.upload.previewImage
}
}
})