@douyinfe/semi-animation-react 2.87.0-alpha.8 → 2.87.0

package/lib/cjs/src/Animation.js

@@ -12,7 +12,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 /* eslint-disable @typescript-eslint/ban-types */
 
 class Animation extends _react.PureComponent {
-  constructor(props = {}) {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     this.initAnimation = props => {
       props = props == null ? this.props : props;
@@ -121,7 +122,8 @@ class Animation extends _react.PureComponent {
       this.animation = null;
     }
   }
-  componentDidUpdate(prevProps = {}) {
+  componentDidUpdate() {
+    let prevProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (this.props.reset) {
       if (this.props.from !== prevProps.from || this.props.to !== prevProps.to) {
         this.destroy();

package/lib/cjs/src/KeyFrames.js

@@ -9,14 +9,19 @@ 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 _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 _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; }
 class KeyFrames extends _react.Component {
-  constructor(props = {}) {
+  constructor() {
+    var _this;
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
-    this.onFrame = (props = {}) => {
+    _this = this;
+    this.onFrame = function () {
+      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       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,17 +13,50 @@ 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(props = {}) {
+  constructor() {
+    var _this;
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
-    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);
+    _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);
+    };
   }
   render() {
     let {

package/lib/cjs/src/StyledTransition.js

@@ -9,7 +9,8 @@ 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 _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 _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; }
 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];
@@ -19,7 +20,8 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 class StyledTransition extends _react.Component {
-  constructor(props = {}) {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.onRest = props => {

package/lib/cjs/src/Transition.js

@@ -8,7 +8,8 @@ var _Animation = _interopRequireDefault(require("./Animation"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
-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 _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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -19,7 +20,8 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 class Transition extends _react.Component {
-  constructor(props = {}) {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
     this.forwardInstance = instance => {

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

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

package/lib/es/src/Animation.js

@@ -4,7 +4,8 @@ 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(props = {}) {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     this.initAnimation = props => {
       props = props == null ? this.props : props;
@@ -113,7 +114,8 @@ export default class Animation extends PureComponent {
       this.animation = null;
     }
   }
-  componentDidUpdate(prevProps = {}) {
+  componentDidUpdate() {
+    let prevProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (this.props.reset) {
       if (this.props.from !== prevProps.from || this.props.to !== prevProps.to) {
         this.destroy();

package/lib/es/src/KeyFrames.js

@@ -3,12 +3,16 @@ import PropTypes from 'prop-types';
 import noop from './utils/noop';
 import Animation from './Animation';
 export default class KeyFrames extends Component {
-  constructor(props = {}) {
+  constructor() {
+    var _this;
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
-    this.onFrame = (props = {}) => {
+    _this = this;
+    this.onFrame = function () {
+      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       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,17 +6,50 @@ 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(props = {}) {
+  constructor() {
+    var _this;
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
-    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);
+    _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);
+    };
   }
   render() {
     let {

package/lib/es/src/StyledTransition.js

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

package/lib/es/src/Transition.js

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

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

@@ -1,4 +1,5 @@
-export default function invokeFns(fns, args = []) {
+export default function invokeFns(fns) {
+  let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   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.87.0-alpha.8",
+    "version": "2.87.0",
     "description": "motion library for semi-ui-react",
     "keywords": [
         "motion",
@@ -25,8 +25,8 @@
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.87.0-alpha.8",
-        "@douyinfe/semi-animation-styled": "2.87.0-alpha.8",
+        "@douyinfe/semi-animation": "2.87.0",
+        "@douyinfe/semi-animation-styled": "2.87.0",
         "classnames": "^2.2.6"
     },
     "devDependencies": {
@@ -42,5 +42,5 @@
         "prop-types": "^15.7.2",
         "react-storybook-addon-props-combinations": "^1.1.0"
     },
-    "gitHead": "9dfcaabfcb1a0653d2f00c5ee7a8ebdfc3d3703d"
+    "gitHead": "dd073a7b075e52525e21c4ac40f4de0189b6dbe8"
 }