31 lines
826 B
Markdown
31 lines
826 B
Markdown
|
|
---
|
||
|
|
title: useVariablesDialogState
|
||
|
|
description: Zarządzaj stanem edycji okna dialogowego zmiennych na bazie useVariables().
|
||
|
|
---
|
||
|
|
|
||
|
|
# useVariablesDialogState
|
||
|
|
|
||
|
|
`useVariablesDialogState()` buduje na `useVariables()` i dodaje stan edycji specyficzny dla okna dialogowego do zmiany nazwy kolekcji i zarządzania fokusem.
|
||
|
|
|
||
|
|
Użyj go, gdy budujesz niestandardowe okno dialogowe zmiennych zamiast korzystać tylko z pomocnika `useVariablesEditor()`.
|
||
|
|
|
||
|
|
## Użycie
|
||
|
|
|
||
|
|
```ts
|
||
|
|
import { useVariablesDialogState } from '@open-pencil/vue'
|
||
|
|
|
||
|
|
const variablesDialog = useVariablesDialogState()
|
||
|
|
```
|
||
|
|
|
||
|
|
## Dodaje do useVariables()
|
||
|
|
|
||
|
|
- `editingCollectionId`
|
||
|
|
- `setCollectionInputRef()`
|
||
|
|
- `startRenameCollection()`
|
||
|
|
- `commitRenameCollection()`
|
||
|
|
|
||
|
|
## Powiązane API
|
||
|
|
|
||
|
|
- [useVariables](./use-variables)
|
||
|
|
- [useVariablesEditor](../composables/use-variables-editor)
|