ant-design/components/image/index.tsx
骗你是小猫咪 18c6d6fedb
feat: Image add PreviewGroup component to support multiple images preview (#28069)
* feat: Image add PreviewGroup component to support multiple images preview

* demo and PreviewGroup type

* add demo snapshot
2020-11-30 15:54:54 +08:00

22 lines
645 B
TypeScript

import * as React from 'react';
import RcImage, { ImageProps } from 'rc-image';
import PreviewGroup from './PreviewGroup';
import { ConfigContext } from '../config-provider';
export interface CompositionImage<P> extends React.FC<P> {
PreviewGroup: typeof PreviewGroup;
}
const Image: CompositionImage<ImageProps> = ({ prefixCls: customizePrefixCls, ...otherProps }) => {
const { getPrefixCls } = React.useContext(ConfigContext);
const prefixCls = getPrefixCls('image', customizePrefixCls);
return <RcImage prefixCls={prefixCls} {...otherProps} />;
};
export { ImageProps };
Image.PreviewGroup = PreviewGroup;
export default Image;