58 lines
1.2 KiB
Markdown
58 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: useExport
|
||
|
|
description: Управление настройками экспорта — масштабом и форматом — для текущего выделения.
|
||
|
|
---
|
||
|
|
|
||
|
|
# useExport
|
||
|
|
|
||
|
|
`useExport()` — компосабл панели экспорта для выбранных узлов.
|
||
|
|
|
||
|
|
Управляет:
|
||
|
|
|
||
|
|
- строками настроек экспорта
|
||
|
|
- id выбранных узлов
|
||
|
|
- именованием экспорта
|
||
|
|
- поддерживаемыми масштабами и форматами
|
||
|
|
|
||
|
|
## Использование
|
||
|
|
|
||
|
|
```ts
|
||
|
|
import { useExport } from '@open-pencil/vue'
|
||
|
|
|
||
|
|
const exportState = useExport()
|
||
|
|
```
|
||
|
|
|
||
|
|
## Базовый пример
|
||
|
|
|
||
|
|
```ts
|
||
|
|
const {
|
||
|
|
settings,
|
||
|
|
nodeName,
|
||
|
|
scales,
|
||
|
|
formats,
|
||
|
|
addSetting,
|
||
|
|
updateScale,
|
||
|
|
updateFormat,
|
||
|
|
} = useExport()
|
||
|
|
```
|
||
|
|
|
||
|
|
## Практические примеры
|
||
|
|
|
||
|
|
### Добавить ещё один пресет экспорта
|
||
|
|
|
||
|
|
```ts
|
||
|
|
exportState.addSetting()
|
||
|
|
```
|
||
|
|
|
||
|
|
### Изменить первый экспорт на 2x WEBP
|
||
|
|
|
||
|
|
```ts
|
||
|
|
exportState.updateScale(0, 2)
|
||
|
|
exportState.updateFormat(0, 'WEBP')
|
||
|
|
```
|
||
|
|
|
||
|
|
## Связанные API
|
||
|
|
|
||
|
|
- [useSelectionState](./use-selection-state)
|
||
|
|
- [useEditor](./use-editor)
|