@douyinfe/semi-animation-react 2.8.0-beta.1 → 2.8.2

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

@@ -8,7 +8,7 @@ export interface AnimationProps {
     onResume?: Function;
     onStop?: Function;
     onRest?: Function;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((AnimationChildProps?: any) => React.ReactNode);
     from?: Record<string, any>;
     to?: Record<string, any>;
     reverse?: boolean;
@@ -66,5 +66,5 @@ export default class Animation extends PureComponent<AnimationProps> {
     componentDidUpdate(prevProps?: AnimationProps): void;
     initAnimation: (props?: AnimationProps) => void;
     bindEvents: () => void;
-    render(): any;
+    render(): React.ReactNode;
 }

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

@@ -1,9 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import noop from './utils/noop';
 export interface KeyFramesProps {
     frames?: any[];
     loop?: boolean;
+    children?: React.ReactNode | ((KeyFramesProps: any) => React.ReactNode);
     forwardInstance?: (value: any) => void;
     onFrame?: (value: any) => void;
     onKeyRest?: (value: Record<string, any>) => void;

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

@@ -18,6 +18,15 @@ export interface StyledAnimationProps {
     duration?: string | number;
     fillMode?: string;
 }
+export interface StyledAnimateStyleType {
+    animationTimingFunction: string;
+    animationName: any;
+    animationDuration: string | number;
+    animationDelay: string | number;
+    animationIterationCount: string | number;
+    animationDirection: string;
+    animationFillMode: string;
+}
 export default class StyledAnimation extends PureComponent<StyledAnimationProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;

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

@@ -1,12 +1,17 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { StyledAnimationProps } from './StyledAnimation';
+import { StyledAnimationProps, StyledAnimateStyleType } from './StyledAnimation';
 import noop from './utils/noop';
+export interface ChildFCType {
+    animateCls?: string;
+    animateStyle?: StyledAnimateStyleType;
+    animateEvents?: (eventProps?: any) => void;
+}
 export interface StyledTransitionProps extends StyledAnimationProps {
     state?: string | boolean;
     enter?: string;
     leave?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
     willEnter?: (value: any) => void;
     didEnter?: (value: any) => void;
     willLeave?: (value: any) => void;
@@ -16,8 +21,8 @@ export interface StyledTransitionProps extends StyledAnimationProps {
 }
 export interface StyledTransitionState {
     state: string | boolean;
-    lastChildren: React.ReactNode;
-    currentChildren: React.ReactNode;
+    lastChildren: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
+    currentChildren: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
 }
 export default class StyledTransition extends Component<StyledTransitionProps, StyledTransitionState> {
     static propTypes: {

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import noop from './utils/noop';
 export interface TransitionProps extends AnimationProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((TransitionProps: any) => any);
     from?: Record<string, any>;
     enter?: Record<string, any>;
     leave?: Record<string, any>;
@@ -17,8 +17,8 @@ export interface TransitionProps extends AnimationProps {
 }
 export interface TransitionState {
     state: string | boolean;
-    lastChildren: React.ReactNode;
-    currentChildren: React.ReactNode;
+    lastChildren: React.ReactNode | ((TransitionProps: any) => React.ReactNode | any);
+    currentChildren: React.ReactNode | ((TransitionProps: any) => React.ReactNode | any);
 }
 export default class Transition extends Component<TransitionProps, TransitionState> {
     static propTypes: {

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

@@ -8,7 +8,7 @@ export interface AnimationProps {
     onResume?: Function;
     onStop?: Function;
     onRest?: Function;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((AnimationChildProps?: any) => React.ReactNode);
     from?: Record<string, any>;
     to?: Record<string, any>;
     reverse?: boolean;
@@ -66,5 +66,5 @@ export default class Animation extends PureComponent<AnimationProps> {
     componentDidUpdate(prevProps?: AnimationProps): void;
     initAnimation: (props?: AnimationProps) => void;
     bindEvents: () => void;
-    render(): any;
+    render(): React.ReactNode;
 }

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

@@ -1,9 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import noop from './utils/noop';
 export interface KeyFramesProps {
     frames?: any[];
     loop?: boolean;
+    children?: React.ReactNode | ((KeyFramesProps: any) => React.ReactNode);
     forwardInstance?: (value: any) => void;
     onFrame?: (value: any) => void;
     onKeyRest?: (value: Record<string, any>) => void;

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

@@ -18,6 +18,15 @@ export interface StyledAnimationProps {
     duration?: string | number;
     fillMode?: string;
 }
+export interface StyledAnimateStyleType {
+    animationTimingFunction: string;
+    animationName: any;
+    animationDuration: string | number;
+    animationDelay: string | number;
+    animationIterationCount: string | number;
+    animationDirection: string;
+    animationFillMode: string;
+}
 export default class StyledAnimation extends PureComponent<StyledAnimationProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;

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

@@ -1,12 +1,17 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { StyledAnimationProps } from './StyledAnimation';
+import { StyledAnimationProps, StyledAnimateStyleType } from './StyledAnimation';
 import noop from './utils/noop';
+export interface ChildFCType {
+    animateCls?: string;
+    animateStyle?: StyledAnimateStyleType;
+    animateEvents?: (eventProps?: any) => void;
+}
 export interface StyledTransitionProps extends StyledAnimationProps {
     state?: string | boolean;
     enter?: string;
     leave?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
     willEnter?: (value: any) => void;
     didEnter?: (value: any) => void;
     willLeave?: (value: any) => void;
@@ -16,8 +21,8 @@ export interface StyledTransitionProps extends StyledAnimationProps {
 }
 export interface StyledTransitionState {
     state: string | boolean;
-    lastChildren: React.ReactNode;
-    currentChildren: React.ReactNode;
+    lastChildren: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
+    currentChildren: React.ReactNode | ((TransitionProps: ChildFCType) => React.ReactNode | any);
 }
 export default class StyledTransition extends Component<StyledTransitionProps, StyledTransitionState> {
     static propTypes: {

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import noop from './utils/noop';
 export interface TransitionProps extends AnimationProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((TransitionProps: any) => any);
     from?: Record<string, any>;
     enter?: Record<string, any>;
     leave?: Record<string, any>;
@@ -17,8 +17,8 @@ export interface TransitionProps extends AnimationProps {
 }
 export interface TransitionState {
     state: string | boolean;
-    lastChildren: React.ReactNode;
-    currentChildren: React.ReactNode;
+    lastChildren: React.ReactNode | ((TransitionProps: any) => React.ReactNode | any);
+    currentChildren: React.ReactNode | ((TransitionProps: any) => React.ReactNode | any);
 }
 export default class Transition extends Component<TransitionProps, TransitionState> {
     static propTypes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-animation-react",
-  "version": "2.8.0-beta.1",
+  "version": "2.8.2",
   "description": "motion library for semi-ui-react",
   "keywords": [
     "motion",
@@ -26,8 +26,8 @@
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.15.4",
-    "@douyinfe/semi-animation": "2.8.0-beta.1",
-    "@douyinfe/semi-animation-styled": "2.8.0-beta.1",
+    "@douyinfe/semi-animation": "2.8.2",
+    "@douyinfe/semi-animation-styled": "2.8.2",
     "classnames": "^2.2.6"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
     "prop-types": "15.7.2",
     "react-storybook-addon-props-combinations": "^1.1.0"
   },
-  "gitHead": "1d03945ec34f2ebd37ab7cc67c4b11786b46cb1f"
+  "gitHead": "436e0a2bd28a1d641c26cd9a35269e05abe205cd"
 }