fix(frontend): 按审计报告修复全部17项问题,数据层迁至 src/api/

P0(4): 假数据清除(avg_latency_ms:2400→null,无端点字段改null)、假进度条改诚实的不确定态、
  公共页不再反向依赖 admin(api/public.ts)、PredictProgress 重写
P1(6): 23处 any 归零(对齐后端 Pydantic 契约新增 PredictionMatchRef/HealthProbe 等)、
  a11y(aria-live 0→4,htmlFor 1→17,aria-describedby/invalid 补齐)、App.tsx 抽 SiteLayout、
  路由级 lazy+代码分割(首屏 315KB→238KB)、index.html 补 SEO/favicon/OG、死代码清理(AdminIcon 抽出)
P2(7): Login/index.css 裸色值令牌化、groupByDate useMemo、滚动监听统一、原生控件基元化、
  useLeagues 静默失败补告警、路由级 ErrorBoundary

另修复审计未列问题:
- Monitoring todos 过滤器 t!==false 放行 null 导致整页崩溃 → Boolean(t) 真值过滤
- Collection 渲染期 Date.now()(react-hooks/purity 捕获)→ 计时器 effect
- bg-press-wash/60 透明度修饰符静默失效 → RGB 三元组 + 构建期令牌守卫(下个提交接入)

工程化:数据层 dal/api/types(1047行)git mv 至 src/api/,admin 留 @deprecated 兼容壳,
  21 个引用方直指新路径;tsconfig 开启 noUnusedLocals/noUnusedParameters(清理9处存量)
This commit is contained in:
2026-09-22 23:45:06 +08:00
parent 2cfc9ccc0f
commit f71f29b4cb
42 changed files with 2553 additions and 1629 deletions
+47
View File
@@ -0,0 +1,47 @@
/**
* SiteLayout —— 前台公开站点的共享外壳(报头 + 内容区 + 页脚)。
*
* 背景:此前 `HomePage` 与 `StandingsLayout` 各自复制了一遍
* `<main className="mx-auto max-w-5xl px-5 py-6 sm:px-8 sm:py-8">`
* 和 `<footer className="mx-auto max-w-5xl px-5 pb-10 sm:px-8">`。
* 两处 className 逐字相同,唯一差异是 Masthead 的 active 值与
* 页脚文案。改一次容器内边距要改两处,加第三个页面就是第三处。
*
* 这里把「容器宽度 / 内边距 / 页脚分隔线样式」收进单一来源,
* 调用方只需提供 active(决定报头高亮)与页脚文案。
*/
import type { ReactNode } from 'react'
import Masthead from './Masthead'
import type { MastheadActive } from './Masthead'
/** 报头的 active 分区,决定报刊头里哪个分区链接高亮 */
export type SiteSection = MastheadActive
export interface SiteLayoutProps {
/** 当前分区,用于报头高亮 */
active: SiteSection
/** 页脚文案(各分区声明差异,如首页含免责声明) */
footerNote: ReactNode
children: ReactNode
}
export function SiteLayout({ active, footerNote, children }: SiteLayoutProps) {
return (
<div className="min-h-screen bg-paper-50">
<Masthead active={active} />
<main className="mx-auto max-w-5xl px-5 py-6 sm:px-8 sm:py-8">
{children}
</main>
<footer className="mx-auto max-w-5xl px-5 pb-10 sm:px-8">
<div className="border-t border-ink-200 pt-3 text-center text-2xs leading-relaxed text-ink-400">
{footerNote}
</div>
</footer>
</div>
)
}
export default SiteLayout