UI 概览

@univerjs-pro/bases-ui 提供 Univer Bases 的授权版浏览器工作台。它负责渲染表与视图导航、网格、看板、日历、甘特图和画廊视图，以及字段编辑器、记录详情面板、菜单和选区状态。

注册工作台

请在 Bases 插件前注册许可证与公式引擎。公式字段使用 @univerjs-pro/engine-formula，不要求应用同时使用 Sheets。

TypeScript

univer.registerPlugin(UniverLicensePlugin, {  license: process.env.CLIENT_LICENSE_TEXT,})univer.registerPlugin(UniverProFormulaEnginePlugin)univer.registerPlugin(UniverRenderEnginePlugin)univer.registerPlugin(UniverUIPlugin, { container: 'app' })univer.registerPlugin(UniverBasesPlugin)univer.registerPlugin(UniverBasesUIPlugin)

导入、样式和语言包配置请参阅安装和基本使用。

配置初始布局

IUniverBaseUIConfig 控制工作台区域，以及启动后首先显示的表和视图。

TypeScript

univer.registerPlugin(UniverBasesUIPlugin, {  workbench: {    header: true,    headerMenu: true,    content: true,    leftSidebar: true,    rightSidebar: false,    rightPanelMode: 'dock',  },  initialState: {    tableId: 'tasks',    viewId: 'kanban',  },})

只读工作台可设置 disableEdit。只有对应 Base 字段需要主应用提供数据时，才配置 attachment、personOptions 或 groupOptions。

你觉得这篇文档如何？