openpencil/packages/docs/es/programmable/sdk/api/composables/use-menu-model.md
Danila Poyarkov 14325280d9 docs(i18n): translate all missing pages to 6 languages
- 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.
2026-04-22 18:35:22 +03:00

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 / Mostrar
  • Bloquear / Desbloquear

APIs relacionadas