|
8 | 8 | @keydown="onEsc"
|
9 | 9 | >
|
10 | 10 | <transition
|
11 |
| - :name="overlayTransition" |
| 11 | + v-bind="computedOverlayTransition" |
12 | 12 | @before-enter="beforeOverlayEnter"
|
13 | 13 | @after-enter="afterOverlayEnter"
|
14 | 14 | @before-leave="beforeOverlayLeave"
|
@@ -90,7 +90,7 @@ export default {
|
90 | 90 | preventClick: { type: Boolean, default: false },
|
91 | 91 | attach: { type: null, default: false, validator: validateAttachTarget },
|
92 | 92 | transition: { type: [String, Object], default: 'vfm' },
|
93 |
| - overlayTransition: { type: String, default: 'vfm' }, |
| 93 | + overlayTransition: { type: [String, Object], default: 'vfm' }, |
94 | 94 | zIndexAuto: { type: Boolean, default: true },
|
95 | 95 | zIndexBase: { type: [String, Number], default: 1000 },
|
96 | 96 | zIndex: { type: [Boolean, String, Number], default: false },
|
@@ -138,6 +138,10 @@ export default {
|
138 | 138 | computedTransition() {
|
139 | 139 | if (typeof this.transition === 'string') return { name: this.transition }
|
140 | 140 | return { ...this.transition }
|
| 141 | + }, |
| 142 | + computedOverlayTransition() { |
| 143 | + if (typeof this.overlayTransition === 'string') return { name: this.overlayTransition } |
| 144 | + return { ...this.overlayTransition } |
141 | 145 | }
|
142 | 146 | },
|
143 | 147 | watch: {
|
|
0 commit comments