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.
|
|
|
import animate from './css-animation';
|
|
|
|
const getTransitionProps = (transitionName, opt = {}) => {
|
|
|
|
if (process.env.NODE_ENV === 'test') {
|
|
|
|
return { css: false, ...opt };
|
|
|
|
}
|
|
|
|
const transitionProps = {
|
|
|
|
appear: true,
|
|
|
|
css: false,
|
|
|
|
onEnter: (el, done) => {
|
|
|
|
transitionName ? animate(el, `${transitionName}-enter`, done) : done();
|
|
|
|
},
|
|
|
|
onLeave: (el, done) => {
|
|
|
|
transitionName ? animate(el, `${transitionName}-leave`, done) : done();
|
|
|
|
},
|
|
|
|
...opt,
|
|
|
|
};
|
|
|
|
return transitionProps;
|
|
|
|
};
|
|
|
|
|
|
|
|
export default getTransitionProps;
|