mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat: update
Some checks are pending
Publish Any Commit / build (push) Waiting to run
Details

Browse Source
This commit is contained in:
Wanpan 2025-06-04 17:53:32 +08:00
parent 54ecf918cb
commit f80bc646d9
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/config-provider/MotionWrapper.tsx
View File

@ -3,7 +3,7 @@ import { Provider as MotionProvider } from 'rc-motion';
import { useToken } from '../theme/internal';
const MotionCacheContext = React.createContext({ parentMotion: true });
const MotionCacheContext = React.createContext(false);
if (process.env.NODE_ENV !== 'production') {
MotionCacheContext.displayName = 'MotionCacheContext';
}
@ -13,20 +13,22 @@ export interface MotionWrapperProps {
}
export default function MotionWrapper(props: MotionWrapperProps): React.ReactElement {
const { parentMotion } = React.useContext(MotionCacheContext);
const needWrapMotionProvider = React.useContext(MotionCacheContext);
const { children } = props;
const [, token] = useToken();
const { motion } = token;
let node = children as React.ReactElement;
if (parentMotion !== motion) {
node = <MotionProvider motion={motion}>{children}</MotionProvider>;
}
const needWrapMotionProviderRef = React.useRef(false);
needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
if (needWrapMotionProviderRef.current || needWrapMotionProvider) {
return (
<MotionCacheContext.Provider value={{ parentMotion: motion }}>
{node}
<MotionCacheContext.Provider value={needWrapMotionProvider}>
<MotionProvider motion={motion}>{children}</MotionProvider>
</MotionCacheContext.Provider>
);
}
return children as React.ReactElement;
}