1
|
1
|
import {
|
2
|
|
createSimpleTransition,
|
3
|
|
createJavascriptTransition,
|
4
|
|
} from './createTransition'
|
5
|
|
|
6
|
1
|
import ExpandTransitionGenerator from './expand-transition'
|
7
|
|
|
8
|
|
// Component specific transitions
|
9
|
1
|
export const VCarouselTransition = createSimpleTransition('carousel-transition')
|
10
|
1
|
export const VCarouselReverseTransition = createSimpleTransition('carousel-reverse-transition')
|
11
|
1
|
export const VTabTransition = createSimpleTransition('tab-transition')
|
12
|
1
|
export const VTabReverseTransition = createSimpleTransition('tab-reverse-transition')
|
13
|
1
|
export const VMenuTransition = createSimpleTransition('menu-transition')
|
14
|
1
|
export const VFabTransition = createSimpleTransition('fab-transition', 'center center', 'out-in')
|
15
|
|
|
16
|
|
// Generic transitions
|
17
|
1
|
export const VDialogTransition = createSimpleTransition('dialog-transition')
|
18
|
1
|
export const VDialogBottomTransition = createSimpleTransition('dialog-bottom-transition')
|
19
|
1
|
export const VFadeTransition = createSimpleTransition('fade-transition')
|
20
|
1
|
export const VScaleTransition = createSimpleTransition('scale-transition')
|
21
|
1
|
export const VScrollXTransition = createSimpleTransition('scroll-x-transition')
|
22
|
1
|
export const VScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition')
|
23
|
1
|
export const VScrollYTransition = createSimpleTransition('scroll-y-transition')
|
24
|
1
|
export const VScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition')
|
25
|
1
|
export const VSlideXTransition = createSimpleTransition('slide-x-transition')
|
26
|
1
|
export const VSlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition')
|
27
|
1
|
export const VSlideYTransition = createSimpleTransition('slide-y-transition')
|
28
|
1
|
export const VSlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition')
|
29
|
|
|
30
|
|
// Javascript transitions
|
31
|
1
|
export const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator())
|
32
|
1
|
export const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))
|
33
|
|
|
34
|
1
|
export default {
|
35
|
|
$_vuetify_subcomponents: {
|
36
|
|
VCarouselTransition,
|
37
|
|
VCarouselReverseTransition,
|
38
|
|
VDialogTransition,
|
39
|
|
VDialogBottomTransition,
|
40
|
|
VFabTransition,
|
41
|
|
VFadeTransition,
|
42
|
|
VMenuTransition,
|
43
|
|
VScaleTransition,
|
44
|
|
VScrollXTransition,
|
45
|
|
VScrollXReverseTransition,
|
46
|
|
VScrollYTransition,
|
47
|
|
VScrollYReverseTransition,
|
48
|
|
VSlideXTransition,
|
49
|
|
VSlideXReverseTransition,
|
50
|
|
VSlideYTransition,
|
51
|
|
VSlideYReverseTransition,
|
52
|
|
VTabReverseTransition,
|
53
|
|
VTabTransition,
|
54
|
|
VExpandTransition,
|
55
|
|
VExpandXTransition,
|
56
|
|
},
|
57
|
|
}
|