2026a1ca9f
* добавил диалог при удалении карты * добавил сохранение движения * добавил вывод сохраненного отчета * изменил логику сохранения отчета
38 lines
1.6 KiB
JavaScript
38 lines
1.6 KiB
JavaScript
import { h, ref, render, nextTick } from 'vue'
|
|
import AppDialog from '../Components/AppDialog.vue'
|
|
|
|
// Глобальная очередь диалогов
|
|
export const dialogQueue = ref([])
|
|
let idCounter = 0
|
|
|
|
// Вызывается при клике на кнопку / Esc / клик по маске
|
|
export function closeDialog(id, confirmed = false) {
|
|
const dialog = dialogQueue.value.find(d => d.id === id)
|
|
if (dialog && dialog.show) {
|
|
dialog.show = false // Запускает leave-анимацию
|
|
dialog.resolve(confirmed) // Резолвим промис сразу для лучшего UX
|
|
}
|
|
}
|
|
|
|
// Вызывается после завершения leave-анимации
|
|
export function cleanupDialog(id) {
|
|
dialogQueue.value = dialogQueue.value.filter(d => d.id !== id)
|
|
}
|
|
|
|
export function useAppDialog({title, content, positiveProps, negativeProps, positiveText = 'Подтвердить', negativeText = 'Отмена', maskClosable = false, onConfirm } = {}) {
|
|
return new Promise((resolve) => {
|
|
const id = idCounter++
|
|
// 1. Добавляем скрытым, чтобы сработала enter-анимация
|
|
dialogQueue.value.push({
|
|
id, show: false, title, content, loading: false, onConfirm,
|
|
positiveText, negativeText, positiveProps, negativeProps, maskClosable, resolve
|
|
})
|
|
|
|
// 2. Переключаем в visible на следующем тике
|
|
nextTick(() => {
|
|
const dialog = dialogQueue.value.find(d => d.id === id)
|
|
if (dialog) dialog.show = true
|
|
})
|
|
})
|
|
}
|