useMenuModel
useMenuModel() construit des structures de menu de plus haut niveau au-dessus des commandes éditeur et de l'état de sélection.
Il est utile quand vous voulez des groupes de menu prêts à l'affichage plutôt que de composer les commandes manuellement.
Utilisation
ts
import { useMenuModel } from '@open-pencil/vue'
const { appMenu, canvasMenu, selectionLabelMenu } = useMenuModel()Exemple de base
ts
const { canvasMenu } = useMenuModel()Affichez canvasMenu.value dans votre composant de menu contextuel.
Exemples pratiques
Menu principal en style applicatif
appMenu regroupe les entrées en :
- Édition
- Vue
- Objet
- Disposition
Menu contextuel avec déplacements entre pages
canvasMenu inclut des éléments dynamiques comme « Déplacer vers la page » selon la sélection courante et les pages disponibles.
Libellés de sélection
selectionLabelMenu expose des libellés sensibles au contexte comme :
Masquer/AfficherVerrouiller/Déverrouiller