35 lines
3.0 KiB
Markdown
35 lines
3.0 KiB
Markdown
# ResourceRow и ResourceList
|
||
|
||
Владелец 2026-09-05 запросил перенос существующих длинных строк Mission Core
|
||
AI Inference в Node с повторным использованием Design Guideline. Источник:
|
||
ObservatoryWorkspace / observatory-evidence-card. Это выделение существующего
|
||
оформления в общий компонент, без лабораторной модели данных.
|
||
|
||
`ResourceList` содержит обычные `li`; внутри — `ResourceRow` с обязательным
|
||
`title`, опциональными `icon`, `description`, `metadata`, `status`, `actions`.
|
||
Слоты действий принимают канонические Button/IconButton. Клик по всей строке
|
||
не назначается: самостоятельные действия имеют свои доступные подписи и focus.
|
||
|
||
Геометрия источника сохранена: минимум 4.25rem, отступы .7/.85rem, значок
|
||
2.15rem, компактный радиус и существующие токены поверхности/типографики.
|
||
Длинное название переносится; метаданные сокращаются визуально, полный текст
|
||
можно передать через title. На узком экране статус и действия переходят ниже.
|
||
|
||
Состояния поставляет consumer: нормальное, пустой список, загрузка, ошибка,
|
||
недоступное действие. Pending отмечается aria-busy и ActivityIndicator;
|
||
disabled и keyboard/focus остаются у общего контрола. Строка не объявляет
|
||
объект доступным или подключённым самостоятельно.
|
||
|
||
Пример находится в живом каталоге, раздел «Контролы → Строки ресурсов».
|
||
|
||
Для длительных операций с линейной индикацией используйте `progress`
|
||
(ProgressBar: label, value, valueText). Он заменяет status, оставляет действия
|
||
справа и занимает промежуток после названия.
|
||
|
||
`statusPlacement="leading"` размещает компактный индикатор после иконки и
|
||
перед всем текстовым блоком, с выравниванием по вертикальному центру строки.
|
||
По умолчанию остаётся `trailing` перед действиями. Статус не дублируется;
|
||
во время `progress` он скрыт в любом положении. Для одной лампы используйте
|
||
StatusBadge variant="indicator" с aria-label и title. Это согласованное
|
||
06.09.2026 расположение индикатора устройств Mission Core / Node.
|