@douyinfe/semi-animation-react 2.19.0-beta.0 → 2.19.0

package/lib/cjs/index.js

@@ -1,56 +1,45 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-_Object$defineProperty(exports, "Animation", {
+Object.defineProperty(exports, "Animation", {
   enumerable: true,
   get: function () {
     return _Animation.default;
   }
 });
-
-_Object$defineProperty(exports, "KeyFrames", {
+Object.defineProperty(exports, "KeyFrames", {
   enumerable: true,
   get: function () {
     return _KeyFrames.default;
   }
 });
-
-_Object$defineProperty(exports, "StyledAnimation", {
+Object.defineProperty(exports, "StyledAnimation", {
   enumerable: true,
   get: function () {
     return _StyledAnimation.default;
   }
 });
-
-_Object$defineProperty(exports, "StyledTransition", {
+Object.defineProperty(exports, "StyledTransition", {
   enumerable: true,
   get: function () {
     return _StyledTransition.default;
   }
 });
-
-_Object$defineProperty(exports, "Transition", {
+Object.defineProperty(exports, "Transition", {
   enumerable: true,
   get: function () {
     return _Transition.default;
   }
 });
-
-_Object$defineProperty(exports, "interpolate", {
+Object.defineProperty(exports, "interpolate", {
   enumerable: true,
   get: function () {
     return _semiAnimation.interpolate;
   }
 });
-
-_Object$defineProperty(exports, "presets", {
+Object.defineProperty(exports, "presets", {
   enumerable: true,
   get: function () {
     return _semiAnimation.presets;
@@ -67,4 +56,6 @@ var _KeyFrames = _interopRequireDefault(require("./src/KeyFrames"));
 
 var _Transition = _interopRequireDefault(require("./src/Transition"));
 
-var _semiAnimation = require("@douyinfe/semi-animation");
+var _semiAnimation = require("@douyinfe/semi-animation");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/cjs/src/Animation.js

@@ -1,23 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
-var _reverse = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reverse"));
-
 var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -26,6 +13,8 @@ var _semiAnimation = require("@douyinfe/semi-animation");
 
 var _noop = _interopRequireDefault(require("./utils/noop"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* eslint-disable @typescript-eslint/ban-types */
 
 /* eslint-disable react/destructuring-assignment */
@@ -50,22 +39,24 @@ class Animation extends _react.PureComponent {
       }
 
       this.animation = new _semiAnimation.Animation({
-        from: (0, _assign.default)({}, from),
-        to: (0, _assign.default)({}, to)
-      }, (0, _assign.default)({}, config));
-      (0, _forEach.default)(_semiAnimation.events).call(_semiAnimation.events, event => {
-        const propName = "on".concat(event[0].toUpperCase() + (0, _slice.default)(event).call(event, 1)); // eslint-disable-next-line @typescript-eslint/no-shadow
+        from: Object.assign({}, from),
+        to: Object.assign({}, to)
+      }, Object.assign({}, config));
+
+      _semiAnimation.events.forEach(event => {
+        const propName = "on".concat(event[0].toUpperCase() + event.slice(1)); // eslint-disable-next-line @typescript-eslint/no-shadow
 
         this.animation.on(event, props => {
           // avoid memory leak
           if (this._mounted && !this._destroyed) {
             this.setState({
-              currentStyle: (0, _assign.default)({}, props)
+              currentStyle: Object.assign({}, props)
             });
             this.props[propName](props);
           }
         });
       });
+
       this._destroyed = false;
     };
 
@@ -112,9 +103,7 @@ class Animation extends _react.PureComponent {
 
       this.reverse = () => {
         if (this.animation) {
-          var _context;
-
-          (0, _reverse.default)(_context = this.animation).call(_context);
+          this.animation.reverse();
           this.startOrNot();
         }
       };
@@ -179,7 +168,7 @@ class Animation extends _react.PureComponent {
 
     if (this.props.force) {
       if (this.props.to !== prevProps.to) {
-        this.initAnimation((0, _assign.default)((0, _assign.default)({}, this.props), {
+        this.initAnimation(Object.assign(Object.assign({}, this.props), {
           from: prevProps.to
         }));
         this.startOrNot();

package/lib/cjs/src/KeyFrames.js

@@ -1,21 +1,10 @@
 "use strict";
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -24,9 +13,11 @@ var _noop = _interopRequireDefault(require("./utils/noop"));
 
 var _Animation = _interopRequireDefault(require("./Animation"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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; }
 
 /* eslint-disable react/destructuring-assignment */
 class KeyFrames extends _react.Component {
@@ -39,7 +30,7 @@ class KeyFrames extends _react.Component {
 
     this.onFrame = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const currentStyle = (0, _assign.default)({}, props);
+      const currentStyle = Object.assign({}, props);
 
       _this.props.onFrame(currentStyle);
 
@@ -108,7 +99,7 @@ class KeyFrames extends _react.Component {
     } = this.state;
     const from = frames[frameIndex];
     const to = frames[frameIndex + 1];
-    return /*#__PURE__*/_react.default.createElement(_Animation.default, (0, _assign.default)({}, this.props, {
+    return /*#__PURE__*/_react.default.createElement(_Animation.default, Object.assign({}, this.props, {
       forwardInstance: this.forwardInstance,
       from: from,
       to: to,

package/lib/cjs/src/StyledAnimation.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -34,9 +17,18 @@ var _noop = _interopRequireDefault(require("./utils/noop"));
 
 var _invokeFns = _interopRequireDefault(require("./utils/invokeFns"));
 
-var _context;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable react/destructuring-assignment */
+
+/* eslint-disable prefer-const */
 
-const types = (0, _reduce.default)(_context = (0, _values.default)(_semiAnimationStyled.types)).call(_context, (arr, cur) => [...arr, ...cur], []);
+/* eslint-disable eqeqeq */
+
+/* eslint-disable import/no-duplicates */
+
+/* eslint-disable no-duplicate-imports */
+const types = Object.values(_semiAnimationStyled.types).reduce((arr, cur) => [...arr, ...cur], []);
 
 class StyledAnimation extends _react.PureComponent {
   constructor() {
@@ -75,28 +67,26 @@ class StyledAnimation extends _react.PureComponent {
 
     this._hasSpeedClass = function () {
       let speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.speed;
-      return speed != null && (0, _includes.default)(_semiAnimationStyled.speeds).call(_semiAnimationStyled.speeds, 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 && (0, _includes.default)(types).call(types, 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 && (0, _includes.default)(_semiAnimationStyled.delays).call(_semiAnimationStyled.delays, 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 && (0, _includes.default)(_semiAnimationStyled.loops).call(_semiAnimationStyled.loops, loop);
+      return loop != null && _semiAnimationStyled.loops.includes(loop);
     };
   }
 
   render() {
-    var _context2, _context3, _context4, _context5;
-
     let {
       type,
       speed,
@@ -120,10 +110,10 @@ class StyledAnimation extends _react.PureComponent {
     const hasLoopClass = this._hasLoopClass();
 
     const animateCls = className || (0, _classnames.default)("".concat(prefixCls, "-animated"), {
-      [(0, _concat.default)(_context2 = "".concat(prefixCls, "-")).call(_context2, type)]: Boolean(type),
-      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-speed-")).call(_context3, speed)]: hasSpeedClass,
-      [(0, _concat.default)(_context4 = "".concat(prefixCls, "-delay-")).call(_context4, delay)]: hasDelayClass,
-      [(0, _concat.default)(_context5 = "".concat(prefixCls, "-loop-")).call(_context5, loop)]: hasLoopClass
+      ["".concat(prefixCls, "-").concat(type)]: Boolean(type),
+      ["".concat(prefixCls, "-speed-").concat(speed)]: hasSpeedClass,
+      ["".concat(prefixCls, "-delay-").concat(delay)]: hasDelayClass,
+      ["".concat(prefixCls, "-loop-").concat(loop)]: hasLoopClass
     });
     const animateStyle = {
       animationTimingFunction: timing,
@@ -136,12 +126,12 @@ class StyledAnimation extends _react.PureComponent {
     };
 
     if ( /*#__PURE__*/(0, _react.isValidElement)(children)) {
-      children = (0, _map.default)(_react.Children).call(_react.Children, children, child => {
+      children = _react.Children.map(children, child => {
         const animateEvents = this._generateAnimateEvents(child, this.props);
 
-        return /*#__PURE__*/(0, _react.cloneElement)(child, (0, _assign.default)({
+        return /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({
           className: (0, _classnames.default)(child.props.className, animateCls),
-          style: (0, _assign.default)((0, _assign.default)({}, child.props.style), this.props.style)
+          style: Object.assign(Object.assign({}, child.props.style), this.props.style)
         }, animateEvents));
       });
     }

package/lib/cjs/src/StyledTransition.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -30,17 +13,19 @@ var _StyledAnimation = _interopRequireDefault(require("./StyledAnimation"));
 
 var _noop = _interopRequireDefault(require("./utils/noop"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -52,11 +37,7 @@ class StyledTransition extends _react.Component {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
 
-    this._isControlled = () => {
-      var _context;
-
-      return (0, _includes.default)(_context = [true, false, 'enter', 'leave']).call(_context, this.props.state);
-    };
+    this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
 
     this.onRest = props => {
       const {
@@ -159,7 +140,7 @@ class StyledTransition extends _react.Component {
       }
     }
 
-    return /*#__PURE__*/_react.default.createElement(_StyledAnimation.default, (0, _assign.default)({}, restProps, {
+    return /*#__PURE__*/_react.default.createElement(_StyledAnimation.default, Object.assign({}, restProps, {
       type: type,
       onStart: this.onStart,
       onRest: this.onRest

package/lib/cjs/src/Transition.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _Animation = _interopRequireDefault(require("./Animation"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -30,17 +13,19 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _noop = _interopRequireDefault(require("./utils/noop"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -52,11 +37,7 @@ class Transition extends _react.Component {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
 
-    this._isControlled = () => {
-      var _context;
-
-      return (0, _includes.default)(_context = [true, false, 'enter', 'leave']).call(_context, this.props.state);
-    };
+    this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
 
     this.forwardInstance = instance => {
       this.instance = instance;
@@ -174,7 +155,7 @@ class Transition extends _react.Component {
       }
     }
 
-    return /*#__PURE__*/_react.default.createElement(_Animation.default, (0, _assign.default)({}, restProps, {
+    return /*#__PURE__*/_react.default.createElement(_Animation.default, Object.assign({}, restProps, {
       force: true,
       from: from,
       to: to,

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

@@ -1,24 +1,15 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = invokeFns;
 
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
 function invokeFns(fns) {
   let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
-  if ((0, _isArray.default)(fns) && fns.length) {
-    (0, _forEach.default)(fns).call(fns, fn => {
+  if (Array.isArray(fns) && fns.length) {
+    fns.forEach(fn => {
       if (typeof fn === 'function') {
         fn(...args);
       }

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

@@ -1,11 +1,8 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = noop;
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function

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

@@ -1,26 +1,17 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.lowerCase = lowerCase;
 exports.upperCase = upperCase;
 
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
 /* eslint-disable eqeqeq */
 function upperCase(str, pos) {
   if (typeof str === 'string') {
-    var _context;
-
-    return (0, _reduce.default)(_context = str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    .split()).call(_context, (total, cur, index) => pos == null || pos === index ? total + cur.toUpperCase() : total + cur, '');
+    .split().reduce((total, cur, index) => pos == null || pos === index ? total + cur.toUpperCase() : total + cur, '');
   }
 
   return str;
@@ -28,11 +19,9 @@ function upperCase(str, pos) {
 
 function lowerCase(str, pos) {
   if (typeof str === 'string') {
-    var _context2;
-
-    return (0, _reduce.default)(_context2 = str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    .split()).call(_context2, (total, cur, index) => pos == null || pos === index ? total + cur.toLowerCase() : total + cur, '');
+    .split().reduce((total, cur, index) => pos == null || pos === index ? total + cur.toLowerCase() : total + cur, '');
   }
 
   return str;

package/lib/es/src/Animation.js

@@ -1,8 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reverse";
-
 /* eslint-disable @typescript-eslint/ban-types */
 
 /* eslint-disable react/destructuring-assignment */
@@ -31,24 +26,22 @@ export default class Animation extends PureComponent {
       }
 
       this.animation = new SemiAnimation({
-        from: _Object$assign({}, from),
-        to: _Object$assign({}, to)
-      }, _Object$assign({}, config));
-
-      _forEachInstanceProperty(events).call(events, event => {
-        const propName = "on".concat(event[0].toUpperCase() + _sliceInstanceProperty(event).call(event, 1)); // eslint-disable-next-line @typescript-eslint/no-shadow
+        from: Object.assign({}, from),
+        to: Object.assign({}, to)
+      }, Object.assign({}, config));
+      events.forEach(event => {
+        const propName = "on".concat(event[0].toUpperCase() + event.slice(1)); // eslint-disable-next-line @typescript-eslint/no-shadow
 
         this.animation.on(event, props => {
           // avoid memory leak
           if (this._mounted && !this._destroyed) {
             this.setState({
-              currentStyle: _Object$assign({}, props)
+              currentStyle: Object.assign({}, props)
             });
             this.props[propName](props);
           }
         });
       });
-
       this._destroyed = false;
     };
 
@@ -95,10 +88,7 @@ export default class Animation extends PureComponent {
 
       this.reverse = () => {
         if (this.animation) {
-          var _context;
-
-          _reverseInstanceProperty(_context = this.animation).call(_context);
-
+          this.animation.reverse();
           this.startOrNot();
         }
       };
@@ -163,7 +153,7 @@ export default class Animation extends PureComponent {
 
     if (this.props.force) {
       if (this.props.to !== prevProps.to) {
-        this.initAnimation(_Object$assign(_Object$assign({}, this.props), {
+        this.initAnimation(Object.assign(Object.assign({}, this.props), {
           from: prevProps.to
         }));
         this.startOrNot();

package/lib/es/src/KeyFrames.js

@@ -1,5 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 /* eslint-disable react/destructuring-assignment */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,8 +13,7 @@ export default class KeyFrames extends Component {
 
     this.onFrame = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      const currentStyle = _Object$assign({}, props);
+      const currentStyle = Object.assign({}, props);
 
       _this.props.onFrame(currentStyle);
 
@@ -85,7 +82,7 @@ export default class KeyFrames extends Component {
     } = this.state;
     const from = frames[frameIndex];
     const to = frames[frameIndex + 1];
-    return /*#__PURE__*/React.createElement(Animation, _Object$assign({}, this.props, {
+    return /*#__PURE__*/React.createElement(Animation, Object.assign({}, this.props, {
       forwardInstance: this.forwardInstance,
       from: from,
       to: to,

package/lib/es/src/StyledAnimation.js

@@ -1,12 +1,3 @@
-var _context;
-
-import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 /* eslint-disable react/destructuring-assignment */
 
 /* eslint-disable prefer-const */
@@ -22,9 +13,7 @@ import classnames from 'classnames';
 import { types as styledTypes, loops, delays, speeds } from '@douyinfe/semi-animation-styled';
 import noop from './utils/noop';
 import invokeFns from './utils/invokeFns';
-
-const types = _reduceInstanceProperty(_context = _Object$values(styledTypes)).call(_context, (arr, cur) => [...arr, ...cur], []);
-
+const types = Object.values(styledTypes).reduce((arr, cur) => [...arr, ...cur], []);
 export default class StyledAnimation extends PureComponent {
   constructor() {
     var _this;
@@ -62,28 +51,26 @@ export default class StyledAnimation extends PureComponent {
 
     this._hasSpeedClass = function () {
       let speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.speed;
-      return speed != null && _includesInstanceProperty(speeds).call(speeds, 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 && _includesInstanceProperty(types).call(types, 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 && _includesInstanceProperty(delays).call(delays, 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 && _includesInstanceProperty(loops).call(loops, loop);
+      return loop != null && loops.includes(loop);
     };
   }
 
   render() {
-    var _context2, _context3, _context4, _context5;
-
     let {
       type,
       speed,
@@ -107,10 +94,10 @@ export default class StyledAnimation extends PureComponent {
     const hasLoopClass = this._hasLoopClass();
 
     const animateCls = className || classnames("".concat(prefixCls, "-animated"), {
-      [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, type)]: Boolean(type),
-      [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-speed-")).call(_context3, speed)]: hasSpeedClass,
-      [_concatInstanceProperty(_context4 = "".concat(prefixCls, "-delay-")).call(_context4, delay)]: hasDelayClass,
-      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-loop-")).call(_context5, loop)]: hasLoopClass
+      ["".concat(prefixCls, "-").concat(type)]: Boolean(type),
+      ["".concat(prefixCls, "-speed-").concat(speed)]: hasSpeedClass,
+      ["".concat(prefixCls, "-delay-").concat(delay)]: hasDelayClass,
+      ["".concat(prefixCls, "-loop-").concat(loop)]: hasLoopClass
     });
     const animateStyle = {
       animationTimingFunction: timing,
@@ -123,12 +110,12 @@ export default class StyledAnimation extends PureComponent {
     };
 
     if ( /*#__PURE__*/isValidElement(children)) {
-      children = _mapInstanceProperty(Children).call(Children, children, child => {
+      children = Children.map(children, child => {
         const animateEvents = this._generateAnimateEvents(child, this.props);
 
-        return /*#__PURE__*/cloneElement(child, _Object$assign({
+        return /*#__PURE__*/cloneElement(child, Object.assign({
           className: classnames(child.props.className, animateCls),
-          style: _Object$assign(_Object$assign({}, child.props.style), this.props.style)
+          style: Object.assign(Object.assign({}, child.props.style), this.props.style)
         }, animateEvents));
       });
     }

package/lib/es/src/StyledTransition.js

@@ -1,15 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -25,11 +20,7 @@ export default class StyledTransition extends Component {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
 
-    this._isControlled = () => {
-      var _context;
-
-      return _includesInstanceProperty(_context = [true, false, 'enter', 'leave']).call(_context, this.props.state);
-    };
+    this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
 
     this.onRest = props => {
       const {
@@ -132,7 +123,7 @@ export default class StyledTransition extends Component {
       }
     }
 
-    return /*#__PURE__*/React.createElement(StyledAnimation, _Object$assign({}, restProps, {
+    return /*#__PURE__*/React.createElement(StyledAnimation, Object.assign({}, restProps, {
       type: type,
       onStart: this.onStart,
       onRest: this.onRest

package/lib/es/src/Transition.js

@@ -1,15 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -25,11 +20,7 @@ export default class Transition extends Component {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
 
-    this._isControlled = () => {
-      var _context;
-
-      return _includesInstanceProperty(_context = [true, false, 'enter', 'leave']).call(_context, this.props.state);
-    };
+    this._isControlled = () => [true, false, 'enter', 'leave'].includes(this.props.state);
 
     this.forwardInstance = instance => {
       this.instance = instance;
@@ -147,7 +138,7 @@ export default class Transition extends Component {
       }
     }
 
-    return /*#__PURE__*/React.createElement(Animation, _Object$assign({}, restProps, {
+    return /*#__PURE__*/React.createElement(Animation, Object.assign({}, restProps, {
       force: true,
       from: from,
       to: to,

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

@@ -1,10 +1,8 @@
-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] : [];
 
-  if (_Array$isArray(fns) && fns.length) {
-    _forEachInstanceProperty(fns).call(fns, fn => {
+  if (Array.isArray(fns) && fns.length) {
+    fns.forEach(fn => {
       if (typeof fn === 'function') {
         fn(...args);
       }

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

@@ -1,24 +1,18 @@
-import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
-
 /* eslint-disable eqeqeq */
 export function upperCase(str, pos) {
   if (typeof str === 'string') {
-    var _context;
-
-    return _reduceInstanceProperty(_context = str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    .split()).call(_context, (total, cur, index) => pos == null || pos === index ? total + cur.toUpperCase() : total + cur, '');
+    .split().reduce((total, cur, index) => pos == null || pos === index ? total + cur.toUpperCase() : total + cur, '');
   }
 
   return str;
 }
 export function lowerCase(str, pos) {
   if (typeof str === 'string') {
-    var _context2;
-
-    return _reduceInstanceProperty(_context2 = str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    .split()).call(_context2, (total, cur, index) => pos == null || pos === index ? total + cur.toLowerCase() : total + cur, '');
+    .split().reduce((total, cur, index) => pos == null || pos === index ? total + cur.toLowerCase() : total + cur, '');
   }
 
   return str;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-animation-react",
-  "version": "2.19.0-beta.0",
+  "version": "2.19.0",
   "description": "motion library for semi-ui-react",
   "keywords": [
     "motion",
@@ -25,14 +25,11 @@
     "prepublishOnly": "npm run build:lib"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.15.4",
     "@douyinfe/semi-animation": "2.12.0",
-    "@douyinfe/semi-animation-styled": "2.19.0-beta.0",
+    "@douyinfe/semi-animation-styled": "2.19.0",
     "classnames": "^2.2.6"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-decorators": "^7.15.8",
-    "@babel/plugin-transform-runtime": "^7.15.8",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
     "@storybook/addon-knobs": "^6.3.1",
@@ -46,5 +43,5 @@
     "prop-types": "15.7.2",
     "react-storybook-addon-props-combinations": "^1.1.0"
   },
-  "gitHead": "6c28751a18df0a8a8dee52203a0b492af667edab"
+  "gitHead": "c0ef56c31a5c13adb050fbdb611e51da881f0cb8"
 }