Socket
Socket
Sign inDemoInstall

rc-image

Package Overview
Dependencies
Maintainers
5
Versions
92
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-image - npm Package Compare versions

Comparing version 7.1.0 to 7.1.1

4

es/hooks/useImageTransform.d.ts
/// <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": [

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc