You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
853 B
25 lines
853 B
1 year ago
|
import type { AliasToken, GenerateStyle } from '../../theme/internal';
|
||
|
|
import type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook';
|
||
|
|
|
||
|
|
const genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>> = token => ({
|
||
|
|
[token.componentCls]: {
|
||
|
|
// For common/openAnimation
|
||
|
|
[`${token.antCls}-motion-collapse-legacy`]: {
|
||
|
|
overflow: 'hidden',
|
||
|
|
|
||
|
|
'&-active': {
|
||
|
|
transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
|
||
|
|
opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
[`${token.antCls}-motion-collapse`]: {
|
||
|
|
overflow: 'hidden',
|
||
|
|
transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
|
||
|
|
opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export default genCollapseMotion;
|