useEffectsControls

useEffectsControls() es el composable de propiedades de efectos usado por los paneles de efectos.

Proporciona helpers para:

• efectos por defecto
• lógica de sombra vs desenfoque
• estado de elementos expandidos
• edición mediante arrastre con vista previa
• actualizaciones de confirmación al terminar
• cambios de tipo de efecto y color

Uso

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

const effects = useEffectsControls()

Ejemplo básico

const { effectOptions, createDefaultEffect, toggleExpand, scrubEffect, commitEffect } = useEffectsControls()

Ejemplos prácticos

Añadir un efecto por defecto

const effect = effects.createDefaultEffect()

Previsualizar cambios con arrastre y luego confirmar

effects.scrubEffect(node, index, { radius: 12 })
effects.commitEffect(node, index, { radius: 12 })

APIs relacionadas

• PropertyListRoot