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

package/lib/es/src/StyledTransition.js

@@ -1,16 +1,12 @@
 var __rest = this && this.__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];
-
   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;
 };
 /* eslint-disable eqeqeq */
-
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import StyledAnimation from './StyledAnimation';
@@ -19,14 +15,11 @@ export default class StyledTransition extends Component {
   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 => {
       const {
         state
       } = this.state;
-
       if (state === 'enter') {
         this.props.didEnter(props);
       } else if (state === 'leave') {
@@ -36,100 +29,80 @@ export default class StyledTransition extends Component {
         });
         this.props.didLeave(props);
       }
-
       this.props.onRest(props);
     };
-
     this.onStart = props => {
       const {
         state
       } = this.state;
-
       if (state === 'enter') {
         this.props.willEnter(props);
       } else if (state === 'leave') {
         this.props.willLeave(props);
       }
-
       this.props.onStart(props);
     };
-
     this.state = {
       state: '',
       lastChildren: null,
       currentChildren: null
     };
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
     if (props.children !== state.currentChildren) {
       willUpdateStates.lastChildren = state.currentChildren;
       willUpdateStates.currentChildren = props.children;
-
       if (props.children == null) {
         willUpdateStates.state = 'leave';
       } else {
         willUpdateStates.state = 'enter';
       }
     }
-
     if (props.state != null && props.state !== state.state) {
       willUpdateStates.state = props.state;
     }
-
     return willUpdateStates;
   }
-
   render() {
     const _a = this.props,
-          {
-      enter,
-      leave
-    } = _a,
-          restProps = __rest(_a, ["enter", "leave"]);
-
+      {
+        enter,
+        leave
+      } = _a,
+      restProps = __rest(_a, ["enter", "leave"]);
     const {
       currentChildren,
       lastChildren
     } = this.state;
-
     const isControlled = this._isControlled();
-
     let children, type;
     let {
       state
     } = this.state;
-
     if (isControlled) {
       children = this.props.children;
       state = this.props.state;
     } else if (currentChildren == null && lastChildren == null) {
       return null;
     }
-
     if (state === 'enter') {
       type = enter;
-
       if (!isControlled) {
         children = currentChildren;
       }
     } else if (state === 'leave') {
       type = leave;
-
       if (!isControlled) {
         children = lastChildren;
       }
     }
-
     return /*#__PURE__*/React.createElement(StyledAnimation, Object.assign({}, restProps, {
       type: type,
       onStart: this.onStart,
       onRest: this.onRest
     }), children);
   }
-
 }
 StyledTransition.propTypes = {
   state: PropTypes.string,

package/lib/es/src/Transition.js

@@ -1,16 +1,12 @@
 var __rest = this && this.__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];
-
   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;
 };
 /* eslint-disable eqeqeq */
-
-
 import Animation from './Animation';
 import PropTypes from 'prop-types';
 import React, { Component, isValidElement } from 'react';
@@ -19,18 +15,14 @@ export default class Transition extends Component {
   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 => {
       this.instance = instance;
     };
-
     this.onRest = props => {
       const {
         state
       } = this.state;
-
       if (state === 'enter') {
         this.props.didEnter(props);
       } else if (state === 'leave') {
@@ -40,71 +32,59 @@ export default class Transition extends Component {
         });
         this.props.didLeave(props);
       }
-
       this.props.onRest(props);
     };
-
     this.onStart = props => {
       const {
         state
       } = this.state;
-
       if (state === 'enter') {
         this.props.willEnter(props);
       } else if (state === 'leave') {
         this.props.willLeave(props);
       }
-
       this.props.onStart(props);
     };
-
     this.state = {
       state: '',
       lastChildren: null,
       currentChildren: null
     };
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
-    if (props.children !== state.currentChildren // && (props.children == null || state.currentChildren == null)
+    if (props.children !== state.currentChildren
+    // && (props.children == null || state.currentChildren == null)
     ) {
       willUpdateStates.lastChildren = state.currentChildren;
       willUpdateStates.currentChildren = props.children;
-
       if (props.children == null) {
         willUpdateStates.state = 'leave';
       } else {
         willUpdateStates.state = 'enter';
       }
     }
-
     if (props.state != null) {
       willUpdateStates.state = props.state;
     }
-
     return willUpdateStates;
   }
-
   componentWillUnmount() {
     if (this.instance) {
       this.instance.destroy();
       this.instance = null;
     }
   }
-
   render() {
     const _a = this.props,
-          {
-      from: propsFrom,
-      enter,
-      leave
-    } = _a,
-          restProps = __rest(_a, ["from", "enter", "leave"]);
-
-    let children; // eslint-disable-next-line prefer-const
-
+      {
+        from: propsFrom,
+        enter,
+        leave
+      } = _a,
+      restProps = __rest(_a, ["from", "enter", "leave"]);
+    let children;
+    // eslint-disable-next-line prefer-const
     let {
       currentChildren,
       lastChildren,
@@ -112,42 +92,36 @@ export default class Transition extends Component {
     } = this.state;
     let from = {};
     let to = {};
-
     const isControlled = this._isControlled();
-
     if (isControlled) {
       children = this.props.children;
       state = this.props.state;
     } else if (currentChildren == null && lastChildren == null) {
       return null;
     }
-
     if (state === 'enter') {
       from = propsFrom;
       to = enter;
-
       if (!isControlled) {
         children = currentChildren;
       }
     } else if (state === 'leave') {
       from = enter;
       to = leave;
-
       if (!isControlled) {
         children = lastChildren;
       }
     }
-
     return /*#__PURE__*/React.createElement(Animation, Object.assign({}, restProps, {
       force: true,
       from: from,
       to: to,
       onRest: this.onRest,
       onStart: this.onStart
-    }), props => // eslint-disable-next-line no-nested-ternary
+    }), props =>
+    // eslint-disable-next-line no-nested-ternary
     typeof children === 'function' ? children(props) : /*#__PURE__*/isValidElement(children) ? children : null);
   }
-
 }
 Transition.propTypes = {
   children: PropTypes.any,

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

@@ -1,6 +1,5 @@
 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/lib/es/src/utils/string.js

@@ -1,19 +1,19 @@
 /* eslint-disable eqeqeq */
 export function upperCase(str, pos) {
   if (typeof str === 'string') {
-    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     .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') {
-    return str // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    return str
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     .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.36.0-beta.0",
+    "version": "2.36.0",
     "description": "motion library for semi-ui-react",
     "keywords": [
         "motion",
@@ -43,5 +43,5 @@
         "prop-types": "^15.7.2",
         "react-storybook-addon-props-combinations": "^1.1.0"
     },
-    "gitHead": "e973ed0dc3b8cd37e9c737f1548e386d814f787b"
+    "gitHead": "597a4a6279411ed623d2072f1bcde3f2f3983985"
 }