@netless/telebox-insider 0.3.0-beta.1 → 0.3.0-beta.3

package/dist/telebox-insider.es.js

@@ -2416,20 +2416,26 @@ class MaxTitleBar extends DefaultTitleBar {
     this.focusedBox = config.focusedBox;
     this.containerRect = config.containerRect;
     this.darkMode = config.darkMode;
-    this.boxesStatus = config.boxesStatus;
+    this.getBoxesStatus = config.getBoxesStatus;
   }
   hasMaximizedBoxInStatus() {
-    if (!this.boxesStatus || this.boxesStatus.size === 0) {
-      return false;
+    if (this.getBoxesStatus) {
+      const boxesStatus = this.getBoxesStatus();
+      if (boxesStatus.size) {
+        const hasMaximizedBox = [...boxesStatus.values()].find((state) => state === TELE_BOX_STATE.Maximized);
+        return !!hasMaximizedBox;
+      }
     }
-    const hasMaximizedBox = [...this.boxesStatus.values()].find((state) => state === TELE_BOX_STATE.Maximized);
-    return !!hasMaximizedBox;
+    return false;
   }
   get MaximizedBoxes() {
-    if (!this.boxesStatus || this.boxesStatus.size === 0) {
-      return [];
+    if (this.getBoxesStatus) {
+      const boxesStatus = this.getBoxesStatus();
+      if (boxesStatus) {
+        return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === TELE_BOX_STATE.Maximized);
+      }
     }
-    return this.boxes.filter((box) => this.boxesStatus && this.boxesStatus.get(box.id) === TELE_BOX_STATE.Maximized);
+    return [];
   }
   focusBox(box) {
     var _a, _b;
@@ -2474,8 +2480,7 @@ class MaxTitleBar extends DefaultTitleBar {
       this.$titleBar.style.width = width + "px";
     }
   }
-  setBoxesStatus(boxesStatus) {
-    this.boxesStatus = boxesStatus;
+  updateBoxesStatus() {
     if (this.hasMaximizedBoxInStatus()) {
       this.setBoxStatus(TELE_BOX_STATE.Maximized);
     }
@@ -2768,7 +2773,9 @@ class TeleBoxManager {
       state: state$.value,
       boxes: this.boxes$.value,
       containerRect: containerRect$.value,
-      boxesStatus: this.boxesStatus$,
+      getBoxesStatus: () => {
+        return this.boxesStatus$;
+      },
       onEvent: (event) => {
         var _a, _b, _c;
         switch (event.type) {
@@ -2877,6 +2884,7 @@ class TeleBoxManager {
   }
   setBoxesStatus(boxesStatus, skipUpdate = false) {
     var _a, _b, _c, _d;
+    this.boxesStatus$ = boxesStatus;
     let topBox;
     const topBoxId = (_a = this.topBox) == null ? void 0 : _a.id;
     let hasMinimizedBox = false;
@@ -2903,11 +2911,11 @@ class TeleBoxManager {
     }
     if (topBox && topBoxId !== topBox.id) {
       this.makeBoxTop(topBox, skipUpdate);
-      this.focusTopBox();
       this.topBox$.setValue(topBox);
+      this.focusTopBox();
     }
     if (this.maxTitleBar) {
-      this.maxTitleBar.setBoxesStatus(boxesStatus);
+      this.maxTitleBar.updateBoxesStatus();
     }
   }
   hasBoxesStatus() {
@@ -2929,6 +2937,7 @@ class TeleBoxManager {
     }
   }
   setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus, skipUpdate = false) {
+    this.lastNotMinimizedBoxesStatus$ = lastNotMinimizedBoxesStatus;
     this.boxes.forEach((box) => {
       const boxStatus = lastNotMinimizedBoxesStatus.get(box.id);
       if (boxStatus) {
@@ -3069,6 +3078,10 @@ class TeleBoxManager {
       const deletedBoxes = boxes.splice(index2, 1);
       this.boxes$.setValue(boxes);
       deletedBoxes.forEach((box2) => box2.destroy());
+      if (box) {
+        this.boxesStatus$.delete(box.id);
+        this.lastNotMinimizedBoxesStatus$.delete(box.id);
+      }
       if (!skipUpdate) {
         if (this.boxes.length <= 0) {
           this.setMaximized(false);