Skip to content

前端结构约定 ​

Editor 代码应按视图、组件、组合式逻辑、状态和 API 请求层拆分,避免单个文件同时承担页面布局、请求、状态转换和业务规则。

视图 ​

视图负责路由级页面结构和主要布局。复杂视图应把区域拆成子组件,把数据请求、状态派生和表单逻辑移到组合式逻辑或 store。

组件 ​

通用 UI 优先复用 components/ui,业务组件优先放在已有领域目录,例如 components/project、components/agent。新增组件应保持输入输出清晰,不直接依赖无关页面状态。

组合式逻辑 ​

组合式逻辑适合封装表单状态、API 调用、轮询、确认流程和局部业务状态。跨页面共享逻辑应保持命名稳定,并配套测试。

API 请求层 ​

请求函数应集中维护,返回结构与 Backend schema 对齐。Backend 契约变化时,同步更新请求层、类型和相关测试。

状态管理 ​

状态应按业务域组织。避免把临时 UI 状态、服务端事实源和派生状态混在一个对象中,减少刷新和会话恢复时的错位。