ant-design-vue/components/_util/getTransitionGroupProps.js

22 lines
998 B
JavaScript
Raw Normal View History

2020-10-09 09:37:04 +00:00
// import animate from './css-animation';
const getTransitionGroupProps = (transitionName, opt = {}) => {
if (process.env.NODE_ENV === 'test') {
return { css: false, ...opt };
}
2020-10-20 09:41:11 +00:00
const transitionProps = transitionName ? {
2020-10-09 09:37:04 +00:00
appear: true,
2020-10-18 14:58:37 +00:00
appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
2020-10-09 09:37:04 +00:00
appearActiveClass: `${transitionName}`,
2020-10-20 09:41:11 +00:00
appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
2020-10-18 14:58:37 +00:00
enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
2020-10-09 09:37:04 +00:00
enterActiveClass: `${transitionName}`,
2020-10-20 09:41:11 +00:00
enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
2020-10-09 09:37:04 +00:00
leaveActiveClass: `${transitionName} ${transitionName}-leave`,
leaveToClass: `${transitionName}-leave-active`,
...opt,
2020-10-20 09:41:11 +00:00
} : { css: false, ...opt };
2020-10-09 09:37:04 +00:00
return transitionProps;
};
export default getTransitionGroupProps;