Comparing version 7.1.0 to 7.1.1
/// <reference types="react" /> | ||
export type TransformType = { | ||
export declare type TransformType = { | ||
x: number; | ||
@@ -10,3 +10,3 @@ y: number; | ||
}; | ||
export type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound'; | ||
export declare type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound'; | ||
export default function useImageTransform(imgRef: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: { | ||
@@ -13,0 +13,0 @@ transform: TransformType; |
import type { InternalItem, RegisterImage } from '../interface'; | ||
import type { GroupConsumerProps } from '../PreviewGroup'; | ||
export type Items = Omit<InternalItem, 'canPreview'>[]; | ||
export declare type Items = Omit<InternalItem, 'canPreview'>[]; | ||
/** | ||
@@ -5,0 +5,0 @@ * Merge props provided `items` or context collected images |
@@ -1,2 +0,2 @@ | ||
type ImageStatus = 'normal' | 'error' | 'loading'; | ||
declare type ImageStatus = 'normal' | 'error' | 'loading'; | ||
export default function useStatus({ src, isCustomPlaceholder, fallback, }: { | ||
@@ -3,0 +3,0 @@ src: string; |
@@ -5,11 +5,11 @@ /// <reference types="react" /> | ||
*/ | ||
export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>; | ||
export type PreviewImageElementProps = { | ||
export declare type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>; | ||
export declare type PreviewImageElementProps = { | ||
data: ImageElementProps; | ||
canPreview: boolean; | ||
}; | ||
export type InternalItem = PreviewImageElementProps & { | ||
export declare type InternalItem = PreviewImageElementProps & { | ||
id?: string; | ||
}; | ||
export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction; | ||
export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void; | ||
export declare type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction; | ||
export declare type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void; |
import type { DialogProps as IDialogPropTypes } from 'rc-dialog'; | ||
import React from 'react'; | ||
import type { TransformAction, TransformType } from './hooks/useImageTransform'; | ||
export type ToolbarRenderInfoType = { | ||
export declare type ToolbarRenderInfoType = { | ||
icons: { | ||
@@ -6,0 +6,0 @@ flipYIcon: React.ReactNode; |
@@ -12,3 +12,3 @@ import * as React from 'react'; | ||
current?: number; | ||
countRender?: (current: number, total: number) => string; | ||
countRender?: (current: number, total: number) => React.ReactNode; | ||
toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode; | ||
@@ -15,0 +15,0 @@ imageRender?: (originalNode: React.ReactNode, info: { |
/// <reference types="react" /> | ||
export type TransformType = { | ||
export declare type TransformType = { | ||
x: number; | ||
@@ -10,3 +10,3 @@ y: number; | ||
}; | ||
export type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound'; | ||
export declare type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound'; | ||
export default function useImageTransform(imgRef: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: { | ||
@@ -13,0 +13,0 @@ transform: TransformType; |
import type { InternalItem, RegisterImage } from '../interface'; | ||
import type { GroupConsumerProps } from '../PreviewGroup'; | ||
export type Items = Omit<InternalItem, 'canPreview'>[]; | ||
export declare type Items = Omit<InternalItem, 'canPreview'>[]; | ||
/** | ||
@@ -5,0 +5,0 @@ * Merge props provided `items` or context collected images |
@@ -1,2 +0,2 @@ | ||
type ImageStatus = 'normal' | 'error' | 'loading'; | ||
declare type ImageStatus = 'normal' | 'error' | 'loading'; | ||
export default function useStatus({ src, isCustomPlaceholder, fallback, }: { | ||
@@ -3,0 +3,0 @@ src: string; |
@@ -5,11 +5,11 @@ /// <reference types="react" /> | ||
*/ | ||
export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>; | ||
export type PreviewImageElementProps = { | ||
export declare type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>; | ||
export declare type PreviewImageElementProps = { | ||
data: ImageElementProps; | ||
canPreview: boolean; | ||
}; | ||
export type InternalItem = PreviewImageElementProps & { | ||
export declare type InternalItem = PreviewImageElementProps & { | ||
id?: string; | ||
}; | ||
export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction; | ||
export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void; | ||
export declare type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction; | ||
export declare type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void; |
import type { DialogProps as IDialogPropTypes } from 'rc-dialog'; | ||
import React from 'react'; | ||
import type { TransformAction, TransformType } from './hooks/useImageTransform'; | ||
export type ToolbarRenderInfoType = { | ||
export declare type ToolbarRenderInfoType = { | ||
icons: { | ||
@@ -6,0 +6,0 @@ flipYIcon: React.ReactNode; |
@@ -12,3 +12,3 @@ import * as React from 'react'; | ||
current?: number; | ||
countRender?: (current: number, total: number) => string; | ||
countRender?: (current: number, total: number) => React.ReactNode; | ||
toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode; | ||
@@ -15,0 +15,0 @@ imageRender?: (originalNode: React.ReactNode, info: { |
{ | ||
"name": "rc-image", | ||
"version": "7.1.0", | ||
"version": "7.1.1", | ||
"description": "React easy to use image component", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
138517