rc-image - npm Package Compare versions

Comparing version 5.7.1 to 5.8.0

es/Image.d.ts

@@ -14,2 +14,3 @@ import * as React from 'react';
     icons?: PreviewProps['icons'];
+    scaleStep?: number;
 }
@@ -16,0 +17,0 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {

es/Image.js

@@ -8,3 +8,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 var _excluded = ["src", "alt", "onPreviewClose", "prefixCls", "previewPrefixCls", "placeholder", "fallback", "width", "height", "style", "preview", "className", "onClick", "onError", "wrapperClassName", "wrapperStyle", "rootClassName", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "srcSet", "useMap", "draggable"],
-    _excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "icons"];
+    _excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "icons", "scaleStep"];
 import * as React from 'react';
@@ -65,2 +65,3 @@ import { useState } from 'react';
       icons = _ref2.icons,
+      scaleStep = _ref2.scaleStep,
       dialogProps = _objectWithoutProperties(_ref2, _excluded2);
@@ -241,2 +242,3 @@
     icons: icons,
+    scaleStep: scaleStep,
     rootClassName: rootClassName
@@ -243,0 +245,0 @@ }, dialogProps)));

es/Preview.d.ts

@@ -18,4 +18,5 @@ import * as React from 'react';
     countRender?: (current: number, total: number) => string;
+    scaleStep?: number;
 }
 declare const Preview: React.FC<PreviewProps>;
 export default Preview;

es/Preview.js

@@ -6,3 +6,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "countRender"];
+var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "countRender", "scaleStep"];
 import * as React from 'react';
@@ -40,2 +40,4 @@ import Dialog from 'rc-dialog';
       countRender = props.countRender,
+      _props$scaleStep = props.scaleStep,
+      scaleStep = _props$scaleStep === void 0 ? 0.5 : _props$scaleStep,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -90,2 +92,3 @@
   var showLeftOrRightSwitches = isPreviewGroup && previewGroupCount > 1;
+  var showOperationsProgress = isPreviewGroup && previewGroupCount >= 1;
 
@@ -107,3 +110,3 @@ var _useState7 = useState({
     setScale(function (value) {
-      return value + 1;
+      return value + scaleStep;
     });
@@ -116,3 +119,3 @@ setPosition(initialPosition);
       setScale(function (value) {
-        return value - 1;
+        return value - scaleStep;
       });
@@ -317,3 +320,3 @@ }
     className: "".concat(prefixCls, "-operations")
-  }, showLeftOrRightSwitches && /*#__PURE__*/React.createElement("li", {
+  }, showOperationsProgress && /*#__PURE__*/React.createElement("li", {
     className: "".concat(prefixCls, "-operations-progress")
@@ -320,0 +323,0 @@ }, (_countRender = countRender === null || countRender === void 0 ? void 0 : countRender(currentPreviewIndex + 1, previewGroupCount)) !== null && _countRender !== void 0 ? _countRender : "".concat(currentPreviewIndex + 1, " / ").concat(previewGroupCount)), tools.map(function (_ref) {

lib/Image.d.ts

@@ -14,2 +14,3 @@ import * as React from 'react';
     icons?: PreviewProps['icons'];
+    scaleStep?: number;
 }
@@ -16,0 +17,0 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {

lib/Image.js

@@ -37,3 +37,3 @@ "use strict";
 var _excluded = ["src", "alt", "onPreviewClose", "prefixCls", "previewPrefixCls", "placeholder", "fallback", "width", "height", "style", "preview", "className", "onClick", "onError", "wrapperClassName", "wrapperStyle", "rootClassName", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "srcSet", "useMap", "draggable"],
-    _excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "icons"];
+    _excluded2 = ["src", "visible", "onVisibleChange", "getContainer", "mask", "maskClassName", "icons", "scaleStep"];
 
@@ -91,2 +91,3 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
       icons = _ref2.icons,
+      scaleStep = _ref2.scaleStep,
       dialogProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
@@ -267,2 +268,3 @@
     icons: icons,
+    scaleStep: scaleStep,
     rootClassName: rootClassName
@@ -269,0 +271,0 @@ }, dialogProps)));

lib/Preview.d.ts

@@ -18,4 +18,5 @@ import * as React from 'react';
     countRender?: (current: number, total: number) => string;
+    scaleStep?: number;
 }
 declare const Preview: React.FC<PreviewProps>;
 export default Preview;

lib/Preview.js

@@ -40,3 +40,3 @@ "use strict";
 
-var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "countRender"];
+var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "countRender", "scaleStep"];
 
@@ -70,2 +70,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
       countRender = props.countRender,
+      _props$scaleStep = props.scaleStep,
+      scaleStep = _props$scaleStep === void 0 ? 0.5 : _props$scaleStep,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
@@ -119,2 +121,3 @@ var rotateLeft = icons.rotateLeft,
   var showLeftOrRightSwitches = isPreviewGroup && previewGroupCount > 1;
+  var showOperationsProgress = isPreviewGroup && previewGroupCount >= 1;
 
@@ -136,3 +139,3 @@ var _useState7 = useState({
     setScale(function (value) {
-      return value + 1;
+      return value + scaleStep;
     });
@@ -145,3 +148,3 @@ setPosition(initialPosition);
       setScale(function (value) {
-        return value - 1;
+        return value - scaleStep;
       });
@@ -346,3 +349,3 @@ }
     className: "".concat(prefixCls, "-operations")
-  }, showLeftOrRightSwitches && /*#__PURE__*/React.createElement("li", {
+  }, showOperationsProgress && /*#__PURE__*/React.createElement("li", {
     className: "".concat(prefixCls, "-operations-progress")
@@ -349,0 +352,0 @@ }, (_countRender = countRender === null || countRender === void 0 ? void 0 : countRender(currentPreviewIndex + 1, previewGroupCount)) !== null && _countRender !== void 0 ? _countRender : "".concat(currentPreviewIndex + 1, " / ").concat(previewGroupCount)), tools.map(function (_ref) {

package.json

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

README.md

@@ -58,3 +58,3 @@ # rc-image
 | --- | --- | --- | --- |
-| preview | boolean \| { visible: boolean, onVisibleChange: function(value, prevValue), getContainer: string \| HTMLElement \| (() => HTMLElement) \| false } | true | Whether to show preview |
+| preview | boolean \| { visible: boolean, scaleStep: number, onVisibleChange: function(value, prevValue), getContainer: string \| HTMLElement \| (() => HTMLElement) \| false } | true | Whether to show preview |
 | prefixCls | string | rc-image | Classname prefix |
@@ -85,3 +85,3 @@ | placeholder | boolean \| ReactElement | - | if `true` will set default placeholder or use `ReactElement` set customize placeholder |
 | --- | --- | --- | --- |
-| preview | boolean \|<br> { visible: boolean, onVisibleChange: function(value, prevValue), getContainer: string \| HTMLElement \| (() => HTMLElement) \| false, countRender?: (current: number, total: number) => string, current: number } | true | Whether to show preview, <br> current: If Preview the show img index, default 0 |
+| preview | boolean \|<br> { visible: boolean, scaleStep: number, onVisibleChange: function(value, prevValue), getContainer: string \| HTMLElement \| (() => HTMLElement) \| false, countRender?: (current: number, total: number) => string, current: number } | true | Whether to show preview, <br> current: If Preview the show img index, default 0 |
 | previewPrefixCls | string | rc-image-preview | Preview classname prefix |
@@ -88,0 +88,0 @@ | icons | { [iconKey]?: ReactNode } | - | Icons in the top operation bar, iconKey: 'rotateLeft' \| 'rotateRight' \| 'zoomIn' \| 'zoomOut' \| 'close' \| 'left' \| 'right'

No alert changes

Improved metrics

Total package byte prevSize

91465

increased by0.78%

Lines of code

2130

increased by0.66%

No dependency changes