Тема
Контракты UI Kit
Общие контракты primitives, layout и controls.
Практическая схема
- Документация: NovaUIKit.
- Раздел: Справочник.
- Тема страницы: Контракты UI Kit.
- Переключатель TypeScript / DSL находится в панели навигации; вкладка
Кодв примере показывает файлы выбранного подхода.
ui-kit · @endge/nova-ui-kit
LazyResizer
Reusable Nova node for panel resizing with wider hit bounds than visual line.
class LazyResizer<E extends EventList> extends NovaNode<E>Options
| Поле | Тип | Описание |
|---|---|---|
directionrequired | 'top' | 'right' | 'bottom' | 'left' | Сторона, по которой работает resize. |
minSize / maxSizerequired | number | Ограничения размера при drag. |
lineWidth | number1 | Визуальная толщина line. |
lineWidthHover | number10 | Толщина hit zone. |
activeOverlayColor | string | Цвет overlay во время drag. |
Callbacks
| Поле | Тип | Описание |
|---|---|---|
onChangeStart | (event) => void | Точка подключения внешней модели перед resize. |
onChangeMove | (event, delta) => void | Синхронизация во время drag. |
onChangeEnd | (event, size) => void | Финальный размер после drag. |
Как применять
Используйте страницу как короткую рабочую заметку: сначала определите границу ответственности, затем откройте пример и сравните TypeScript-реализацию с DSL-описанием. Runtime-код остается в Nova-слое, а Vue отвечает только за mount, layout shell и cleanup.