mirror of
https://github.com/antd-tiny-vue/antd-tiny-vue.git
synced 2025-01-11 00:29:08 +08:00
27 lines
850 B
TypeScript
27 lines
850 B
TypeScript
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
|