useSelectionCapabilities

useSelectionCapabilities() expose des booléens réactifs indiquant si les actions éditeur courantes sont actuellement autorisées.

Utilisez-le pour construire :

• des menus
• des barres d'outils
• des raccourcis clavier
• des boutons d'action
• des panneaux contextuels

Utilisation

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

const caps = useSelectionCapabilities()

Exemple de base

<script setup lang="ts">
import { useSelectionCapabilities } from '@open-pencil/vue'

const { canDelete, canDuplicate, canCreateComponent } = useSelectionCapabilities()
</script>

<template>
  <div class="flex gap-2">
    <button :disabled="!canDuplicate">Dupliquer</button>
    <button :disabled="!canDelete">Supprimer</button>
    <button :disabled="!canCreateComponent">Créer un composant</button>
  </div>
</template>

Exemples pratiques

Conditionner les entrées de menu

const { canMoveToPage, canGoToMainComponent } = useSelectionCapabilities()

Activer les commandes de zoom uniquement quand utile

const { canZoomToSelection } = useSelectionCapabilities()

API associées

• useSelectionState
• useEditorCommands