@netless/window-manager 0.4.6 → 0.4.7

package/docs/api.md

@@ -195,8 +195,8 @@ if (!success) {
 
 ```ts
 manager.addPage() // 默认在最后添加一页
-manager.addPage({ index: 1 }) // 指定在某个 index 后添加
-manager.addPage({ index: 1， scene: { name: "page" } }) // 指定在某个 index 后添加并且添加 scene 信息
+manager.addPage({ after: true }) // 在当前页后添加一页
+manager.addPage({ scene: { name: "page2" } }) // 传入 page 信息
 ```
 
 

package/docs/migrate.md

@@ -40,6 +40,8 @@ manager.mainView.callbacks.on("onSizeUpdated", size => {
 });
 ```
 
+<br>
+
 ## `white-web-sdk` 从 `2.15.x` 迁移至 `2.16.x`
 
 ### `room.setMemberState`
@@ -48,10 +50,11 @@ manager.mainView.callbacks.on("onSizeUpdated", size => {
 
 或者使用 `manager.mainView.setMemberState` 代替
 
+<br>
 
-### `room.pptPreviousStep` `room.pptNextStep`
+### `room.pptPreviousStep` `room.pptNextStep` 切换上下页
 
-多窗口下不推荐使用这两个 api 来进行对主白板进行翻上下页
+因为窗口实现机制的改变, `pptPreviousStep` 和 `pptNextStep` 不再生效
 
-请使用 `manager.nextPage` 和 `manager.prevPage`
+如果需要切换主白板的上下页, 请使用 `manager.nextPage` 和 `manager.prevPage`
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",

package/src/AppManager.ts

@@ -40,7 +40,7 @@ export class AppManager {
 
     private _prevSceneIndex: number | undefined;
     private _prevFocused: string | undefined;
-    private callbacksNode: ScenesCallbacksNode | null;
+    private callbacksNode: ScenesCallbacksNode | null = null;
     private appCreateQueue = new AppCreateQueue();
 
     constructor(public windowManger: WindowManager) {
@@ -74,6 +74,7 @@ export class AppManager {
         emitter.on("removeScenes", scenePath => {
             if (scenePath === ROOT_DIR) {
                 this.setMainViewScenePath(ROOT_DIR);
+                this.createRootDirScenesCallback();
                 return;
             }
             const mainViewScenePath = this.store.getMainViewScenePath();
@@ -83,6 +84,15 @@ export class AppManager {
                 }
             }
         });
+        this.createRootDirScenesCallback();
+    }
+
+    private createRootDirScenesCallback = () => {
+        let isRecreate = false;
+        if (this.callbacksNode) {
+            this.callbacksNode.dispose();
+            isRecreate = true;
+        }
         this.callbacksNode = this.displayer.createScenesCallback(ROOT_DIR, {
             onAddScene: scenesCallback => {
                 this.mainViewScenesLength = scenesCallback.scenes.length;
@@ -95,6 +105,9 @@ export class AppManager {
         });
         if (this.callbacksNode) {
             this.mainViewScenesLength = this.callbacksNode.scenes.length;
+            if (isRecreate) {
+                callbacks.emit("mainViewScenesLengthChange", this.callbacksNode.scenes.length);
+            }
         }
     }
 

package/src/index.ts

@@ -180,7 +180,7 @@ export const callbacks: CallbacksType = new Emittery();
 export const reconnectRefresher = new ReconnectRefresher({ emitter });
 
 export type AddPageParams = {
-    index?: number;
+    after?: boolean;
     scene?: SceneDefinition;
 }
 
@@ -519,11 +519,13 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> {
 
     public async addPage(params?: AddPageParams): Promise<void> {
         if (this.appManager) {
-            const index = params?.index;
-            if (Number.isSafeInteger(index)) {
-                this.room.putScenes(ROOT_DIR, [params?.scene || {}], index);
+            const after = params?.after;
+            const scene = params?.scene;
+            if (after) {
+                const nextIndex = this.mainViewSceneIndex + 1;
+                this.room.putScenes(ROOT_DIR, [scene || {}], nextIndex);
             } else {
-                this.room.putScenes(ROOT_DIR, [params?.scene || {}]);
+                this.room.putScenes(ROOT_DIR, [scene || {}]);
             }
         }
     }