Files
testing-tool/src/layout/README.md
T
雨霖铃 d401744739 feat(TopBar): 添加搜索功能组件并优化结构
- 新增 SearchInput、SearchDropdown、SearchResultItem 和 TopBarActions 组件,增强 TopBar 的搜索功能。
- 更新 useTopBar 钩子以支持最近搜索功能,并优化搜索历史管理。
- 修改 TopBar 组件以整合新组件,提升可读性和可维护性。
- 更新 README.md,反映新增组件和功能。
2026-06-19 09:59:15 +08:00

982 B

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