feat: 深色模式圆形揭示动画 + B 站私信规则

主题切换:
- 抽出 useTheme 全局单例,主题在挂载前初始化,登录页不再闪白底
- 用 View Transitions API 以点击点为圆心做圆形揭示;不支持的浏览器
  加 .no-vt 类退化为整页淡变,两者互斥避免揭示区露出过渡中的颜色
- 尊重 prefers-reduced-motion;过渡被浏览器跳过时静默降级为直接切换
- 主题按钮图标旋转切换

新规则:
- bilibili-private-message:向指定 UID 发送 B 站私信,
  发送者 UID 自动从账号 Cookie 读取

视觉打磨:
- 统计数字改为缓出计数动画,等宽数字避免跳动时抖动
- 补 :focus-visible 焦点环

说明:当前 SDK 未提供视频投稿接口,无法支持定时投稿视频,
详见 docs/bilibili-config.md。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
mei
2026-07-26 23:15:02 +08:00
co-authored by Claude Fable 5
parent f8c6115737
commit 54d4fbe24a
14 changed files with 499 additions and 17 deletions
+2 -1
View File
@@ -15,6 +15,7 @@ import { ApiError } from '@/api/client'
import type { DashboardOverview } from '@/api/types'
import { formatDateTime, formatDuration } from '@/utils/format'
import { useIsMobile } from '@/composables/useBreakpoint'
import CountUp from '@/components/CountUp.vue'
const isMobile = useIsMobile()
@@ -228,7 +229,7 @@ onUnmounted(() => {
<el-icon :size="20"><component :is="stat.icon" /></el-icon>
</div>
<div>
<div class="stat-value">{{ stat.value ?? '-' }}</div>
<div class="stat-value"><CountUp :value="stat.value" /></div>
<div class="stat-label">{{ stat.label }}</div>
<div class="muted">{{ stat.sub }}</div>
</div>