@netless/telebox-insider 0.2.12 → 0.2.16

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@netless/telebox-insider",
-    "version": "0.2.12",
+    "version": "0.2.16",
     "private": false,
     "description": "Window widget for Whiteboard",
     "license": "MIT",

package/src/TeleBoxManager/index.ts

@@ -427,6 +427,11 @@ export class TeleBoxManager {
         box.events.on(TELE_BOX_EVENT.VisualResize, () => {
             this.events.emit(TELE_BOX_MANAGER_EVENT.VisualResize, box);
         });
+        box.events.on(TELE_BOX_EVENT.ZIndex, () => {
+            if (this.topBox && box.zIndex > this.topBox.zIndex) {
+                this.topBox$.setValue(box);
+            }
+        });
         this.events.emit(TELE_BOX_MANAGER_EVENT.Created, box);
 
         return box;
@@ -473,18 +478,18 @@ export class TeleBoxManager {
         const index = this.getBoxIndex(boxOrID);
         if (index >= 0) {
             const boxes = this.boxes.slice();
-            const deletedBox = boxes.splice(index, 1)[0];
+            const deletedBoxes = boxes.splice(index, 1);
             this.boxes$.setValue(boxes);
             this.focusTopBox();
-            deletedBox.destroy();
+            deletedBoxes.forEach((box) => box.destroy());
             if (!skipUpdate) {
                 if (this.boxes.length <= 0) {
                     this.setMaximized(false);
                     this.setMinimized(false);
                 }
-                this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, boxes);
+                this.events.emit(TELE_BOX_MANAGER_EVENT.Removed, deletedBoxes);
             }
-            return deletedBox;
+            return deletedBoxes[0];
         }
         return;
     }
@@ -643,6 +648,9 @@ export class TeleBoxManager {
         if (config.fixRatio != null) {
             box.setFixRatio(config.fixRatio, skipUpdate);
         }
+        if (config.zIndex != null) {
+            box.setZIndex(config.zIndex);
+        }
         if (config.content != null) {
             box.mountContent(config.content);
         }