You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.3 KiB
1.3 KiB
项目面板组件重构计划
背景
将 LeftSidebar.tsx 中的项目面板相关组件提取出来，创建独立的组件文件，提高代码的可维护性和复用性。
重构方案
采用完全分离的方案，将项目面板拆分为多个独立组件：
创建的组件文件
-
ProjectPanel.tsx - 项目面板主组件
- 管理展开状态
- 渲染项目树结构
- 处理创建项目逻辑
-
ProjectTreeNode.tsx - 项目树节点组件
- 支持文件夹和项目的树形展示
- 处理点击和展开逻辑
- 集成右键菜单
-
ProjectContextMenu.tsx - 项目右键菜单组件
- 项目相关操作菜单
- 集成 UI Store 的状态管理
-
FolderContextMenu.tsx - 文件夹右键菜单组件
- 文件夹相关操作菜单
- 支持创建项目回调
更新的文件
- index.ts - 添加新组件的导出
- LeftSidebar.tsx - 移除项目面板代码，改为导入使用
执行结果
✅ 所有组件创建完成 ✅ 导出文件更新完成 ✅ LeftSidebar 重构完成 ✅ 类型检查通过，无错误
优势
- 组件职责更清晰，便于维护
- 右键菜单可以在其他地方复用
- 树节点组件可以独立测试和优化
- 符合组件化开发最佳实践