-
Notifications
You must be signed in to change notification settings - Fork 905
/
transitions.js
30 lines (26 loc) · 1.18 KB
/
transitions.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import '../styles/transitions.less';
export { default as ExpandTransition } from './ExpandTransition';
function createTransition (name, mode) {
return {
name,
functional: true,
render (h, context) {
context.data = context.data || {};
context.data.props = { name };
context.data.on = context.data.on || {};
if (!Object.isExtensible(context.data.on)) {
context.data.on = { ...context.data.on };
}
if (mode) context.data.props.mode = mode;
return h('transition', context.data, context.children);
}
};
}
export const FadeTransition = createTransition('mu-fade-transition');
export const SlideTopTransition = createTransition('mu-slide-top-transition');
export const SlideBottomTransition = createTransition('mu-slide-bottom-transition');
export const SlideLeftTransition = createTransition('mu-slide-left-transition');
export const SlideRightTransition = createTransition('mu-slide-right-transition');
export const PopoverTransiton = createTransition('mu-popover-transition');
export const BottomSheetTransition = createTransition('mu-bottom-sheet-transition');
export const ScaleTransition = createTransition('mu-scale-transition');