useMenuModel
useMenuModel() buduje wyższopoziomowe struktury menu na bazie poleceń edytora i stanu selekcji.
Przydatny, gdy chcesz gotowe do renderowania grupy menu zamiast ręcznego komponowania poleceń.
Użycie
ts
import { useMenuModel } from '@open-pencil/vue'
const { appMenu, canvasMenu, selectionLabelMenu } = useMenuModel()Podstawowy przykład
ts
const { canvasMenu } = useMenuModel()Renderuj canvasMenu.value do swojego komponentu menu kontekstowego.
Przykłady praktyczne
Menu górne w stylu aplikacji
appMenu grupuje wpisy w:
- Edycja
- Widok
- Obiekt
- Ułóż
Menu kontekstowe z przenoszeniem stron
canvasMenu zawiera dynamiczne elementy jak "Przenieś na stronę" na podstawie bieżącej selekcji i dostępnych stron.
Etykiety selekcji
selectionLabelMenu udostępnia kontekstowe etykiety jak:
Ukryj/PokażZablokuj/Odblokuj