mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
59ad48476b
* chore: add boime lint * fix lint * use files ignore * revert change * ignore clarity.js * fix some errors * fix some errors * fix some errors * fix some errors * add yml file * Update clarity.js Signed-off-by: afc163 <afc163@gmail.com> * add npm run lint:biome * add npm run lint:biome * fix test case * fix ts errors * fix ts errors * fix lint and add .lintstagedrc * shorten prop name * chore: update package.json * update biome.json * chore: remove stylelint * chore: useOptionalChain * fix lint * biome format * prettier all code * prettier all code * fix site test --------- Signed-off-by: afc163 <afc163@gmail.com>
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import type { FormToken } from '.';
|
|
import type { GenerateStyle } from '../../theme/internal';
|
|
|
|
const genFormValidateMotionStyle: GenerateStyle<FormToken> = (token) => {
|
|
const { componentCls } = token;
|
|
|
|
const helpCls = `${componentCls}-show-help`;
|
|
const helpItemCls = `${componentCls}-show-help-item`;
|
|
|
|
return {
|
|
[helpCls]: {
|
|
// Explain holder
|
|
transition: `opacity ${token.motionDurationSlow} ${token.motionEaseInOut}`,
|
|
|
|
'&-appear, &-enter': {
|
|
opacity: 0,
|
|
|
|
'&-active': {
|
|
opacity: 1,
|
|
},
|
|
},
|
|
|
|
'&-leave': {
|
|
opacity: 1,
|
|
|
|
'&-active': {
|
|
opacity: 0,
|
|
},
|
|
},
|
|
|
|
// Explain
|
|
[helpItemCls]: {
|
|
overflow: 'hidden',
|
|
transition: `height ${token.motionDurationSlow} ${token.motionEaseInOut},
|
|
opacity ${token.motionDurationSlow} ${token.motionEaseInOut},
|
|
transform ${token.motionDurationSlow} ${token.motionEaseInOut} !important`,
|
|
|
|
[`&${helpItemCls}-appear, &${helpItemCls}-enter`]: {
|
|
transform: `translateY(-5px)`,
|
|
opacity: 0,
|
|
|
|
'&-active': {
|
|
transform: 'translateY(0)',
|
|
opacity: 1,
|
|
},
|
|
},
|
|
|
|
[`&${helpItemCls}-leave-active`]: {
|
|
transform: `translateY(-5px)`,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export default genFormValidateMotionStyle;
|