rc-image - npm Package Compare versions

Comparing version 7.1.2 to 7.1.3

es/Image.d.ts

@@ -19,7 +19,7 @@ import type { IDialogPropTypes } from 'rc-dialog/lib/IDialogPropTypes';
     movable?: boolean;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
     }) => React.ReactNode;
     onTransform?: PreviewProps['onTransform'];
-    toolbarRender?: (originalNode: React.ReactNode, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+    toolbarRender?: (originalNode: React.ReactElement, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
 }
@@ -26,0 +26,0 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {

es/Operations.d.ts

@@ -21,5 +21,5 @@ import * as React from 'react';
     onFlipY: () => void;
-    toolbarRender: (originalNode: React.ReactNode, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+    toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
 }
 declare const Operations: React.FC<OperationsProps>;
 export default Operations;

es/Preview.d.ts

@@ -50,3 +50,3 @@ import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
     maxScale?: number;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
@@ -60,3 +60,3 @@ current?: number;
     }) => void;
-    toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode;
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
     onChange?: (current: any, prev: any) => void;
@@ -63,0 +63,0 @@ }

es/PreviewGroup.d.ts

@@ -13,4 +13,4 @@ import * as React from 'react';
     countRender?: (current: number, total: number) => React.ReactNode;
-    toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
@@ -17,0 +17,0 @@ current: number;

lib/Image.d.ts

@@ -19,7 +19,7 @@ import type { IDialogPropTypes } from 'rc-dialog/lib/IDialogPropTypes';
     movable?: boolean;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
     }) => React.ReactNode;
     onTransform?: PreviewProps['onTransform'];
-    toolbarRender?: (originalNode: React.ReactNode, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+    toolbarRender?: (originalNode: React.ReactElement, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
 }
@@ -26,0 +26,0 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {

lib/Operations.d.ts

@@ -21,5 +21,5 @@ import * as React from 'react';
     onFlipY: () => void;
-    toolbarRender: (originalNode: React.ReactNode, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+    toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
 }
 declare const Operations: React.FC<OperationsProps>;
 export default Operations;

lib/Preview.d.ts

@@ -50,3 +50,3 @@ import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
     maxScale?: number;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
@@ -60,3 +60,3 @@ current?: number;
     }) => void;
-    toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode;
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
     onChange?: (current: any, prev: any) => void;
@@ -63,0 +63,0 @@ }

lib/PreviewGroup.d.ts

@@ -13,4 +13,4 @@ import * as React from 'react';
     countRender?: (current: number, total: number) => React.ReactNode;
-    toolbarRender?: (originalNode: React.ReactNode, info: ToolbarRenderInfoType) => React.ReactNode;
-    imageRender?: (originalNode: React.ReactNode, info: {
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
+    imageRender?: (originalNode: React.ReactElement, info: {
         transform: TransformType;
@@ -17,0 +17,0 @@ current: number;

package.json

 {
   "name": "rc-image",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "description": "React easy to use image component",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -89,4 +89,4 @@ # rc-image
 | getContainer | string \| HTMLElement \| (() => HTMLElement) \| false | document.body | Return the mount node for preview |
-| imageRender | (originalNode: React.ReactNode, info: { transform: [TransformType](#TransformType) }) => React.ReactNode | - | Customize image |
-| toolbarRender | (originalNode: React.ReactNode, info: Omit<[ToolbarRenderInfoType](#ToolbarRenderInfoType), 'current' \| 'total'>) => React.ReactNode | - | Customize toolbar |
+| imageRender | (originalNode: React.ReactElement, info: { transform: [TransformType](#TransformType) }) => React.ReactNode | - | Customize image |
+| toolbarRender | (originalNode: React.ReactElement, info: Omit<[ToolbarRenderInfoType](#ToolbarRenderInfoType), 'current' \| 'total'>) => React.ReactNode | - | Customize toolbar |
 | onVisibleChange | (visible: boolean, prevVisible: boolean) => void | - | Callback when visible is changed |
@@ -134,4 +134,4 @@ | onTransform | { transform: [TransformType](#TransformType), action: [TransformAction](#TransformAction) } | - | Callback when transform is changed |
 | countRender | (current: number, total: number) => ReactNode | - | Customize count |
-| imageRender | (originalNode: React.ReactNode, info: { transform: [TransformType](#TransformType), current: number }) => React.ReactNode | - | Customize image |
-| toolbarRender | (originalNode: React.ReactNode, info: [ToolbarRenderInfoType](#ToolbarRenderInfoType)) => React.ReactNode | - | Customize toolbar |
+| imageRender | (originalNode: React.ReactElement, info: { transform: [TransformType](#TransformType), current: number }) => React.ReactNode | - | Customize image |
+| toolbarRender | (originalNode: React.ReactElement, info: [ToolbarRenderInfoType](#ToolbarRenderInfoType)) => React.ReactNode | - | Customize toolbar |
 | onVisibleChange | (visible: boolean, prevVisible: boolean, current: number) => void | - | Callback when visible is changed |
@@ -138,0 +138,0 @@ | onTransform | { transform: [TransformType](#TransformType), action: [TransformAction](#TransformAction) } | - | Callback when transform is changed |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

139197

increased by0.04%

No dependency changes