antd-mobile
Version:
<div align="center">
41 lines (40 loc) • 1.56 kB
TypeScript
import type { FC, ReactNode } from 'react';
import React 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;
imageRender?: (image: string, { index }: {
index: number;
}) => 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' | 'imageRender'> & {
images?: string[];
defaultIndex?: number;
onIndexChange?: (index: number) => void;
renderFooter?: (image: string, index: number) => ReactNode;
imageRender?: (image: string, { index }: {
index: number;
}) => ReactNode;
};
export declare const MultiImageViewer: React.ForwardRefExoticComponent<Omit<ImageViewerProps, "image" | "imageRender" | "renderFooter"> & {
images?: string[] | undefined;
defaultIndex?: number | undefined;
onIndexChange?: ((index: number) => void) | undefined;
renderFooter?: ((image: string, index: number) => ReactNode) | undefined;
imageRender?: ((image: string, { index }: {
index: number;
}) => ReactNode) | undefined;
} & React.RefAttributes<SlidesRef>>;