rc-motion - npm Package Compare versions

Comparing version 2.6.2 to 2.6.3

es/CSSMotion.js

@@ -12,7 +12,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import classNames from 'classnames';
-import { getTransitionName, supportTransition } from './util/motion';
-import { STATUS_NONE, STEP_PREPARE, STEP_START } from './interface';
-import useStatus from './hooks/useStatus';
-import DomWrapper from './DomWrapper';
-import { isActive } from './hooks/useStepQueue';
+import { getTransitionName, supportTransition } from "./util/motion";
+import { STATUS_NONE, STEP_PREPARE, STEP_START } from "./interface";
+import useStatus from "./hooks/useStatus";
+import DomWrapper from "./DomWrapper";
+import { isActive } from "./hooks/useStepQueue";
+
 /**
@@ -22,3 +23,2 @@ * `transitionSupport` is used for none transition test case.
  */
-
 export function genCSSMotion(config) {
@@ -98,7 +98,7 @@ var transitionSupport = config;
         motionChildren = children(_objectSpread({}, mergedProps), setNodeRef);
-      } else if (!removeOnLeave && renderedRef.current) {
+      } else if (!removeOnLeave && renderedRef.current && leavedClassName) {
         motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {
           className: leavedClassName
         }), setNodeRef);
-      } else if (forceRender) {
+      } else if (forceRender || !removeOnLeave && !leavedClassName) {
         motionChildren = children(_objectSpread(_objectSpread({}, mergedProps), {}, {
@@ -134,4 +134,4 @@ style: {
     if ( /*#__PURE__*/React.isValidElement(motionChildren) && supportRef(motionChildren)) {
-      var _motionChildren = motionChildren,
-          originNodeRef = _motionChildren.ref;
+      var _ref = motionChildren,
+          originNodeRef = _ref.ref;
 
@@ -138,0 +138,0 @@ if (!originNodeRef) {

es/CSSMotionList.js

@@ -6,4 +6,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["component", "children", "onVisibleChanged", "onAllRemoved"],
@@ -14,6 +16,7 @@ _excluded2 = ["status"];
 import * as React from 'react';
-import OriginCSSMotion from './CSSMotion';
-import { supportTransition } from './util/motion';
-import { STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED, diffKeys, parseKeys } from './util/diff';
+import OriginCSSMotion from "./CSSMotion";
+import { supportTransition } from "./util/motion";
+import { STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED, diffKeys, parseKeys } from "./util/diff";
 var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+
 /**
@@ -24,3 +27,2 @@ * Generate a CSSMotionList component with config
  */
-
 export function genCSSMotionList(transitionSupport) {
@@ -44,7 +46,8 @@ var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : OriginCSSMotion;
       _this = _super.call.apply(_super, [this].concat(args));
-      _this.state = {
+
+      _defineProperty(_assertThisInitialized(_this), "state", {
         keyEntities: []
-      };
+      });
 
-      _this.removeKey = function (removeKey) {
+      _defineProperty(_assertThisInitialized(_this), "removeKey", function (removeKey) {
         var keyEntities = _this.state.keyEntities;
@@ -66,3 +69,3 @@ var nextKeyEntities = keyEntities.map(function (entity) {
         }).length;
-      };
+      });
 
@@ -146,7 +149,8 @@ return _this;
 
-  CSSMotionList.defaultProps = {
+  _defineProperty(CSSMotionList, "defaultProps", {
     component: 'div'
-  };
+  });
+
   return CSSMotionList;
 }
 export default genCSSMotionList(supportTransition);

es/hooks/useDomMotionEvents.js

 import * as React from 'react';
 import { useRef } from 'react';
-import { animationEndName, transitionEndName } from '../util/motion';
+import { animationEndName, transitionEndName } from "../util/motion";
 export default (function (callback) {
@@ -5,0 +5,0 @@ var cacheElementRef = useRef(); // Cache callback

es/hooks/useStatus.js

@@ -7,6 +7,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import useState from "rc-util/es/hooks/useState";
-import { STATUS_APPEAR, STATUS_NONE, STATUS_LEAVE, STATUS_ENTER, STEP_PREPARE, STEP_START, STEP_ACTIVE } from '../interface';
-import useStepQueue, { DoStep, SkipStep, isActive } from './useStepQueue';
-import useDomMotionEvents from './useDomMotionEvents';
-import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
+import { STATUS_APPEAR, STATUS_NONE, STATUS_LEAVE, STATUS_ENTER, STEP_PREPARE, STEP_START, STEP_ACTIVE } from "../interface";
+import useStepQueue, { DoStep, SkipStep, isActive } from "./useStepQueue";
+import useDomMotionEvents from "./useDomMotionEvents";
+import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
 export default function useStatus(supportMotion, visible, getElement, _ref) {
@@ -125,3 +125,2 @@ var _ref$motionEnter = _ref.motionEnter,
 
-    // Rest step is sync update
     if (step in eventHandlers) {
@@ -128,0 +127,0 @@ var _eventHandlers$step;

es/hooks/useStepQueue.js

 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import useState from "rc-util/es/hooks/useState";
-import { STEP_PREPARE, STEP_ACTIVE, STEP_START, STEP_ACTIVATED, STEP_NONE } from '../interface';
-import useNextFrame from './useNextFrame';
-import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
+import { STEP_PREPARE, STEP_ACTIVE, STEP_START, STEP_ACTIVATED, STEP_NONE } from "../interface";
+import useNextFrame from "./useNextFrame";
+import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
 var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
@@ -8,0 +8,0 @@ /** Skip current step */

es/index.d.ts

@@ -1,5 +0,8 @@
-import CSSMotion, { CSSMotionProps } from './CSSMotion';
-import CSSMotionList, { CSSMotionListProps } from './CSSMotionList';
-import { MotionEventHandler, MotionEndEventHandler } from './interface';
-export { CSSMotionProps, CSSMotionList, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
+import CSSMotion from './CSSMotion';
+import CSSMotionList from './CSSMotionList';
+import type { CSSMotionProps } from './CSSMotion';
+import type { CSSMotionListProps } from './CSSMotionList';
+import type { MotionEventHandler, MotionEndEventHandler } from './interface';
+export { CSSMotionList };
+export type { CSSMotionProps, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
 export default CSSMotion;

es/index.js

@@ -1,4 +0,4 @@
-import CSSMotion from './CSSMotion';
-import CSSMotionList from './CSSMotionList';
+import CSSMotion from "./CSSMotion";
+import CSSMotionList from "./CSSMotionList";
 export { CSSMotionList };
 export default CSSMotion;

es/util/diff.d.ts

@@ -11,3 +11,3 @@ /// <reference types="react" />
 }
-export declare function wrapKeyToObject(key: React.Key): {
+export declare function wrapKeyToObject(key: React.Key | KeyObject): {
     key: string;
@@ -14,0 +14,0 @@ status?: DiffStatus;

es/util/motion.js

 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import canUseDOM from "rc-util/es/Dom/canUseDom"; // ================= Transition =================
+import canUseDOM from "rc-util/es/Dom/canUseDom";
+
+// ================= Transition =================
 // Event wrapper. Copy from react source code
-
 function makePrefixMap(styleProp, eventName) {
@@ -6,0 +7,0 @@ var prefixes = {};

lib/CSSMotion.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
@@ -25,3 +25,3 @@ value: true
 
-var _ref = require("rc-util/lib/ref");
+var _ref2 = require("rc-util/lib/ref");
 
@@ -40,2 +40,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */
@@ -105,3 +109,3 @@
       nodeRef.current = node;
-      (0, _ref.fillRef)(ref, node);
+      (0, _ref2.fillRef)(ref, node);
     }, [ref]); // ===================== Render =====================
@@ -121,7 +125,7 @@
         motionChildren = children((0, _objectSpread2.default)({}, mergedProps), setNodeRef);
-      } else if (!removeOnLeave && renderedRef.current) {
+      } else if (!removeOnLeave && renderedRef.current && leavedClassName) {
         motionChildren = children((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {
           className: leavedClassName
         }), setNodeRef);
-      } else if (forceRender) {
+      } else if (forceRender || !removeOnLeave && !leavedClassName) {
         motionChildren = children((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {
@@ -156,5 +160,5 @@ style: {
 
-    if ( /*#__PURE__*/React.isValidElement(motionChildren) && (0, _ref.supportRef)(motionChildren)) {
-      var _motionChildren = motionChildren,
-          originNodeRef = _motionChildren.ref;
+    if ( /*#__PURE__*/React.isValidElement(motionChildren) && (0, _ref2.supportRef)(motionChildren)) {
+      var _ref = motionChildren,
+          originNodeRef = _ref.ref;
 
@@ -161,0 +165,0 @@ if (!originNodeRef) {

lib/CSSMotionList.js

@@ -5,3 +5,3 @@ "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
@@ -24,2 +24,4 @@ Object.defineProperty(exports, "__esModule", {
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -29,2 +31,4 @@
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var React = _interopRequireWildcard(require("react"));
@@ -40,3 +44,9 @@
     _excluded2 = ["status"];
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+
 /**
@@ -47,3 +57,2 @@ * Generate a CSSMotionList component with config
  */
-
 function genCSSMotionList(transitionSupport) {
@@ -67,7 +76,6 @@ var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _CSSMotion.default;
       _this = _super.call.apply(_super, [this].concat(args));
-      _this.state = {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
         keyEntities: []
-      };
-
-      _this.removeKey = function (removeKey) {
+      });
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "removeKey", function (removeKey) {
         var keyEntities = _this.state.keyEntities;
@@ -89,4 +97,3 @@ var nextKeyEntities = keyEntities.map(function (entity) {
         }).length;
-      };
-
+      });
       return _this;
@@ -165,5 +172,5 @@ }
 
-  CSSMotionList.defaultProps = {
+  (0, _defineProperty2.default)(CSSMotionList, "defaultProps", {
     component: 'div'
-  };
+  });
   return CSSMotionList;
@@ -170,0 +177,0 @@ }

lib/DomWrapper.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
@@ -22,2 +22,6 @@ value: true
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var DomWrapper = /*#__PURE__*/function (_React$Component) {
@@ -24,0 +28,0 @@ (0, _inherits2.default)(DomWrapper, _React$Component);

lib/hooks/useDomMotionEvents.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
@@ -14,2 +14,6 @@ Object.defineProperty(exports, "__esModule", {
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = function _default(callback) {
@@ -16,0 +20,0 @@ var cacheElementRef = (0, React.useRef)(); // Cache callback

lib/hooks/useNextFrame.js

@@ -5,3 +5,3 @@ "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
@@ -17,2 +17,6 @@ Object.defineProperty(exports, "__esModule", {
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = function _default() {
@@ -19,0 +23,0 @@ var nextFrameRef = React.useRef(null);

lib/hooks/useStatus.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
@@ -30,2 +30,6 @@ value: true
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function useStatus(supportMotion, visible, getElement, _ref) {
@@ -144,3 +148,2 @@ var _ref$motionEnter = _ref.motionEnter,
 
-    // Rest step is sync update
     if (step in eventHandlers) {
@@ -147,0 +150,0 @@ var _eventHandlers$step;

lib/hooks/useStepQueue.js

 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
@@ -25,2 +25,6 @@ value: true
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var STEP_QUEUE = [_interface.STEP_PREPARE, _interface.STEP_START, _interface.STEP_ACTIVE, _interface.STEP_ACTIVATED];
@@ -27,0 +31,0 @@ /** Skip current step */

lib/index.d.ts

@@ -1,5 +0,8 @@
-import CSSMotion, { CSSMotionProps } from './CSSMotion';
-import CSSMotionList, { CSSMotionListProps } from './CSSMotionList';
-import { MotionEventHandler, MotionEndEventHandler } from './interface';
-export { CSSMotionProps, CSSMotionList, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
+import CSSMotion from './CSSMotion';
+import CSSMotionList from './CSSMotionList';
+import type { CSSMotionProps } from './CSSMotion';
+import type { CSSMotionListProps } from './CSSMotionList';
+import type { MotionEventHandler, MotionEndEventHandler } from './interface';
+export { CSSMotionList };
+export type { CSSMotionProps, CSSMotionListProps, MotionEventHandler, MotionEndEventHandler, };
 export default CSSMotion;

lib/util/diff.d.ts

@@ -11,3 +11,3 @@ /// <reference types="react" />
 }
-export declare function wrapKeyToObject(key: React.Key): {
+export declare function wrapKeyToObject(key: React.Key | KeyObject): {
     key: string;
@@ -14,0 +14,0 @@ status?: DiffStatus;

package.json

 {
   "name": "rc-motion",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "description": "React lifecycle controlled motion library",
@@ -13,12 +13,6 @@ "keywords": [
   ],
-  "main": "./lib/index",
-  "module": "./es/index",
-  "files": [
-    "assets/*.css",
-    "assets/*.less",
-    "es",
-    "lib",
-    "dist"
-  ],
   "homepage": "https://react-component.github.io/motion",
+  "bugs": {
+    "url": "http://github.com/react-component/motion/issues"
+  },
   "repository": {
@@ -28,17 +22,21 @@ "type": "git",
   },
-  "bugs": {
-    "url": "http://github.com/react-component/motion/issues"
-  },
   "license": "MIT",
+  "main": "./lib/index",
+  "module": "./es/index",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "lib"
+  ],
   "scripts": {
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
-    "build": "father doc build --storybook",
-    "compile": "father build && lessc assets/index.less assets/index.css",
-    "gh-pages": "npm run build && father doc deploy",
+    "compile": "father build",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d .doc",
+    "lint": "eslint src/ --ext .tsx,.ts",
+    "now-build": "npm run docs:build",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
-    "postpublish": "npm run gh-pages",
-    "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
-    "test": "father test",
-    "coverage": "father test --coverage",
-    "now-build": "npm run build"
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "postpublish": "npm run docs:deploy",
+    "start": "dumi dev",
+    "test": "rc-test"
   },
@@ -51,2 +49,3 @@ "dependencies": {
   "devDependencies": {
+    "@rc-component/father-plugin": "^1.0.1",
     "@testing-library/jest-dom": "^5.16.4",
@@ -61,11 +60,10 @@ "@testing-library/react": "^13.0.0",
     "cross-env": "^7.0.2",
+    "dumi": "^2.0.18",
     "eslint": "^7.0.0",
-    "father": "^2.13.4",
-    "jest": "^26.4.2",
-    "less": "^3.10.3",
+    "father": "^4.1.2",
     "np": "^6.2.4",
     "prettier": "^2.1.1",
+    "rc-test": "^7.0.14",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "regenerator-runtime": "^0.13.7",
     "typescript": "^4.0.3"
@@ -72,0 +70,0 @@ },

README.md

 # rc-motion
 
-[![NPM version][npm-image]][npm-url]
-[![npm download][download-image]][download-url]
-[![build status][github-actions-image]][github-actions-url]
-[![Codecov][codecov-image]][codecov-url]
-[![Dependencies][david-image]](david-url)
-[![DevDependencies][david-dev-image]][david-dev-url]
-[![bundle size][bundlephobia-image]][bundlephobia-url]
+[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url] [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![Dependencies][david-image]](david-url) [![DevDependencies][david-dev-image]][david-dev-url] [![bundle size][bundlephobia-image]][bundlephobia-url]
 
@@ -38,3 +32,3 @@ [npm-image]: http://img.shields.io/npm/v/rc-motion.svg?style=flat-square
 
-```tsx
+```js
 import CSSMotion from 'rc-motion';
@@ -41,0 +35,0 @@

assets/index.css

assets/index.less

HISTORY.md

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

101008

9.23%

Lines of code

2012

2.24%

Worsened metrics

Number of package files

51

-5.56%

Number of lines in readme file

86

-6.52%

No dependency changes