import * as React from "react"; import { ConfigConsumerProps } from "../Config"; interface IProps { /** * 图片地址,可以是一个完整的图片 URL,也可以是一个相对的 jfs 图片路径 **/ src: string; /** * 对应 HTML 中的 alt 属性,透传给最终生成的 img 元素 * * @default ’‘ **/ alt?: string; /** * 对应 HTML 中的 title 属性,透传给最终生成的 img 元素 * * @default '' **/ title?: string; /** * 加载过程中使用的占位图className * * @default 'img-loading' **/ loadingClassName?: string; /** * 加载失败时使用的占位图 * * @default ’img-error‘ **/ errorClassName?: string; /** * 加载完成时使用的占位图 * * @default ’img-loaded‘ **/ loadedClassName?: string; /** * 是否自动加载 webp 版本图片。如果开启,则在支持 webp 格式的浏览器中默认加载对应图片的 webp 版本 * * @default true **/ enableWebp?: boolean; /** * 图片加载成功的回调函数 * * @default () =>null **/ onLoad?: (src: string) => null; /** * 图片加载失败的回调函数 * * @default () =>null **/ onError?: (src: string) => null; /** * 透传给实际生成的 img 元素的 CSS 类名 * * @default ’‘ **/ className?: string; /** * 介于 1 到 99 之间的数字。表示图片降质的程度。数字越小表示图片压缩比例越高,图片质量越差。不传表示不压缩 * * @default 100 **/ q?: number; /** * 要使用的业务名称 * * @default **/ businessName?: string; /** * 标识图片缩放尺寸的字符串,格式为宽度x高度。不传表示不缩放 * * @default ’‘ **/ s?: string; /** * 默认前缀 * * @default ’lg‘ **/ prefixCls?: string; } interface IState { status: number; } declare class Image extends React.PureComponent { static defaultProps: { s: string; q: number; alt: string; title: string; loadingClassName: string; errorClassName: string; loadedClassName: string; enableWebp: boolean; onLoad: () => null; onError: () => null; className: string; businessName: string; }; constructor(props: any); componentDidMount(): void; componentDidUpdate(prevProps: any): void; getFinalSrc(): string; startLoad(): void; renderImage: ({ getPrefixCls }: ConfigConsumerProps) => JSX.Element; render(): JSX.Element; } export default Image;