- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1.2 KiB
1.2 KiB
| title | description |
|---|---|
| useMenuModel | Construye modelos de menú de la app y del canvas a partir del estado actual del editor. |
useMenuModel
useMenuModel() construye estructuras de menú de alto nivel sobre los comandos del editor y el estado de la selección.
Es útil cuando quieres grupos de menú listos para renderizar en lugar de componer comandos manualmente.
Uso
import { useMenuModel } from '@open-pencil/vue'
const { appMenu, canvasMenu, selectionLabelMenu } = useMenuModel()
Ejemplo básico
const { canvasMenu } = useMenuModel()
Renderiza canvasMenu.value en tu componente de menú contextual.
Ejemplos prácticos
Menú superior de estilo app
appMenu agrupa las entradas en:
- Editar
- Ver
- Objeto
- Organizar
Menú contextual con movimiento de páginas
canvasMenu incluye elementos dinámicos como "Mover a página" según la selección actual y las páginas disponibles.
Etiquetas de selección
selectionLabelMenu expone etiquetas sensibles al contexto como:
Ocultar/MostrarBloquear/Desbloquear