雨霖铃
d401744739
- 新增 SearchInput、SearchDropdown、SearchResultItem 和 TopBarActions 组件，增强 TopBar 的搜索功能。 - 更新 useTopBar 钩子以支持最近搜索功能，并优化搜索历史管理。 - 修改 TopBar 组件以整合新组件，提升可读性和可维护性。 - 更新 README.md，反映新增组件和功能。
27 lines
982 B
Markdown
27 lines
982 B
Markdown
# layout/
|
|
|
|
应用壳层布局组件目录，存放与扩展入口（popup / sidepanel / tab）绑定的布局 UI，与 `components/` 中的通用可复用组件区分。
|
|
|
|
## 组件列表
|
|
|
|
| 目录 | 用途 |
|
|
| --------- | -------------------------------------------------------------- |
|
|
| `TopBar/` | 顶部导航栏：搜索（含历史记录）、主题切换、返回导航、标签页打开 |
|
|
|
|
## 目录结构
|
|
|
|
遵循与 `pages/` 相同的 UI + Hook 分离模式：
|
|
|
|
```
|
|
layout/TopBar/
|
|
├── index.tsx # 布局入口
|
|
├── useTopBar.ts # 业务逻辑 Hook
|
|
├── constants.ts # 常量
|
|
├── SearchInput.tsx # 搜索输入框
|
|
├── SearchDropdown.tsx # 搜索结果/历史下拉面板
|
|
├── SearchResultItem.tsx # 单条搜索结果项
|
|
├── TopBarActions.tsx # 右侧操作按钮组
|
|
└── __tests__/
|
|
└── index.test.tsx
|
|
```
|