Skip to content
This repository was archived by the owner on Nov 4, 2026. It is now read-only.
This repository was archived by the owner on Nov 4, 2026. It is now read-only.

重构仪表盘设计模式右侧为固定属性面板/配置页,与ListView一致 #809

Closed

Description

@hotlong

问题

目前设计模式下右侧 DesignDrawer 渲染的并非真正的属性配置页,而是"DashboardEditor"(包含卡片列表、工具栏、预览等),严重背离了 Airtable/Notion"主区预览 + 右侧表单属性面板"最佳实践,导致:

  • 右侧操作混乱,属性编辑、卡片列表混在一起、无法专注于 widget 配置
  • 无法实现所见即所得、实时属性配置联动
  • 代码重复,未复用已有成熟的 ConfigPanelRenderer、WidgetConfigPanel 架构

目标

  • 向 ListView/PageDesigner/WorkflowDesigner 等看齐,右侧属性 Drawer 必须始终只做属性配置
  • 未选中任何 widget 时,显示 DashboardConfigPanel(dashboard 级总属性)
  • 选中任一 widget 时,右侧固定切换为 WidgetConfigPanel(所有可编辑属性、布局、数据源、样式…)
  • 配置项和业务 schema 严格对齐,支持协议扩展
  • 不再在右侧 drawer 中做 widget 卡片的 preview 或列表,主区才��所见即所得 preview
  • 指定属性表单的 sticky/save/discard/footer 全面回归 ConfigPanelRenderer 通用实现

技术建议

  • 复用 packages/plugin-dashboard/src/DashboardConfigPanel.tsx、WidgetConfigPanel.tsx
  • drawer 内容结构见 ListViewConfigPanel 参考实现
  • 编辑模式下,主区与右侧属性随选中联动,属性改动主区实时反映

验收标准

  • 所有属性配置体验与 ListView/PageDesigner 完全统一,且和 schema/协议保持同步
  • 新/老模式无割裂,所有面板配置支持自动保存/撤销,还原等所有 ConfigPanelRenderer 标准交互

详见相关 issue #808

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions