@netless/telebox-insider 0.3.0-beta.2 → 0.3.0-beta.4

package/dist/index.d.ts

@@ -801,10 +801,10 @@ interface MaxTitleBarConfig extends DefaultTitleBarConfig {
     boxes: MaxTitleBarTeleBox[];
     containerRect: TeleBoxRect;
     focusedBox?: MaxTitleBarTeleBox;
-    boxesStatus?: Map<string, TeleBoxState>;
+    getBoxesStatus?: () => Map<string, TeleBoxState>;
 }
 declare class MaxTitleBar extends DefaultTitleBar {
-    boxesStatus?: Map<string, TeleBoxState>;
+    getBoxesStatus?: MaxTitleBarConfig["getBoxesStatus"];
     constructor(config: MaxTitleBarConfig);
     hasMaximizedBoxInStatus(): boolean;
     get MaximizedBoxes(): MaxTitleBarTeleBox[];
@@ -815,7 +815,7 @@ declare class MaxTitleBar extends DefaultTitleBar {
      */
     focusBox(box?: MaxTitleBarTeleBox): void;
     setContainerRect(rect: TeleBoxRect): void;
-    setBoxesStatus(boxesStatus: Map<string, TeleBoxState>): void;
+    updateBoxesStatus(): void;
     setBoxes(boxes: MaxTitleBarTeleBox[]): void;
     setState(state: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
@@ -861,11 +861,17 @@ declare class TeleBoxManager {
     /** @deprecated use setMaximized and setMinimized instead */
     setState(state: TeleBoxState, skipUpdate?: boolean): this;
     setBoxStatus(boxId: string, boxStatus?: TeleBoxState, skipUpdate?: boolean): void;
-    private setBoxesStatus;
+    getBoxStatus(boxId: string): TeleBoxState | undefined;
+    getLastNotMinimizedBoxStatus(boxId: string): NotMinimizedBoxState | undefined;
+    get boxesStatus(): ReadonlyMap<string, TeleBoxState>;
+    get lastNotMinimizedBoxesStatus(): ReadonlyMap<string, NotMinimizedBoxState>;
+    setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): void;
+    private effectBoxStatusChange;
     hasBoxesStatus(): boolean;
     hasMinimizedBox(): boolean;
     setLastNotMinimizedBoxStatus(boxId: string, lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate?: boolean): void;
-    private setLastNotMinimizedBoxesStatus;
+    setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus: Map<string, NotMinimizedBoxState>, skipUpdate?: boolean): void;
+    private effectLastNotMinimizedBoxStatusChange;
     private getAllMinimizedBoxes;
     create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
     query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];

package/dist/telebox-insider.cjs.js

@@ -2419,20 +2419,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 === exports.TELE_BOX_STATE.Maximized);
+        return !!hasMaximizedBox;
+      }
     }
-    const hasMaximizedBox = [...this.boxesStatus.values()].find((state) => state === exports.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) === exports.TELE_BOX_STATE.Maximized);
+      }
     }
-    return this.boxes.filter((box) => this.boxesStatus && this.boxesStatus.get(box.id) === exports.TELE_BOX_STATE.Maximized);
+    return [];
   }
   focusBox(box) {
     var _a, _b;
@@ -2477,8 +2483,7 @@ class MaxTitleBar extends DefaultTitleBar {
       this.$titleBar.style.width = width + "px";
     }
   }
-  setBoxesStatus(boxesStatus) {
-    this.boxesStatus = boxesStatus;
+  updateBoxesStatus() {
     if (this.hasMaximizedBoxInStatus()) {
       this.setBoxStatus(exports.TELE_BOX_STATE.Maximized);
     }
@@ -2686,6 +2691,7 @@ class TeleBoxManager {
                     this.setBoxStatus(box.id, exports.TELE_BOX_STATE.Normal);
                   }
                 });
+                this.effectBoxStatusChange();
               }
               minimized$.setValue(false);
             }
@@ -2771,13 +2777,16 @@ 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) {
           case exports.TELE_BOX_DELEGATE_EVENT.Maximize: {
             if (this.hasBoxesStatus() && ((_a = this.maxTitleBar.focusedBox) == null ? void 0 : _a.id)) {
               this.setBoxStatus(this.maxTitleBar.focusedBox.id, exports.TELE_BOX_STATE.Normal);
+              this.effectBoxStatusChange();
               this.makeMaximizedTopBoxFocus();
             } else {
               maximized$.setValue(!maximized$.value);
@@ -2787,6 +2796,7 @@ class TeleBoxManager {
           case exports.TELE_BOX_DELEGATE_EVENT.Minimize: {
             if (this.hasBoxesStatus() && ((_b = this.maxTitleBar.focusedBox) == null ? void 0 : _b.id)) {
               this.setBoxStatus(this.maxTitleBar.focusedBox.id, exports.TELE_BOX_STATE.Minimized);
+              this.effectBoxStatusChange();
               this.makeMaximizedTopBoxFocus();
             } else {
               minimized$.setValue(true);
@@ -2860,32 +2870,49 @@ class TeleBoxManager {
     return this;
   }
   setBoxStatus(boxId, boxStatus, skipUpdate = false) {
-    const boxesStatus = this.boxesStatus$;
     if (boxStatus) {
-      const oldBoxStatus = boxesStatus.get(boxId);
-      boxesStatus.set(boxId, boxStatus);
+      const oldBoxStatus = this.boxesStatus$.get(boxId);
+      this.boxesStatus$.set(boxId, boxStatus);
       if (boxStatus === exports.TELE_BOX_STATE.Minimized && oldBoxStatus !== exports.TELE_BOX_STATE.Minimized) {
         this.setLastNotMinimizedBoxStatus(boxId, oldBoxStatus, skipUpdate);
+        this.effectLastNotMinimizedBoxStatusChange();
       } else if (oldBoxStatus === exports.TELE_BOX_STATE.Minimized && boxStatus !== exports.TELE_BOX_STATE.Minimized) {
         this.setLastNotMinimizedBoxStatus(boxId, void 0, skipUpdate);
+        this.effectLastNotMinimizedBoxStatusChange();
       }
     } else {
-      boxesStatus.delete(boxId);
+      this.boxesStatus$.delete(boxId);
       this.setLastNotMinimizedBoxStatus(boxId, void 0, skipUpdate);
+      this.effectLastNotMinimizedBoxStatusChange();
     }
-    this.setBoxesStatus(boxesStatus, skipUpdate);
     if (!skipUpdate) {
       this.events.emit(exports.TELE_BOX_MANAGER_EVENT.BoxStatus, { id: boxId, boxStatus });
     }
   }
+  getBoxStatus(boxId) {
+    return this.boxesStatus$.get(boxId);
+  }
+  getLastNotMinimizedBoxStatus(boxId) {
+    return this.lastNotMinimizedBoxesStatus$.get(boxId);
+  }
+  get boxesStatus() {
+    return this.boxesStatus$;
+  }
+  get lastNotMinimizedBoxesStatus() {
+    return this.lastNotMinimizedBoxesStatus$;
+  }
   setBoxesStatus(boxesStatus, skipUpdate = false) {
+    this.boxesStatus$ = boxesStatus;
+    this.effectBoxStatusChange(skipUpdate);
+  }
+  effectBoxStatusChange(skipUpdate = false) {
     var _a, _b, _c, _d;
     let topBox;
     const topBoxId = (_a = this.topBox) == null ? void 0 : _a.id;
     let hasMinimizedBox = false;
     this.boxes.forEach((box) => {
       var _a2;
-      const boxStatus = boxesStatus.get(box.id);
+      const boxStatus = this.boxesStatus$.get(box.id);
       if (boxStatus) {
         if (boxStatus !== exports.TELE_BOX_STATE.Minimized && box.zIndex > ((_a2 = topBox == null ? void 0 : topBox.zIndex) != null ? _a2 : 0)) {
           topBox = box;
@@ -2910,7 +2937,7 @@ class TeleBoxManager {
       this.focusTopBox();
     }
     if (this.maxTitleBar) {
-      this.maxTitleBar.setBoxesStatus(boxesStatus);
+      this.maxTitleBar.updateBoxesStatus();
     }
   }
   hasBoxesStatus() {
@@ -2920,23 +2947,23 @@ class TeleBoxManager {
     return this.boxes.some((box) => box.boxStatus && box.boxStatus === exports.TELE_BOX_STATE.Minimized);
   }
   setLastNotMinimizedBoxStatus(boxId, lastNotMinimizedBoxStatus, skipUpdate = false) {
-    const boxesStatus = this.lastNotMinimizedBoxesStatus$;
     if (lastNotMinimizedBoxStatus) {
-      boxesStatus.set(boxId, lastNotMinimizedBoxStatus);
+      this.lastNotMinimizedBoxesStatus$.set(boxId, lastNotMinimizedBoxStatus);
     } else {
-      boxesStatus.delete(boxId);
+      this.lastNotMinimizedBoxesStatus$.delete(boxId);
     }
-    this.setLastNotMinimizedBoxesStatus(boxesStatus, skipUpdate);
     if (!skipUpdate) {
       this.events.emit(exports.TELE_BOX_MANAGER_EVENT.LastNotMinimizedBoxStatus, { id: boxId, boxStatus: lastNotMinimizedBoxStatus });
     }
   }
   setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus, skipUpdate = false) {
+    this.lastNotMinimizedBoxesStatus$ = lastNotMinimizedBoxesStatus;
+    this.effectLastNotMinimizedBoxStatusChange(skipUpdate);
+  }
+  effectLastNotMinimizedBoxStatusChange(skipUpdate = false) {
     this.boxes.forEach((box) => {
-      const boxStatus = lastNotMinimizedBoxesStatus.get(box.id);
-      if (boxStatus) {
-        box.setLastNotMinimizedBoxStatus(boxStatus, skipUpdate);
-      }
+      const boxStatus = this.lastNotMinimizedBoxesStatus$.get(box.id);
+      box.setLastNotMinimizedBoxStatus(boxStatus, skipUpdate);
     });
   }
   getAllMinimizedBoxes() {
@@ -2966,9 +2993,11 @@ class TeleBoxManager {
     this.boxes$.setValue([...this.boxes, box]);
     if (box.boxStatus) {
       this.setBoxStatus(box.id, box.boxStatus, true);
+      this.effectBoxStatusChange(true);
     }
     if (box._lastNotMinimizedBoxStatus$.value) {
       this.setLastNotMinimizedBoxStatus(box.id, box._lastNotMinimizedBoxStatus$.value, true);
+      this.effectLastNotMinimizedBoxStatusChange();
     }
     box._delegateEvents.on(exports.TELE_BOX_DELEGATE_EVENT.Maximize, () => {
       if (box.boxStatus) {
@@ -2981,6 +3010,7 @@ class TeleBoxManager {
             }
           });
         }
+        this.effectBoxStatusChange();
         this.makeMaximizedTopBoxFocus();
       } else {
         this.setMaximized(!this.maximized);
@@ -2990,6 +3020,7 @@ class TeleBoxManager {
       if (box.boxStatus) {
         const oldBoxStatus = box.boxStatus;
         this.setBoxStatus(box.id, exports.TELE_BOX_STATE.Minimized);
+        this.effectBoxStatusChange();
         if (oldBoxStatus === exports.TELE_BOX_STATE.Maximized) {
           this.makeMaximizedTopBoxFocus();
         }
@@ -3062,16 +3093,20 @@ class TeleBoxManager {
   }
   remove(boxOrID, skipUpdate = false) {
     const box = this.getBox(boxOrID);
-    if (box) {
-      this.setBoxStatus(box.id, void 0, skipUpdate);
-      this.setLastNotMinimizedBoxStatus(box.id, void 0, skipUpdate);
-    }
     const index2 = this.getBoxIndex(boxOrID);
     if (index2 >= 0) {
       const boxes = this.boxes.slice();
       const deletedBoxes = boxes.splice(index2, 1);
       this.boxes$.setValue(boxes);
       deletedBoxes.forEach((box2) => box2.destroy());
+      if (box) {
+        this.setBoxStatus(box.id, void 0, skipUpdate);
+        this.boxesStatus$.delete(box.id);
+        this.effectBoxStatusChange(skipUpdate);
+        this.setLastNotMinimizedBoxStatus(box.id, void 0, skipUpdate);
+        this.lastNotMinimizedBoxesStatus$.delete(box.id);
+        this.effectLastNotMinimizedBoxStatusChange();
+      }
       if (!skipUpdate) {
         if (this.boxes.length <= 0) {
           this.setMaximized(false);
@@ -3226,9 +3261,11 @@ class TeleBoxManager {
     }
     if (config.boxStatus) {
       this.setBoxStatus(box.id, config.boxStatus, skipUpdate);
+      this.effectBoxStatusChange(skipUpdate);
     }
     if (config.lastNotMinimizedBoxStatus) {
       this.setLastNotMinimizedBoxStatus(box.id, config.lastNotMinimizedBoxStatus, skipUpdate);
+      this.effectLastNotMinimizedBoxStatusChange();
     }
   }
   smartPosition(config = {}) {