mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-29 19:30:37 +01:00
fix(Modal): disabling transition prop had no effect
This commit is contained in:
@@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
<div :class="ui.inner">
|
<div :class="ui.inner">
|
||||||
<div :class="[ui.container, ui.padding]">
|
<div :class="[ui.container, ui.padding]">
|
||||||
<TransitionChild as="template" :appear="appear" v-bind="ui.transition">
|
<TransitionChild as="template" :appear="appear" v-bind="transitionClass">
|
||||||
<HDialogPanel :class="[ui.base, ui.width, ui.height, ui.background, ui.ring, ui.rounded, ui.shadow]">
|
<HDialogPanel :class="[ui.base, ui.width, ui.height, ui.background, ui.ring, ui.rounded, ui.shadow]">
|
||||||
<slot />
|
<slot />
|
||||||
</HDialogPanel>
|
</HDialogPanel>
|
||||||
@@ -75,6 +75,16 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const transitionClass = computed(() => {
|
||||||
|
if (!props.transition) {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
...ui.value.transition
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
function close (value: boolean) {
|
function close (value: boolean) {
|
||||||
isOpen.value = value
|
isOpen.value = value
|
||||||
emit('close')
|
emit('close')
|
||||||
@@ -84,6 +94,7 @@ export default defineComponent({
|
|||||||
// eslint-disable-next-line vue/no-dupe-keys
|
// eslint-disable-next-line vue/no-dupe-keys
|
||||||
ui,
|
ui,
|
||||||
isOpen,
|
isOpen,
|
||||||
|
transitionClass,
|
||||||
close
|
close
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user