@netless/window-manager 1.0.0-canary.0 → 1.0.0-canary.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "1.0.0-canary.0",
+  "version": "1.0.0-canary.1",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/BoxManager.ts

@@ -210,6 +210,10 @@ export class BoxManager {
         return this.teleBoxManager.boxes.length;
     }
 
+    public get stageRect() {
+        return this.teleBoxManager.stageRect;
+    }
+
     public createBox(params: CreateBoxParams): void {
         if (!this.teleBoxManager) return;
         let { minwidth = MIN_WIDTH, minheight = MIN_HEIGHT } = params.app.config ?? {};
@@ -242,7 +246,7 @@ export class BoxManager {
     ): TeleBoxManager {
         const root = WindowManager.playground;
         const initManagerState: TeleBoxManagerConfig = {
-            stageRatio: 3 / 4,
+            stageRatio: createTeleBoxManagerConfig?.stageRatio,
             root: root,
             fence: false,
             prefersColorScheme: createTeleBoxManagerConfig?.prefersColorScheme,
@@ -390,6 +394,10 @@ export class BoxManager {
         this.teleBoxManager._root$.setValue(root);
     }
 
+    public setCollector(collector: HTMLElement) {
+        this.teleBoxManager.collector.set$collector(collector);
+    }
+
     public destroy() {
         this.sideEffectManager.flushAll();
         this.teleBoxManager.destroy();

package/src/View/MainView.ts

@@ -42,7 +42,7 @@ export class MainViewProxy {
                 }
             });
         });
-        const rect = this.manager.boxManager?.teleBoxManager.stageRect;
+        const rect = this.manager.boxManager?.stageRect;
         if (rect) {
             this.synchronizer.setRect(rect);
         }
@@ -191,7 +191,7 @@ export class MainViewProxy {
     };
 
     private getStageSize(): Size | undefined {
-        const stage = this.manager.boxManager?.teleBoxManager.stageRect;
+        const stage = this.manager.boxManager?.stageRect;
         if (stage) {
             return { width: stage.width, height: stage.height };
         }

package/src/index.ts

@@ -340,7 +340,7 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
 
     public bindCollectorContainer(container: HTMLElement) {
         if (WindowManager.isCreated && this.boxManager) {
-            this.boxManager.teleBoxManager.collector.set$collector(container)
+            this.boxManager.setCollector(container);
         } else {
             if (WindowManager.params) {
                 WindowManager.params.collectorContainer = container;