openpencil/packages/docs/fr/programmable/sdk/api/composables/use-selection-capabilities.md

title	description
useSelectionCapabilities	Dérive des booléens adaptés aux commandes pour les UI et actions pilotées par la sélection.

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