@netless/window-manager 1.0.7-beta.3 → 1.0.7-beta.5

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as lodash from 'lodash';
 import * as white_web_sdk from 'white-web-sdk';
-import { SceneDefinition, SceneState, DisplayerState, View, ApplianceNames, ViewVisionMode, CameraState, Event as Event$1, Scope, EventPhase, MagixEventListenerOptions as MagixEventListenerOptions$1, toJS, listenUpdated, unlistenUpdated, listenDisposed, unlistenDisposed, Room, RoomMember, Camera, Size, ViewMode, Displayer, MemberState, AnimationMode, InvisiblePlugin, InvisiblePluginContext, Player, Rectangle, Point, CameraBound, ImageInformation } from 'white-web-sdk';
+import { SceneDefinition, SceneState, DisplayerState, View, ApplianceNames, ViewVisionMode, CameraState, RoomMember, Camera, Size, Event as Event$1, Scope, EventPhase, MagixEventListenerOptions as MagixEventListenerOptions$1, toJS, listenUpdated, unlistenUpdated, listenDisposed, unlistenDisposed, Room, ViewMode, Displayer, MemberState, AnimationMode, InvisiblePlugin, InvisiblePluginContext, Player, Rectangle, Point, CameraBound, ImageInformation } from 'white-web-sdk';
 export { AnimationMode, Displayer, Player, Room, SceneDefinition, SceneState, View } from 'white-web-sdk';
-import { TELE_BOX_STATE, TeleBoxRect, TeleBoxColorScheme, TeleBoxManager, TeleBoxState, NotMinimizedBoxState, ReadonlyTeleBox, TeleBoxManagerUpdateConfig, TeleBoxConfig } from '@netless/telebox-insider';
-export { ReadonlyTeleBox, TeleBoxRect } from '@netless/telebox-insider';
+import { TELE_BOX_STATE, TeleBoxRect, TeleBoxState, TeleBoxColorScheme, NotMinimizedBoxState, TeleBoxManager, TeleBoxCollector, ReadonlyTeleBox, TeleBoxManagerUpdateConfig, TeleBoxConfig } from '@netless/telebox-insider';
+export { ReadonlyTeleBox, TeleBoxCollector, TeleBoxManager, TeleBoxRect } from '@netless/telebox-insider';
 import Emittery from 'emittery';
 
 declare enum Events {
@@ -225,6 +225,10 @@ type AppEmitterEvent<T = any> = {
     reconnected: void;
     seek: number;
     pageStateChange: PageState;
+    boxStatusChange: {
+        appId: string;
+        status: TeleBoxState;
+    };
 };
 type RegisterEventData = {
     appId: string;
@@ -289,6 +293,8 @@ type PublicEvent = {
     onAppViewMounted: AppPayload;
     onAppSetup: string;
     onAppScenePathChange: AppPayload;
+    onBoxesStatusChange: Map<string, TeleBoxState>;
+    onLastNotMinimizedBoxesStatusChange: Map<string, NotMinimizedBoxState>;
 };
 type CallbacksType = Emittery<PublicEvent>;
 
@@ -321,9 +327,175 @@ type EmitterEvent = {
     changePageState: undefined;
     writableChange: boolean;
     containerSizeRatioUpdate: number;
+    boxesStatusChange: Map<string, TeleBoxState>;
+    lastNotMinimizedBoxesStatusChange: Map<string, NotMinimizedBoxState>;
 };
 type EmitterType = Emittery<EmitterEvent>;
 
+declare class CursorManager {
+    private manager;
+    private enableCursor;
+    containerRect?: DOMRect;
+    wrapperRect?: DOMRect;
+    cursorInstances: Map<string, Cursor>;
+    roomMembers?: readonly RoomMember[];
+    userApplianceIcons: ApplianceIcons;
+    private mainViewElement?;
+    private sideEffectManager;
+    private store;
+    private leaveFlag;
+    private _style;
+    constructor(manager: AppManager, enableCursor: boolean, cursorOptions?: CursorOptions, applianceIcons?: ApplianceIcons);
+    get applianceIcons(): ApplianceIcons;
+    get style(): "default" | "custom";
+    set style(value: "default" | "custom");
+    private onCursorMove;
+    private initCursorInstance;
+    private enableCustomCursor;
+    private canMoveCursor;
+    setupWrapper(wrapper: HTMLElement): void;
+    setMainViewDivElement(div: HTMLDivElement): void;
+    get boxState(): any;
+    get focusView(): View | undefined;
+    private mouseMoveListener_;
+    private mouseMoveTimer;
+    private mouseMoveListener;
+    private mouseLeaveListener;
+    private showPencilEraserIfNeeded;
+    private updateCursor;
+    private getPoint;
+    /**
+     *  因为窗口内框在不同分辨率下的大小不一样，所以这里通过来鼠标事件的 target 来判断是在主白板还是在 APP 中
+     */
+    private getType;
+    updateContainerRect(): void;
+    deleteCursor(uid: string): void;
+    hideCursor(uid: string): void;
+    destroy(): void;
+}
+
+declare class Cursor {
+    private manager;
+    private memberId;
+    private cursorManager;
+    private wrapper?;
+    private member?;
+    private timer?;
+    private component?;
+    private style;
+    constructor(manager: AppManager, memberId: string, cursorManager: CursorManager, wrapper?: HTMLElement | undefined);
+    move: (position: Position) => void;
+    setStyle: (style: typeof this.style) => void;
+    leave: () => void;
+    private moveCursor;
+    get memberApplianceName(): ApplianceNames | undefined;
+    get memberColor(): string;
+    get memberColorHex(): string;
+    private get payload();
+    get memberCursorName(): any;
+    private get memberTheme();
+    private get memberCursorTextColor();
+    private get memberCursorTagBackgroundColor();
+    private get memberAvatar();
+    private get memberOpacity();
+    private get memberTagName();
+    private autoHidden;
+    private createCursor;
+    private initProps;
+    private getIcon;
+    private isCustomIcon;
+    updateMember(): RoomMember | undefined;
+    private updateComponent;
+    destroy(): void;
+    hide(): void;
+}
+
+type Apps = {
+    [key: string]: AppSyncAttributes;
+};
+type Position = {
+    x: number;
+    y: number;
+    type: PositionType;
+    id?: string;
+};
+type PositionType = "main" | "app";
+type StoreContext = {
+    getAttributes: () => any;
+    safeUpdateAttributes: (keys: string[], value: any) => void;
+    safeSetAttributes: (attributes: any) => void;
+};
+type ICamera = Camera & {
+    id: string;
+};
+type ISize = Size & {
+    id: string;
+};
+declare class AttributesDelegate {
+    private context;
+    constructor(context: StoreContext);
+    setContext(context: StoreContext): void;
+    get attributes(): any;
+    apps(): Apps;
+    get focus(): string | undefined;
+    getAppAttributes(id: string): AppSyncAttributes;
+    getAppState(id: string): any;
+    getMaximized(): any;
+    getMinimized(): any;
+    getBoxesStatus(): Record<string, TeleBoxState> | undefined;
+    getBoxStatus(id: string): TeleBoxState | undefined;
+    setBoxStatus(id: string, status?: TeleBoxState): void;
+    getLastNotMinimizedBoxesStatus(): Record<string, NotMinimizedBoxState> | undefined;
+    getLastNotMinimizedBoxStatus(id: string): NotMinimizedBoxState | undefined;
+    setLastNotMinimizedBoxStatus(id: string, status?: NotMinimizedBoxState): void;
+    setupAppAttributes(params: AddAppParams, id: string, isDynamicPPT: boolean): void;
+    updateAppState(appId: string, stateName: AppAttributes, state: any): void;
+    cleanAppAttributes(id: string): void;
+    cleanFocus(): void;
+    getAppSceneIndex(id: string): any;
+    getAppScenePath(id: string): any;
+    getMainViewScenePath(): string | undefined;
+    getMainViewSceneIndex(): any;
+    getBoxState(): any;
+    setMainViewScenePath(scenePath: string): void;
+    setMainViewSceneIndex(index: number): void;
+    getMainViewCamera(): MainViewCamera;
+    getMainViewSize(): MainViewSize;
+    setMainViewCamera(camera: ICamera): void;
+    setMainViewSize(size: ISize): void;
+    setMainViewCameraAndSize(camera: ICamera, size: ISize): void;
+    setAppFocus: (appId: string, focus: boolean) => void;
+    updateCursor(uid: string, position: Position): void;
+    updateCursorState(uid: string, cursorState: string | undefined): void;
+    getCursorState(uid: string): any;
+    cleanCursor(uid: string): void;
+    setMainViewFocusPath(mainView: View): void;
+    getIframeBridge(): any;
+    setIframeBridge(data: any): void;
+}
+type MainViewSize = {
+    id: string;
+    width: number;
+    height: number;
+};
+type MainViewCamera = {
+    id: string;
+    centerX: number;
+    centerY: number;
+    scale: number;
+};
+
+type ExtendClass$1 = {
+    AppManager?: typeof AppManager;
+    BoxManager?: typeof BoxManager;
+    AttributesDelegate?: typeof AttributesDelegate;
+    CursorManager?: typeof CursorManager;
+    AppProxy?: typeof AppProxy;
+    AppContext?: typeof AppContext;
+    TeleBoxManager?: typeof TeleBoxManager;
+    TeleBoxCollector?: typeof TeleBoxCollector;
+};
+
 type CreateBoxParams = {
     appId: string;
     app: NetlessApp;
@@ -471,6 +643,8 @@ declare class AppContext<TAttributes extends {} = any, TMagixEventPayloads = any
     getManager: () => AppManager;
     getBoxManager: () => BoxManager;
     getWindowManager: () => WindowManager;
+    getBoxStatus: () => TeleBoxState | undefined;
+    getLastNotMinimizedBoxStatus: () => NotMinimizedBoxState | undefined;
     getDisplayer: () => white_web_sdk.Displayer<white_web_sdk.DisplayerCallbacks>;
     getAppProxy: () => AppProxy;
     /** @deprecated Use context.storage.state instead. */
@@ -571,6 +745,7 @@ declare class AppProxy implements PageRemoveService {
     setViewFocusScenePath(): string | undefined;
     private createView;
     notifyPageStateChange: lodash.DebouncedFunc<() => void>;
+    notifyBoxStatusChange: (status: TeleBoxState) => void;
     get pageState(): PageState;
     removeSceneByIndex(index: number): Promise<boolean>;
     setSceneIndexWithoutSync(index: number): void;
@@ -579,168 +754,6 @@ declare class AppProxy implements PageRemoveService {
     close(): Promise<void>;
 }
 
-declare class CursorManager {
-    private manager;
-    private enableCursor;
-    containerRect?: DOMRect;
-    wrapperRect?: DOMRect;
-    cursorInstances: Map<string, Cursor>;
-    roomMembers?: readonly RoomMember[];
-    userApplianceIcons: ApplianceIcons;
-    private mainViewElement?;
-    private sideEffectManager;
-    private store;
-    private leaveFlag;
-    private _style;
-    constructor(manager: AppManager, enableCursor: boolean, cursorOptions?: CursorOptions, applianceIcons?: ApplianceIcons);
-    get applianceIcons(): ApplianceIcons;
-    get style(): "default" | "custom";
-    set style(value: "default" | "custom");
-    private onCursorMove;
-    private initCursorInstance;
-    private enableCustomCursor;
-    private canMoveCursor;
-    setupWrapper(wrapper: HTMLElement): void;
-    setMainViewDivElement(div: HTMLDivElement): void;
-    get boxState(): any;
-    get focusView(): View | undefined;
-    private mouseMoveListener_;
-    private mouseMoveTimer;
-    private mouseMoveListener;
-    private mouseLeaveListener;
-    private showPencilEraserIfNeeded;
-    private updateCursor;
-    private getPoint;
-    /**
-     *  因为窗口内框在不同分辨率下的大小不一样，所以这里通过来鼠标事件的 target 来判断是在主白板还是在 APP 中
-     */
-    private getType;
-    updateContainerRect(): void;
-    deleteCursor(uid: string): void;
-    hideCursor(uid: string): void;
-    destroy(): void;
-}
-
-declare class Cursor {
-    private manager;
-    private memberId;
-    private cursorManager;
-    private wrapper?;
-    private member?;
-    private timer?;
-    private component?;
-    private style;
-    constructor(manager: AppManager, memberId: string, cursorManager: CursorManager, wrapper?: HTMLElement | undefined);
-    move: (position: Position) => void;
-    setStyle: (style: typeof this.style) => void;
-    leave: () => void;
-    private moveCursor;
-    get memberApplianceName(): ApplianceNames | undefined;
-    get memberColor(): string;
-    get memberColorHex(): string;
-    private get payload();
-    get memberCursorName(): any;
-    private get memberTheme();
-    private get memberCursorTextColor();
-    private get memberCursorTagBackgroundColor();
-    private get memberAvatar();
-    private get memberOpacity();
-    private get memberTagName();
-    private autoHidden;
-    private createCursor;
-    private initProps;
-    private getIcon;
-    private isCustomIcon;
-    updateMember(): RoomMember | undefined;
-    private updateComponent;
-    destroy(): void;
-    hide(): void;
-}
-
-type ExtendClass$1 = {
-    AppManager?: typeof AppManager;
-    BoxManager?: typeof BoxManager;
-    AttributesDelegate?: typeof AttributesDelegate;
-    CursorManager?: typeof CursorManager;
-    AppProxy?: typeof AppProxy;
-    AppContext?: typeof AppContext;
-};
-
-type Apps = {
-    [key: string]: AppSyncAttributes;
-};
-type Position = {
-    x: number;
-    y: number;
-    type: PositionType;
-    id?: string;
-};
-type PositionType = "main" | "app";
-type StoreContext = {
-    getAttributes: () => any;
-    safeUpdateAttributes: (keys: string[], value: any) => void;
-    safeSetAttributes: (attributes: any) => void;
-};
-type ICamera = Camera & {
-    id: string;
-};
-type ISize = Size & {
-    id: string;
-};
-declare class AttributesDelegate {
-    private context;
-    constructor(context: StoreContext);
-    setContext(context: StoreContext): void;
-    get attributes(): any;
-    apps(): Apps;
-    get focus(): string | undefined;
-    getAppAttributes(id: string): AppSyncAttributes;
-    getAppState(id: string): any;
-    getMaximized(): any;
-    getMinimized(): any;
-    getBoxesStatus(): Record<string, TELE_BOX_STATE> | undefined;
-    getBoxStatus(id: string): TELE_BOX_STATE | undefined;
-    setBoxStatus(id: string, status?: TeleBoxState): void;
-    getLastNotMinimizedBoxesStatus(): Record<string, NotMinimizedBoxState> | undefined;
-    getLastNotMinimizedBoxStatus(id: string): NotMinimizedBoxState | undefined;
-    setLastNotMinimizedBoxStatus(id: string, status?: NotMinimizedBoxState): void;
-    setupAppAttributes(params: AddAppParams, id: string, isDynamicPPT: boolean): void;
-    updateAppState(appId: string, stateName: AppAttributes, state: any): void;
-    cleanAppAttributes(id: string): void;
-    cleanFocus(): void;
-    getAppSceneIndex(id: string): any;
-    getAppScenePath(id: string): any;
-    getMainViewScenePath(): string | undefined;
-    getMainViewSceneIndex(): any;
-    getBoxState(): any;
-    setMainViewScenePath(scenePath: string): void;
-    setMainViewSceneIndex(index: number): void;
-    getMainViewCamera(): MainViewCamera;
-    getMainViewSize(): MainViewSize;
-    setMainViewCamera(camera: ICamera): void;
-    setMainViewSize(size: ISize): void;
-    setMainViewCameraAndSize(camera: ICamera, size: ISize): void;
-    setAppFocus: (appId: string, focus: boolean) => void;
-    updateCursor(uid: string, position: Position): void;
-    updateCursorState(uid: string, cursorState: string | undefined): void;
-    getCursorState(uid: string): any;
-    cleanCursor(uid: string): void;
-    setMainViewFocusPath(mainView: View): void;
-    getIframeBridge(): any;
-    setIframeBridge(data: any): void;
-}
-type MainViewSize = {
-    id: string;
-    width: number;
-    height: number;
-};
-type MainViewCamera = {
-    id: string;
-    centerX: number;
-    centerY: number;
-    scale: number;
-};
-
 declare class MainViewProxy {
     private manager;
     /** Refresh the view's camera in an interval of 1.5s. */
@@ -889,6 +902,7 @@ declare class AppManager {
     private onBoxBlurred;
     private onBoxClose;
     private onBoxStateChange;
+    private notifyBoxesStatusChange;
     addBoxesStatusChangeListener: () => void;
     addAppsChangeListener: () => void;
     addAppCloseListener: () => void;
@@ -1127,7 +1141,7 @@ declare class ExtendPluginManager {
     destroy(): void;
 }
 
-type ExtendClassAble = typeof AppManager | typeof AppProxy | typeof AppContext | typeof BoxManager | typeof AttributesDelegate | typeof CursorManager;
+type ExtendClassAble = typeof AppManager | typeof AppProxy | typeof AppContext | typeof BoxManager | typeof AttributesDelegate | typeof CursorManager | typeof TeleBoxManager | typeof TeleBoxCollector;
 type ExtendClass = {
     AppManager?: typeof AppManager;
     BoxManager?: typeof BoxManager;
@@ -1135,6 +1149,8 @@ type ExtendClass = {
     CursorManager?: typeof CursorManager;
     AppProxy?: typeof AppProxy;
     AppContext?: typeof AppContext;
+    TeleBoxManager?: typeof TeleBoxManager;
+    TeleBoxCollector?: typeof TeleBoxCollector;
 };
 declare function getExtendClass<T extends ExtendClassAble>(baseClass: T, extendClass?: ExtendClass): T;
 
@@ -1358,7 +1374,7 @@ declare class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
     get cameraState(): CameraState;
     get apps(): Apps | undefined;
     get boxState(): TeleBoxState | undefined;
-    get boxStatus(): Record<string, TELE_BOX_STATE> | undefined;
+    get boxStatus(): Record<string, TeleBoxState> | undefined;
     get lastNotMinimizedBoxStatus(): Record<string, NotMinimizedBoxState> | undefined;
     get darkMode(): boolean;
     get prefersColorScheme(): TeleBoxColorScheme | undefined;