@netless/appliance-plugin 1.1.2 → 1.1.3-4.beta.0

package/dist/plugin/baseApplianceManager.d.ts

@@ -1,9 +1,9 @@
 import EventEmitter2 from "eventemitter2";
-import { MemberState, AppliancePluginLike, AppliancePluginOptions } from "./types";
-import { Collector, Uid, ViewId } from "../collector";
+import { EStrokeType, MemberState, AppliancePluginLike } from "./types";
+import { Collector, ViewId } from "../collector";
 import { RoomMemberManager } from "../members";
 import { TextEditorManager } from "../component/textEditor";
-import type { Camera, Displayer, DisplayerCallbacks, Player, PriorityType, Rectangle, Room, RoomMember, _ArrayTrue } from "./types";
+import type { Camera, Displayer, DisplayerCallbacks, ISVGMarkmapInformation, ISVGUrlInformation, IconifyInformation, MarkmapId, Player, Rectangle, RequiredAppliancePluginOptions, Room, RoomMember, _ArrayTrue } from "./types";
 import { CursorManager } from "../cursors";
 import { ViewContainerManager } from "./baseViewContainerManager";
 import { MasterControlForWorker } from "../core/mainEngine";
@@ -12,14 +12,17 @@ import { BaseShapeOptions } from "../core/tools/base";
 import { ICameraOpt } from "../core/types";
 import { HotkeyManager } from "../hotkey";
 import { RenderCotrolImple } from "../core/renderCotrol";
+import { MiniMapManagerImpl } from "../component/miniMap/manager";
+import { PluginManager, Plugin } from "../core/plugin";
 export interface BaseApplianceManagerProps {
     displayer: Displayer<DisplayerCallbacks>;
     plugin?: AppliancePluginLike;
-    options: AppliancePluginOptions;
+    options: RequiredAppliancePluginOptions;
 }
 /** 插件管理器 */
 export declare abstract class BaseApplianceManager {
     static InternalMsgEmitter: EventEmitter2;
+    static PublicMsgEmitter: EventEmitter2;
     readonly version: string;
     plugin?: AppliancePluginLike;
     readonly room?: Room;
@@ -27,19 +30,49 @@ export declare abstract class BaseApplianceManager {
     collector?: Collector;
     hasSwitchToSelectorEffect?: boolean;
     snapshootStateMap?: Map<string, unknown>;
-    priority: PriorityType;
+    private _disableDeviceInputs?;
+    private _disableEraseImage?;
+    private _disableEraseText?;
+    private _disableCameraTransform?;
+    private _disableUseWorker?;
     effectResolve?: (value: boolean) => void;
     readonly hotkeyManager: HotkeyManager;
-    readonly pluginOptions: AppliancePluginOptions;
+    readonly pluginOptions: RequiredAppliancePluginOptions;
     readonly roomMember: RoomMemberManager;
     readonly cursor: CursorManager;
     readonly textEditorManager: TextEditorManager;
     readonly worker: MasterControlForWorker;
     abstract readonly viewContainerManager: ViewContainerManager;
     readonly renderControl: RenderCotrolImple;
+    readonly miniMapManager?: MiniMapManagerImpl;
+    readonly pluginManager?: PluginManager;
+    private _isPolyfill;
     constructor(params: BaseApplianceManagerProps);
-    setPriority(priority: PriorityType): void;
-    hasOffscreenCanvas(): boolean;
+    hasPolyfillMethod(methodName: "requestIdleCallback" | "cancelIdleCallback"): boolean;
+    registerPolyfillMethod(methodName: "requestIdleCallback" | "cancelIdleCallback"): void;
+    get hasExtendFontFaces(): boolean;
+    get extendFontFaces(): {
+        fontFamily: string;
+        src: string;
+    }[];
+    get loadFontFacesTimeout(): number;
+    get disableEraseText(): boolean;
+    set disableEraseText(bol: boolean);
+    get disableEraseImage(): boolean;
+    set disableEraseImage(bol: boolean);
+    get disableDeviceInputs(): boolean;
+    set disableDeviceInputs(bol: boolean);
+    get disableCameraTransform(): boolean;
+    set disableCameraTransform(bol: boolean);
+    get disableUseWorker(): boolean;
+    set disableUseWorker(bol: boolean);
+    get hasOffscreenCanvas(): boolean;
+    get canUseTransferControlToOffscreen(): boolean;
+    get isUseOffscreenTransfer(): boolean;
+    /** 是否使用简单模式, 简单模式则无需开启 miniMap 和 plugin */
+    get isUseSimple(): boolean;
+    /** 是否使用背景画布, 默认false */
+    get isUseBackgroundThread(): boolean;
     bindPlugin(plugin: AppliancePluginLike): void;
     /** 激活 plugin */
     abstract activePlugin(): void;
@@ -51,6 +84,7 @@ export declare abstract class BaseApplianceManager {
     destroy(): void;
     /** 清空当前获焦路径下的所有内容 */
     cleanCurrentScene(): void;
+    setWritable(isWritable: boolean): Promise<void>;
     /** 监听读写状态变更 */
     onWritableChange(isWritable: boolean): void;
     /** 监听路径变化 */
@@ -62,13 +96,15 @@ export declare abstract class BaseApplianceManager {
     /** 获取当前工具key */
     protected getToolsKey(memberState: MemberState): EToolsKey.Pencil | EToolsKey.Eraser | EToolsKey.PencilEraser | EToolsKey.BitMapEraser | EToolsKey.Selector | EToolsKey.Clicker | EToolsKey.Arrow | EToolsKey.LaserPen | EToolsKey.Text | EToolsKey.Straight | EToolsKey.Rectangle | EToolsKey.Ellipse | EToolsKey.Star | EToolsKey.Polygon | EToolsKey.SpeechBalloon;
     /** 获取当前工具默认配置 */
-    protected getToolsOpt(toolsKey: EToolsKey, memberState: MemberState): {
+    getToolsOpt(toolsKey: EToolsKey, memberState: MemberState): {
         toolsType: EToolsKey.Clicker;
         toolsOpt: {};
     } | {
-        toolsType: EToolsKey.Pencil | EToolsKey.Eraser | EToolsKey.PencilEraser | EToolsKey.BitMapEraser | EToolsKey.Selector | EToolsKey.Arrow | EToolsKey.Hand | EToolsKey.LaserPen | EToolsKey.Text | EToolsKey.Straight | EToolsKey.Rectangle | EToolsKey.Ellipse | EToolsKey.Star | EToolsKey.Triangle | EToolsKey.Rhombus | EToolsKey.Polygon | EToolsKey.SpeechBalloon | EToolsKey.Image;
+        toolsType: EToolsKey.Pencil | EToolsKey.Eraser | EToolsKey.PencilEraser | EToolsKey.BitMapEraser | EToolsKey.Selector | EToolsKey.Arrow | EToolsKey.Hand | EToolsKey.LaserPen | EToolsKey.Text | EToolsKey.Straight | EToolsKey.Rectangle | EToolsKey.Ellipse | EToolsKey.Star | EToolsKey.Triangle | EToolsKey.Rhombus | EToolsKey.Polygon | EToolsKey.SpeechBalloon | EToolsKey.Image | EToolsKey.BackgroundSVG;
         toolsOpt: BaseShapeOptions;
     };
+    getLineCap(strokeType: EStrokeType): "round" | "square" | undefined;
+    getLineDash(strokeType: EStrokeType): [number, number] | undefined;
     /** 激活当前view容器*/
     effectViewContainer(toolsKey: EToolsKey): void;
     internalSceneChange: (viewId: string, scenePath: string) => void;
@@ -90,9 +126,18 @@ export declare abstract class BaseApplianceManager {
     useBitMapEraser(bol: boolean): void;
     consoleWorkerInfo(): void;
     filterRenderByUid(viewId: ViewId, option: {
-        render?: _ArrayTrue<Uid>;
-        hide?: _ArrayTrue<Uid>;
-        clear?: _ArrayTrue<Uid>;
+        render?: _ArrayTrue;
+        hide?: _ArrayTrue;
+        clear?: _ArrayTrue;
     }, isSync?: boolean): void;
     cancelFilterRender(viewId: ViewId, isSync?: boolean): void;
+    createMiniMap(viewId: string, div: HTMLElement): Promise<void>;
+    destroyMiniMap(viewId: string): Promise<void>;
+    insertIconify(viewId: string, iconifyInfo: IconifyInformation): void;
+    insertBackgroundSVG(viewId: string, svgInfo: ISVGUrlInformation): void;
+    insertBackgroundMarkMap(viewId: string, svgInfo: ISVGMarkmapInformation): Promise<MarkmapId | undefined>;
+    updateBackgroundMarkMap(viewId: string, markmapId: string, svgInfo: ISVGMarkmapInformation): void;
+    usePlugin(plugin: Plugin): void | undefined;
+    stopDraw(viewId: string): Promise<void>;
+    setViewLocalScenePathChange(viewId: string, scenePath: string): Promise<void>;
 }

package/dist/plugin/baseViewContainerManager.d.ts

@@ -2,6 +2,8 @@ import type EventEmitter2 from "eventemitter2";
 import { ICameraOpt, ILayerOptionType, IMainMessageRenderData, IOffscreenCanvasOptionType, ViewWorkerOptions } from "../core/types";
 import { BaseSubWorkModuleProps, ApplianceManagerLike } from "./types";
 import type { CameraState, View } from "./types";
+import type { DebouncedFunc, DebouncedFuncLeading } from "lodash";
+import { EToolsKey } from "../core/enum";
 import { ShowFloatBarMsgValue } from "../displayer/types";
 import { UndoRedoMethod } from "../undo";
 import { BaseViewDisplayer } from "./displayerView";
@@ -16,9 +18,9 @@ export interface ViewInfo {
 }
 /** view容器管理器抽象 */
 export declare abstract class ViewContainerManager {
-    static defaultCameraOpt: Pick<ICameraOpt, 'centerX' | 'centerY' | 'scale'>;
-    static defaultScreenCanvasOpt: Pick<IOffscreenCanvasOptionType, 'autoRender' | 'contextType'>;
-    static defaultLayerOpt: Pick<ILayerOptionType, 'offscreen' | 'handleEvent' | 'depth'>;
+    static defaultCameraOpt: Pick<ICameraOpt, "centerX" | "centerY" | "scale">;
+    static defaultScreenCanvasOpt: Pick<IOffscreenCanvasOptionType, "autoRender" | "contextType">;
+    static defaultLayerOpt: Pick<ILayerOptionType, "offscreen" | "handleEvent" | "depth">;
     internalMsgEmitter: EventEmitter2;
     control: ApplianceManagerLike;
     abstract focuedViewId?: string;
@@ -26,9 +28,12 @@ export declare abstract class ViewContainerManager {
     mainView?: ViewInfo;
     appViews: Map<string, ViewInfo>;
     constructor(props: BaseSubWorkModuleProps);
+    get worker(): import("../core/mainEngine").MasterControlForWorker;
     abstract getViewInitData(viewId: string): ViewWorkerOptions | undefined;
-    undoTickerStart(id: number, viewId: string): void;
-    addExcludeIds(ids: string[], viewId: string): void;
+    getUndoTickerId(viewId: string): number | undefined;
+    undoTickerStart: (id: number, viewId: string) => void;
+    undoTickerEnd: (id: number, viewId: string) => void;
+    addExcludeIds: (ids: string[], viewId: string) => void;
     undo(): number;
     redo(): number;
     protected validator(target: ViewInfo, key: string, value: any): void;
@@ -55,14 +60,17 @@ export declare abstract class ViewContainerManager {
     render(renderData: IMainMessageRenderData[]): void;
     /** 是否绘制浮动选框 */
     showFloatBar(viewId: string, isShow: boolean, opt?: Partial<ShowFloatBarMsgValue>): void;
-    /** 激活浮动选框 */
-    /** 销毁浮动选框 */
-    /** 激活刷新文字编辑器 */
-    setActiveTextEditor(viewId: string, activeTextId?: string): void;
+    /** 激活文字编辑器 */
+    activeTextEditor(viewId: string): void;
+    /** 不激活文字编辑器 */
+    unActiveTextEditor(viewId: string): void;
+    /** 是否显示浮动选框按钮 */
+    showFloatBarBtn(viewId: string, isShow: boolean): void;
+    /** 更新文字编辑器信息 */
+    updateTextEditorInfo(viewId: string, activeTextId?: string): void;
+    setActiveMiniMap(viewId: string, show?: boolean): void;
 }
-/** appView容器管理器抽象 */
-export declare abstract class AppViewDisplayerManager {
-    viewId: string;
+export declare abstract class BaseViewDisplayerManager {
     abstract dpr: number;
     abstract width: number;
     abstract height: number;
@@ -72,31 +80,55 @@ export declare abstract class AppViewDisplayerManager {
     abstract vDom?: BaseViewDisplayer;
     abstract eventTragetElement?: HTMLDivElement;
     abstract canvasContainerRef: React.RefObject<HTMLDivElement>;
-    abstract subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
-    abstract canvasTopRef: React.RefObject<HTMLCanvasElement>;
+    abstract subLocalCanvasContainerRef?: React.RefObject<HTMLDivElement>;
+    abstract canvasTopRef?: React.RefObject<HTMLCanvasElement>;
     abstract canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
     abstract canvasFloatRef: React.RefObject<HTMLCanvasElement>;
     abstract canvasBgRef: React.RefObject<HTMLCanvasElement>;
+    abstract backgroundContainerRef?: React.RefObject<HTMLDivElement>;
     abstract floatBarRef: React.RefObject<HTMLDivElement>;
     abstract containerOffset: {
         x: number;
         y: number;
     };
-    private cachePoint?;
-    private cacheCursorPoint?;
-    private active;
-    constructor(viewId: string, control: ApplianceManagerLike, internalMsgEmitter: EventEmitter2);
+    protected cachePoint?: [number, number];
+    protected cacheCursorPoint?: [number | undefined, number | undefined];
+    protected active: boolean;
+    protected toolsKey?: EToolsKey;
+    protected activePointers: Set<number>;
+    protected currentDrawingPointerId?: number;
+    protected cursorMouseMove: (e: MouseEvent) => void;
+    protected cursorMouseMoveDebounced: DebouncedFunc<(e: MouseEvent) => void>;
+    protected cursorMouseMoveThrottled: DebouncedFuncLeading<(e: MouseEvent) => void>;
+    protected cursorMouseMoveFun: (e: MouseEvent) => void;
+    private _transferControlToOffscreenCanvas?;
+    get moveDelayTime(): number;
+    constructor(control: ApplianceManagerLike, internalMsgEmitter: EventEmitter2, viewId: string);
+    protected cursorMouseLeave: () => void;
     abstract setCanvassStyle(): void;
+    setTransferControlToOffscreenCanvas(canvas: {
+        bgCanvas: HTMLCanvasElement;
+        serviceCanvas: HTMLCanvasElement;
+        localCanvas: HTMLCanvasElement;
+    }): void;
+    get transferControlToOffscreenCanvas(): {
+        bgCanvas: OffscreenCanvas;
+        serviceCanvas: OffscreenCanvas;
+        localCanvas: OffscreenCanvas;
+    } | undefined;
+    get worker(): import("../core/mainEngine").MasterControlForWorker;
     bindToolsClass(): void;
     mountView(): void;
-    reflashContainerOffset(): void;
     updateSize(): void;
-    setViewId(viewId: string): void;
+    reflashContainerOffset(): void;
+    get parentElement(): HTMLElement | null | undefined;
     destroy(): void;
     getPoint(e: any): [number, number] | undefined;
+    getActive(): boolean;
     setActive(bol: boolean): void;
+    focusElement(): void;
     stopEventHandler(): Promise<void>;
-    private getTranslate;
+    protected getTranslate(element: any): any[];
     protected getContainerOffset(eventTraget: HTMLDivElement, offset: {
         x: number;
         y: number;
@@ -104,71 +136,38 @@ export declare abstract class AppViewDisplayerManager {
         x: any;
         y: any;
     };
+    abstract get viewId(): string;
     protected mousedown: (e: MouseEvent) => void;
     protected mousemove: (e: MouseEvent) => void;
     protected mouseup: (e: MouseEvent) => void;
     protected touchstart: (e: TouchEvent) => void;
     protected touchmove: (e: TouchEvent) => void;
     protected touchend: (e: TouchEvent) => void;
-    cursorMouseMove: import("lodash").DebouncedFunc<(e: MouseEvent) => void>;
-    protected cursorMouseLeave: import("lodash").DebouncedFunc<() => void>;
     protected keydown: (e: KeyboardEvent) => void;
+    protected pointerdown: (e: PointerEvent) => void;
+    protected pointermove: (e: PointerEvent) => void;
+    protected pointerup: (e: PointerEvent) => void;
     protected bindDisplayerEvent(div: HTMLDivElement): void;
     protected removeDisplayerEvent(div: HTMLDivElement): void;
+    get isBezier(): boolean;
+    get maxDrawCount(): number;
+    /** 检查是否超过最大绘制数量 */
+    checkConsumeCount(): boolean;
+}
+/** appView容器管理器抽象 */
+export declare abstract class AppViewDisplayerManager extends BaseViewDisplayerManager {
+    private _viewId;
+    constructor(viewId: string, control: ApplianceManagerLike, internalMsgEmitter: EventEmitter2);
+    get viewId(): string;
+    setViewId(viewId: string): void;
 }
 /** 主容器管理器抽象 */
-export declare abstract class MainViewDisplayerManager {
-    readonly viewId: string;
-    readonly control: ApplianceManagerLike;
-    readonly internalMsgEmitter: EventEmitter2;
-    readonly commiter: UndoRedoMethod;
-    abstract dpr: number;
-    abstract width: number;
-    abstract height: number;
-    abstract vDom?: BaseViewDisplayer;
-    abstract eventTragetElement?: HTMLDivElement;
+export declare abstract class MainViewDisplayerManager extends BaseViewDisplayerManager {
     abstract snapshotContainerRef?: React.RefObject<HTMLDivElement>;
-    abstract canvasContainerRef: React.RefObject<HTMLDivElement>;
-    abstract subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
-    abstract canvasTopRef: React.RefObject<HTMLCanvasElement>;
-    abstract canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
-    abstract canvasFloatRef: React.RefObject<HTMLCanvasElement>;
-    abstract canvasBgRef: React.RefObject<HTMLCanvasElement>;
-    abstract floatBarRef: React.RefObject<HTMLDivElement>;
-    abstract containerOffset: {
-        x: number;
-        y: number;
-    };
-    private cachePoint?;
-    private cacheCursorPoint?;
-    private active;
+    abstract backgroundContainerRef?: React.RefObject<HTMLDivElement>;
+    abstract backgroundSnapshotContainerRef?: React.RefObject<HTMLDivElement>;
     constructor(control: ApplianceManagerLike, internalMsgEmitter: EventEmitter2);
-    abstract setCanvassStyle(): void;
-    bindToolsClass(): void;
-    mountView(): void;
+    get viewId(): string;
     updateSize(): void;
-    reflashContainerOffset(): void;
     destroy(): void;
-    getPoint(e: any): [number, number] | undefined;
-    setActive(bol: boolean): void;
-    stopEventHandler(): Promise<void>;
-    private getTranslate;
-    protected getContainerOffset(eventTraget: HTMLDivElement, offset: {
-        x: number;
-        y: number;
-    }): {
-        x: any;
-        y: any;
-    };
-    protected mousedown: (e: MouseEvent) => void;
-    protected mousemove: (e: MouseEvent) => void;
-    protected mouseup: (e: MouseEvent) => void;
-    protected touchstart: (e: TouchEvent) => void;
-    protected touchmove: (e: TouchEvent) => void;
-    protected touchend: (e: TouchEvent) => void;
-    cursorMouseMove: import("lodash").DebouncedFunc<(e: MouseEvent) => void>;
-    protected cursorMouseLeave: import("lodash").DebouncedFunc<() => void>;
-    protected keydown: (e: KeyboardEvent) => void;
-    protected bindDisplayerEvent(div: HTMLDivElement): void;
-    protected removeDisplayerEvent(div: HTMLDivElement): void;
 }

package/dist/plugin/const.d.ts

@@ -1,25 +1,5 @@
+import { RequiredExtrasOptions } from "./types";
 export declare const pkg_version: string;
 export declare const pkg_name: string;
 export declare const Use_WorkSpace: string;
-export declare const DefaultAppliancePluginOptions: {
-    syncOpt: {
-        interval: number;
-    };
-    cdn: {
-        subWorkerUrl: string;
-        fullWorkerUrl: string;
-    };
-    cursor: {
-        expirationTime: number;
-    };
-    bufferSize: {
-        full: number;
-        sub: number;
-    };
-    bezier: {
-        combineUnitTime: number;
-    };
-    pencilEraser: {
-        useBitMap: boolean;
-    };
-};
+export declare const DefaultAppliancePluginExtrasOptions: Required<Omit<RequiredExtrasOptions, "canvasOpt">>;

package/dist/plugin/displayerView.d.ts

@@ -7,17 +7,20 @@ export interface BaseDisplayerProps {
     mananger: ApplianceViewManagerLike;
     refs: {
         snapshotContainerRef?: React.RefObject<HTMLDivElement>;
+        backgroundContainerRef?: React.RefObject<HTMLDivElement>;
+        backgroundSnapshotContainerRef?: React.RefObject<HTMLDivElement>;
         canvasContainerRef: React.RefObject<HTMLDivElement>;
-        subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
+        subLocalCanvasContainerRef?: React.RefObject<HTMLDivElement>;
         canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
         canvasFloatRef: React.RefObject<HTMLCanvasElement>;
         canvasBgRef: React.RefObject<HTMLCanvasElement>;
-        canvasTopRef: React.RefObject<HTMLCanvasElement>;
+        canvasTopRef?: React.RefObject<HTMLCanvasElement>;
         floatBarRef: React.RefObject<HTMLDivElement>;
     };
 }
 export interface BaseDisplayerState {
     showFloatBar: boolean;
+    showFloatBarBtn: boolean;
     floatBarData?: ShowFloatBarMsgValue;
     dpr: number;
     operationType: EmitEventType;
@@ -25,8 +28,12 @@ export interface BaseDisplayerState {
     scale: [number, number];
     editors?: Map<string, TextEditorInfo>;
     activeTextId?: string;
+    activeMiniMapViewId?: string;
+    activeTextEditor?: boolean;
 }
-export declare const DisplayerContext: React.Context<Pick<BaseDisplayerState, "scale" | "dpr" | "angle" | "floatBarData" | "operationType"> & {
+export declare const DisplayerContext: React.Context<Pick<BaseDisplayerState, "scale" | "floatBarData" | "dpr" | "operationType" | "angle" | "activeTextId" | "activeTextEditor"> & {
+    viewId: string;
+    isNoPointerEvents: boolean;
     mananger?: ApplianceViewManagerLike;
     floatBarColors: [number, number, number][];
     setAngle: (angle: number) => void;
@@ -34,12 +41,19 @@ export declare const DisplayerContext: React.Context<Pick<BaseDisplayerState, "s
     setFloatBarData: (data: Partial<ShowFloatBarMsgValue>) => void;
 }>;
 export declare class BaseViewDisplayer extends React.Component<BaseDisplayerProps, BaseDisplayerState> {
+    showTextFloatBar: boolean;
+    canSelectorSwitch: boolean;
+    rightBoundBreak: boolean;
     constructor(props: BaseDisplayerProps);
     private get editors();
     componentDidMount(): void;
     componentWillUnmount(): void;
+    setActiveMiniMap(viewId?: string): void;
+    showFloatBarBtn(bol: boolean): void;
     showFloatBar(show: boolean, value?: Partial<ShowFloatBarMsgValue>): void;
-    setActiveTextEditor(activeTextId?: string): void;
+    activeTextEditor(): void;
+    unActiveTextEditor(): void;
+    updateTextEditorInfo(activeTextId?: string): void;
     setFloatBarData(data: Partial<ShowFloatBarMsgValue>): void;
     private setAngle;
     private setOperationType;

package/dist/plugin/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./types";
 export * from "../core/enum";
+export * from "../core/const";
 export { ApplianceMultiPlugin } from "./applianceMultiPlugin";
 export { ApplianceSinglePlugin } from "./applianceSinglePlugin";
 export { ApplianceSigleWrapper } from "../plugin/single/applianceDisplayer";

package/dist/plugin/multi/applianceMultiManager.d.ts

@@ -7,7 +7,6 @@ export declare class ApplianceMultiManager extends BaseApplianceManager {
     viewContainerManager: ViewContainerMultiManager;
     constructor(params: BaseApplianceManagerProps);
     init(): void;
-    destroy(): void;
     activePlugin(): void;
     activeWorker(): Promise<void>;
     setWindowManager(windowManager: WindowManager): void;

package/dist/plugin/multi/containerManager.d.ts

@@ -3,7 +3,7 @@ import type { View } from "../types";
 import { BaseSubWorkModuleProps } from "../types";
 import { ApplianceMultiManager } from "./applianceMultiManager";
 import { ViewWorkerOptions } from "../../core/types";
-import type { WindowManager } from './applianceMultiManager';
+import type { WindowManager } from "./applianceMultiManager";
 export declare class ViewContainerMultiManager extends ViewContainerManager {
     focuedViewId?: string;
     focuedView?: ViewInfo;
@@ -11,7 +11,14 @@ export declare class ViewContainerMultiManager extends ViewContainerManager {
     /** 针对windowmanager的focusedChange先于onAppViewMounted*/
     tmpFocusedViewId?: string;
     private checkScaleTimer?;
+    private readonly mainViewHotkeyListener;
+    private readonly appViewListeners;
     constructor(props: BaseSubWorkModuleProps);
+    private getAppViewListeners;
+    private removeMainViewListeners;
+    private removeAppViewListeners;
+    destroyAppView(viewId: string, justLocal?: boolean): void;
+    destroy(): void;
     getViewInitData(viewId: string): ViewWorkerOptions | undefined;
     mountView(viewId: string): Promise<void>;
     listenerWindowManager(windowManager: WindowManager): void;

package/dist/plugin/multi/displayer/appViewDisplayerManager.d.ts

@@ -10,11 +10,12 @@ export declare class AppViewDisplayerManagerImpl extends AppViewDisplayerManager
     vDom?: BaseViewDisplayer;
     eventTragetElement?: HTMLDivElement;
     canvasContainerRef: React.RefObject<HTMLDivElement>;
-    subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
-    canvasTopRef: React.RefObject<HTMLCanvasElement>;
+    subLocalCanvasContainerRef?: React.RefObject<HTMLDivElement>;
+    canvasTopRef?: React.RefObject<HTMLCanvasElement>;
     canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasBgRef: React.RefObject<HTMLCanvasElement>;
+    backgroundContainerRef?: React.RefObject<HTMLDivElement>;
     floatBarRef: React.RefObject<HTMLDivElement>;
     containerOffset: {
         x: number;

package/dist/plugin/multi/displayer/mainViewDisplayerManager.d.ts

@@ -10,12 +10,14 @@ export declare class MainViewMultiDisplayerManager extends MainViewDisplayerMana
     vDom?: BaseViewDisplayer;
     eventTragetElement?: HTMLDivElement;
     snapshotContainerRef?: React.RefObject<HTMLDivElement>;
+    backgroundSnapshotContainerRef?: React.RefObject<HTMLDivElement>;
     canvasContainerRef: React.RefObject<HTMLDivElement>;
-    subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
-    canvasTopRef: React.RefObject<HTMLCanvasElement>;
+    subLocalCanvasContainerRef?: React.RefObject<HTMLDivElement>;
+    canvasTopRef?: React.RefObject<HTMLCanvasElement>;
     canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasBgRef: React.RefObject<HTMLCanvasElement>;
+    backgroundContainerRef?: React.RefObject<HTMLDivElement>;
     floatBarRef: React.RefObject<HTMLDivElement>;
     containerOffset: {
         x: number;

package/dist/plugin/single/displayer/mainViewDisplayerManager.d.ts

@@ -8,12 +8,13 @@ export declare class MainViewSingleDisplayerManager extends MainViewDisplayerMan
     height: number;
     dpr: number;
     vDom?: BaseViewDisplayer;
-    viewId: string;
     eventTragetElement?: HTMLDivElement;
     snapshotContainerRef?: React.RefObject<HTMLDivElement>;
+    backgroundContainerRef?: React.RefObject<HTMLDivElement>;
+    backgroundSnapshotContainerRef?: React.RefObject<HTMLDivElement>;
     canvasContainerRef: React.RefObject<HTMLDivElement>;
-    subLocalCanvasContainerRef: React.RefObject<HTMLDivElement>;
-    canvasTopRef: React.RefObject<HTMLCanvasElement>;
+    subLocalCanvasContainerRef?: React.RefObject<HTMLDivElement>;
+    canvasTopRef?: React.RefObject<HTMLCanvasElement>;
     canvasServiceFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasFloatRef: React.RefObject<HTMLCanvasElement>;
     canvasBgRef: React.RefObject<HTMLCanvasElement>;