通知动效系统

描述

为手感和清晰度打造的动画通知系统。ToastContainer 基于 AnimatePresence 处理：入场（边缘滑入+弹性）、出场（滑出+高度自动动画折叠，兄弟元素不跳动）、自动消失带进度倒计时条、拖拽滑动消除（拖拽物理），以及堆叠（新 toast 推动堆栈、最大高度滚动）。支持位置预设（右上、底部居中、顶部通栏横幅）与优先级队列——关键错误永远浮现在低优先级信息之上。

包含更丰富的通知类型：AchievementToast（彩带迸发+徽章弹出）、ProgressToast（上传/下载的动画进度环）与 StackedPush（类似手机系统推送的多行通知卡片）。内置动效原则：入场快于出场、低优先级轻微缩放+透明度、关键级用吸睛强调色。提供 useToast() hook（乐观更新、悬停暂停、a11y：role='status'、aria-live 区域、焦点管理）。减少动态模式渲染无动画的静态 toast。

元数据

依赖