import * as React from 'react'; import CloseOutlined from '@ant-design/icons/CloseOutlined'; import LeftOutlined from '@ant-design/icons/LeftOutlined'; import RightOutlined from '@ant-design/icons/RightOutlined'; import RotateLeftOutlined from '@ant-design/icons/RotateLeftOutlined'; import RotateRightOutlined from '@ant-design/icons/RotateRightOutlined'; import SwapOutlined from '@ant-design/icons/SwapOutlined'; import ZoomInOutlined from '@ant-design/icons/ZoomInOutlined'; import ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined'; import classNames from 'classnames'; import RcImage from 'rc-image'; import type { GroupConsumerProps } from 'rc-image/lib/PreviewGroup'; import { useZIndex } from '../_util/hooks/useZIndex'; import { getTransitionName } from '../_util/motion'; import { ConfigContext } from '../config-provider'; import useCSSVarCls from '../config-provider/hooks/useCSSVarCls'; // CSSINJS import useStyle from './style'; import useCSSVar from './style/cssVar'; export const icons = { rotateLeft: , rotateRight: , zoomIn: , zoomOut: , close: , left: , right: , flipX: , flipY: , }; const InternalPreviewGroup: React.FC = ({ previewPrefixCls: customizePrefixCls, preview, ...props }) => { const { getPrefixCls } = React.useContext(ConfigContext); const prefixCls = getPrefixCls('image', customizePrefixCls); const previewPrefixCls = `${prefixCls}-preview`; const rootPrefixCls = getPrefixCls(); const [, hashId] = useStyle(prefixCls); const rootCls = useCSSVarCls(prefixCls); const wrapCSSVar = useCSSVar(rootCls); const [zIndex] = useZIndex( 'ImagePreview', typeof preview === 'object' ? preview.zIndex : undefined, ); const mergedPreview = React.useMemo(() => { if (preview === false) { return preview; } const _preview = typeof preview === 'object' ? preview : {}; const mergedRootClassName = classNames(hashId, rootCls, _preview.rootClassName ?? ''); return { ..._preview, transitionName: getTransitionName(rootPrefixCls, 'zoom', _preview.transitionName), maskTransitionName: getTransitionName(rootPrefixCls, 'fade', _preview.maskTransitionName), rootClassName: mergedRootClassName, zIndex, }; }, [preview]); return wrapCSSVar( , ); }; export default InternalPreviewGroup;