openpencil/packages/docs/de/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 App- und Canvas-Menümodelle aus dem aktuellen Editor-Zustand erstellen.

useMenuModel

useMenuModel() erstellt übergeordnete Menüstrukturen auf Basis von Editor-Befehlen und Auswahlzustand.

Es ist nützlich, wenn Sie fertig renderbare Menügruppen anstatt manuell zusammengesetzter Befehle möchten.

Verwendung

import { useMenuModel } from '@open-pencil/vue'

const { appMenu, canvasMenu, selectionLabelMenu } = useMenuModel()

Einfaches Beispiel

const { canvasMenu } = useMenuModel()

Rendern Sie canvasMenu.value in Ihre Kontextmenü-Komponente.

Praktische Beispiele

App-artiges Hauptmenü

appMenu gruppiert Einträge in:

  • Bearbeiten
  • Ansicht
  • Objekt
  • Anordnen

Kontextmenü mit Seitenverschiebungen

canvasMenu enthält dynamische Einträge wie „Auf Seite verschieben" basierend auf der aktuellen Auswahl und verfügbaren Seiten.

Auswahlbeschriftungen

selectionLabelMenu gibt kontextsensitive Beschriftungen wie:

  • Ausblenden / Einblenden
  • Sperren / Entsperren

Verwandte APIs