Итого:
``` Замените `book` и `sheet` реальными разрешёнными ID и загрузите шаблон через Renderer. Формулы определяются в Sheet, страница читает результаты. Поддерживаются текстовые и числовые поля, ползунки, флажки, textarea и одиночный выбор с подходящими типами значений. ## Графики и действия через JavaScript Среда страницы предоставляет `window.univerBinding` до запуска скриптов шаблона. Объявите диапазон графика через `data-univer-range-subscribe`, затем получайте матрицу в `subscribeRangeById(elementId, callback)` и обновляйте график. Для одиночных значений используйте `subscribeCellById()`. `getCellState()` / `getRangeState()` читают состояние однократно, `setCellValue()` записывает скаляр, `insertRowsWithValues()` вставляет строки с данными. Подписки сначала выдают текущее состояние, затем реальные изменения значений. Обновления вызывают локальные и совместные правки и применение результатов формул. Ссылки используют фиксированные координаты и не следуют за исходной записью после вставки или удаления строк и столбцов. Запись скаляра заменяет формулы или форматированный текст, поэтому привязывайте ячейки бизнес-ввода. ## Подключение хоста и Agent Приложение предоставляет контейнер, HTML и `loadEngine`. Загрузчик проверяет доступ к Unit, настраивает совместную работу и возвращает загруженный Engine. Renderer управляет изолированной страницей, сообщениями и полученными Engines. Эта функция принимает три входных параметра: ```ts import { renderHtmlView, type RenderHtmlViewOptions, } from '@univerjs-labs/html-view-renderer/render'; export function createPreview( container: HTMLElement, html: string, loadEngine: RenderHtmlViewOptions['loadEngine'], ) { return renderHtmlView({ container, html, loadEngine }); } ``` Генерация шаблонов, редактирование кода, хранение файлов и навигация принадлежат приложению. Agent может создавать HTML с привязками к данным и расчётам Sheet. `view.inspect.open()` показывает связи Unit → Sheet → ссылка → элемент страницы. Учётные данные совместной работы остаются у хоста, сервер проверяет доступ. UI Sheet и Headless Engine размещаются в разных JavaScript-средах, например на отдельных страницах или в iframe. Текущие пакеты ориентированы на Sheet. ## Локальное обновление и подтверждение сохранения | Операция | Значение | | --- | --- | | Запись страницы завершена | Локальная операция выполнена; серверное подтверждение может ещё ожидаться. | | `await view.flush()` | Отправить черновики ввода, дождаться предыдущих записей и подтверждения, затем продолжить редактирование. | | `await view.prepareToLeave()` | Приостановить редактирование и сохранить. После успеха выйти; при отмене вызвать `view.resume()`. | | `view.dispose()` | Освободить соединения, Engines и подписки; автоматического сохранения нет. | Подписки обновляют отображаемые значения после применения результатов формул. При ошибке сохранения оставьте страницу открытой и повторите сохранение. Завершённая локальная запись сама по себе не означает сохранение данных. ## Дальнейшая интеграция - [Репозиторий и описание SDK](https://github.com/dream-num/univer-data-binding-sdk) - [API Binding Engine](https://github.com/dream-num/univer-data-binding-sdk/blob/main/packages/binding-engine/README.md) - [HTML-атрибуты привязки](https://github.com/dream-num/univer-data-binding-sdk/blob/main/packages/html-view/README.md) - [Интеграция Renderer](https://github.com/dream-num/univer-data-binding-sdk/blob/main/packages/html-view-renderer/README.md) - [JavaScript API страницы](https://github.com/dream-num/univer-data-binding-sdk/blob/main/packages/html-view-renderer/docs/javascript-api.md) Связанные возможности: [работа без интерфейса и серверные расчёты](https://docs.univer.ai/ru-RU/overview/features/shared/server-calculation.md) · [совместная работа](https://docs.univer.ai/ru-RU/overview/features/shared/collaboration.md) · [Agent и автоматизация](https://docs.univer.ai/ru-RU/overview/features/shared/agents.md). [Ко всем возможностям](https://docs.univer.ai/ru-RU/overview/features.md)