antd-mobile
Version:
<div align="center">
32 lines (31 loc) • 1.24 kB
TypeScript
import React from 'react';
import type { FC, ReactNode } from 'react';
import { GetContainer } from '../../utils/render-to-container';
import { SlidesRef } from './slides';
export declare type ImageViewerProps = {
image?: string;
maxZoom?: number | 'auto';
getContainer?: GetContainer;
visible?: boolean;
onClose?: () => void;
afterClose?: () => void;
renderFooter?: (image: string) => ReactNode;
classNames?: {
mask?: string;
body?: string;
};
};
export declare const ImageViewer: FC<ImageViewerProps>;
export declare type MultiImageViewerRef = SlidesRef;
export declare type MultiImageViewerProps = Omit<ImageViewerProps, 'image' | 'renderFooter'> & {
images?: string[];
defaultIndex?: number;
onIndexChange?: (index: number) => void;
renderFooter?: (image: string, index: number) => ReactNode;
};
export declare const MultiImageViewer: React.ForwardRefExoticComponent<Omit<ImageViewerProps, "image" | "renderFooter"> & {
images?: string[] | undefined;
defaultIndex?: number | undefined;
onIndexChange?: ((index: number) => void) | undefined;
renderFooter?: ((image: string, index: number) => ReactNode) | undefined;
} & React.RefAttributes<SlidesRef>>;