UNPKG

amis

Version:

一种MIS页面生成工具

395 lines 74.1 kB
/// <reference types="hoist-non-react-statics" /> import React from 'react'; import { RendererProps } from '../factory'; import { ThemeProps } from '../theme'; import { LocaleProps } from '../locale'; import { BaseSchema, SchemaClassName, SchemaTpl, SchemaUrlPath } from '../Schema'; /** * 图片展示控件。 * 文档:https://baidu.gitee.io/amis/docs/components/image */ export interface ImageSchema extends BaseSchema { /** * 指定为图片展示类型 */ type: 'image' | 'static-image'; /** * 默认图片地址 */ defaultImage?: SchemaUrlPath; /** * 图片标题 */ title?: SchemaTpl; /** * 关联字段名,也可以直接配置 src */ name?: string; /** * 图片描述信息 */ imageCaption?: SchemaTpl; /** * 图片地址,如果配置了 name,这个属性不用配置。 */ src?: SchemaUrlPath; /** * 大图地址,不设置用 src */ originalSrc?: SchemaUrlPath; /** * 是否启动放大功能。 */ enlargeAble?: boolean; /** * 是否显示尺寸。 */ showDimensions?: boolean; /** * 图片无法显示时的替换文本 */ alt?: string; /** * 高度 */ height?: number; /** * 宽度 */ width?: number; /** * 图片 css 类名 */ imageClassName?: SchemaClassName; /** * 外层 css 类名 */ className?: SchemaClassName; /** * 图片缩率图外层 css 类名 */ thumbClassName?: SchemaClassName; caption?: SchemaTpl; /** * 预览图模式 */ thumbMode?: 'w-full' | 'h-full' | 'contain' | 'cover'; /** * 预览图比率 */ thumbRatio?: '1:1' | '4:3' | '16:9'; } export interface ImageThumbProps extends LocaleProps, ThemeProps, Omit<ImageSchema, 'type' | 'className'> { onEnlarge?: (info: ImageThumbProps) => void; index?: number; onLoad?: React.EventHandler<any>; overlays?: JSX.Element; } export declare class ImageThumb extends React.Component<ImageThumbProps> { handleEnlarge(): void; render(): JSX.Element; } declare const ThemedImageThumb: { new (props: (Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps) | Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>): { render(): JSX.Element; context: any; setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void; }; new (props: Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps, context: any): { render(): JSX.Element; context: any; setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, "caption" | "title" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "locale" | "translate" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context<string>; ComposedComponent: { new (props: (Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }) | Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>): { render(): JSX.Element; context: any; setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; new (props: Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, context: any): { render(): JSX.Element; context: any; setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; displayName: string; contextType: React.Context<string>; ComposedComponent: typeof ImageThumb; } & import("hoist-non-react-statics").NonReactStatics<typeof ImageThumb, {}> & { ComposedComponent: typeof ImageThumb; }; } & import("hoist-non-react-statics").NonReactStatics<{ new (props: (Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }) | Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>): { render(): JSX.Element; context: any; setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }> & Readonly<{ children?: React.ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextContext: any): void; componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }>, nextState: Readonly<{}>, nextContext: any): void; }; new (props: Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; translate?: ((str: string, ...args: any[]) => string) | undefined; }, context: any): { render(): JSX.Element; context: any; setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ImageThumbProps, "classPrefix" | "caption" | "title" | "className" | "classnames" | "theme" | "name" | "hidden" | "height" | "width" | "index" | "visible" | "disabled" | "onLoad" | "alt" | "src" | "$ref" | "disabledOn" | "hiddenOn" | "visibleOn" | "defaultImage" | "imageCaption" | "originalSrc" | "enlargeAble" | "showDimensions" | "imageClassName" | "thumbClassName" | "thumbMode" | "thumbRatio" | "onEnlarge" | "overlays"> & { locale?: string | undefined; tra