基础组件
无业务逻辑的通用 UI 组件
概述
基础组件是构建应用的最底层 UI 单元,不包含任何业务逻辑。
组件列表
| 组件 | 说明 | 优先级 |
|---|---|---|
| Button | 按钮,触发动作 | P0 |
| Input | 文本输入框 | P0 |
| Card | 卡片容器 | P0 |
| Sheet | 底部抽屉 | P0 |
| Dialog | 模态对话框 | P0 |
| Toast | 轻提示消息 | P0 |
| Skeleton | 骨架屏 | P1 |
| Avatar | 头像 | P1 |
| Badge | 徽标 | P2 |
| Switch | 开关 | P1 |
| Checkbox | 复选框 | P2 |
| Radio | 单选框 | P2 |
通用规范
尺寸变体
所有支持尺寸的组件 SHOULD 提供以下变体:
| 变体 | 说明 |
|---|---|
| sm | 紧凑型,适用于密集布局 |
| md | 默认尺寸 |
| lg | 大尺寸,适用于突出显示 |
状态变体
交互组件 MUST 支持以下状态:
| 状态 | 说明 |
|---|---|
| default | 默认状态 |
| hover | 悬停状态(桌面端) |
| pressed | 按压状态 |
| focused | 聚焦状态 |
| disabled | 禁用状态 |
主题适配
- MUST 支持浅色/深色主题
- MUST 使用语义化颜色 token
- MUST NOT 硬编码颜色值