1234567891011121314151617181920212223242526272829303132333435363738 |
- import { initSlideMotion } from '../../style/motion';
- const genMotionStyle = token => {
- const {
- componentCls,
- motionDurationSlow
- } = token;
- return [{
- [componentCls]: {
- [`${componentCls}-switch`]: {
- '&-appear, &-enter': {
- transition: 'none',
- '&-start': {
- opacity: 0
- },
- '&-active': {
- opacity: 1,
- transition: `opacity ${motionDurationSlow}`
- }
- },
- '&-leave': {
- position: 'absolute',
- transition: 'none',
- inset: 0,
- '&-start': {
- opacity: 1
- },
- '&-active': {
- opacity: 0,
- transition: `opacity ${motionDurationSlow}`
- }
- }
- }
- }
- },
- // Follow code may reuse in other components
- [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down')]];
- };
- export default genMotionStyle;
|