@douyinfe/semi-animation-react 2.86.0 → 2.87.0-alpha.1

package/lib/cjs/src/Animation.js

@@ -12,8 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 /* eslint-disable @typescript-eslint/ban-types */
 
 class Animation extends _react.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
     this.initAnimation = props => {
       props = props == null ? this.props : props;
@@ -122,8 +121,7 @@ class Animation extends _react.PureComponent {
       this.animation = null;
     }
   }
-  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/cjs/src/KeyFrames.js

@@ -9,19 +9,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 class KeyFrames extends _react.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/cjs/src/StyledAnimation.js

@@ -13,50 +13,17 @@ var _invokeFns = _interopRequireDefault(require("./utils/invokeFns"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const types = Object.values(_semiAnimationStyled.types).reduce((arr, cur) => [...arr, ...cur], []);
 class StyledAnimation extends _react.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 (0, _invokeFns.default)([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 (0, _invokeFns.default)([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 (0, _invokeFns.default)([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 && _semiAnimationStyled.speeds.includes(speed);
-    };
-    this._hasTypeClass = function () {
-      let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.type;
-      return type != null && types.includes(type);
-    };
-    this._hasDelayClass = function () {
-      let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.delay;
-      return delay != null && _semiAnimationStyled.delays.includes(delay);
-    };
-    this._hasLoopClass = function () {
-      let loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.loop;
-      return loop != null && _semiAnimationStyled.loops.includes(loop);
-    };
+    this._generateAnimateEvents = (child, props = {}) => ({
+      onAnimationIteration: (...args) => (0, _invokeFns.default)([child && child.props && child.props.onAnimationIteration, props.onFrame], args),
+      onAnimationStart: (...args) => (0, _invokeFns.default)([child && child.props && child.props.onAnimationStart, props.onStart], args),
+      onAnimationEnd: (...args) => (0, _invokeFns.default)([child && child.props && child.props.onAnimationEnd, props.onRest], args)
+    });
+    this._hasSpeedClass = (speed = this.props.speed) => speed != null && _semiAnimationStyled.speeds.includes(speed);
+    this._hasTypeClass = (type = this.props.type) => type != null && types.includes(type);
+    this._hasDelayClass = (delay = this.props.delay) => delay != null && _semiAnimationStyled.delays.includes(delay);
+    this._hasLoopClass = (loop = this.props.loop) => loop != null && _semiAnimationStyled.loops.includes(loop);
   }
   render() {
     let {

package/lib/cjs/src/StyledTransition.js

@@ -9,8 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _StyledAnimation = _interopRequireDefault(require("./StyledAnimation"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -20,8 +19,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 class StyledTransition extends _react.Component {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
     this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.onRest = props => {

package/lib/cjs/src/Transition.js

@@ -8,8 +8,7 @@ var _Animation = _interopRequireDefault(require("./Animation"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -20,8 +19,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 class Transition extends _react.Component {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
     this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.forwardInstance = instance => {

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = invokeFns;
-function invokeFns(fns) {
-  let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+function invokeFns(fns, args = []) {
   if (Array.isArray(fns) && fns.length) {
     fns.forEach(fn => {
       if (typeof fn === 'function') {

package/lib/es/src/Animation.js

@@ -4,8 +4,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 => {
       props = props == null ? this.props : props;
@@ -114,8 +113,7 @@ export default class Animation extends PureComponent {
       this.animation = null;
     }
   }
-  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

@@ -3,16 +3,12 @@ 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

@@ -6,50 +6,17 @@ import noop from './utils/noop';
 import invokeFns from './utils/invokeFns';
 const types = Object.values(styledTypes).reduce((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 && speeds.includes(speed);
-    };
-    this._hasTypeClass = function () {
-      let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.type;
-      return type != null && types.includes(type);
-    };
-    this._hasDelayClass = function () {
-      let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.delay;
-      return delay != null && delays.includes(delay);
-    };
-    this._hasLoopClass = function () {
-      let loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.loop;
-      return loop != null && loops.includes(loop);
-    };
+    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._hasSpeedClass = (speed = this.props.speed) => speed != null && speeds.includes(speed);
+    this._hasTypeClass = (type = this.props.type) => type != null && types.includes(type);
+    this._hasDelayClass = (delay = this.props.delay) => delay != null && delays.includes(delay);
+    this._hasLoopClass = (loop = this.props.loop) => loop != null && loops.includes(loop);
   }
   render() {
     let {

package/lib/es/src/StyledTransition.js

@@ -11,8 +11,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 = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.onRest = props => {

package/lib/es/src/Transition.js

@@ -11,8 +11,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 = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.forwardInstance = instance => {

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

@@ -1,5 +1,4 @@
-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) {
     fns.forEach(fn => {
       if (typeof fn === 'function') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-animation-react",
-    "version": "2.86.0",
+    "version": "2.87.0-alpha.1",
     "description": "motion library for semi-ui-react",
     "keywords": [
         "motion",
@@ -25,8 +25,8 @@
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.86.0",
-        "@douyinfe/semi-animation-styled": "2.86.0",
+        "@douyinfe/semi-animation": "2.87.0-alpha.1",
+        "@douyinfe/semi-animation-styled": "2.87.0-alpha.1",
         "classnames": "^2.2.6"
     },
     "devDependencies": {
@@ -42,5 +42,5 @@
         "prop-types": "^15.7.2",
         "react-storybook-addon-props-combinations": "^1.1.0"
     },
-    "gitHead": "772a43ea321ffc267e322f9c14d1b65eec9ea834"
+    "gitHead": "a79f41ec82da286cf7fee91938342ad1a750d42a"
 }