@cainiaofe/cn-ui-m
Version:
54 lines (53 loc) • 1.07 kB
TypeScript
import React from 'react';
export interface CnImageViewerProps {
/**
* 自定义类名
*/
className?: string;
/**
* 自定义行内样式
*/
style?: React.CSSProperties;
/**
* 预览弹层样式名
*/
wrapperClassName?: string;
/**
* 单图模式，宽100%，高自适应
*/
single?: boolean;
/**
* 缩略图的宽度
*/
width?: string | number;
/**
* 缩略图的高度
*/
height?: string | number;
/**
* 图片 URL 或 URL 数组
*/
src?: string | string[];
/**
* 展示索引
* @default 0
*/
index?: number;
/**
* 加载出错的占位图
*/
errorUrl?: string;
/**
* 点击大图预览时是否拉伸长边适配屏幕
*/
shouldPreviewExpand?: boolean;
/**
* 加载出错的回调 `v0.12.44+`
* @since 0.12.44
*/
onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
/**
* 关闭预览弹层后回调
*/
onClose?: () => void;
}