PreviewGroup.d.ts 1.3 KB

12345678910111213141516171819202122232425262728293031
  1. import * as React from 'react';
  2. import type { ImgInfo, ImagePreviewType } from './Image';
  3. import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
  4. import type { TransformType } from './hooks/useImageTransform';
  5. import type { ImageElementProps } from './interface';
  6. export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {
  7. /**
  8. * If Preview the show img index
  9. * @default 0
  10. */
  11. current?: number;
  12. countRender?: (current: number, total: number) => React.ReactNode;
  13. toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
  14. imageRender?: (originalNode: React.ReactElement, info: {
  15. transform: TransformType;
  16. current: number;
  17. image: ImgInfo;
  18. }) => React.ReactNode;
  19. onVisibleChange?: (value: boolean, prevValue: boolean, current: number) => void;
  20. onChange?: (current: number, prevCurrent: number) => void;
  21. }
  22. export interface GroupConsumerProps {
  23. previewPrefixCls?: string;
  24. icons?: PreviewProps['icons'];
  25. items?: (string | ImageElementProps)[];
  26. fallback?: string;
  27. preview?: boolean | PreviewGroupPreview;
  28. children?: React.ReactNode;
  29. }
  30. declare const Group: React.FC<GroupConsumerProps>;
  31. export default Group;