Skip to content

Main Navigation Configurator Advanced Raph Nova Cookbook

Тема

Sidebar Navigation

NovaCore

Начало

Что такое Nova

Первый NovaApp

TypeScript и DSL

Основные понятия

NovaApp

Сцена

Surface и слои

Node и дерево сцены

Жизненный цикл объектов

Отрисовка

Schema primitives

Text, icons и texture

Assets v2

Bounds, transform и zIndex

Raw schema

Custom nodes

Порядок отрисовки

Взаимодействие

Pointer events

Drag lifecycle

Pointer capture

Hit-test

Focus и keyboard

Selection

Cursor state

DSL и стили

Зачем нужен DSL

Файлы `.nova`

DSL entrypoint

Реактивность DSL

NovaCSS

Scoped styles

Selectors

Theme tokens

Validation

Debug generated output

Организация приложения

Canvas во Vue

Структура сцен

Структура nodes

Assets и resources

Cleanup и destroy

Error handling

Справочник

`NovaApp`

`NovaScene`

`NovaSurface`

`NovaNode`

Контракты schema

Контракты событий

Theme API

Package exports

NovaUIKit

Начало

Что такое Nova UI Kit

Первый компонент

TypeScript и DSL

Интеграция с NovaCore

Основы

Root

Layout model

Style properties

Theme tokens

Events

Lifecycle

Примитивы layout

Surface

Panel

Flex

Grid

Stack

Spacer

Текст и display

TextBlock

Label

Tag

Chip

Icon

Badge

ProgressRing

Tooltip content

Действия и controls

Button

ActionList

Toggle

Checkbox

Slider

SegmentedControl

Input-like controls

Scroll и overlay

ScrollArea

Scrollbar

Tooltip

Popover

Overlay registry

Dialog

Toast

Overlay layer

Portal strategy

Resizer primitives

LazyResizer

RowResizer

ColResizer

Split panels

Resize constraints

Motion и Sound

Жизненный цикл motion

Tween

Timeline

Presets

Sound descriptors

Playback lifecycle

Accessibility

Focus model

Keyboard scopes

Selection

Cursor declarations

ARIA strategy

Canvas limitations

Компоненты данных

TimelineChart

TimelineChart v2

Data model

Templates

Справочник

Контракты UI Kit

Props

Events

Style properties

Theme tokens

Package exports

NovaAdvanced

Render pipeline

Scheduler и frame phases

Compile

Replay

Ordered schema

Retained runtime

Оптимизация отрисовки

Dirty subtree

Culling

Batching

Render targets

DPR и memory limits

Renderer backend

Canvas2D backend

WebGL2 backend

Renderer fallback

Context lifecycle

Backend diagnostics

Индексы и hit-test

Spatial index

Bounds index

Custom hit area

Dense scenes

Hit-test performance

Resources

Text atlas

Texture atlas

Image cache

Sound cache

Assets preload

Runtime context

Raph data flow

Provide / inject

Scoped cleanup

Shared kernel

Timeline invalidation scope

Performance

Runtime metrics

Telemetry

Benchmark methodology

Nova vs Pixi

Memory profiling

DevTools

Runtime bridge

Tree inspection

Styles inspection

Renderer diagnostics

Limitations

Timeline chart

Начало

Быстрый старт

Опции

Данные timeline

Группы

Задачи

Фоновые задачи

Points и links

Annotations routing

Задачи без группы

Перетаскивание задач

API

Подключение API

data

options

add

update

remove

batch

schedule updates

flush behavior

focusOnTask

selectTasks

refresh

Error handling

Кастомизация

Task profiles

Task template context

Task recipes

Annotation profiles

Group column templates

Group header templates

Tooltip templates

Cluster templates

Shadow templates

CSS-переменные

NovaCSS @theme

Панели, Grid и TimeScale

Grid и шкала времени

Themes и styleSheet

Assets

Интерактивность

Pointer events

Selection

Drag lifecycle

Edit modes

Snap при редактировании

Keyboard modifiers

Range changes

Scroll events

Data/options events

Plugins

Plugin API

Markers

Custom overlays

Plugin lifecycle

Plugin events

Performance

Модель производительности

Batch updates

Частые обновления

Большие наборы данных

Rendering optimization

WASM-оптимизации

Text performance

Data optimization

Diagnostics

Практические лимиты

API Reference

Types: TimelineRootData

Types: TimelineGroupInput

Types: TimelineTaskInput

Types: TimelineOptions

Types: TimelineChartRef

Types: Timeline events

Types: Templates

Types: Plugins

Exports

Рецепты

Одна группа и одна задача

Несколько групп и задач

Кастомная карточка задачи

Фоновые интервалы

Readonly timeline

Кастомные колонки групп

Фильтрация групп и задач

Сортировка групп

Программный focus на задачу

Live updates через batch

Частые updates с executor

Markers поверх timeline

Annotations cookbook

Кастомный tooltip

Контекстное меню

Дополнительные материалы

executor

grid

groups

interaction

Обзор options

rendering

scroll

selection

snap

tasks

timeRange

timeScale

timezone и locale

tooltip

ungroupedPanel

viewport

Стабильные id

На этой странице

Text performance

Текст обычно дороже простых rect/line primitives. Используйте ellipsis, LOD и минимальный набор labels для плотных timelines.

Pager

Предыдущая страницаWASM-оптимизации

Следующая страницаData optimization