feat: update

dist/cjs/board/Whiteboard/index.js

@@ -23,6 +23,7 @@ var Whiteboard = (function () {
         this.isFullscreen = false;
         this.pages = [];
         this.isInitialized = false;
+        this.isSyncing = false;
         this.visiblePageIndex = 0;
         if (target) {
             this.target = target;
@@ -207,10 +208,10 @@ var Whiteboard = (function () {
     Whiteboard.prototype.onSnapshot = function (snap) {
         var _this = this;
         var id = snap.id, sources = snap.sources, pageIds = snap.pageIds, visiblePageIndex = snap.visiblePageIndex;
-        if (!this.isInitialized) {
+        if (!this.isInitialized && !this.isSyncing) {
             this.id = id;
             this.sources = sources;
-            this.initSiema();
+            this.isSyncing = true;
             this.sources.forEach(function (source, i) {
                 var page = new index_1.WhitePage({ imgSrc: source }, {
                     mode: _this.mode,
@@ -222,8 +223,10 @@ var Whiteboard = (function () {
                 _this.pages.push(page);
                 page.open();
             });
+            this.initSiema();
         }
         this.isInitialized = true;
+        this.isSyncing = false;
         this.onPageChange(visiblePageIndex);
     };
     return Whiteboard;

dist/index.js

@@ -1706,6 +1706,7 @@ var Whiteboard = function () {
         this.isFullscreen = false;
         this.pages = [];
         this.isInitialized = false;
+        this.isSyncing = false;
         this.visiblePageIndex = 0;
         if (target) {
             this.target = target;
@@ -1893,10 +1894,10 @@ var Whiteboard = function () {
             sources = snap.sources,
             pageIds = snap.pageIds,
             visiblePageIndex = snap.visiblePageIndex;
-        if (!this.isInitialized) {
+        if (!this.isInitialized && !this.isSyncing) {
             this.id = id;
             this.sources = sources;
-            this.initSiema();
+            this.isSyncing = true;
             this.sources.forEach(function (source, i) {
                 var page = new index_1.WhitePage({ imgSrc: source }, {
                     mode: _this.mode,
@@ -1908,8 +1909,10 @@ var Whiteboard = function () {
                 _this.pages.push(page);
                 page.open();
             });
+            this.initSiema();
         }
         this.isInitialized = true;
+        this.isSyncing = false;
         this.onPageChange(visiblePageIndex);
     };
     return Whiteboard;

dist/types/board/Whiteboard/index.d.ts

@@ -21,6 +21,7 @@ export declare class Whiteboard {
     readonly activePage: WhitePage;
     siema: any;
     isInitialized: boolean;
+    isSyncing: boolean;
     visiblePageIndex: number;
     emitInterval: any;
     constructor(target: HTMLDivElement, { sources, eventHub, mode, visiblePageIndex }?: {

src/board/Whiteboard/index.ts

@@ -49,6 +49,7 @@ export class Whiteboard {
   /** State | 内部状态 */
   // 是否被初始化过，如果尚未被初始化，则等待来自于 Master 的同步消息
   isInitialized: boolean = false;
+  isSyncing: boolean = false;
   visiblePageIndex: number = 0;
   emitInterval: any;
 
@@ -304,10 +305,10 @@ export class Whiteboard {
   private onSnapshot(snap: SerializableWhiteboard) {
     const { id, sources, pageIds, visiblePageIndex } = snap;
 
-    if (!this.isInitialized) {
+    if (!this.isInitialized && !this.isSyncing) {
       this.id = id;
       this.sources = sources;
-      this.initSiema();
+      this.isSyncing = true;
 
       // 初始化所有的 WhitePages
       this.sources.forEach((source, i) => {
@@ -328,9 +329,12 @@ export class Whiteboard {
 
         page.open();
       });
+
+      this.initSiema();
     }
 
     this.isInitialized = true;
+    this.isSyncing = false;
     this.onPageChange(visiblePageIndex);
   }
 }