Présentation de l’interface utilisateur

@univerjs-pro/bases-ui fournit l’espace de travail sous licence de Univer Bases dans le navigateur. Il affiche la navigation des tables et des vues, les vues grille, kanban, calendrier, Gantt et galerie, ainsi que les éditeurs de champs, les détails d’enregistrement, les menus et la sélection.

Enregistrer l’espace de travail

Enregistrez la licence et les moteurs de formule avant les plugins Bases. Les champs de formule utilisent @univerjs-pro/engine-formula ; aucune application Sheets n’est requise.

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)

Consultez Installation et utilisation de base pour les imports, les styles et les langues.

Configurer la disposition initiale

IUniverBaseUIConfig contrôle les zones de l’espace de travail ainsi que la première table et la première vue affichées.

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

Utilisez disableEdit pour un espace en lecture seule. Configurez attachment, personOptions ou groupOptions uniquement si les champs correspondants utilisent des données fournies par l’application hôte.