45 lines
974 B
Markdown
45 lines
974 B
Markdown
|
---
|
||
|
|
title: useVariablesEditor
|
||
|
|
description: Compone lo stato del dialogo variabili, le colonne della tabella e il cablaggio della tabella TanStack.
|
||
|
|
---
|
||
|
|
|
||
|
|
# useVariablesEditor
|
||
|
|
|
||
|
|
`useVariablesEditor()` è un composable di livello superiore per il dominio delle variabili, utile per costruire un dialogo o una schermata di modifica delle variabili.
|
||
|
|
|
||
|
|
Combina:
|
||
|
|
|
||
|
|
- stato del dialogo variabili
|
||
|
|
- colonne della tabella variabili
|
||
|
|
- cablaggio di TanStack Vue Table
|
||
|
|
- helper per collezioni e modalità
|
||
|
|
|
||
|
|
## Utilizzo
|
||
|
|
|
||
|
|
```ts
|
||
|
|
const variables = useVariablesEditor({
|
||
|
|
colorInput: ColorInput,
|
||
|
|
icons,
|
||
|
|
fallbackIcon,
|
||
|
|
deleteIcon,
|
||
|
|
})
|
||
|
|
```
|
||
|
|
|
||
|
|
## Cosa restituisce
|
||
|
|
|
||
|
|
Include lo stato del dialogo/tabella di livello inferiore più:
|
||
|
|
|
||
|
|
- `columns`
|
||
|
|
- `table`
|
||
|
|
- `hasCollections`
|
||
|
|
|
||
|
|
## Esempi pratici
|
||
|
|
|
||
|
|
### Costruisci un dialogo variabili
|
||
|
|
|
||
|
|
Usa `useVariablesEditor()` quando vuoi un singolo composable che cabla già la tabella e gli handler delle azioni insieme.
|
||
|
|
|
||
|
|
## API correlate
|
||
|
|
|
||
|
|
- [Panoramica API SDK](../)
|