zarm
Version:
基于 React 的移动端UI库
21 lines (20 loc) • 1.33 kB
TypeScript
/**
* 设置选择前的方法,获取选择文件的相关信息,需要时可以对图片进行压缩、改变图片尺寸。
*
* multiple: 默认为 false,设置为 true 之后一次可以选择多张,onChange 事件调用之后返回一个数组,
* 不设置或者设置为 false,onChange 事件调用之后返回一个对象。
* disabled: 传递之后不可以点击上传,整个选择组件会设置为半透明状态,透明度为 0.5。
* quality: 没有默认值,不设置不会进行压缩。
* accept: 设置选择的文件类型,默认为所有类型,只有文件类型为图片(image/*)的时候会有本地预览图。
* onChange: () => { file, fileType, fileSize, fileName, thumbnail }。
* onBeforeSelect: () => boolean,返回 false 的时候阻止后续的选择事件。
*/
import React from 'react';
import type { BaseFilePickerProps } from './interface';
import { HTMLProps } from '../utils/utilityTypes';
export interface FilePickerCssVars {
'--opacity-disabled': React.CSSProperties['opacity'];
}
export declare type FilePickerProps = BaseFilePickerProps & HTMLProps<FilePickerCssVars>;
declare const FilePicker: React.ForwardRefExoticComponent<BaseFilePickerProps & HTMLProps<FilePickerCssVars> & React.RefAttributes<unknown>>;
export default FilePicker;