Компоненты

@open-pencil/vue предоставляет headless-структурные примитивы для подключения холста, навигационного UI, панелей свойств и специализированных элементов ввода.

Основные примитивы редактора

CanvasRoot

Headless-структура холста и контекст.

CanvasSurface

Примитив элемента canvas, привязанный к контексту CanvasRoot.

LayerTreeRoot

Headless-примитив дерева слоёв.

LayerTreeItem

Примитив одной строки дерева слоёв.

ToolbarRoot

Headless-примитив тулбара.

ToolbarItem

Примитив одного инструмента тулбара.

PageListRoot

Headless-примитив списка страниц.

Примитивы панели свойств

PropertyListRoot

Headless-примитив списка свойств.

PropertyListItem

Примитив одной строки заливок, обводок или эффектов.

PositionControlsRoot

Элементы управления позицией, размером и трансформацией.

LayoutControlsRoot

Элементы управления автолейаутом и размерами.

AppearanceControlsRoot

Элементы управления прозрачностью, видимостью и радиусом углов.

TypographyControlsRoot

Элементы управления шрифтом, выравниванием и форматированием.

Пикеры и элементы ввода

ColorPickerRoot

Headless-примитив пикера цвета с поповером.

ColorInputRoot

Headless-хелпер для ввода цвета.

FillPickerRoot

Headless-примитив пикера заливки с поповером.

FontPickerRoot

Headless-примитив пикера шрифта с поиском.

GradientEditorRoot

Корневой примитив редактора градиента.

GradientEditorBar

Перетаскиваемый примитив полосы градиента.

GradientEditorStop

Примитив одной точки градиента.

ScrubInputRoot

Корневой примитив числового ввода с перетаскиванием.

ScrubInputField

Примитив редактируемого поля ввода.

ScrubInputDisplay

Примитив отображения без редактирования.