Composants

@open-pencil/vue expose des primitives structurelles headless pour le câblage canvas, l'UI de navigation, les panneaux de propriétés et les contrôles de saisie spécialisés.

Primitives d'éditeur essentielles

CanvasRoot

Structure canvas headless et contexte.

CanvasSurface

Primitive élément canvas lié au contexte CanvasRoot.

LayerTreeRoot

Primitive headless pour l'arbre des calques.

LayerTreeItem

Primitive pour une ligne de l'arbre des calques.

ToolbarRoot

Primitive headless pour la barre d'outils.

ToolbarItem

Primitive pour un outil individuel de la barre d'outils.

PageListRoot

Primitive headless pour la liste des pages.

Primitives de panneau de propriétés

PropertyListRoot

Primitive headless pour les listes de propriétés.

PropertyListItem

Primitive pour une ligne de remplissages, contours ou effets.

PositionControlsRoot

Contrôles de position, taille et transformation.

LayoutControlsRoot

Contrôles d'auto-layout et de dimensionnement.

AppearanceControlsRoot

Contrôles d'opacité, visibilité et rayon de coin.

TypographyControlsRoot

Contrôles de police, alignement et mise en forme.

Sélecteurs et champs de saisie

ColorPickerRoot

Primitive de sélecteur de couleur basé sur un popover.

ColorInputRoot

Helper headless pour la saisie de couleur.

FillPickerRoot

Primitive de sélecteur de remplissage basé sur un popover.

FontPickerRoot

Primitive de sélecteur de police avec recherche.

GradientEditorRoot

Primitive racine pour l'édition de dégradés.

GradientEditorBar

Primitive de barre de dégradé déplaçable.

GradientEditorStop

Primitive pour un point d'arrêt de dégradé.

ScrubInputRoot

Racine d'entrée numérique par glissement.

ScrubInputField

Primitive de champ de saisie en mode édition.

ScrubInputDisplay

Primitive d'affichage en mode non-édition.