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

package/dist/index.d.ts

@@ -849,7 +849,7 @@ interface AppMenuProps {
 }
 declare class AppMenu {
     private readonly namespace;
-    readonly container: HTMLDivElement;
+    private container;
     private readonly badge;
     private readonly menuView;
     private readonly manager;
@@ -861,6 +861,7 @@ declare class AppMenu {
     private c;
     containerClickHandler: () => void;
     private menuViewClickHandler;
+    setContainer(container: HTMLDivElement): void;
     private createDefaultAppMenu;
     private init;
     updatePrefersColorSchemeHandler: () => void;

package/dist/telebox-insider.cjs.js

@@ -2879,6 +2879,13 @@ class AppMenu {
   c(className) {
     return `${this.namespace}-${className}`;
   }
+  setContainer(container) {
+    if (this.container) {
+      this.container.remove();
+    }
+    this.container = container;
+    this.init();
+  }
   createDefaultAppMenu() {
     this.badge.classList.add(this.c("app-menu-badge"));
     this.menuView.classList.add(this.c("app-menu-tooltip"));
@@ -3055,6 +3062,9 @@ class TeleBoxManager {
         collector2.setVisible(minimized$.value);
         collector2.setReadonly(readonly$.value);
         collector2.setDarkMode(this._darkMode$.value);
+        if (this.useBoxesStatus && this.appMenu) {
+          this.appMenu.setContainer(collector2.$appMenuContainer);
+        }
         this._sideEffect.add(() => {
           collector2.getBoxesStatus = () => {
             return this.boxesStatus$;
@@ -3224,7 +3234,7 @@ class TeleBoxManager {
                 const box = this.getBox(targetBox.id);
                 if (box) {
                   let isFocusChanged = false;
-                  if (this.topBox === box) {
+                  if (box.focus) {
                     this.blurBox(box);
                     isFocusChanged = true;
                   }
@@ -3254,7 +3264,7 @@ class TeleBoxManager {
                 const box = this.getBox(targetBox.id);
                 if (box) {
                   let isFocusChanged = false;
-                  if (this.topBox === box) {
+                  if (box.focus) {
                     this.blurBox(box);
                     isFocusChanged = true;
                   }
@@ -3400,13 +3410,12 @@ class TeleBoxManager {
       }
     });
     this.effectBoxStatusChange();
+    console.log("effectBoxesStatusTimerFunc===>newTopBox", newTopBox, curTopBox);
     if (newTopBox && curTopBox !== newTopBox) {
       this.topBox$.setValue(newTopBox);
-      this.focusBox(newTopBox, skipUpdate);
     }
     if (!newTopBox && curTopBox) {
       this.topBox$.setValue(void 0);
-      this.blurBox(curTopBox, skipUpdate);
     }
   }
   async effectBoxesStatusChange(skipUpdate = false) {
@@ -3662,12 +3671,9 @@ class TeleBoxManager {
       }
     });
     box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {
-      var _a2;
       if (box.boxStatus && this.useBoxesStatus) {
-        if (this.topBox === box) {
-          if ((_a2 = this.topBox) == null ? void 0 : _a2.focus) {
-            this.blurBox(this.topBox);
-          }
+        if (box.focus) {
+          this.blurBox(box);
         }
         this.setBox(box, {
           status: TELE_BOX_STATE.Minimized,
@@ -3680,6 +3686,9 @@ class TeleBoxManager {
       }
     });
     box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {
+      if (this.useBoxesStatus && box.focus) {
+        this.blurBox(box);
+      }
       this.remove(box);
       this.focusTopBox();
     });