fix(ui): Toast 撤销可暂停,存储告警提升为全局

- Toast 自动关闭支持悬停/聚焦暂停,移开后按剩余时间继续
- 存储异常提示移到 App 级,看板与今日视图都能看到
- 归档隐藏与筛选隐藏分开说明,并提示列内排序暂停原因
This commit is contained in:
chenshoulin
2026-10-19 17:21:05 +08:00
parent f69a24de94
commit 4aba003a9e
8 changed files with 198 additions and 25 deletions
+15 -3
View File
@@ -1,4 +1,5 @@
<script setup lang="ts">
import { storeToRefs } from 'pinia'
import { onMounted } from 'vue'
import { RouterView } from 'vue-router'
@@ -30,6 +31,7 @@ const CARD_SHORTCUTS = [
const store = useTaskStore()
const ui = useUiStore()
const theme = useThemeStore()
const { notice } = storeToRefs(store)
onMounted(() => {
store.init()
@@ -48,6 +50,18 @@ useKeyboardShortcuts({
<div class="flex h-full min-h-0 flex-col bg-slate-100 dark:bg-zinc-950">
<AppNav />
<!--
存储异常必须在两个视图都可见:今日视图同样会丢数据,
把提示放在应用级而不是看板里,避免「切到今日就看不见告警」。
-->
<p
v-if="notice"
role="alert"
class="border-b border-amber-300 bg-amber-50 px-4 py-2 text-sm text-amber-800 dark:border-amber-800 dark:bg-amber-950/60 dark:text-amber-300 md:px-6"
>
{{ notice }}
</p>
<main class="flex min-h-0 flex-1 flex-col">
<RouterView />
</main>
@@ -86,9 +100,7 @@ useKeyboardShortcuts({
</div>
</dl>
<p class="mt-4 text-xs text-slate-400 dark:text-zinc-500">
在输入框内输入时不会触发快捷键。
</p>
<p class="mt-4 text-xs text-slate-400 dark:text-zinc-500">在输入框内输入时不会触发快捷键。</p>
</SideDrawer>
<ToastHost />