@netless/telebox-insider 0.3.0-beta.7 → 0.3.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/telebox-insider",
-  "version": "0.3.0-beta.7",
+  "version": "0.3.0-beta.8",
   "private": false,
   "description": "Window widget for Whiteboard",
   "author": "CRIMX <straybugs@gmail.com> (https://github.com/crimx/)",

package/src/AppMenu/index.ts

@@ -13,7 +13,7 @@ export interface AppMenuProps {
 
 export class AppMenu {
   private readonly namespace: string = 'telebox-app-menu';
-  public readonly container: HTMLDivElement;
+  private container: HTMLDivElement;
   private readonly badge: HTMLDivElement = document.createElement('div');
   private readonly menuView: HTMLDivElement = document.createElement('div');
   private readonly manager: TeleBoxManager;
@@ -76,6 +76,14 @@ export class AppMenu {
     }
   };
 
+  public setContainer(container: HTMLDivElement){
+    if(this.container) {
+      this.container.remove();
+    }
+    this.container = container;
+    this.init();
+  }
+
   private createDefaultAppMenu(){
     this.badge.classList.add(this.c('app-menu-badge'));
     this.menuView.classList.add(this.c('app-menu-tooltip'));

package/src/TeleBoxManager/index.ts

@@ -211,6 +211,9 @@ export class TeleBoxManager {
                 collector.setVisible(minimized$.value);
                 collector.setReadonly(readonly$.value);
                 collector.setDarkMode(this._darkMode$.value);
+                if (this.useBoxesStatus && this.appMenu) {
+                    this.appMenu.setContainer(collector.$appMenuContainer);
+                }
                 this._sideEffect.add(() => {
                     collector.getBoxesStatus = () => {
                         return this.boxesStatus$;