useSelectionCapabilities

useSelectionCapabilities() espone booleani reattivi che indicano se le azioni comuni dell'editor sono attualmente consentite.

Usalo quando costruisci:

• menu
• toolbar
• scorciatoie da tastiera
• pulsanti di azione
• pannelli contestuali

Utilizzo

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

const caps = useSelectionCapabilities()

Esempio 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">Duplica</button>
    <button :disabled="!canDelete">Elimina</button>
    <button :disabled="!canCreateComponent">Crea componente</button>
  </div>
</template>

Esempi pratici

Condiziona le voci di menu

const { canMoveToPage, canGoToMainComponent } = useSelectionCapabilities()

Abilita i comandi di zoom solo quando utile

const { canZoomToSelection } = useSelectionCapabilities()

API correlate

• useSelectionState
• useEditorCommands