rc-image - npm Package Compare versions

Comparing version 7.1.1 to 7.1.2

es/hooks/useImageTransform.d.ts

 /// <reference types="react" />
-export declare type TransformType = {
+export type TransformType = {
     x: number;
@@ -10,3 +10,3 @@ y: number;
 };
-export declare type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound';
+export 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;

es/hooks/usePreviewItems.d.ts

 import type { InternalItem, RegisterImage } from '../interface';
 import type { GroupConsumerProps } from '../PreviewGroup';
-export declare type Items = Omit<InternalItem, 'canPreview'>[];
+export type Items = Omit<InternalItem, 'canPreview'>[];
 /**
@@ -5,0 +5,0 @@ * Merge props provided `items` or context collected images

es/hooks/useStatus.d.ts

@@ -1,2 +0,2 @@
-declare type ImageStatus = 'normal' | 'error' | 'loading';
+type ImageStatus = 'normal' | 'error' | 'loading';
 export default function useStatus({ src, isCustomPlaceholder, fallback, }: {
@@ -3,0 +3,0 @@ src: string;

es/interface.d.ts

@@ -5,11 +5,11 @@ /// <reference types="react" />
  */
-export declare type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
-export declare type PreviewImageElementProps = {
+export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
+export type PreviewImageElementProps = {
     data: ImageElementProps;
     canPreview: boolean;
 };
-export declare type InternalItem = PreviewImageElementProps & {
+export type InternalItem = PreviewImageElementProps & {
     id?: string;
 };
-export declare type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
-export declare type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;
+export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
+export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;

es/Operations.js

@@ -6,2 +6,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import CSSMotion from 'rc-motion';
+import KeyCode from "rc-util/es/KeyCode";
 import * as React from 'react';
@@ -48,2 +49,15 @@ import { useContext } from 'react';
   var toolClassName = "".concat(prefixCls, "-operations-operation");
+  React.useEffect(function () {
+    var onKeyDown = function onKeyDown(e) {
+      if (e.keyCode === KeyCode.ESC) {
+        onClose();
+      }
+    };
+    if (visible) {
+      window.addEventListener('keydown', onKeyDown);
+    }
+    return function () {
+      window.removeEventListener('keydown', onKeyDown);
+    };
+  }, [visible]);
   var tools = [{
@@ -50,0 +64,0 @@ icon: flipY,

es/Preview.d.ts

 import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
 import React from 'react';
 import type { TransformAction, TransformType } from './hooks/useImageTransform';
-export declare type ToolbarRenderInfoType = {
+export type ToolbarRenderInfoType = {
     icons: {
@@ -6,0 +6,0 @@ flipYIcon: React.ReactNode;

lib/hooks/useImageTransform.d.ts

 /// <reference types="react" />
-export declare type TransformType = {
+export type TransformType = {
     x: number;
@@ -10,3 +10,3 @@ y: number;
 };
-export declare type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound';
+export 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;

lib/hooks/usePreviewItems.d.ts

 import type { InternalItem, RegisterImage } from '../interface';
 import type { GroupConsumerProps } from '../PreviewGroup';
-export declare type Items = Omit<InternalItem, 'canPreview'>[];
+export type Items = Omit<InternalItem, 'canPreview'>[];
 /**
@@ -5,0 +5,0 @@ * Merge props provided `items` or context collected images

lib/hooks/useStatus.d.ts

@@ -1,2 +0,2 @@
-declare type ImageStatus = 'normal' | 'error' | 'loading';
+type ImageStatus = 'normal' | 'error' | 'loading';
 export default function useStatus({ src, isCustomPlaceholder, fallback, }: {
@@ -3,0 +3,0 @@ src: string;

lib/interface.d.ts

@@ -5,11 +5,11 @@ /// <reference types="react" />
  */
-export declare type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
-export declare type PreviewImageElementProps = {
+export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
+export type PreviewImageElementProps = {
     data: ImageElementProps;
     canPreview: boolean;
 };
-export declare type InternalItem = PreviewImageElementProps & {
+export type InternalItem = PreviewImageElementProps & {
     id?: string;
 };
-export declare type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
-export declare type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;
+export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
+export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;

lib/Operations.js

@@ -14,2 +14,3 @@ "use strict";
 var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
 var React = _interopRequireWildcard(require("react"));
@@ -57,2 +58,15 @@ var _context = require("./context");
   var toolClassName = "".concat(prefixCls, "-operations-operation");
+  React.useEffect(function () {
+    var onKeyDown = function onKeyDown(e) {
+      if (e.keyCode === _KeyCode.default.ESC) {
+        onClose();
+      }
+    };
+    if (visible) {
+      window.addEventListener('keydown', onKeyDown);
+    }
+    return function () {
+      window.removeEventListener('keydown', onKeyDown);
+    };
+  }, [visible]);
   var tools = [{
@@ -59,0 +73,0 @@ icon: flipY,

lib/Preview.d.ts

 import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
 import React from 'react';
 import type { TransformAction, TransformType } from './hooks/useImageTransform';
-export declare type ToolbarRenderInfoType = {
+export type ToolbarRenderInfoType = {
     icons: {
@@ -6,0 +6,0 @@ flipYIcon: React.ReactNode;

package.json

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

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

139143

increased by0.45%

Lines of code

3194

increased by0.88%

No dependency changes