@netless/app-slide 0.2.45-alpha.1 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.45-alpha.1",
+  "version": "0.2.45",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

package/src/SlideDocsViewer/index.ts

@@ -177,9 +177,22 @@ export class SlideDocsViewer {
 
   protected onRenderStart = () => {
     this.$whiteboardView.classList.add(this.wrapClassName("wb-view-hidden"));
+    this.viewer.setPlaying();
   };
 
   protected onRenderEnd = () => {
+    // 1. There's no render end event on initial render.
+    // 2. The end event is fired before the page changed event.
+    // So in this callback we will do nothing and we do all "end" works in onPageChanged.
+  };
+
+  public onPageChanged = () => {
+    clearTimeout(this._onPageChangedTimer);
+    this._onPageChangedTimer = setTimeout(this._onPageChanged, 200);
+  };
+
+  private _onPageChangedTimer = 0;
+  private _onPageChanged = () => {
     this.$overlay.style.opacity = "";
     this.$whiteboardView.classList.remove(this.wrapClassName("wb-view-hidden"));
   };

package/src/SlideDocsViewer/style.scss

@@ -8,7 +8,7 @@ $namespace: "netless-app-slide";
   height: 100%;
   z-index: 100;
   overflow: hidden;
-  transition: opacity 0.1s;
+  transition: opacity 0.2s;
 }
 
 .#{$namespace}-wb-view-hidden {

package/src/index.ts

@@ -131,6 +131,8 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
         }
         log("[Slide] page to", page, synced ? "(synced)" : "");
         docsViewer.viewer.setPageIndex(page - 1);
+        docsViewer.viewer.setPaused();
+        docsViewer.onPageChanged();
       }
     };