feat(drawer): all-sections layout с chips strip per handoff prototype
Handoff Screen 3 RecordDrawer показывает sections подряд с chips strip
для quick jump, не tabs (currently SchemaDrivenForm has 3 tabs).
SchemaDrivenForm:
- New optional prop layout: 'tabs' (default, legacy) | 'sections'
- В sections mode:
* Section chips strip на верху (sticky top-0) вместо Tabs
* Chip = bucket name + field count в Mono
* Click chip → scrollIntoView к section
* Все 3 buckets рендерятся подряд (visible одновременно)
* Каждая section получает sticky h3 cap header + scroll-mt-12
* z-indexed sticky: chips strip = 10, section headers = 5
- В tabs mode: backward-compat без изменений
RecordDrawer callsite (dictionaries.$name.tsx):
- Передаёт layout='sections' в SchemaDrivenForm (create + edit)
- Существующий tabs API остаётся для test'ов которые используют default
Layout matches handoff Screen 3 prototype:
[chips strip sticky]
[section: Основное]
field grid 2-col
[section: Описание (i18n)]
localized fields
[section: Дополнительно]
optional fields grid
Future Phase B refactor: backend x-section schema metadata (open question
#5) разблокирует per-property sections (вместо bucketing). Текущий
fallback bucketing (identity/description/extra) достаточен для MVP.
Tests: 116 pass (test использует default 'tabs' layout, не разломан).
This commit is contained in:
@@ -995,6 +995,7 @@ function DictionaryDetail() {
|
||||
onSubmit={handleSubmit}
|
||||
onCancel={() => setEdit({ kind: 'closed' })}
|
||||
formId="record-form"
|
||||
layout="sections"
|
||||
onDirtyChange={setRecordDirtyCount}
|
||||
/>
|
||||
)}
|
||||
@@ -1031,6 +1032,7 @@ function DictionaryDetail() {
|
||||
onSubmit={handleSubmit}
|
||||
onCancel={() => setEdit({ kind: 'closed' })}
|
||||
formId="record-form"
|
||||
layout="sections"
|
||||
onDirtyChange={setRecordDirtyCount}
|
||||
/>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user