|
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