Join our webinar on Wednesday, June 26, at 1pm EDTHow Chia Mitigates Risk in the Crypto Industry.Register →
Socket
Socket
Sign inDemoInstall

rc-image

Package Overview
Dependencies
13
Maintainers
5
Versions
91
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 7.6.0 to 7.7.0

5

es/hooks/useImageTransform.js

@@ -24,4 +24,5 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

setTransform(initialTransform);
if (onTransform && !isEqual(initialTransform, transform)) {
onTransform({
console.log('resetTransform', initialTransform, transform);
if (!isEqual(initialTransform, transform)) {
onTransform === null || onTransform === void 0 || onTransform({
transform: initialTransform,

@@ -28,0 +29,0 @@ action: action

2

es/hooks/useMouseEvent.d.ts
import type React from 'react';
import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
export default function useMouseEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, scaleStep: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {

@@ -4,0 +4,0 @@ isMoving: boolean;

5

es/hooks/useMouseEvent.js
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import { useState, useRef, useEffect } from 'react';
import addEventListener from "rc-util/es/Dom/addEventListener";
import { warning } from "rc-util/es/warning";
import { useEffect, useRef, useState } from 'react';
import getFixScaleEleTransPosition from "../getFixScaleEleTransPosition";

@@ -117,3 +117,2 @@ import { BASE_SCALE_RATIO, WHEEL_MAX_SCALE_RATIO } from "../previewConfig";

};
}
;
}

2

es/hooks/usePreviewItems.d.ts

@@ -0,3 +1,3 @@

import type { GroupConsumerProps } from '../PreviewGroup';
import type { InternalItem, RegisterImage } from '../interface';
import type { GroupConsumerProps } from '../PreviewGroup';
export type Items = Omit<InternalItem, 'canPreview'>[];

@@ -4,0 +4,0 @@ /**

2

es/hooks/useTouchEvent.d.ts
import type React from 'react';
import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
export default function useTouchEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, minScale: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {

@@ -4,0 +4,0 @@ isTouching: boolean;

5

es/hooks/useTouchEvent.js
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import { useState, useRef, useEffect } from 'react';
import addEventListener from "rc-util/es/Dom/addEventListener";
import { useEffect, useRef, useState } from 'react';
import getFixScaleEleTransPosition from "../getFixScaleEleTransPosition";

@@ -169,3 +169,2 @@ function getDistance(a, b) {

};
}
;
}

9

es/Image.d.ts
import type { IDialogPropTypes } from 'rc-dialog/lib/IDialogPropTypes';
import type { GetContainer } from 'rc-util/lib/PortalWrapper';
import * as React from 'react';
import type { TransformType } from './hooks/useImageTransform';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import PreviewGroup from './PreviewGroup';
import type { TransformType } from './hooks/useImageTransform';
export interface ImgInfo {
url: string;
alt: string;
width: string | number;
height: string | number;
}
export interface ImagePreviewType extends Omit<IDialogPropTypes, 'mask' | 'visible' | 'closable' | 'prefixCls' | 'onClose' | 'afterClose' | 'wrapClassName'> {

@@ -21,2 +27,3 @@ src?: string;

transform: TransformType;
image: ImgInfo;
}) => React.ReactNode;

@@ -23,0 +30,0 @@ onTransform?: PreviewProps['onTransform'];

10

es/Image.js

@@ -14,2 +14,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import { useContext, useMemo, useState } from 'react';
import Preview from "./Preview";
import PreviewGroup from "./PreviewGroup";
import { COMMON_PROPS } from "./common";

@@ -19,4 +21,2 @@ import { PreviewGroupContext } from "./context";

import useStatus from "./hooks/useStatus";
import Preview from "./Preview";
import PreviewGroup from "./PreviewGroup";
var ImageInternal = function ImageInternal(props) {

@@ -164,2 +164,4 @@ var imgSrc = props.src,

alt: alt,
width: width,
height: height,
fallback: fallback,

@@ -179,3 +181,5 @@ getContainer: getPreviewContainer,

ImageInternal.PreviewGroup = PreviewGroup;
ImageInternal.displayName = 'Image';
if (process.env.NODE_ENV !== 'production') {
ImageInternal.displayName = 'Image';
}
export default ImageInternal;

4

es/Operations.d.ts
import * as React from 'react';
import type { ImgInfo } from './Image';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import type { TransformType } from './hooks/useImageTransform';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {

@@ -23,4 +24,5 @@ showSwitch: boolean;

zIndex?: number;
image?: ImgInfo;
}
declare const Operations: React.FC<OperationsProps>;
export default Operations;

12

es/Operations.js

@@ -37,3 +37,4 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

toolbarRender = props.toolbarRender,
zIndex = props.zIndex;
zIndex = props.zIndex,
image = props.image;
var groupContext = useContext(PreviewGroupContext);

@@ -91,3 +92,2 @@ var rotateLeft = icons.rotateLeft,

var toolsNode = tools.map(function (_ref) {
var _classnames;
var icon = _ref.icon,

@@ -98,3 +98,3 @@ onClick = _ref.onClick,

return /*#__PURE__*/React.createElement("div", {
className: classnames(toolClassName, (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-operations-operation-").concat(type), true), _defineProperty(_classnames, "".concat(prefixCls, "-operations-operation-disabled"), !!disabled), _classnames)),
className: classnames(toolClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-operations-operation-").concat(type), true), "".concat(prefixCls, "-operations-operation-disabled"), !!disabled)),
onClick: onClick,

@@ -134,3 +134,3 @@ key: type

className: "".concat(prefixCls, "-progress")
}, countRender ? countRender(current + 1, count) : "".concat(current + 1, " / ").concat(count)), toolbarRender ? toolbarRender(toolbarNode, _objectSpread({
}, countRender ? countRender(current + 1, count) : "".concat(current + 1, " / ").concat(count)), toolbarRender ? toolbarRender(toolbarNode, _objectSpread(_objectSpread({
icons: {

@@ -156,5 +156,7 @@ flipYIcon: toolsNode[0],

total: count
} : {})) : toolbarNode)));
} : {}), {}, {
image: image
})) : toolbarNode)));
});
};
export default Operations;

5

es/Preview.d.ts
import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
import React from 'react';
import type { ImgInfo } from './Image';
import type { TransformAction, TransformType } from './hooks/useImageTransform';

@@ -24,2 +25,3 @@ export type ToolbarRenderInfoType = {

total: number;
image: ImgInfo;
};

@@ -30,2 +32,4 @@ export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {

alt?: string;
width?: number | string;
height?: number | string;
fallback?: string;

@@ -55,2 +59,3 @@ movable?: boolean;

current?: number;
image?: ImgInfo;
}) => React.ReactNode;

@@ -57,0 +62,0 @@ onClose?: () => void;

20

es/Preview.js

@@ -7,3 +7,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

var _excluded = ["fallback", "src", "imgRef"],
_excluded2 = ["prefixCls", "src", "alt", "fallback", "movable", "onClose", "visible", "icons", "rootClassName", "closeIcon", "getContainer", "current", "count", "countRender", "scaleStep", "minScale", "maxScale", "transitionName", "maskTransitionName", "imageRender", "imgCommonProps", "toolbarRender", "onTransform", "onChange"];
_excluded2 = ["prefixCls", "src", "alt", "width", "height", "fallback", "movable", "onClose", "visible", "icons", "rootClassName", "closeIcon", "getContainer", "current", "count", "countRender", "scaleStep", "minScale", "maxScale", "transitionName", "maskTransitionName", "imageRender", "imgCommonProps", "toolbarRender", "onTransform", "onChange"];
import classnames from 'classnames';

@@ -14,8 +14,8 @@ import Dialog from 'rc-dialog';

import React, { useContext, useEffect, useRef, useState } from 'react';
import Operations from "./Operations";
import { PreviewGroupContext } from "./context";
import useImageTransform from "./hooks/useImageTransform";
import useMouseEvent from "./hooks/useMouseEvent";
import useStatus from "./hooks/useStatus";
import useTouchEvent from "./hooks/useTouchEvent";
import useStatus from "./hooks/useStatus";
import Operations from "./Operations";
import { BASE_SCALE_RATIO } from "./previewConfig";

@@ -45,2 +45,4 @@ var PreviewImage = function PreviewImage(_ref) {

alt = props.alt,
width = props.width,
height = props.height,
fallback = props.fallback,

@@ -201,2 +203,8 @@ _props$movable = props.movable,

}));
var image = {
url: src,
alt: alt,
width: width,
height: height
};
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, _extends({

@@ -220,3 +228,4 @@ transitionName: transitionName,

}, imageRender ? imageRender(imgNode, _objectSpread({
transform: transform
transform: transform,
image: image
}, groupContext ? {

@@ -251,5 +260,6 @@ current: current

onClose: onClose,
zIndex: restProps.zIndex !== undefined ? restProps.zIndex + 1 : undefined
zIndex: restProps.zIndex !== undefined ? restProps.zIndex + 1 : undefined,
image: image
}));
};
export default Preview;

4

es/PreviewGroup.d.ts
import * as React from 'react';
import { type ImagePreviewType } from './Image';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import type { TransformType } from './hooks/useImageTransform';
import { type ImagePreviewType } from './Image';
import type { ImageElementProps } from './interface';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {

@@ -7,0 +7,0 @@ /**

2

es/PreviewGroup.js

@@ -10,5 +10,5 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import { useState } from 'react';
import Preview from "./Preview";
import { PreviewGroupContext } from "./context";
import usePreviewItems from "./hooks/usePreviewItems";
import Preview from "./Preview";
var Group = function Group(_ref) {

@@ -15,0 +15,0 @@ var _mergedItems$current;

5

lib/hooks/useImageTransform.js

@@ -31,4 +31,5 @@ "use strict";

setTransform(initialTransform);
if (onTransform && !(0, _isEqual.default)(initialTransform, transform)) {
onTransform({
console.log('resetTransform', initialTransform, transform);
if (!(0, _isEqual.default)(initialTransform, transform)) {
onTransform === null || onTransform === void 0 || onTransform({
transform: initialTransform,

@@ -35,0 +36,0 @@ action: action

2

lib/hooks/useMouseEvent.d.ts
import type React from 'react';
import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
export default function useMouseEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, scaleStep: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {

@@ -4,0 +4,0 @@ isMoving: boolean;

5

lib/hooks/useMouseEvent.js

@@ -10,5 +10,5 @@ "use strict";

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));
var _warning = require("rc-util/lib/warning");
var _react = require("react");
var _getFixScaleEleTransPosition = _interopRequireDefault(require("../getFixScaleEleTransPosition"));

@@ -125,3 +125,2 @@ var _previewConfig = require("../previewConfig");

};
}
;
}

2

lib/hooks/usePreviewItems.d.ts

@@ -0,3 +1,3 @@

import type { GroupConsumerProps } from '../PreviewGroup';
import type { InternalItem, RegisterImage } from '../interface';
import type { GroupConsumerProps } from '../PreviewGroup';
export type Items = Omit<InternalItem, 'canPreview'>[];

@@ -4,0 +4,0 @@ /**

2

lib/hooks/useTouchEvent.d.ts
import type React from 'react';
import type { TransformType, UpdateTransformFunc, DispatchZoomChangeFunc } from './useImageTransform';
import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
export default function useTouchEvent(imgRef: React.MutableRefObject<HTMLImageElement>, movable: boolean, visible: boolean, minScale: number, transform: TransformType, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {

@@ -4,0 +4,0 @@ isTouching: boolean;

5

lib/hooks/useTouchEvent.js

@@ -10,4 +10,4 @@ "use strict";

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));
var _react = require("react");
var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));
var _getFixScaleEleTransPosition = _interopRequireDefault(require("../getFixScaleEleTransPosition"));

@@ -177,3 +177,2 @@ function getDistance(a, b) {

};
}
;
}

9

lib/Image.d.ts
import type { IDialogPropTypes } from 'rc-dialog/lib/IDialogPropTypes';
import type { GetContainer } from 'rc-util/lib/PortalWrapper';
import * as React from 'react';
import type { TransformType } from './hooks/useImageTransform';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import PreviewGroup from './PreviewGroup';
import type { TransformType } from './hooks/useImageTransform';
export interface ImgInfo {
url: string;
alt: string;
width: string | number;
height: string | number;
}
export interface ImagePreviewType extends Omit<IDialogPropTypes, 'mask' | 'visible' | 'closable' | 'prefixCls' | 'onClose' | 'afterClose' | 'wrapClassName'> {

@@ -21,2 +27,3 @@ src?: string;

transform: TransformType;
image: ImgInfo;
}) => React.ReactNode;

@@ -23,0 +30,0 @@ onTransform?: PreviewProps['onTransform'];

10

lib/Image.js

@@ -20,2 +20,4 @@ "use strict";

var React = _react;
var _Preview = _interopRequireDefault(require("./Preview"));
var _PreviewGroup = _interopRequireDefault(require("./PreviewGroup"));
var _common = require("./common");

@@ -25,4 +27,2 @@ var _context = require("./context");

var _useStatus3 = _interopRequireDefault(require("./hooks/useStatus"));
var _Preview = _interopRequireDefault(require("./Preview"));
var _PreviewGroup = _interopRequireDefault(require("./PreviewGroup"));
var _excluded = ["src", "alt", "onPreviewClose", "prefixCls", "previewPrefixCls", "placeholder", "fallback", "width", "height", "style", "preview", "className", "onClick", "onError", "wrapperClassName", "wrapperStyle", "rootClassName"],

@@ -174,2 +174,4 @@ _excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "movable", "icons", "scaleStep", "minScale", "maxScale", "imageRender", "toolbarRender"];

alt: alt,
width: width,
height: height,
fallback: fallback,

@@ -189,3 +191,5 @@ getContainer: getPreviewContainer,

ImageInternal.PreviewGroup = _PreviewGroup.default;
ImageInternal.displayName = 'Image';
if (process.env.NODE_ENV !== 'production') {
ImageInternal.displayName = 'Image';
}
var _default = exports.default = ImageInternal;

4

lib/Operations.d.ts
import * as React from 'react';
import type { ImgInfo } from './Image';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import type { TransformType } from './hooks/useImageTransform';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {

@@ -23,4 +24,5 @@ showSwitch: boolean;

zIndex?: number;
image?: ImgInfo;
}
declare const Operations: React.FC<OperationsProps>;
export default Operations;

12

lib/Operations.js

@@ -47,3 +47,4 @@ "use strict";

toolbarRender = props.toolbarRender,
zIndex = props.zIndex;
zIndex = props.zIndex,
image = props.image;
var groupContext = (0, _react.useContext)(_context.PreviewGroupContext);

@@ -101,3 +102,2 @@ var rotateLeft = icons.rotateLeft,

var toolsNode = tools.map(function (_ref) {
var _classnames;
var icon = _ref.icon,

@@ -108,3 +108,3 @@ onClick = _ref.onClick,

return /*#__PURE__*/React.createElement("div", {
className: (0, _classnames4.default)(toolClassName, (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-operations-operation-").concat(type), true), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-operations-operation-disabled"), !!disabled), _classnames)),
className: (0, _classnames4.default)(toolClassName, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-operations-operation-").concat(type), true), "".concat(prefixCls, "-operations-operation-disabled"), !!disabled)),
onClick: onClick,

@@ -144,3 +144,3 @@ key: type

className: "".concat(prefixCls, "-progress")
}, countRender ? countRender(current + 1, count) : "".concat(current + 1, " / ").concat(count)), toolbarRender ? toolbarRender(toolbarNode, (0, _objectSpread2.default)({
}, countRender ? countRender(current + 1, count) : "".concat(current + 1, " / ").concat(count)), toolbarRender ? toolbarRender(toolbarNode, (0, _objectSpread2.default)((0, _objectSpread2.default)({
icons: {

@@ -166,5 +166,7 @@ flipYIcon: toolsNode[0],

total: count
} : {})) : toolbarNode)));
} : {}), {}, {
image: image
})) : toolbarNode)));
});
};
var _default = exports.default = Operations;

5

lib/Preview.d.ts
import type { DialogProps as IDialogPropTypes } from 'rc-dialog';
import React from 'react';
import type { ImgInfo } from './Image';
import type { TransformAction, TransformType } from './hooks/useImageTransform';

@@ -24,2 +25,3 @@ export type ToolbarRenderInfoType = {

total: number;
image: ImgInfo;
};

@@ -30,2 +32,4 @@ export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {

alt?: string;
width?: number | string;
height?: number | string;
fallback?: string;

@@ -55,2 +59,3 @@ movable?: boolean;

current?: number;
image?: ImgInfo;
}) => React.ReactNode;

@@ -57,0 +62,0 @@ onClose?: () => void;

20

lib/Preview.js

@@ -19,11 +19,11 @@ "use strict";

var _react = _interopRequireWildcard(require("react"));
var _Operations = _interopRequireDefault(require("./Operations"));
var _context = require("./context");
var _useImageTransform2 = _interopRequireDefault(require("./hooks/useImageTransform"));
var _useMouseEvent2 = _interopRequireDefault(require("./hooks/useMouseEvent"));
var _useStatus3 = _interopRequireDefault(require("./hooks/useStatus"));
var _useTouchEvent2 = _interopRequireDefault(require("./hooks/useTouchEvent"));
var _useStatus3 = _interopRequireDefault(require("./hooks/useStatus"));
var _Operations = _interopRequireDefault(require("./Operations"));
var _previewConfig = require("./previewConfig");
var _excluded = ["fallback", "src", "imgRef"],
_excluded2 = ["prefixCls", "src", "alt", "fallback", "movable", "onClose", "visible", "icons", "rootClassName", "closeIcon", "getContainer", "current", "count", "countRender", "scaleStep", "minScale", "maxScale", "transitionName", "maskTransitionName", "imageRender", "imgCommonProps", "toolbarRender", "onTransform", "onChange"];
_excluded2 = ["prefixCls", "src", "alt", "width", "height", "fallback", "movable", "onClose", "visible", "icons", "rootClassName", "closeIcon", "getContainer", "current", "count", "countRender", "scaleStep", "minScale", "maxScale", "transitionName", "maskTransitionName", "imageRender", "imgCommonProps", "toolbarRender", "onTransform", "onChange"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

@@ -54,2 +54,4 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

alt = props.alt,
width = props.width,
height = props.height,
fallback = props.fallback,

@@ -210,2 +212,8 @@ _props$movable = props.movable,

}));
var image = {
url: src,
alt: alt,
width: width,
height: height
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcDialog.default, (0, _extends2.default)({

@@ -229,3 +237,4 @@ transitionName: transitionName,

}, imageRender ? imageRender(imgNode, (0, _objectSpread2.default)({
transform: transform
transform: transform,
image: image
}, groupContext ? {

@@ -260,5 +269,6 @@ current: current

onClose: onClose,
zIndex: restProps.zIndex !== undefined ? restProps.zIndex + 1 : undefined
zIndex: restProps.zIndex !== undefined ? restProps.zIndex + 1 : undefined,
image: image
}));
};
var _default = exports.default = Preview;

4

lib/PreviewGroup.d.ts
import * as React from 'react';
import { type ImagePreviewType } from './Image';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
import type { TransformType } from './hooks/useImageTransform';
import { type ImagePreviewType } from './Image';
import type { ImageElementProps } from './interface';
import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {

@@ -7,0 +7,0 @@ /**

2

lib/PreviewGroup.js

@@ -16,5 +16,5 @@ "use strict";

var React = _react;
var _Preview = _interopRequireDefault(require("./Preview"));
var _context = require("./context");
var _usePreviewItems3 = _interopRequireDefault(require("./hooks/usePreviewItems"));
var _Preview = _interopRequireDefault(require("./Preview"));
var _excluded = ["visible", "onVisibleChange", "getContainer", "current", "movable", "minScale", "maxScale", "countRender", "closeIcon", "onChange", "onTransform", "toolbarRender", "imageRender"],

@@ -21,0 +21,0 @@ _excluded2 = ["src"];

19

LICENSE.md

@@ -5,19 +5,6 @@ MIT LICENSE

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

45

package.json
{
"name": "rc-image",
"version": "7.6.0",
"version": "7.7.0",
"description": "React easy to use image component",

@@ -11,2 +11,11 @@ "keywords": [

],
"homepage": "http://github.com/react-component/image",
"bugs": {
"url": "http://github.com/react-component/image/issues"
},
"repository": {
"type": "git",
"url": "git@github.com:react-component/image.git"
},
"license": "MIT",
"main": "./lib/index",

@@ -20,27 +29,14 @@ "module": "./es/index",

],
"homepage": "http://github.com/react-component/image",
"repository": {
"type": "git",
"url": "git@github.com:react-component/image.git"
},
"bugs": {
"url": "http://github.com/react-component/image/issues"
},
"license": "MIT",
"scripts": {
"start": "dumi dev",
"compile": "father build && lessc assets/index.less assets/index.css",
"coverage": "rc-test --coverage",
"docs:build": "dumi build",
"docs:deploy": "gh-pages -d docs-dist",
"compile": "father build && lessc assets/index.less assets/index.css",
"lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
"now-build": "npm run docs:build",
"prepublishOnly": "npm run compile && np --yolo --no-publish --any-branch",
"lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
"prettier": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"",
"test": "rc-test",
"coverage": "rc-test --coverage",
"now-build": "npm run docs:build"
"start": "dumi dev",
"test": "rc-test"
},
"peerDependencies": {
"react": ">=16.9.0",
"react-dom": ">=16.9.0"
},
"dependencies": {

@@ -56,4 +52,5 @@ "@babel/runtime": "^7.11.2",

"@ant-design/icons": "^5.0.1",
"@rc-component/father-plugin": "^1.0.2",
"@testing-library/jest-dom": "^6.4.0",
"@testing-library/react": "^13.0.0",
"@testing-library/react": "^15.0.6",
"@types/classnames": "^2.2.10",

@@ -63,3 +60,3 @@ "@types/jest": "^29.5.11",

"@types/react-dom": "^18.0.0",
"@umijs/fabric": "^3.0.0",
"@umijs/fabric": "^4.0.1",
"cross-env": "^7.0.2",

@@ -76,3 +73,7 @@ "dumi": "^2.1.4",

"typescript": "^5.3.3"
},
"peerDependencies": {
"react": ">=16.9.0",
"react-dom": ">=16.9.0"
}
}
SocketSocket SOC 2 Logo

Product

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

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc