Компоненты

@open-pencil/vue предоставляет компоненты без встроенного оформления для холста, навигации, панелей свойств и специализированных полей ввода.

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

CanvasRoot

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

CanvasSurface

Элемент canvas, подключённый к CanvasRoot.

LayerTreeRoot

Дерево слоёв без встроенного оформления.

LayerTreeItem

Одна строка дерева слоёв.

ToolbarRoot

Состояние и действия панели инструментов.

ToolbarItem

Один инструмент на панели.

PageListRoot

Список страниц без встроенного оформления.

Панель свойств

PropertySection

Сворачиваемый раздел свойств и пустые состояния.

PropertyGrid

Адаптивная сетка полей и область действий.

SegmentedControl

Доступная группа для выбора значений или отдельных действий.

PropertyListRoot

Список повторяющихся свойств без встроенного оформления.

PropertyListItem

Строка заливки, обводки или эффекта.

PositionControlsRoot

Положение, размер и преобразования.

LayoutControlsRoot

Автоматическая компоновка и режимы размеров.

ConstraintsControlRoot

Ограничения дочернего объекта фрейма и действия над ними.

AppearanceControlsRoot

Прозрачность, видимость и радиус углов.

TypographyControlsRoot

Шрифт, выравнивание и форматирование.

Выбор значений и поля ввода

ColorPickerRoot

Выбор цвета для размещения во всплывающей панели.

ColorInputRoot

Поле ввода цвета без встроенного оформления.

ChannelSlider

Доступный ползунок каналов OkHCL.

FillRoot

Тип заливки и действия преобразования.

FillSwatch

Образец заливки с поддержкой привязки.

FontPickerRoot

Выбор шрифта с поиском.

GradientEditorRoot

Состояние редактора градиента.

GradientEditorBar

Интерактивная полоса градиента.

GradientEditorStop

Одна точка градиента.

NumberField

Числовое поле с перетаскиванием, выражениями и изменением с клавиатуры.

BindableValue

Связь значений с переменными и внешними токенами через поставщика данных.