Skip to content

前端视图新增/编辑界面统一,采用右侧Panel模式替代两套实现 #687

Description

@hotlong

需求背景

当前前端"新增视图"与"编辑视图"采用了两套不同的界面和实现方式(ViewDesigner与ViewConfigPanel),导致代码与用户体验非常混乱。功能高度重叠、数据格式和保存逻辑都不同。

问题总结

  • 新增视图时进入全屏ViewDesigner(3栏),编辑视图则用右侧ViewConfigPanel(侧边栏)
  • 两者字段配置、过滤、排序、视图类型等功能几乎一样,但UI呈现和数据结构不同
  • 若都保留则必须明确场景、入口和用户定位

方案建议

参考Airtable等设计,建议统一采用"右侧Panel"(ViewConfigPanel)作为新增和编辑视图的唯一入口,实现如下:

  1. 新增/编辑视图都通过右侧Panel,mode="create"或"edit"
  2. 合并ViewDesigner的type-specific options(如Kanban/Calendar/Map配置)至Panel
  3. 数据模型统一为UnifiedViewConfig,保存API统一
  4. 保留全屏ViewDesigner作为高级编辑入口,��供高级用户

优势

  • 用户体验一致,新增/编辑都在当前页完成
  • 开发成本大幅降低,维护性提升
  • 减少重复代码,统一保存逻辑和数据结构

关键开发任务

  • 统一数据结构(columns等用ViewDesignerColumn对象)
  • 扩展ViewConfigPanel支持所有视图类型(type-specific options)
  • 使用Panel替代全屏ViewDesigner,作为默认入口
  • 支持拖拽排序(dnd-kit)等高级功能在Panel
  • 编辑/新增入口和导航规范化
  • 保留ViewDesigner为"高级模式",入口弱化
  • 统一保存API和回调
  • ROADMAP同步更新

影响范围

  • ObjectView主流程
  • ViewDesigner和ViewConfigPanel
  • 路由、数据模型、保存逻辑
  • 用户界面体验

如需详细拆分子任务请补充说明。

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions