Тема
NovaNode
Контракт node, options, events, dirty и render methods.
Практическая схема
- Документация: NovaCore.
- Раздел: Справочник.
- Тема страницы:
NovaNode. - Переключатель TypeScript / DSL находится в панели навигации; вкладка
Кодв примере показывает файлы выбранного подхода.
node · @endge/nova
NovaNode
Базовый runtime-объект scene graph: transform, lifecycle, render, dirty flags и input handlers.
class NovaNode<E extends EventList> extends RaphNode<NovaNodeProperties>Properties
| Поле | Тип | Описание |
|---|---|---|
x, y | number | Локальная позиция node. |
width, height | number | Логический размер и fallback bounds. |
scaleX, scaleY, rotation | number | Transform-свойства matrix phase. |
active, visible | boolean | Вычисляются с учетом parent state и управляют update/render/input. |
interactive | boolean | Позволяет node участвовать в input registry. |
Methods
| Поле | Тип | Описание |
|---|---|---|
options(opts) | this | Массово обновляет свойства node, включая zIndex через weight. |
dirty(flags) | void | Помечает update/matrix/render phases dirty. |
render() | void | Переопределяется в наследниках для отрисовки schema. |
setLocalRenderBounds(bounds) | this | Задает точные bounds для culling и hit-test. |
toLocal(gx, gy) | [number, number] | Переводит координаты canvas в local coordinates node. |
Events
| Поле | Тип | Описание |
|---|---|---|
on(type, handler) | void | Подписка на bubble phase. |
onCapture(type, handler) | void | Подписка на capture phase. |
capturePointer(event) | void | Удерживает pointer на node во время drag. |
focus(event, scope) | void | Ставит focus в default или named scope. |
select(options, event) | void | Добавляет node в selection scope. |
Как применять
Используйте страницу как короткую рабочую заметку: сначала определите границу ответственности, затем откройте пример и сравните TypeScript-реализацию с DSL-описанием. Runtime-код остается в Nova-слое, а Vue отвечает только за mount, layout shell и cleanup.