Таблицы
Поддержка таблиц на досках разделена между пакетами модели и пользовательского интерфейса. В браузерных редакторах, где таблицы на холсте доски должны быть доступны для редактирования, зарегистрируйте оба пакета.
Регистрация поддержки таблиц
import { UniverBoardsTablePlugin } from '@univerjs-pro/boards-table'import { UniverBoardsTableUIPlugin } from '@univerjs-pro/boards-table-ui'import BoardsTableUIEnUS from '@univerjs-pro/boards-table-ui/locale/en-US'import '@univerjs-pro/boards-table/facade'import '@univerjs-pro/boards-table-ui/lib/index.css'univer.registerPlugin(UniverBoardsTablePlugin)univer.registerPlugin(UniverBoardsTableUIPlugin)Поддержка мобильных устройств
Сначала настройте мобильный редактор. В коде инициализации режима плагинов на этой странице замените указанные настольные регистрации мобильными экспортами тех же пакетов до открытия документа. Сохраните модели, стили, локализации и импорты Facade; не регистрируйте оба варианта.
| Пакет | Настольная регистрация | Мобильная регистрация |
|---|---|---|
@univerjs-pro/boards-table-ui | UniverBoardsTableUIPlugin | UniverBoardsTableMobileUIPlugin |
Назначение пакетов
@univerjs-pro/boards-tableинтегрирует элементы таблиц с моделью доски.@univerjs-pro/boards-table-uiдобавляет на холст доски отрисовку таблиц и пользовательский интерфейс для их редактирования. Пакет также предоставляет@univerjs-pro/boards-table-ui/locale/*и@univerjs-pro/boards-table-ui/lib/index.cssдля браузерных редакторов.
Данные снимка
Элемент таблицы на доске хранит tableId и общие поля элементов доски. Данные таблицы обрабатываются плагином таблиц, а доступ к ним осуществляется через ресурсы доски.
const table = board.insertTable({ left: 120, top: 120, width: 480, height: 280, rows: 3, columns: 4,})if (!table) throw new Error('Cannot insert Board table')Зарегистрируйте поддержку таблиц, прежде чем открывать снимки с элементами типа table.
Стабильные цвета таблиц
При вставке таблицы Board или изменении её стиля плагин сохраняет разрешённую палитру темы вместе с таблицей. Существующие таблицы сохраняют цвета после смены глобальной темы Univer, а выбор другого стиля создаёт новый снимок темы, принадлежащий таблице.
Насколько полезно это руководство?