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

package/dist/index.d.ts

@@ -846,6 +846,8 @@ interface TeleBoxManager extends ValEnhancedResult<ValConfig> {
 declare class TeleBoxManager {
     private boxesStatus$;
     private lastNotMinimizedBoxesStatus$;
+    private effectBoxStatusTimer?;
+    private effectLastNotMinimizedBoxStatusTimer?;
     constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, }?: TeleBoxManagerConfig);
     get boxes(): ReadonlyArray<TeleBox>;
     get topBox(): TeleBox | undefined;
@@ -866,6 +868,7 @@ declare class TeleBoxManager {
     get boxesStatus(): ReadonlyMap<string, TeleBoxState>;
     get lastNotMinimizedBoxesStatus(): ReadonlyMap<string, NotMinimizedBoxState>;
     setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): void;
+    private effectBoxStatusTimerFunc;
     private effectBoxStatusChange;
     hasBoxesStatus(): boolean;
     hasMinimizedBox(): boolean;
@@ -895,7 +898,6 @@ declare class TeleBoxManager {
     protected smartPosition(config?: TeleBoxConfig): TeleBoxConfig;
     protected makeBoxTop(box: TeleBox, skipUpdate?: boolean): void;
     protected makeMaximizedTopBoxFocus(): void;
-    private makeTopBoxEffect;
     protected makeMaximizedBoxFocus(maximizedBox: MaxTitleBarTeleBox, skipUpdate?: boolean): void;
     protected makeMaximizedBoxBlur(): void;
     protected getBoxIndex(boxOrID: TeleBox | string): number;

package/dist/telebox-insider.cjs.js

@@ -2905,8 +2905,9 @@ class TeleBoxManager {
     this.boxesStatus$ = boxesStatus;
     this.effectBoxStatusChange(skipUpdate);
   }
-  effectBoxStatusChange(skipUpdate = false) {
+  effectBoxStatusTimerFunc(skipUpdate) {
     var _a, _b, _c, _d;
+    this.effectBoxStatusTimer = void 0;
     let topBox;
     const topBoxId = (_a = this.topBox) == null ? void 0 : _a.id;
     let hasMinimizedBox = false;
@@ -2939,6 +2940,28 @@ class TeleBoxManager {
     if (this.maxTitleBar) {
       this.maxTitleBar.updateBoxesStatus();
     }
+    console.log("effectBoxStatusTimerFunc===>end", skipUpdate, this.boxes$.value.map((b) => ({ id: b.id, focus: b.focus, boxStatus: b.boxStatus, zIndex: b.zIndex })));
+  }
+  effectBoxStatusChange(skipUpdate = false) {
+    var _a, _b;
+    if (this.effectBoxStatusTimer && this.effectBoxStatusTimer.timer) {
+      clearTimeout(this.effectBoxStatusTimer.timer);
+      if (this.effectBoxStatusTimer.skipUpdate !== skipUpdate) {
+        this.effectBoxStatusTimer.skipUpdate = skipUpdate;
+        console.log("effectBoxStatusTimerFunc===>1111", skipUpdate);
+        this.effectBoxStatusTimerFunc(this.effectBoxStatusTimer.skipUpdate);
+      }
+    }
+    if (!this.effectBoxStatusTimer) {
+      this.effectBoxStatusTimer = {
+        skipUpdate,
+        timer: void 0
+      };
+    }
+    console.log("effectBoxStatusTimerFunc===>000", skipUpdate, { id: (_a = this.topBox$.value) == null ? void 0 : _a.id, zIndex: (_b = this.topBox$.value) == null ? void 0 : _b.zIndex }, this.boxes$.value.map((b) => ({ id: b.id, focus: b.focus, boxStatus: b.boxStatus, zIndex: b.zIndex })));
+    this.effectBoxStatusTimer.timer = setTimeout(() => {
+      this.effectBoxStatusTimerFunc(skipUpdate);
+    }, 100);
   }
   hasBoxesStatus() {
     return this.boxesStatus$.size > 0;
@@ -3296,10 +3319,25 @@ class TeleBoxManager {
   makeBoxTop(box, skipUpdate = false) {
     if (this.topBox) {
       if (box !== this.topBox) {
-        const currentBoxZIndex = box.zIndex;
-        const addZIndex = this.topBox.zIndex + 1 - box.zIndex;
-        box.setZIndex(this.topBox.zIndex + 1, skipUpdate);
-        this.makeTopBoxEffect(box.id, addZIndex, currentBoxZIndex, skipUpdate);
+        if (!this.hasBoxesStatus()) {
+          box.setZIndex(this.topBox.zIndex + 1, skipUpdate);
+          return;
+        }
+        const maxZIndex = this.boxes.reduce((maxZIndex2, box2) => {
+          return Math.max(maxZIndex2, box2.zIndex);
+        }, 0);
+        const currentTopBoxZIndex = Math.min(this.topBox.zIndex, box.zIndex);
+        const addZIndex = maxZIndex + 1 - currentTopBoxZIndex;
+        box.setZIndex(maxZIndex + 1, skipUpdate);
+        console.log("makeBoxTop===>", box.id, maxZIndex + 1, addZIndex, this.topBox.id, currentTopBoxZIndex);
+        if (box.boxStatus !== exports.TELE_BOX_STATE.Minimized) {
+          this.boxes.forEach((b) => {
+            if (b.boxStatus === exports.TELE_BOX_STATE.Minimized && b.zIndex >= currentTopBoxZIndex) {
+              console.log("makeBoxTop===>111", b.id, b.zIndex + addZIndex);
+              b.setZIndex(b.zIndex + addZIndex, skipUpdate);
+            }
+          });
+        }
       }
     }
   }
@@ -3317,15 +3355,6 @@ class TeleBoxManager {
       }
     }
   }
-  makeTopBoxEffect(boxId, addZIndex, currentZIndex, skipUpdate = false) {
-    if (this.hasBoxesStatus() && this.hasMinimizedBox()) {
-      this.boxes.forEach((b) => {
-        if (b.boxStatus && b.id !== boxId && b.zIndex >= currentZIndex) {
-          b.setZIndex(b.zIndex + addZIndex, skipUpdate);
-        }
-      });
-    }
-  }
   makeMaximizedBoxFocus(maximizedBox, skipUpdate = false) {
     if (this.maxTitleBar.hasMaximizedBoxInStatus() && this.maxTitleBar.MaximizedBoxes.find((box) => box.id === maximizedBox.id)) {
       const currentZIndex = maximizedBox.zIndex;