-
Notifications
You must be signed in to change notification settings - Fork 1
Labels
Description
为实现 #744 的交付要求,需要将已开发的 PageCanvasEditor 和 DashboardEditor 集成到 Console 应用,打通所见即所得页面/仪表盘的设计与编辑体验。
目标
- 页面和仪表盘可视化编辑器可直接在 Console(管理后台)访问与修改。
- 支持页面/仪表盘的创建、编辑、保存,同步至元数据。
- 编辑操作后自动运行相关测试并更新 Roadmap。
需要开发的细节
1. Console 路由与入口
- 新增
/design/page/:pageName路由,集成PageCanvasEditor - 新增
/design/dashboard/:dashboardName路由,集成DashboardEditor - 在页面、仪表盘的只读视图(PageView/DashboardView)增加"编辑"按钮,跳转到对应设计器
- Console 左侧导航自动增补"页面设计"与"仪表盘设计"入口(可选)
2. 编辑与数据持久化
- 编辑器
onChange时自动通过dataSource/API 保存 schema(PageSchema/DashboardSchema) - 从后端拉取 schema 时可回显到编辑器
- 支持 JSON Schema 导入导出,兼容与 @objectstack/spec 协议
- 支持编辑历史(undo/redo)、预览、以及键盘操作(保存、撤销)
3. Navigation 结构联动
- 新增/编辑 Page 或 Dashboard 后,可选同步到导航结构(navigation designer)
- 删除页面/仪表盘时同步移除导航项
4. Storybook & 测试
- 为 PageCanvasEditor、DashboardEditor 新增 Storybook 用例
- 补充/完善 E2E 测试场景:从 Console 编辑到保存,确保测试全部通过
5. ROADMAP 文档同步
- 集成、回归发布时在 ROADMAP.md 对应部分对进度和特性进行更新
- 参考 issue Page/Canvas Editor & Dashboard Editor(WYSIWYG页面/仪表盘可视化编辑器) #744
- 所有 pull request 提交前需运行
pnpm test,确保测试通过。
负责人:@hotlong
如遇实现细节方案冲突,可先发起讨论或新开 issue 进行技术选型分析。
Reactions are currently unavailable