31 lines
1.1 KiB
Markdown
31 lines
1.1 KiB
Markdown
|
---
|
|||
|
|
title: useVariablesDialogState
|
|||
|
|
description: Управление состоянием редактирования диалога переменных поверх useVariables().
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# useVariablesDialogState
|
|||
|
|
|
|||
|
|
`useVariablesDialogState()` строится на `useVariables()` и добавляет специфичное для диалога состояние редактирования для переименования коллекций и управления фокусом.
|
|||
|
|
|
|||
|
|
Используйте его при создании кастомного диалога переменных, а не только потреблении комбинированного хелпера `useVariablesEditor()`.
|
|||
|
|
|
|||
|
|
## Использование
|
|||
|
|
|
|||
|
|
```ts
|
|||
|
|
import { useVariablesDialogState } from '@open-pencil/vue'
|
|||
|
|
|
|||
|
|
const variablesDialog = useVariablesDialogState()
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Добавляет к useVariables()
|
|||
|
|
|
|||
|
|
- `editingCollectionId`
|
|||
|
|
- `setCollectionInputRef()`
|
|||
|
|
- `startRenameCollection()`
|
|||
|
|
- `commitRenameCollection()`
|
|||
|
|
|
|||
|
|
## Связанные API
|
|||
|
|
|
|||
|
|
- [useVariables](./use-variables)
|
|||
|
|
- [useVariablesEditor](../composables/use-variables-editor)
|