fastlion-amis
Version:
一种MIS页面生成工具
81 lines (80 loc) • 2.29 kB
TypeScript
import React from 'react';
import { RendererProps } from '../factory';
import { ImageThumbProps } from './Image';
import { BaseSchema, SchemaClassName, SchemaUrlPath } from '../Schema';
/**
* 图片集展示控件。
* 文档：https://baidu.gitee.io/amis/docs/components/images
*/
export interface ImagesSchema extends BaseSchema {
/**
* 指定为图片集渲染器
*/
type: 'images' | 'static-images';
/**
* 默认图片地址
*/
defaultImage?: SchemaUrlPath;
/**
* 列表为空时显示
*/
placeholder?: string;
/**
* 配置值的连接符
* @default ,
*/
delimiter?: string;
/**
* 预览图模式
*/
thumbMode?: 'w-full' | 'h-full' | 'contain' | 'cover';
/**
* 预览图比率
*/
thumbRatio?: '1:1' | '4:3' | '16:9';
/**
* 关联字段名，也可以直接配置 src
*/
name?: string;
value?: any;
source?: string;
options?: Array<any>;
/**
* 图片地址，默认读取数据中的 image 属性，如果不是请配置 ,如 ${imageUrl}
*/
src?: string;
/**
* 大图地址，不设置用 src 属性，如果不是请配置，如：${imageOriginUrl}
*/
originalSrc?: string;
/**
* 是否启动放大功能。
*/
enlargeAble?: boolean;
/**
* 是否显示尺寸。
*/
showDimensions?: boolean;
/**
* 外层 CSS 类名
*/
className?: SchemaClassName;
/**
* 列表 CSS 类名
*/
listClassName?: SchemaClassName;
}
export interface ImagesProps extends RendererProps, Omit<ImagesSchema, 'type' | 'className'> {
delimiter: string;
onEnlarge?: (info: ImageThumbProps & {
list?: Array<Pick<ImageThumbProps, 'src' | 'originalSrc' | 'title' | 'caption'>>;
}) => void;
}
export declare class ImagesField extends React.Component<ImagesProps> {
static defaultProps: Pick<ImagesProps, 'className' | 'delimiter' | 'defaultImage' | 'placehoder' | 'thumbMode' | 'thumbRatio'>;
list: Array<any>;
handleEnlarge(info: ImageThumbProps): void;
render(): JSX.Element;
}
export declare class ImagesFieldRenderer extends ImagesField {
}