useMenuModel
useMenuModel() erzeugt renderbereite Menüs aus Editor commands und der aktuellen Selection. Dadurch müssen einzelne Commands nicht für jedes Menü erneut zusammengesetzt werden.
Verwendung
ts
import { useMenuModel } from '@open-pencil/vue'
const { appMenu, canvasMenu, selectionLabelMenu } = useMenuModel()Beispiel
ts
const { canvasMenu } = useMenuModel()canvasMenu.value an einen eigenen Context-menu component übergeben.
Application menu
appMenu gruppiert Einträge in:
- Edit;
- View;
- Object;
- Arrange.
Kontextmenü
canvasMenu enthält vom State abhängige Einträge, zum Beispiel Move to page mit den verfügbaren Pages.
Labels für die Selection
selectionLabelMenu liefert die passende Variante:
- Hide oder Show;
- Lock oder Unlock.