Componentes

@open-pencil/vue expone primitivos estructurales headless para el cableado del canvas, la UI de navegación, los paneles de propiedades y los controles de entrada enfocados.

Primitivos principales del editor

CanvasRoot

Estructura y contexto headless del canvas.

CanvasSurface

Primitivo de elemento canvas vinculado al contexto de CanvasRoot.

LayerTreeRoot

Primitivo headless del árbol de capas.

LayerTreeItem

Primitivo de fila individual del árbol de capas.

ToolbarRoot

Primitivo headless de la barra de herramientas.

ToolbarItem

Primitivo de herramienta individual de la barra de herramientas.

PageListRoot

Primitivo headless de la lista de páginas.

Primitivos del panel de propiedades

PropertyListRoot

Primitivo headless de lista de propiedades.

PropertyListItem

Primitivo de fila individual de rellenos, trazos o efectos.

PositionControlsRoot

Controles de posición, tamaño y transformación.

LayoutControlsRoot

Controles de auto-layout y tamaño.

AppearanceControlsRoot

Controles de opacidad, visibilidad y radio de esquina.

TypographyControlsRoot

Controles de fuente, alineación y formato.

Selectores e inputs

ColorPickerRoot

Primitivo de selector de color basado en popover.

ColorInputRoot

Helper headless de input de color.

FillPickerRoot

Primitivo de selector de relleno basado en popover.

FontPickerRoot

Primitivo de selector de fuente con búsqueda.

GradientEditorRoot

Primitivo raíz para la edición de degradados.

GradientEditorBar

Primitivo de barra de degradado arrastrable.

GradientEditorStop

Primitivo de parada de degradado individual.

ScrubInputRoot

Raíz del input numérico con arrastre para ajustar.

ScrubInputField

Primitivo del campo de input editable.

ScrubInputDisplay

Primitivo de visualización en modo no edición.