@univerjs/ui 0.1.11 → 0.1.13

package/lib/types/services/message/desktop-message.service.d.ts

@@ -1,10 +1,10 @@
-import { IMessageMethodOptions, IMessageProps, Message } from '@univerjs/design';
+import { IMessageOptions, IMessageProps, Message } from '@univerjs/design';
 import { IDisposable } from '@wendellhu/redi';
 import { IMessageService } from './message.service';
 
 export declare class DesktopMessageService implements IMessageService {
-    portalContainer: HTMLElement;
-    message?: Message;
+    protected _portalContainer: HTMLElement;
+    protected _message?: Message;
     setContainer(container: HTMLElement): void;
-    show(options: IMessageMethodOptions & Omit<IMessageProps, 'key'>): IDisposable;
+    show(options: IMessageOptions & Omit<IMessageProps, 'key'>): IDisposable;
 }

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

@@ -1,8 +1,8 @@
-import { IMessageMethodOptions, IMessageProps } from '@univerjs/design';
+import { IMessageOptions } from '@univerjs/design';
 import { IDisposable } from '@wendellhu/redi';
 
 export declare const IMessageService: import('@wendellhu/redi').IdentifierDecorator<IMessageService>;
 export interface IMessageService {
-    show(options: IMessageMethodOptions & Omit<IMessageProps, 'key'>): IDisposable;
+    show(options: IMessageOptions): IDisposable;
     setContainer(container: HTMLElement): void;
 }

package/lib/types/services/notification/desktop-notification.service.d.ts

@@ -1,7 +1,13 @@
-import { IDisposable } from '@wendellhu/redi';
-import { INotificationMethodOptions } from '../../components/notification/Notification';
+import { Disposable } from '@univerjs/core';
+import { IDisposable, Injector } from '@wendellhu/redi';
+import { INotificationOptions } from '../../components/notification/Notification';
+import { IUIPartsService } from '../parts/parts.service';
 import { INotificationService } from './notification.service';
 
-export declare class DesktopNotificationService implements INotificationService {
-    show(params: INotificationMethodOptions): IDisposable;
+export declare class DesktopNotificationService extends Disposable implements INotificationService {
+    private readonly _injector;
+    private readonly _uiPartsService;
+    constructor(_injector: Injector, _uiPartsService: IUIPartsService);
+    show(params: INotificationOptions): IDisposable;
+    protected _initUIPart(): void;
 }

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

@@ -1,7 +1,7 @@
 import { IDisposable } from '@wendellhu/redi';
-import { INotificationMethodOptions } from '../../components/notification/Notification';
+import { INotificationOptions } from '../../components/notification/Notification';
 
 export declare const INotificationService: import('@wendellhu/redi').IdentifierDecorator<INotificationService>;
 export interface INotificationService {
-    show(params: INotificationMethodOptions): IDisposable;
+    show(params: INotificationOptions): IDisposable;
 }

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

@@ -0,0 +1,30 @@
+import { IDisposable } from '@wendellhu/redi';
+import { Observable } from 'rxjs';
+import { Disposable } from '@univerjs/core';
+import { ComponentType } from '../../common/component-manager';
+
+type ComponentRenderer = () => ComponentType;
+type ComponentPartKey = BuiltInUIPart | string;
+export declare enum BuiltInUIPart {
+    GLOBAL = "global",
+    HEADER = "header",
+    HEADER_MENU = "header-menu",
+    CONTENT = "content",
+    FOOTER = "footer",
+    LEFT_SIDEBAR = "left-sidebar"
+}
+export interface IUIPartsService {
+    componentRegistered$: Observable<ComponentPartKey>;
+    registerComponent(part: ComponentPartKey, component: () => ComponentType): IDisposable;
+    getComponents(part: ComponentPartKey): Set<ComponentRenderer>;
+}
+export declare const IUIPartsService: import('@wendellhu/redi').IdentifierDecorator<IUIPartsService>;
+export declare class UIPartsService extends Disposable implements IUIPartsService {
+    private _componentsByPart;
+    private readonly _componentRegistered$;
+    readonly componentRegistered$: Observable<string>;
+    dispose(): void;
+    registerComponent(part: ComponentPartKey, component: () => React.ComponentType): IDisposable;
+    getComponents(part: ComponentPartKey): Set<ComponentRenderer>;
+}
+export {};

package/lib/types/services/popup/canvas-popup.service.d.ts

@@ -1,16 +1,14 @@
+import { Disposable } from '@univerjs/core';
+import { IRectPopupProps } from '@univerjs/design';
 import { IBoundRectNoAngle } from '@univerjs/engine-render';
 import { Observable } from 'rxjs';
 
-export interface IPopup {
+export interface IPopup extends Pick<IRectPopupProps, 'closeOnSelfTarget' | 'direction' | 'excludeOutside' | 'onClickOutside'> {
     anchorRect: IBoundRectNoAngle;
     anchorRect$: Observable<IBoundRectNoAngle>;
     componentKey: string;
-    onClickOutside?: (e: MouseEvent) => void;
-    closeOnSelfTarget?: boolean;
-    excludeOutside?: HTMLElement[];
     unitId: string;
     subUnitId: string;
-    direction?: 'vertical' | 'horizontal';
     offset?: [number, number];
 }
 export interface ICanvasPopupService {
@@ -21,12 +19,13 @@ export interface ICanvasPopupService {
     get popups(): [string, IPopup][];
 }
 export declare const ICanvasPopupService: import('@wendellhu/redi').IdentifierDecorator<ICanvasPopupService>;
-export declare class CanvasPopupService implements ICanvasPopupService {
-    private _popupMap;
-    private _popups$;
-    popups$: Observable<[string, IPopup][]>;
+export declare class CanvasPopupService extends Disposable implements ICanvasPopupService {
+    private readonly _popupMap;
+    private readonly _popups$;
+    readonly popups$: Observable<[string, IPopup][]>;
     get popups(): [string, IPopup][];
-    private _notice;
+    private _update;
+    dispose(): void;
     addPopup(item: IPopup): string;
     removePopup(id: string): void;
     removeAll(): void;

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

@@ -29,6 +29,10 @@ export interface IProgressService {
      * Interrupt and hide the progress bar directly
      */
     stop(): void;
+    /**
+     * Get the total number of tasks
+     */
+    getTaskCount(): number;
 }
 export declare class ProgressService extends Disposable implements IProgressService, IDisposable {
     /**
@@ -44,6 +48,7 @@ export declare class ProgressService extends Disposable implements IProgressServ
     insertTaskCount(count: number): void;
     complete(): void;
     stop(): void;
+    getTaskCount(): number;
     private _clear;
 }
 export declare const IProgressService: import('@wendellhu/redi').IdentifierDecorator<IProgressService>;

package/lib/types/services/zen-zone/desktop-zen-zone.service.d.ts

@@ -8,6 +8,8 @@ export declare class DesktopZenZoneService implements IZenZoneService {
     private readonly _componentManager;
     readonly visible$: Subject<boolean>;
     readonly componentKey$: Subject<string>;
+    private _visible;
+    get visible(): boolean;
     constructor(_componentManager: ComponentManager);
     set(key: string, component: ForwardRefExoticComponent<any>): IDisposable;
     open(): void;

package/lib/types/services/zen-zone/zen-zone.service.d.ts

@@ -5,6 +5,7 @@ export declare const IZenZoneService: import('@wendellhu/redi').IdentifierDecora
 export interface IZenZoneService {
     readonly visible$: Subject<boolean>;
     readonly componentKey$: Subject<string>;
+    readonly visible: boolean;
     set(key: string, component: any): IDisposable;
     open(): void;
     close(): void;

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

@@ -1,12 +1,8 @@
-import { DependencyOverride, IContextService, LocaleService, Plugin } from '@univerjs/core';
+import { IContextService, LocaleService, Plugin } from '@univerjs/core';
 import { Injector } from '@wendellhu/redi';
-import { IWorkbenchOptions } from './controllers/ui/ui.controller';
+import { IUniverUIConfig } from './controllers/ui/ui.controller';
 
-export interface IUniverUIConfig extends IWorkbenchOptions {
-    /** Disable auto focus when Univer bootstraps. */
-    disableAutoFocus?: true;
-    override?: DependencyOverride;
-}
+export declare const DefaultUiConfig: {};
 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.
@@ -19,6 +15,7 @@ export declare class UniverUIPlugin extends Plugin {
     static pluginName: string;
     constructor(_config: Partial<IUniverUIConfig>, _contextService: IContextService, _injector: Injector, _localeService: LocaleService);
     onStarting(_injector: Injector): void;
+    onReady(): void;
     private _initDependencies;
     private _initUI;
 }

package/lib/types/views/App.d.ts

@@ -1,13 +1,8 @@
-import { ComponentType, default as React } from 'react';
+import { default as React } from 'react';
 import { IWorkbenchOptions } from '../controllers/ui/ui.controller';
 
 export interface IUniverAppProps extends IWorkbenchOptions {
     mountContainer: HTMLElement;
-    headerComponents?: Set<() => ComponentType>;
-    contentComponents?: Set<() => ComponentType>;
-    footerComponents?: Set<() => ComponentType>;
-    headerMenuComponents?: Set<() => ComponentType>;
-    leftSidebarComponents?: Set<() => ComponentType>;
     onRendered?: (container: HTMLElement) => void;
 }
 export declare function App(props: IUniverAppProps): React.JSX.Element;

package/lib/types/views/components/context-menu/ContextMenu.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
 
-export interface IProps {
-}
 export declare function ContextMenu(): React.JSX.Element;

package/lib/types/views/components/doc-bars/Toolbar.d.ts

@@ -1,8 +1,9 @@
 import { ComponentType, default as React } from 'react';
-import { MenuPosition } from '../../../services/menu/menu';
 
-export declare const positions: MenuPosition[];
 export interface IToolbarProps {
     headerMenuComponents?: Set<() => ComponentType>;
 }
+/**
+ * Univer's built in toolbar component.
+ */
 export declare function Toolbar(props: IToolbarProps): React.JSX.Element;

package/lib/types/views/components/doc-bars/hook.d.ts

@@ -0,0 +1,44 @@
+import { IDisplayMenuItem, IMenuItem, MenuGroup, MenuPosition } from '../../../services/menu/menu';
+
+type MenuPositionWithCustom = MenuPosition | string;
+export interface IMenuGroup {
+    name: MenuPositionWithCustom;
+    menuItems: Array<IDisplayMenuItem<IMenuItem>>;
+}
+export interface IToolbarRenderHookHandler {
+    /** The activated category. */
+    category: MenuPositionWithCustom;
+    /** Update current activate category. */
+    setCategory: (position: MenuPositionWithCustom) => void;
+    visibleItems: IDisplayMenuItem<IMenuItem>[];
+    /** Menu grouped in this category. */
+    groups: IMenuGroup[];
+    groupsByKey: Record<MenuGroup, Array<IDisplayMenuItem<IMenuItem>>>;
+}
+/**
+ * If your custom toolbar component need to render menu items by their category,
+ * you can use this hook to get the toolbar status.
+ * @returns toolbar status
+ */
+export declare function useToolbarGroups(categories: MenuPositionWithCustom[]): IToolbarRenderHookHandler;
+export interface IToolbarItemStatus {
+    disabled: boolean;
+    value: any;
+    activated: boolean;
+    hidden: boolean;
+}
+/**
+ * Subscribe to a menu item's status change and return the latest status.
+ * @param menuItem The menu item
+ * @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 {};

package/lib/types/views/components/dom/FloatDom.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const FloatDom: () => React.JSX.Element;

package/lib/types/views/parts.d.ts

@@ -1,3 +1,3 @@
 import { ComponentType } from 'react';
 
-export declare const globalComponents: Set<() => ComponentType>;
+export declare const builtInGlobalComponents: Set<() => ComponentType>;