@tarojsx/ui/dist/ImagePicker.d.ts

We reinvents the UI for Taro3+

import React from 'react';
import { ImageProps } from '@tarojs/components/types/Image';
import '../style/ImagePicker.scss';
interface ImagePickerFile {
    url: string;
    file?: {
        path: string;
        size: number;
    };
}
export interface ImagePickerProps {
    className?: string;
    style?: React.CSSProperties;
    /** 图片文件数组, 元素为对象, 包含属性 url（必选) */
    files: ImagePickerFile[];
    /** 图片预览模式，详见[微信开发者文档](https://developers.weixin.qq.com/miniprogram/dev/component/image.html) */
    mode?: ImageProps['mode'];
    /** 是否显示添加图片按钮 */
    showAddBtn?: boolean;
    /** 是否支持多选 */
    multiple?: boolean;
    /** 单行的图片数量 */
    length?: number;
    /** 最多可以选择的图片张数 */
    count?: number;
    /** 图片数据限制 */
    limit?: number;
    /** 所选的图片的尺寸 */
    sizeType?: ('original' | 'compressed')[];
    /** 选择图片的来源 */
    sourceType?: ('album' | 'camera')[];
    /** files 值发生变化触发的回调函数, operationType 操作类型有添加，移除，如果是移除操作，则第三个参数代表的是移除图片的索引 */
    onChange: (files: ImagePickerFile[], operationType: 'add' | 'remove', index?: number) => void;
    /** 点击图片触发的回调 */
    onImageClick?: (index: number, file: Object) => void;
    /** 选择失败触发的回调 */
    onFail?: (message: string) => void;
}
export declare const ImagePicker: React.FC<ImagePickerProps>;
export {};