useEffectsControls
useEffectsControls() è il composable delle proprietà degli effetti usato dai pannelli degli effetti.
Fornisce helper per:
- effetti predefiniti
- logica per ombre vs sfocature
- stato degli elementi espansi
- modifica con anteprima scrub
- aggiornamenti con commit al completamento
- modifiche al tipo e al colore degli effetti
Utilizzo
ts
import { useEffectsControls } from '@open-pencil/vue'
const effects = useEffectsControls()Esempio base
ts
const { effectOptions, createDefaultEffect, toggleExpand, scrubEffect, commitEffect } = useEffectsControls()Esempi pratici
Aggiungi un effetto predefinito
ts
const effect = effects.createDefaultEffect()Anteprima con scrub, poi commit
ts
effects.scrubEffect(node, index, { radius: 12 })
effects.commitEffect(node, index, { radius: 12 })