You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
38 lines
1.3 KiB
import * as React from 'react';
|
|
import RcImage from 'rc-image';
|
|
import RotateLeftOutlined from '@ant-design/icons/RotateLeftOutlined';
|
|
import RotateRightOutlined from '@ant-design/icons/RotateRightOutlined';
|
|
import ZoomInOutlined from '@ant-design/icons/ZoomInOutlined';
|
|
import ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined';
|
|
import CloseOutlined from '@ant-design/icons/CloseOutlined';
|
|
import LeftOutlined from '@ant-design/icons/LeftOutlined';
|
|
import RightOutlined from '@ant-design/icons/RightOutlined';
|
|
import { GroupConsumerProps } from 'rc-image/lib/PreviewGroup';
|
|
import { ConfigContext } from '../config-provider';
|
|
|
|
export const icons = {
|
|
rotateLeft: <RotateLeftOutlined />,
|
|
rotateRight: <RotateRightOutlined />,
|
|
zoomIn: <ZoomInOutlined />,
|
|
zoomOut: <ZoomOutOutlined />,
|
|
close: <CloseOutlined />,
|
|
left: <LeftOutlined />,
|
|
right: <RightOutlined />,
|
|
};
|
|
|
|
const InternalPreviewGroup: React.FC<GroupConsumerProps> = ({
|
|
previewPrefixCls: customizePrefixCls,
|
|
...props
|
|
}) => {
|
|
const { getPrefixCls } = React.useContext(ConfigContext);
|
|
const prefixCls = getPrefixCls('image-preview', customizePrefixCls);
|
|
return (
|
|
<RcImage.PreviewGroup
|
|
previewPrefixCls={prefixCls}
|
|
icons={icons}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default InternalPreviewGroup;
|
|
|