@univerjs/ui 0.2.10 → 0.2.12

package/lib/locale/en-US.json

@@ -1,13 +1,13 @@
 {
-  "uiToolbar": {
+  "ribbon": {
     "start": "Start",
     "insert": "Insert",
     "formulas": "Formulas",
     "data": "Data",
     "view": "View",
-    "others": "Others"
+    "others": "Others",
+    "more": "More"
   },
-  "more": "More",
   "fontFamily": {
     "TimesNewRoman": "Times New Roman",
     "Arial": "Arial",

package/lib/locale/ru-RU.json

@@ -1,13 +1,13 @@
 {
-  "uiToolbar": {
+  "ribbon": {
     "start": "Начало",
     "insert": "Вставка",
     "formulas": "Формулы",
     "data": "Данные",
     "view": "Вид",
-    "others": "Другие"
+    "others": "Другие",
+    "more": "Больше"
   },
-  "more": "Больше",
   "fontFamily": {
     "TimesNewRoman": "Times New Roman",
     "Arial": "Arial",

package/lib/locale/vi-VN.json

@@ -1,13 +1,13 @@
 {
-  "uiToolbar": {
+  "ribbon": {
     "start": "Bắt đầu",
     "insert": "Chèn",
     "formulas": "Công thức",
     "data": "Dữ liệu",
     "view": "Xem",
-    "others": "Khác"
+    "others": "Khác",
+    "more": "Thêm"
   },
-  "more": "Thêm",
   "fontFamily": {
     "TimesNewRoman": "Times New Roman",
     "Arial": "Arial",

package/lib/locale/zh-CN.json

@@ -1,13 +1,13 @@
 {
-  "uiToolbar": {
+  "ribbon": {
     "start": "开始",
     "insert": "插入",
     "formulas": "公式",
     "data": "数据",
     "view": "视图",
-    "others": "其他"
+    "others": "其他",
+    "more": "更多"
   },
-  "more": "更多",
   "fontFamily": {
     "TimesNewRoman": "Times New Roman",
     "Arial": "Arial",

package/lib/locale/zh-TW.json

@@ -1,13 +1,13 @@
 {
-  "uiToolbar": {
+  "ribbon": {
     "start": "開始",
     "insert": "插入",
     "formulas": "公式",
     "data": "資料",
     "view": "視圖",
-    "others": "其他"
+    "others": "其他",
+    "more": "更多"
   },
-  "more": "更多",
   "fontFamily": {
     "TimesNewRoman": "Times New Roman",
     "Arial": "Arial",

package/lib/types/components/menu/desktop/Menu.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { IValueOption } from '../../../services/menu/menu.ts';
+import { IValueOption } from '../../../services/menu/menu';
 export interface IBaseMenuProps {
     parentKey?: string | number;
-    menuType?: string | string[];
+    menuType?: string;
     value?: string | number;
     options?: IValueOption[];
     /**

package/lib/types/controllers/config.schema.d.ts

@@ -0,0 +1,12 @@
+import { DependencyOverride } from '@univerjs/core';
+import { MenuConfig } from '../services/menu/menu';
+import { IWorkbenchOptions } from './ui/ui.controller';
+export declare const PLUGIN_CONFIG_KEY = "ui.config";
+export declare const configSymbol: unique symbol;
+export interface IUniverUIConfig extends IWorkbenchOptions {
+    /** Disable auto focus when Univer bootstraps. */
+    disableAutoFocus?: true;
+    override?: DependencyOverride;
+    menu?: MenuConfig;
+}
+export declare const defaultPluginConfig: IUniverUIConfig;

package/lib/types/controllers/menus/menu.schema.d.ts

@@ -0,0 +1,2 @@
+import { MenuSchemaType } from '../../services/menu/menu-manager.service';
+export declare const menuSchema: MenuSchemaType;

package/lib/types/controllers/shared-shortcut.controller.d.ts

@@ -1,7 +1,5 @@
-import { Disposable, ICommandService, Injector } from '@univerjs/core';
-import { IMenuService } from '../services/menu/menu.service';
+import { Disposable, ICommandService } from '@univerjs/core';
 import { IShortcutItem, IShortcutService } from '../services/shortcut/shortcut.service';
-import { IUniverUIConfig } from './ui/ui.controller';
 export declare const CopyShortcutItem: IShortcutItem;
 export declare const CutShortcutItem: IShortcutItem;
 /**
@@ -14,14 +12,10 @@ export declare const RedoShortcutItem: IShortcutItem;
  * Define shared UI behavior across Univer business. Including undo / redo and clipboard operations.
  */
 export declare class SharedController extends Disposable {
-    private readonly _config;
-    private readonly _injector;
-    private readonly _menuService;
     private readonly _shortcutService;
     private readonly _commandService;
-    constructor(_config: Pick<IUniverUIConfig, 'menu'> | undefined, _injector: Injector, _menuService: IMenuService, _shortcutService: IShortcutService, _commandService: ICommandService);
+    constructor(_shortcutService: IShortcutService, _commandService: ICommandService);
     initialize(): void;
-    private _registerMenus;
     private _registerCommands;
     private _registerShortcuts;
 }

package/lib/types/controllers/shortcut-display/shortcut-panel.controller.d.ts

@@ -1,12 +1,11 @@
 import { Disposable, ICommandService, Injector } from '@univerjs/core';
 import { ComponentManager } from '../../common/component-manager';
-import { IMenuService } from '../../services/menu/menu.service';
 import { IShortcutService } from '../../services/shortcut/shortcut.service';
-import { IUniverUIConfig } from '../ui/ui.controller';
+import { IMenuManagerService } from '../../services/menu/menu-manager.service';
 /**
  * This controller add a side panel to the application to display the shortcuts.
  */
 export declare class ShortcutPanelController extends Disposable {
-    private readonly _config;
-    constructor(_config: Partial<IUniverUIConfig>, injector: Injector, componentManager: ComponentManager, shortcutService: IShortcutService, menuService: IMenuService, commandService: ICommandService);
+    private readonly _menuManagerService;
+    constructor(injector: Injector, componentManager: ComponentManager, shortcutService: IShortcutService, _menuManagerService: IMenuManagerService, commandService: ICommandService);
 }

package/lib/types/controllers/ui/ui-desktop.controller.d.ts

@@ -1,8 +1,9 @@
-import { Disposable, IConfigService, Injector, IUniverInstanceService, LifecycleService } from '@univerjs/core';
+import { Disposable, Injector, IUniverInstanceService, LifecycleService } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { ILayoutService } from '../../services/layout/layout.service';
 import { IUIPartsService } from '../../services/parts/parts.service';
-import { IUniverUIConfig } from './ui.controller';
+import { IUniverUIConfig } from '../config.schema';
+import { IMenuManagerService } from '../../services/menu/menu-manager.service';
 export declare class DesktopUIController extends Disposable {
     private readonly _config;
     private readonly _renderManagerService;
@@ -10,10 +11,12 @@ export declare class DesktopUIController extends Disposable {
     private readonly _injector;
     private readonly _lifecycleService;
     private readonly _uiPartsService;
-    private readonly _configService;
+    private readonly _menuManagerService;
     private readonly _layoutService?;
     private _steadyTimeout;
-    constructor(_config: IUniverUIConfig, _renderManagerService: IRenderManagerService, _instanceSrv: IUniverInstanceService, _injector: Injector, _lifecycleService: LifecycleService, _uiPartsService: IUIPartsService, _configService: IConfigService, _layoutService?: ILayoutService | undefined);
+    private _renderTimeout;
+    constructor(_config: IUniverUIConfig, _renderManagerService: IRenderManagerService, _instanceSrv: IUniverInstanceService, _injector: Injector, _lifecycleService: LifecycleService, _uiPartsService: IUIPartsService, _menuManagerService: IMenuManagerService, _layoutService?: ILayoutService | undefined);
+    private _initMenus;
     private _bootstrapWorkbench;
     private _initBuiltinComponents;
 }

package/lib/types/controllers/ui/ui-mobile.controller.d.ts

@@ -2,7 +2,9 @@ import { Disposable, Injector, IUniverInstanceService, LifecycleService } from '
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { ILayoutService } from '../../services/layout/layout.service';
 import { IUIPartsService } from '../../services/parts/parts.service';
-import { IUIController, IUniverUIConfig } from './ui.controller';
+import { IUniverUIConfig } from '../config.schema';
+import { IMenuManagerService } from '../../services/menu/menu-manager.service';
+import { IUIController } from './ui.controller';
 export declare class MobileUIController extends Disposable implements IUIController {
     private readonly _config;
     private readonly _instanceService;
@@ -10,8 +12,10 @@ export declare class MobileUIController extends Disposable implements IUIControl
     private readonly _injector;
     private readonly _lifecycleService;
     private readonly _uiPartsService;
+    private readonly _menuManagerService;
     private readonly _layoutService?;
-    constructor(_config: IUniverUIConfig, _instanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService, _injector: Injector, _lifecycleService: LifecycleService, _uiPartsService: IUIPartsService, _layoutService?: ILayoutService | undefined);
+    constructor(_config: IUniverUIConfig, _instanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService, _injector: Injector, _lifecycleService: LifecycleService, _uiPartsService: IUIPartsService, _menuManagerService: IMenuManagerService, _layoutService?: ILayoutService | undefined);
+    private _initMenus;
     private _bootstrapWorkbench;
     private _initBuiltinComponents;
 }

package/lib/types/controllers/ui/ui.controller.d.ts

@@ -1,5 +1,18 @@
-import { DependencyOverride } from '@univerjs/core';
-import { MenuConfig } from '../../services/menu/menu';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export interface IWorkbenchOptions {
     container?: string | HTMLElement;
     header?: boolean;
@@ -10,10 +23,3 @@ export interface IWorkbenchOptions {
 export interface IUIController {
 }
 export declare const IUIController: import('@univerjs/core').IdentifierDecorator<IUIController>;
-export interface IUniverUIConfig extends IWorkbenchOptions {
-    /** Disable auto focus when Univer bootstraps. */
-    disableAutoFocus?: true;
-    override?: DependencyOverride;
-    menu?: MenuConfig;
-}
-export declare const UI_CONFIG_KEY = "UNIVER_UI_CONFIG_KEY";

package/lib/types/index.d.ts

@@ -21,7 +21,8 @@ export { useObservable } from './components/hooks/observable';
 export { useEvent } from './components/hooks/event';
 export { useVirtualList } from './components/hooks/virtual-list';
 export { CopyShortcutItem, CutShortcutItem, RedoShortcutItem, SharedController, UndoShortcutItem, } from './controllers/shared-shortcut.controller';
-export { UI_CONFIG_KEY, IUIController, type IWorkbenchOptions, type IUniverUIConfig } from './controllers/ui/ui.controller';
+export { IUIController, type IWorkbenchOptions } from './controllers/ui/ui.controller';
+export { type IUniverUIConfig } from './controllers/config.schema';
 export { DesktopUIController } from './controllers/ui/ui-desktop.controller';
 export { IUIPartsService, BuiltInUIPart, UIPartsService } from './services/parts/parts.service';
 export { DesktopBeforeCloseService, IBeforeCloseService } from './services/before-close/before-close.service';
@@ -59,7 +60,7 @@ export { IEditorService, EditorService, Editor } from './services/editor/editor.
 export { TextEditor } from './components/editor/TextEditor';
 export { RangeSelector } from './components/range-selector/RangeSelector';
 export { ProgressBar } from './components/progress-bar/ProgressBar';
-export { type IMenuGroup, useSimpleToolbarGroups, useToolbarGroups, useToolbarItemStatus, useToolbarCollapseObserver } from './views/components/doc-bars/hook';
+export { type IMenuGroup, useSimpleToolbarGroups, useToolbarGroups, useToolbarItemStatus } from './views/components/ribbon/hook';
 export { mergeMenuConfigs } from './common/menu-merge-configs';
 export { ShortcutPanelController } from './controllers/shortcut-display/shortcut-panel.controller';
 export { ShortcutPanelService } from './services/shortcut/shortcut-panel.service';
@@ -71,6 +72,10 @@ export { ErrorController } from './controllers/error/error.controller';
 export { DesktopZenZoneService } from './services/zen-zone/desktop-zen-zone.service';
 export { DesktopLocalStorageService } from './services/local-storage/local-storage.service';
 export { UNI_DISABLE_CHANGING_FOCUS_KEY } from './const';
+export { menuSchema } from './controllers/menus/menu.schema';
+export { IMenuManagerService, type MenuSchemaType, MenuManagerService } from './services/menu/menu-manager.service';
+export { MenuManagerPosition, RibbonPosition, RibbonStartGroup, RibbonInsertGroup, RibbonFormulasGroup, RibbonDataGroup, RibbonViewGroup, RibbonOthersGroup, ContextMenuGroup, ContextMenuPosition, } from './services/menu/types';
+export { type IMenuSchema } from './services/menu/menu-manager.service';
 export { GlobalZone } from './views/components/global-zone/GlobalZone';
 export { builtInGlobalComponents } from './views/parts';
 export { DesktopContextMenu as ContextMenu } from './views/components/context-menu/ContextMenu';
@@ -81,8 +86,8 @@ export { CanvasPopup } from './views/components/popup/CanvasPopup';
 export { CanvasFloatDomService, type IFloatDomLayout } from './services/dom/canvas-dom-layer.service';
 export { FloatDom } from './views/components/dom/FloatDom';
 export { MobileContextMenu } from './views/components/context-menu/MobileContextMenu';
-export { Toolbar } from './views/components/doc-bars/Toolbar';
-export { ToolbarItem } from './views/components/doc-bars/ToolbarItem';
-export { ToolbarButton } from './views/components/doc-bars/Button/ToolbarButton';
+export { Ribbon } from './views/components/ribbon/Ribbon';
+export { ToolbarItem } from './views/components/ribbon/ToolbarItem';
+export { ToolbarButton } from './views/components/ribbon/Button/ToolbarButton';
 export { ToggleShortcutPanelOperation } from './commands/operations/toggle-shortcut-panel.operation';
 export { SetEditorResizeOperation } from './commands/operations/editor/set-editor-resize.operation';

package/lib/types/locale/zh-CN.d.ts

@@ -14,15 +14,15 @@
  * limitations under the License.
  */
 declare const locale: {
-    uiToolbar: {
+    ribbon: {
         start: string;
         insert: string;
         formulas: string;
         data: string;
         view: string;
         others: string;
+        more: string;
     };
-    more: string;
     fontFamily: {
         TimesNewRoman: string;
         Arial: string;

package/lib/types/mobile-ui-plugin.d.ts

@@ -1,11 +1,11 @@
 import { Injector, Plugin } from '@univerjs/core';
-import { IUniverUIConfig } from './controllers/ui/ui.controller';
+import { IUniverUIConfig } from './controllers/config.schema';
 export declare const UNIVER_MOBILE_UI_PLUGIN_NAME = "UNIVER_MOBILE_UI_PLUGIN";
 /**
  * @ignore
  */
 export declare class UniverMobileUIPlugin extends Plugin {
-    private _config;
+    private readonly _config;
     protected readonly _injector: Injector;
     static pluginName: string;
     constructor(_config: IUniverUIConfig, _injector: Injector);

package/lib/types/services/menu/menu-manager.service.d.ts

@@ -0,0 +1,44 @@
+import { IAccessor, Disposable, IConfigService, Injector } from '@univerjs/core';
+import { Observable, Subject } from 'rxjs';
+import { IMenuItem } from '../menu/menu';
+export declare const IMenuManagerService: import('@univerjs/core').IdentifierDecorator<IMenuManagerService>;
+export interface IMenuSchema {
+    key: string;
+    order: number;
+    item?: IMenuItem;
+    children?: IMenuSchema[];
+}
+export interface IMenuManagerService {
+    readonly menuChanged$: Observable<void>;
+    mergeMenu(source: MenuSchemaType, target?: MenuSchemaType): void;
+    appendRootMenu(source: MenuSchemaType): void;
+    getMenuByPositionKey(position: string): IMenuSchema[];
+}
+export type MenuSchemaType = {
+    order?: number;
+    menuItemFactory?: (accessor: IAccessor) => IMenuItem;
+} | {
+    [key: string]: MenuSchemaType;
+};
+export declare class MenuManagerService extends Disposable implements IMenuManagerService {
+    private readonly _injector;
+    private readonly _configService;
+    readonly menuChanged$: Subject<void>;
+    private _menu;
+    constructor(_injector: Injector, _configService: IConfigService);
+    dispose(): void;
+    /**
+     * Merge source menu to target menu recursively
+     * @param source
+     * @param target default is root menu
+     */
+    mergeMenu(source: MenuSchemaType, target?: MenuSchemaType): void;
+    appendRootMenu(source: MenuSchemaType): void;
+    private _buildMenuSchema;
+    /**
+     * Get menu schema by position key
+     * @param key
+     * @returns Menu schema array or empty array if not found
+     */
+    getMenuByPositionKey(key: string): IMenuSchema[];
+}

package/lib/types/services/menu/menu.d.ts

@@ -1,17 +1,19 @@
 import { IAccessor } from '@univerjs/core';
 import { Observable } from 'rxjs';
 export type OneOrMany<T> = T | T[];
+/** @deprecated */
 export declare enum MenuPosition {
     VOID = "void",
-    TOOLBAR_START = "uiToolbar.start",
-    TOOLBAR_INSERT = "uiToolbar.insert",
-    TOOLBAR_FORMULAS = "uiToolbar.formulas",
-    TOOLBAR_DATA = "uiToolbar.data",
-    TOOLBAR_VIEW = "uiToolbar.view",
-    TOOLBAR_OTHERS = "uiToolbar.others",
-    CONTEXT_MENU = "contextMenu",
+    TOOLBAR_START = "ribbon.start",
+    TOOLBAR_INSERT = "ribbon.insert",
+    TOOLBAR_FORMULAS = "ribbon.formulas",
+    TOOLBAR_DATA = "ribbon.data",
+    TOOLBAR_VIEW = "ribbon.view",
+    TOOLBAR_OTHERS = "ribbon.others",
+    CONTEXT_MENU = "contextMenu.mainArea",
     FOOTER = "footer"
 }
+/** @deprecated */
 export declare enum MenuGroup {
     TOOLBAR_HISTORY = 0,
     TOOLBAR_FORMAT = 1,
@@ -53,7 +55,7 @@ interface IMenuItemBase<V> {
     group?: MenuGroup;
     /** In what menu should the item display. */
     /** @deprecated positions will be removed in the future. */
-    positions: OneOrMany<MenuPosition | string>;
+    positions?: OneOrMany<MenuPosition | string>;
     type: MenuItemType;
     /**
      * Custom label component id.
@@ -108,7 +110,7 @@ export interface IMenuSelectorItem<V = MenuItemDefaultValueType, T = undefined>
 }
 export declare function isMenuSelectorItem<T extends MenuItemDefaultValueType>(v: IMenuItem): v is IMenuSelectorItem<T>;
 export type MenuItemDefaultValueType = string | number | undefined;
-export type IMenuItem = IMenuButtonItem<MenuItemDefaultValueType> | IMenuSelectorItem<MenuItemDefaultValueType>;
+export type IMenuItem = IMenuButtonItem<MenuItemDefaultValueType> | IMenuSelectorItem<MenuItemDefaultValueType, any>;
 export type IDisplayMenuItem<T extends IMenuItem> = T & {
     shortcut?: string;
 };

package/lib/types/services/menu/menu.service.d.ts

@@ -1,10 +1,13 @@
-import { Disposable, IDisposable } from '@univerjs/core';
+import { Disposable, ILogService, IDisposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
 import { IShortcutService } from '../shortcut/shortcut.service';
 import { IDisplayMenuItem, IMenuItem, MenuConfig, MenuPosition } from './menu';
+import { IMenuManagerService } from './menu-manager.service';
+/** @deprecated */
 export declare const IMenuService: import('@univerjs/core').IdentifierDecorator<IMenuService>;
 /**
  * Breaking changes to IMenuService are expected in the next version. Use with caution. by @jikkai
+ * @deprecated
  */
 export interface IMenuService {
     menuChanged$: Observable<void>;
@@ -18,8 +21,11 @@ export interface IMenuService {
     /** @deprecated */
     getMenuItem(id: string): IMenuItem | null;
 }
+/** @deprecated */
 export declare class MenuService extends Disposable implements IMenuService {
     private readonly _shortcutService;
+    private readonly _menuManagerService;
+    protected readonly _logService: ILogService;
     /** @deprecated */
     private readonly _menuItemMap;
     /** @deprecated */
@@ -28,7 +34,7 @@ export declare class MenuService extends Disposable implements IMenuService {
     private readonly _menuConfigs;
     private _menuChanged$;
     menuChanged$: Observable<void>;
-    constructor(_shortcutService: IShortcutService);
+    constructor(_shortcutService: IShortcutService, _menuManagerService: IMenuManagerService, _logService: ILogService);
     dispose(): void;
     /** @deprecated */
     addMenuItem(item: IMenuItem, config: MenuConfig): IDisposable;

package/lib/types/services/menu/types.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare enum MenuManagerPosition {
+    RIBBON = "ribbon",
+    CONTEXT_MENU = "contextMenu"
+}
+export declare enum RibbonPosition {
+    START = "ribbon.start",
+    INSERT = "ribbon.insert",
+    FORMULAS = "ribbon.formulas",
+    DATA = "ribbon.data",
+    VIEW = "ribbon.view",
+    OTHERS = "ribbon.others"
+}
+export declare enum RibbonStartGroup {
+    HISTORY = "ribbon.start.history",
+    FORMAT = "ribbon.start.format",
+    LAYOUT = "ribbon.start.layout",
+    FORMULAS_INSERT = "ribbon.start.insert",
+    FORMULAS_VIEW = "ribbon.start.view",
+    FILE = "ribbon.start.file",
+    OTHERS = "ribbon.start.others"
+}
+export declare enum RibbonInsertGroup {
+    OTHERS = "ribbon.insert.others"
+}
+export declare enum RibbonFormulasGroup {
+    OTHERS = "ribbon.formulas.others"
+}
+export declare enum RibbonDataGroup {
+    OTHERS = "ribbon.data.others"
+}
+export declare enum RibbonViewGroup {
+    OTHERS = "ribbon.view.others"
+}
+export declare enum RibbonOthersGroup {
+    OTHERS = "ribbon.others.others"
+}
+export declare enum ContextMenuPosition {
+    MAIN_AREA = "contextMenu.mainArea",
+    COL_HEADER = "contextMenu.colHeader",
+    ROW_HEADER = "contextMenu.rowHeader",
+    FOOTER_TABS = "contextMenu.footerTabs",
+    FOOTER_MENU = "contextMenu.footerMenu"
+}
+export declare enum ContextMenuGroup {
+    FORMAT = "contextMenu.format",
+    LAYOUT = "contextMenu.layout",
+    DATA = "contextMenu.data",
+    OTHERS = "contextMenu.others"
+}

package/lib/types/ui-plugin.d.ts

@@ -1,15 +1,16 @@
-import { IContextService, Injector, Plugin } from '@univerjs/core';
-import { IUniverUIConfig } from './controllers/ui/ui.controller';
+import { IConfigService, IContextService, Injector, Plugin } from '@univerjs/core';
+import { IUniverUIConfig } from './controllers/config.schema';
 export declare const UNIVER_UI_PLUGIN_NAME = "UNIVER_UI_PLUGIN";
 export declare const DISABLE_AUTO_FOCUS_KEY = "DISABLE_AUTO_FOCUS";
 /**
  * UI plugin provides basic interaction with users. Including workbench (menus, UI parts, notifications etc.), copy paste, shortcut.
  */
 export declare class UniverUIPlugin extends Plugin {
-    private _config;
+    private readonly _config;
     private readonly _contextService;
     protected readonly _injector: Injector;
+    private readonly _configService;
     static pluginName: string;
-    constructor(_config: Partial<IUniverUIConfig>, _contextService: IContextService, _injector: Injector);
+    constructor(_config: Partial<IUniverUIConfig>, _contextService: IContextService, _injector: Injector, _configService: IConfigService);
     onStarting(): void;
 }

package/lib/types/views/components/ribbon/Ribbon.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType, default as React } from 'react';
+interface IRibbonProps {
+    headerMenuComponents?: Set<ComponentType>;
+}
+export declare function Ribbon(props: IRibbonProps): React.JSX.Element;
+export {};

package/lib/types/views/components/{doc-bars → ribbon}/ToolbarItem.d.ts

@@ -1,3 +1,6 @@
+import { IDropdownProps } from '@univerjs/design';
 import { default as React } from 'react';
 import { IDisplayMenuItem, IMenuItem } from '../../../services/menu/menu';
-export declare const ToolbarItem: React.ForwardRefExoticComponent<IDisplayMenuItem<IMenuItem> & React.RefAttributes<any>>;
+export declare const ToolbarItem: React.ForwardRefExoticComponent<(IDisplayMenuItem<IMenuItem> & {
+    align?: IDropdownProps["align"];
+}) & React.RefAttributes<any>>;

package/lib/types/views/components/ribbon/TooltipButtonWrapper.d.ts

@@ -0,0 +1,4 @@
+import { IDropdownProps, ITooltipProps, NullableTooltipRef } from '@univerjs/design';
+import { default as React } from 'react';
+export declare const TooltipWrapper: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<NullableTooltipRef>>;
+export declare function DropdownWrapper(props: IDropdownProps): React.JSX.Element;

package/lib/types/views/components/{doc-bars → ribbon}/hook.d.ts

@@ -33,12 +33,4 @@ export interface IToolbarItemStatus {
  * @returns The menu item's status
  */
 export declare function useToolbarItemStatus(menuItem: IDisplayMenuItem<IMenuItem>): IToolbarItemStatus;
-export declare function useToolbarCollapseObserver(visibleItems: IToolbarRenderHookHandler['visibleItems']): {
-    toolbarRef: import('react').RefObject<HTMLDivElement>;
-    toolbarItemRefs: import('react').MutableRefObject<Record<string, {
-        el: HTMLDivElement;
-        key: string;
-    }>>;
-    collapsedId: string[];
-};
 export {};