rc-image - npm Package Compare versions

Comparing version 5.11.0 to 5.12.0

es/Preview.js

@@ -6,4 +6,5 @@ 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", "scaleStep", "transitionName", "maskTransitionName"];
+var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "getContainer", "countRender", "scaleStep", "transitionName", "maskTransitionName"];
 import * as React from 'react';
+import Portal from '@rc-component/portal';
 import Dialog from 'rc-dialog';
@@ -40,2 +41,3 @@ import CSSMotion from 'rc-motion';
       rootClassName = props.rootClassName,
+      getContainer = props.getContainer,
       countRender = props.countRender,
@@ -345,3 +347,4 @@ _props$scaleStep = props.scaleStep,
     wrapClassName: wrapClassName,
-    rootClassName: rootClassName
+    rootClassName: rootClassName,
+    getContainer: getContainer
   }, restProps), /*#__PURE__*/React.createElement("div", {
@@ -370,6 +373,9 @@ className: "".concat(prefixCls, "-img-wrapper"),
         style = _ref2.style;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Portal, {
+      open: true,
+      getContainer: getContainer
+    }, /*#__PURE__*/React.createElement("div", {
       className: classnames("".concat(prefixCls, "-operations-wrapper"), className, rootClassName),
       style: style
-    }, operations);
+    }, operations));
   }));
@@ -376,0 +382,0 @@ };

lib/Preview.js

@@ -24,2 +24,4 @@ "use strict";
 
+var _portal = _interopRequireDefault(require("@rc-component/portal"));
+
 var _rcDialog = _interopRequireDefault(require("rc-dialog"));
@@ -43,3 +45,3 @@
 
-var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "countRender", "scaleStep", "transitionName", "maskTransitionName"];
+var _excluded = ["prefixCls", "src", "alt", "onClose", "afterClose", "visible", "icons", "rootClassName", "getContainer", "countRender", "scaleStep", "transitionName", "maskTransitionName"];
 
@@ -72,2 +74,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); }
       rootClassName = props.rootClassName,
+      getContainer = props.getContainer,
       countRender = props.countRender,
@@ -376,3 +379,4 @@ _props$scaleStep = props.scaleStep,
     wrapClassName: wrapClassName,
-    rootClassName: rootClassName
+    rootClassName: rootClassName,
+    getContainer: getContainer
   }, restProps), /*#__PURE__*/React.createElement("div", {
@@ -401,6 +405,9 @@ className: "".concat(prefixCls, "-img-wrapper"),
         style = _ref2.style;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(_portal.default, {
+      open: true,
+      getContainer: getContainer
+    }, /*#__PURE__*/React.createElement("div", {
       className: (0, _classnames5.default)("".concat(prefixCls, "-operations-wrapper"), className, rootClassName),
       style: style
-    }, operations);
+    }, operations));
   }));
@@ -407,0 +414,0 @@ };

package.json

 {
   "name": "rc-image",
-  "version": "5.11.0",
+  "version": "5.12.0",
   "description": "React easy to use image component",
@@ -46,2 +46,3 @@ "keywords": [
     "@babel/runtime": "^7.11.2",
+    "@rc-component/portal": "^1.0.2",
     "classnames": "^2.2.6",
@@ -48,0 +49,0 @@ "rc-dialog": "~9.0.0",

README.md

@@ -5,6 +5,13 @@ # rc-image
 
-[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![CircleCI status][circleci-image]][circleci-url] [![Test coverage][codecov-image]][codecov-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]
+[![NPM version][npm-image]][npm-url]
+[![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi)
+[![build status][github-actions-image]][github-actions-url]
+[![Test coverage][codecov-image]][codecov-url]
+[![npm download][download-image]][download-url]
+[![bundle size][bundlephobia-image]][bundlephobia-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-image.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-image
+[github-actions-image]: https://github.com/react-component/image/workflows/CI/badge.svg
+[github-actions-url]: https://github.com/react-component/image/actions
 [travis-image]: https://img.shields.io/travis/react-component/image/master?style=flat-square
@@ -11,0 +18,0 @@ [travis-url]: https://travis-ci.org/react-component/image

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

94008

increased by0.76%

Lines of code

2165

increased by0.56%

Number of lines in readme file

114

increased by6.54%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@rc-component/portal@^1.0.2