UNPKG

zarm

Version:

基于 React 的移动端UI库

21 lines (20 loc) 1.33 kB
/** * 设置选择前的方法,获取选择文件的相关信息,需要时可以对图片进行压缩、改变图片尺寸。 * * 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;