mirror of
https://github.com/Drop-OSS/drop-base.git
synced 2026-01-30 20:55:18 +01:00
33 lines
855 B
Vue
33 lines
855 B
Vue
<template>
|
|
<component
|
|
v-for="(modal, modalIdx) in stack"
|
|
:is="modal.component"
|
|
:z-height="(modalIdx + 1) * 50"
|
|
:loading="modal.loading"
|
|
:data="modal.data"
|
|
@event="(event: string, ...args: any[]) => handleCallback(modalIdx, event, args)"
|
|
/>
|
|
<div id="modalstack" />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const stack = useModalStack();
|
|
|
|
async function handleCallback(modalIdx: number, event: string, args: any[]) {
|
|
const modal = stack.value[modalIdx];
|
|
console.log(modal);
|
|
const close = () => {
|
|
stack.value.splice(modalIdx, 1);
|
|
};
|
|
|
|
// Gets unwrapped when we call from the DOM
|
|
// I kinda hate this but it's how Vue works so....
|
|
(modal.loading as unknown as boolean) = true;
|
|
try {
|
|
await modal.callback(event, close, ...args);
|
|
} finally {
|
|
(modal.loading as unknown as boolean) = false;
|
|
}
|
|
}
|
|
</script>
|