Files
OpenFlare/docs/plan/verify-frontend-ui.md
T
2026-06-18 18:05:00 +08:00

40 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# OpenFlare 前端 UI 规范验收报告
> **验证日期**:2026-06-18(polish pass 复验)
> **范围**:`Wavelet/frontend/app/(main)/openflare/`
## 总体
| 维度 | 结果 |
|---|---|
| 标题 `h1 text-2xl font-semibold tracking-tight` | ✅ |
| 外壳 `py-6 px-1` | ✅ |
| shadcn 组件(无旧 UI / HeroUI) | ✅ |
| 单文件 ≤600 行 | ✅(最大 `access-logs/page.tsx` 558 行) |
| loading/empty/error | ✅ |
| RHF + Zod 表单(P1 Dialog) | ✅ |
**总体结论:PASS**
## 分模块
| 模块 | 结论 | 说明 |
|---|---|---|
| Dashboard | ✅ PASS | 标准壳与三态组件 |
| Nodes | ✅ PASS | `node-editor-dialog` Zod 已补 |
| Proxy detail | ✅ PASS | `ErrorInline` / `EmptyStateWithBorder` 已统一 |
| Proxy list | ⚠️ PASS* | 列表 error 仅 toast(P2) |
| WAF | ✅ PASS | `rule-entry-dialog` RHF+Zod 已补 |
| Websites/Certificates | ✅ PASS | `dns-account-create-dialog` Zod 已补 |
| Access logs | ✅ PASS | folds/ip-summary/ip-trend error 已补 |
| Config versions | ✅ PASS | `cleanup-dialog` Zod 已补 |
| About | ✅ PASS | 页面惯例完整 |
| Version upgrade dialog | ✅ PASS | Card/Badge/Markdown 惯例合规 |
## P2 可选改进
1. `proxy-routes/page-client.tsx` — 列表 error 改用 `ErrorInline`
2. `access-logs/components/cleanup-dialog.tsx` — 补 RHF+Zod
3. `access-logs/page.tsx` ip-trend — 改用 shadcn `Input`
4. `nodes/components/node-observability.tsx` — 改用 `ErrorInline`+重试
5. FC-1 世界地图 — 当前以国家列表替代