Skip to content

Commit f5ea6a8

Browse files
Copilothotlong
andcommitted
docs: update ROADMAP with enhanced DashboardEditor and PageCanvasEditor capabilities
Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
1 parent 54fad8b commit f5ea6a8

1 file changed

Lines changed: 20 additions & 4 deletions

File tree

ROADMAP.md

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -444,13 +444,27 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
444444
- [x] Property panel for selected component (label, type, ID)
445445
- [x] Add/remove/reorder components
446446
- [x] Syncs PageSchema children on every change
447+
- [x] Undo/Redo integration via `useUndoRedo` hook (Ctrl+Z / Ctrl+Y keyboard shortcuts)
448+
- [x] JSON Schema export/import (Download/Upload toolbar buttons with `onExport`/`onImport` callbacks)
449+
- [x] Preview mode toggle (Eye icon, renders PagePreview panel)
450+
- [x] Page/Dashboard mode tab switching (role="tablist" with aria-selected)
451+
- [x] i18n integration via `useDesignerTranslation` (all labels use translation keys)
452+
- [x] Keyboard shortcuts (Delete/Backspace to remove selected component)
453+
- [x] Mobile responsive layout (flex-col on mobile, sm:flex-row on desktop)
447454

448455
**Dashboard Editor:**
449456
- [x] 6 widget types (KPI Metric, Bar Chart, Line Chart, Pie Chart, Table, Grid)
450457
- [x] Widget card grid with selection, drag handles, reorder
451458
- [x] Widget property panel (title, type, data source, value field, aggregate, color variant)
452459
- [x] Add/remove/reorder widgets
453460
- [x] Grid layout based on DashboardSchema columns
461+
- [x] Undo/Redo integration via `useUndoRedo` hook (Ctrl+Z / Ctrl+Y keyboard shortcuts)
462+
- [x] JSON Schema export/import (Download/Upload toolbar buttons with `onExport`/`onImport` callbacks)
463+
- [x] Preview mode toggle (Eye icon, renders DashboardPreview panel)
464+
- [x] Widget layout size editing (width/height inputs in property panel)
465+
- [x] i18n integration via `useDesignerTranslation` (all labels use translation keys)
466+
- [x] Keyboard shortcuts (Delete/Backspace to remove selected widget)
467+
- [x] Mobile responsive layout (flex-col on mobile, sm:flex-row on desktop)
454468

455469
**Object View Configurator:**
456470
- [x] 7 view type switcher (Grid, Kanban, Calendar, Gallery, Timeline, Map, Gantt)
@@ -466,10 +480,12 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
466480
- [x] Disabled state support
467481

468482
**i18n:**
469-
- [x] `appDesigner` section with 103 keys added to all 10 locales (en, zh, ja, de, fr, es, ar, ru, pt, ko)
483+
- [x] `appDesigner` section with 119 keys added to all 10 locales (en, zh, ja, de, fr, es, ar, ru, pt, ko)
470484
- [x] `useDesignerTranslation` safe wrapper hook with English fallback (no I18nProvider required)
471485
- [x] AppCreationWizard fully i18n-integrated (all labels, buttons, step names, validation messages)
472486
- [x] NavigationDesigner fully i18n-integrated (type badges, quick-add labels, aria-labels, preview, icon editing, visibility, export/import)
487+
- [x] DashboardEditor fully i18n-integrated (toolbar labels, preview text)
488+
- [x] PageCanvasEditor fully i18n-integrated (toolbar labels, mode tabs, preview text)
473489

474490
**UX Enhancements:**
475491
- [x] Cancel confirmation dialog with unsaved-changes detection
@@ -481,10 +497,10 @@ ObjectUI is a universal Server-Driven UI (SDUI) engine built on React + Tailwind
481497
- [x] 41 AppCreationWizard tests (rendering, steps 1-4, navigation, callbacks, cancel confirm, save draft, i18n, read-only)
482498
- [x] 33 NavigationDesigner tests (rendering, add, remove, groups, badges, i18n, read-only, icon editing, visibility toggle, export/import, responsive)
483499
- [x] 7 EditorModeToggle tests (render, active mode, onChange, accessibility, disabled)
484-
- [x] 10 DashboardEditor tests (rendering, add/remove widgets, property panel, read-only)
485-
- [x] 9 PageCanvasEditor tests (rendering, add/remove components, property panel, read-only)
500+
- [x] 22 DashboardEditor tests (rendering, add/remove widgets, property panel, read-only, undo/redo, export/import, preview mode, widget layout)
501+
- [x] 23 PageCanvasEditor tests (rendering, add/remove components, property panel, read-only, mode tabs, undo/redo, export/import, preview mode)
486502
- [x] 12 ObjectViewConfigurator tests (rendering, view type switch, column visibility, toggles, read-only)
487-
- [x] **Total: 180 tests across 9 files, all passing**
503+
- [x] **Total: 206 tests across 9 files, all passing**
488504

489505
**ComponentRegistry:**
490506
- [x] Registered: `app-creation-wizard`, `navigation-designer`, `dashboard-editor`, `page-canvas-editor`, `object-view-configurator`

0 commit comments

Comments
 (0)