import React from 'react'; import { ImageToolbarAction } from './preview'; /** * 图片展示控件。 */ export interface ImageProps { /** * 默认图片地址 */ defaultImage?: string; /** * 图片标题 */ title?: string; /** * 关联字段名,也可以直接配置 src */ name?: string; /** * 图片描述信息 */ imageCaption?: string; /** * 图片地址,如果配置了 name,这个属性不用配置。 */ src?: string; /** * 大图地址,不设置用 src */ originalSrc?: string; /** * 是否启动放大功能。 */ enlargeAble?: boolean; /** * 是否显示尺寸。 */ showDimensions?: boolean; /** * 图片无法显示时的替换文本 */ alt?: string; /** * 高度 */ height?: number; /** * 宽度 */ width?: number; /** * 图片 css 类名 */ imageClassName?: string; /** * 外层 css 类名 */ className?: string; /** * 图片缩率图外层 css 类名 */ thumbClassName?: string; caption?: string; /** * 预览图模式 */ thumbMode?: 'w-full' | 'h-full' | 'contain' | 'cover'; /** * 预览图比率 */ thumbRatio?: '1:1' | '4:3' | '16:9'; /** * 是否展示图片工具栏 */ showToolbar?: boolean; /** * 工具栏配置 */ toolbarActions?: ImageToolbarAction[]; } export interface ImageThumbProps extends Omit { onImageEnlarge?: (info: ImageThumbProps) => void; index?: number; onLoad?: React.EventHandler; overlays?: JSX.Element; className?: string; } export declare class ImageThumb extends React.Component { static defaultProps: ImageThumbProps; static contextType?: React.Context | undefined; handleEnlarge(): void; render(): JSX.Element; } declare type ImageType = typeof ImageThumb & { PreviewGroup: any; preview: (conf: object) => void; }; declare const Image: ImageType; export default Image;