@douyinfe/semi-animation-react 2.0.7 → 2.1.0-alpha.2

package/lib/es/src/Animation.js

@@ -11,8 +11,7 @@ import PropTypes from 'prop-types';
 import { Animation as SemiAnimation, events } from '@douyinfe/semi-animation';
 import noop from './utils/noop';
 export default class Animation extends PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
 
     this.initAnimation = props => {
@@ -144,9 +143,7 @@ export default class Animation extends PureComponent {
     }
   }
 
-  componentDidUpdate() {
-    let prevProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
+  componentDidUpdate(prevProps = {}) {
     if (this.props.reset) {
       if (this.props.from !== prevProps.from || this.props.to !== prevProps.to) {
         this.destroy();

package/lib/es/src/KeyFrames.js

@@ -6,21 +6,14 @@ import PropTypes from 'prop-types';
 import noop from './utils/noop';
 import Animation from './Animation';
 export default class KeyFrames extends Component {
-  constructor() {
-    var _this;
-
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
-    _this = this;
-
-    this.onFrame = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
+    this.onFrame = (props = {}) => {
       const currentStyle = _Object$assign({}, props);
 
-      _this.props.onFrame(currentStyle);
-
-      _this.setState({
+      this.props.onFrame(currentStyle);
+      this.setState({
         currentStyle
       });
     };

package/lib/es/src/StyledAnimation.js

@@ -28,59 +28,22 @@ import invokeFns from './utils/invokeFns';
 const types = _reduceInstanceProperty(_context = _Object$values(styledTypes)).call(_context, (arr, cur) => [...arr, ...cur], []);
 
 export default class StyledAnimation extends PureComponent {
-  constructor() {
-    var _this;
-
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
-    _this = this;
-
-    this._generateAnimateEvents = function (child) {
-      let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return {
-        onAnimationIteration: function () {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-
-          return invokeFns([child && child.props && child.props.onAnimationIteration, props.onFrame], args);
-        },
-        onAnimationStart: function () {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-
-          return invokeFns([child && child.props && child.props.onAnimationStart, props.onStart], args);
-        },
-        onAnimationEnd: function () {
-          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            args[_key3] = arguments[_key3];
-          }
-
-          return invokeFns([child && child.props && child.props.onAnimationEnd, props.onRest], args);
-        }
-      };
-    };
 
-    this._hasSpeedClass = function () {
-      let speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.speed;
-      return speed != null && _includesInstanceProperty(speeds).call(speeds, speed);
-    };
+    this._generateAnimateEvents = (child, props = {}) => ({
+      onAnimationIteration: (...args) => invokeFns([child && child.props && child.props.onAnimationIteration, props.onFrame], args),
+      onAnimationStart: (...args) => invokeFns([child && child.props && child.props.onAnimationStart, props.onStart], args),
+      onAnimationEnd: (...args) => invokeFns([child && child.props && child.props.onAnimationEnd, props.onRest], args)
+    });
 
-    this._hasTypeClass = function () {
-      let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.type;
-      return type != null && _includesInstanceProperty(types).call(types, type);
-    };
+    this._hasSpeedClass = (speed = this.props.speed) => speed != null && _includesInstanceProperty(speeds).call(speeds, speed);
 
-    this._hasDelayClass = function () {
-      let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.delay;
-      return delay != null && _includesInstanceProperty(delays).call(delays, delay);
-    };
+    this._hasTypeClass = (type = this.props.type) => type != null && _includesInstanceProperty(types).call(types, type);
 
-    this._hasLoopClass = function () {
-      let loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.loop;
-      return loop != null && _includesInstanceProperty(loops).call(loops, loop);
-    };
+    this._hasDelayClass = (delay = this.props.delay) => delay != null && _includesInstanceProperty(delays).call(delays, delay);
+
+    this._hasLoopClass = (loop = this.props.loop) => loop != null && _includesInstanceProperty(loops).call(loops, loop);
   }
 
   render() {

package/lib/es/src/StyledTransition.js

@@ -21,8 +21,7 @@ import PropTypes from 'prop-types';
 import StyledAnimation from './StyledAnimation';
 import noop from './utils/noop';
 export default class StyledTransition extends Component {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
 
     this._isControlled = () => {

package/lib/es/src/Transition.js

@@ -21,8 +21,7 @@ import PropTypes from 'prop-types';
 import React, { Component, isValidElement } from 'react';
 import noop from './utils/noop';
 export default class Transition extends Component {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
 
     this._isControlled = () => {

package/lib/es/src/utils/invokeFns.js

@@ -1,8 +1,6 @@
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-export default function invokeFns(fns) {
-  let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
+export default function invokeFns(fns, args = []) {
   if (_Array$isArray(fns) && fns.length) {
     _forEachInstanceProperty(fns).call(fns, fn => {
       if (typeof fn === 'function') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-animation-react",
-  "version": "2.0.7",
+  "version": "2.1.0-alpha.2",
   "description": "motion library for semi-ui-react",
   "keywords": [
     "motion",
@@ -26,8 +26,8 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.15.4",
-    "@douyinfe/semi-animation": "2.0.7",
-    "@douyinfe/semi-animation-styled": "2.0.7",
+    "@douyinfe/semi-animation": "2.1.0-alpha.2",
+    "@douyinfe/semi-animation-styled": "2.1.0-alpha.2",
     "classnames": "^2.2.6"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
     "prop-types": "15.7.2",
     "react-storybook-addon-props-combinations": "^1.1.0"
   },
-  "gitHead": "624c0747ef24bdf26b8c478aa474d105adc24285"
+  "gitHead": "50381484f8df8aaa00285cf0a2ee01edf0083115"
 }