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

package/dist/telebox-insider.es.js

@@ -2877,6 +2877,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"));
@@ -3053,6 +3060,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$;
@@ -3222,7 +3232,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;
                   }
@@ -3252,7 +3262,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;
                   }
@@ -3398,13 +3408,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) {
@@ -3660,12 +3669,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,
@@ -3678,6 +3684,9 @@ class TeleBoxManager {
       }
     });
     box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Close, () => {
+      if (this.useBoxesStatus && box.focus) {
+        this.blurBox(box);
+      }
       this.remove(box);
       this.focusTopBox();
     });