@douyinfe/semi-animation-react 2.60.0 → 2.61.0-alpha.1

package/lib/cjs/index.js

@@ -51,4 +51,4 @@ var _Animation = _interopRequireDefault(require("./src/Animation"));
 var _KeyFrames = _interopRequireDefault(require("./src/KeyFrames"));
 var _Transition = _interopRequireDefault(require("./src/Transition"));
 var _semiAnimation = require("@douyinfe/semi-animation");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/cjs/src/Animation.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _semiAnimation = require("@douyinfe/semi-animation");
 var _noop = _interopRequireDefault(require("./utils/noop"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable @typescript-eslint/ban-types */
 
 class Animation extends _react.PureComponent {

package/lib/cjs/src/KeyFrames.d.ts

@@ -36,5 +36,5 @@ export default class KeyFrames extends Component<KeyFramesProps, KeyFramesStates
     forwardInstance: (instance: any) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/cjs/src/KeyFrames.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
 var _Animation = _interopRequireDefault(require("./Animation"));
-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 _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; }
 class KeyFrames extends _react.Component {
   constructor() {
     var _this;

package/lib/cjs/src/StyledAnimation.js

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _semiAnimationStyled = require("@douyinfe/semi-animation-styled");
 var _noop = _interopRequireDefault(require("./utils/noop"));
 var _invokeFns = _interopRequireDefault(require("./utils/invokeFns"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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() {

package/lib/cjs/src/StyledTransition.d.ts

@@ -50,5 +50,5 @@ export default class StyledTransition extends Component<StyledTransitionProps, S
     _isControlled: () => boolean;
     onRest: (props: any) => void;
     onStart: (props: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/cjs/src/StyledTransition.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _StyledAnimation = _interopRequireDefault(require("./StyledAnimation"));
 var _noop = _interopRequireDefault(require("./utils/noop"));
-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 _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; }
 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];

package/lib/cjs/src/Transition.d.ts

@@ -48,5 +48,5 @@ export default class Transition extends Component<TransitionProps, TransitionSta
     forwardInstance: (instance: any) => void;
     onRest: (props: any) => void;
     onStart: (props: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/cjs/src/Transition.js

@@ -8,9 +8,9 @@ var _Animation = _interopRequireDefault(require("./Animation"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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 _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 }; }
+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 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

package/lib/es/src/KeyFrames.d.ts

@@ -36,5 +36,5 @@ export default class KeyFrames extends Component<KeyFramesProps, KeyFramesStates
     forwardInstance: (instance: any) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/es/src/StyledTransition.d.ts

@@ -50,5 +50,5 @@ export default class StyledTransition extends Component<StyledTransitionProps, S
     _isControlled: () => boolean;
     onRest: (props: any) => void;
     onStart: (props: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/es/src/Transition.d.ts

@@ -48,5 +48,5 @@ export default class Transition extends Component<TransitionProps, TransitionSta
     forwardInstance: (instance: any) => void;
     onRest: (props: any) => void;
     onStart: (props: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-animation-react",
-    "version": "2.60.0",
+    "version": "2.61.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.60.0",
-        "@douyinfe/semi-animation-styled": "2.60.0",
+        "@douyinfe/semi-animation": "2.61.0-alpha.1",
+        "@douyinfe/semi-animation-styled": "2.61.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": "4002a3053726ca7c3d5175cad3cd7bc36cf0daf1"
+    "gitHead": "ba06de12d059c24363f1ef151dbf4076ea3969a5"
 }

package/README.md

@@ -1,70 +0,0 @@
-> React animation library based on `@douyinfe/semi-animation`.
-
-The transition animation effects of all components in `@douyinfe/semi-ui` are implemented based on this animation library, such as: Modal, Tooltip, Collapse and other component content display and exit effects.
-
-## Install
-
-```sh
-npm install @douyinfe/semi-animation-react
-```
-
-## Usage
-
-### Transition Component
-
-It is used to realize the animation effect of the component [show and exit]. Examples are as follows:
-
-```jsx
-import { Transition } from "@douyinfe/semi-animation-react";
-import { useState } from "react";
-
-export default function App() {
-  const [visible, setVisible] = useState(false);
-  return (
-    <div className="App">
-      <Transition
-        state={visible ? "enter" : "leave"}
-        from={{ opacity: 0, scale: 0}}
-        enter={{ opacity: 1, scale: 1 }}
-        leave={{ opacity: 0, scale: 0 }}
-      >
-        {({ scale, opacity }: any) => (
-          <h2 style={{transform: `scale(${scale})`, opacity}}>
-            Toggle to see some animation happen!
-          </h2>
-        )}
-      </Transition>
-
-      <button onClick={() => {
-        setVisible((state) => !state)
-      }}>toggle</button>
-    </div>
-  );
-}
-```
-
-### Props
-
-|Name|Type|Required|Default|Description|
-|--|--|--|--|--|
-|from|Object|Y||Initial state|
-|enter|Object|Y||Show the end state of the animation, but also the initial state of the exit animation|
-|leave|Object|Y||Exit the termination state of the animation|
-|state|Enum 'enter', 'leave'|N|''|Current state|
-|willEnter|Function|N|()=> {}|The callback function before the enter animation starts|
-|didEnter|Function|N|()=> {}|The callback function before the animation ends|
-|willLeave|Function|N|()=> {}|The callback function before the exit animation starts |
-|didLeave|Function|N|()=> {}|The callback function before the exit animation ends|
-|onStart|Function|N|()=> {}|The callback function before animation starts,including enter and exit|
-|onRest|Function|N|()=> {}|The callback function before animation ends,including enter and exit|
-|config|ConfigType|N|{}|Additional animation parameters|
-
-### config
-
-|Name|Type|Default|Description|
-|--|--|--|--|
-|duration|Number|1000|Animation duration.If this parameter is passed in, the easing function of the animation will use easing or linear function,unit: ms|
-| easing   | Function\|String   |        | Easing function for animation. If duration is not passed, the spring easing function is used by default. If the duration parameter is passed in, the linear easing function will be used by default.For example, incoming `"cubic-bezier(.17,.67,.83,.67)"` will cause the animation frame update performed according to this easing function |
-| tension  | Number             | 170    | Tension, used for spring easing function  |
-| friction | Number             | 14     | Friction, used for spring easing function  |
-