14325280d9
- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1.3 KiB
1.3 KiB
| title | description |
|---|---|
| useSelectionCapabilities | Ricava booleani orientati ai comandi per UI e azioni guidate dalla selezione. |
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()