rc-motion - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

es/CSSMotion.d.ts

 import * as React from 'react';
-import { MotionStatus, MotionEventHandler, MotionEndEventHandler, MotionPrepareEventHandler } from './interface';
+import type { MotionStatus, MotionEventHandler, MotionEndEventHandler, MotionPrepareEventHandler } from './interface';
 export declare type CSSMotionConfig = boolean | {
@@ -4,0 +4,0 @@ transitionSupport?: boolean;

es/CSSMotion.js

@@ -63,5 +63,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
         statusStyle = _useStatus2[2],
-        mergedVisible = _useStatus2[3]; // ====================== Refs ======================
+        mergedVisible = _useStatus2[3]; // Record whether content has rended
+    // Will return null for un-rendered even when `removeOnLeave={false}`
 
 
+    var renderedRef = React.useRef(mergedVisible);
+
+    if (mergedVisible) {
+      renderedRef.current = true;
+    } // ====================== Refs ======================
+
+
     var originRef = useRef(ref);
@@ -87,3 +95,3 @@ originRef.current = ref;
         motionChildren = children(_objectSpread({}, mergedProps), setNodeRef);
-      } else if (!removeOnLeave) {
+      } else if (!removeOnLeave && renderedRef.current) {
         motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {
@@ -90,0 +98,0 @@ className: leavedClassName

es/CSSMotionList.js

@@ -0,1 +1,2 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -75,3 +76,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
         delete restProps.keys;
-        return /*#__PURE__*/React.createElement(Component, Object.assign({}, restProps), keyEntities.map(function (_ref2) {
+        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2) {
           var status = _ref2.status,
@@ -81,3 +82,3 @@ eventProps = _objectWithoutProperties(_ref2, ["status"]);
           var visible = status === STATUS_ADD || status === STATUS_KEEP;
-          return /*#__PURE__*/React.createElement(CSSMotion, Object.assign({}, motionProps, {
+          return /*#__PURE__*/React.createElement(CSSMotion, _extends({}, motionProps, {
             key: eventProps.key,
@@ -84,0 +85,0 @@ visible: visible,

lib/CSSMotion.d.ts

 import * as React from 'react';
-import { MotionStatus, MotionEventHandler, MotionEndEventHandler, MotionPrepareEventHandler } from './interface';
+import type { MotionStatus, MotionEventHandler, MotionEndEventHandler, MotionPrepareEventHandler } from './interface';
 export declare type CSSMotionConfig = boolean | {
@@ -4,0 +4,0 @@ transitionSupport?: boolean;

lib/CSSMotion.js

@@ -86,5 +86,13 @@ "use strict";
         statusStyle = _useStatus2[2],
-        mergedVisible = _useStatus2[3]; // ====================== Refs ======================
+        mergedVisible = _useStatus2[3]; // Record whether content has rended
+    // Will return null for un-rendered even when `removeOnLeave={false}`
 
 
+    var renderedRef = React.useRef(mergedVisible);
+
+    if (mergedVisible) {
+      renderedRef.current = true;
+    } // ====================== Refs ======================
+
+
     var originRef = (0, React.useRef)(ref);
@@ -109,3 +117,3 @@ originRef.current = ref;
         motionChildren = children((0, _objectSpread2.default)({}, mergedProps), setNodeRef);
-      } else if (!removeOnLeave) {
+      } else if (!removeOnLeave && renderedRef.current) {
         motionChildren = children((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {
@@ -112,0 +120,0 @@ className: leavedClassName

lib/CSSMotionList.js

@@ -13,2 +13,4 @@ "use strict";
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -94,7 +96,7 @@
         delete restProps.keys;
-        return /*#__PURE__*/React.createElement(Component, Object.assign({}, restProps), keyEntities.map(function (_ref2) {
+        return /*#__PURE__*/React.createElement(Component, restProps, keyEntities.map(function (_ref2) {
           var status = _ref2.status,
               eventProps = (0, _objectWithoutProperties2.default)(_ref2, ["status"]);
           var visible = status === _diff.STATUS_ADD || status === _diff.STATUS_KEEP;
-          return /*#__PURE__*/React.createElement(CSSMotion, Object.assign({}, motionProps, {
+          return /*#__PURE__*/React.createElement(CSSMotion, (0, _extends2.default)({}, motionProps, {
             key: eventProps.key,
@@ -101,0 +103,0 @@ visible: visible,

package.json

 {
   "name": "rc-motion",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "React lifecycle controlled motion library",
@@ -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

90445

increased by0.7%

Lines of code

1948

increased by0.62%

No dependency changes