mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-17 05:28:09 +01:00
30 lines
711 B
Vue
30 lines
711 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { useOverlay, type Overlay } from '../composables/useOverlay'
|
|
|
|
const { overlays, unmount, close } = useOverlay()
|
|
|
|
const mountedOverlays = computed(() => overlays.filter((overlay: Overlay) => overlay.isMounted))
|
|
|
|
const onAfterLeave = (id: symbol) => {
|
|
close(id)
|
|
unmount(id)
|
|
}
|
|
|
|
const onClose = (id: symbol, value: any) => {
|
|
close(id, value)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<component
|
|
:is="overlay.component"
|
|
v-for="overlay in mountedOverlays"
|
|
:key="overlay.id"
|
|
v-bind="overlay.props"
|
|
v-model:open="overlay.isOpen"
|
|
@close="(value:any) => onClose(overlay.id, value)"
|
|
@after:leave="onAfterLeave(overlay.id)"
|
|
/>
|
|
</template>
|