Skip to content

Commit 5990e92

Browse files
author
root
committed
docs: add web ui migration inventory
1 parent ff41de7 commit 5990e92

2 files changed

Lines changed: 41 additions & 0 deletions

File tree

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# UI Component Migration Inventory
2+
3+
| Component | Status | Legacy classes | Callers left | Last update |
4+
|---|---|---|---:|---|
5+
| Button | ⚫ not-started | `.btn .btn-*` | 31 | 2026-05-06 |
6+
| IconButton | ⚫ not-started | `.btn` icon-only |||
7+
| Input | ⚫ not-started | `.input` |||
8+
| Textarea | ⚫ not-started | `.input.textarea` |||
9+
| Tag | ⚫ not-started | `.badge .badge-*` |||
10+
| Badge | ⚫ not-started | `.badge` |||
11+
| Pill | ⚫ not-started | `.settings-pill*` |||
12+
| StatusDot | ⚫ not-started | token-backed dot patterns |||
13+
| Kbd | ⚫ not-started | `kbd` |||
14+
| Spinner | ⚫ not-started | `.animate-spin` |||
15+
| Switch | ⚫ not-started | new |||
16+
| Modal | ⚫ not-started | `.modal-overlay .modal-card .modal-*` |||
17+
| ConfirmDialog | ⚫ not-started | modal convenience wrapper |||
18+
| Toast | ⚫ not-started | `.toast*` |||
19+
| Tooltip | ⚫ not-started | new |||
20+
| ProgressBar | ⚫ not-started | `--progress-height` patterns |||
21+
| Notice | ⚫ not-started | `.settings-page__notice*` |||
22+
| EmptyState | ⚫ not-started | feature-specific empty state blocks |||
23+
| Tabs | ⚫ not-started | tab / pill patterns across features |||
24+
| SegmentedControl | ⚫ not-started | `.settings-pill*` |||
25+
| Select | ⚫ not-started | `.input`, `.mobile-select-*` |||
26+
| Popover | ⚫ not-started | new |||
27+
| ActionMenu | ⚫ not-started | new |||
28+
| Sheet | ⚫ not-started | mobile sheet shells |||
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Coder Studio UI
2+
3+
## 总则
4+
- 已落地的基础组件统一从 public barrel(当前文件路径为 `src/components/ui/index.ts`)引入,不允许深链到组件子路径。
5+
- 所有颜色、间距、字号、圆角、阴影、动效必须来自 `src/styles/tokens.css`
6+
- 业务代码禁止新增 `btn btn-*``input` 这类旧式全局 className;未迁移的遗留调用点只允许原样保留,不允许扩散。
7+
- PC / 移动差异默认由 token 或共享内部逻辑解决,业务代码不直接写 `matchMedia`
8+
9+
## 已实现组件
10+
当前 phase 只会先落 `Button`。公共导出完成后,这里会改成可用组件列表。
11+
12+
## 迁移状态
13+
`./MIGRATION.md`

0 commit comments

Comments
 (0)