@netless/app-slide 0.2.56 → 0.2.57

package/package.json

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

package/src/SlideController/index.ts

@@ -41,6 +41,7 @@ export interface SlideControllerOptions {
   onRenderError?: (error: Error, pageIndex: number) => void;
   onNavigate?: (index: number, origin?: string) => void;
   showRenderError?: boolean;
+  invisibleBehavior?: "frozen" | "pause";
 }
 
 const noop = function noop() {
@@ -73,6 +74,8 @@ export class SlideController {
   private visible: boolean;
   private savedIsFrozen: boolean;
 
+  private invisibleBehavior: "frozen" | "pause";
+
   public constructor({
     context,
     anchor,
@@ -84,7 +87,9 @@ export class SlideController {
     onError,
     onRenderError,
     showRenderError,
+    invisibleBehavior,
   }: SlideControllerOptions) {
+    this.invisibleBehavior = invisibleBehavior ?? "frozen";
     this.onRenderStart = onRenderStart;
     this.onPageChanged = onPageChanged;
     this.onTransitionStart = onTransitionStart;
@@ -341,7 +346,11 @@ export class SlideController {
     this.isFrozen = true;
     if (this.ready) {
       log("[Slide] freeze", this.context.appId);
-      this.slide.frozen();
+      if (this.invisibleBehavior === "frozen") {
+        this.slide.frozen();
+      } else {
+        this.slide.pause();
+      }
     } else {
       this._toFreeze = 1;
     }
@@ -352,7 +361,11 @@ export class SlideController {
     this.isFrozen = false;
     if (this.ready) {
       log("[Slide] unfreeze", this.context.appId);
-      this.slide.release();
+      if (this.invisibleBehavior === "frozen") {
+        this.slide.release();
+      } else {
+        this.slide.resume();
+      }
     } else {
       this._toFreeze = -1;
     }

package/src/index.ts

@@ -69,6 +69,8 @@ export interface AppOptions
   onRenderError?: (error: Error, pageIndex: number) => void;
   /** whether to show an overlay of error message @default: true */
   showRenderError?: boolean;
+  /** Specify the behavior after hiding the slide; Freeze will destroy the slide and replace it with a snapshot, while Pause simply pauses the slide @default: 'frozen' */
+  invisibleBehavior?: "frozen" | "pause";
 }
 
 export interface ILogger {
@@ -150,6 +152,7 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
         onNavigate: options.onNavigate,
         onRenderError: appOptions.onRenderError,
         showRenderError: appOptions.showRenderError,
+        invisibleBehavior: appOptions.invisibleBehavior,
       });
       if (useFreezer) apps.set(context.appId, slideController, box);
       logger.setAppController(context.appId, slideController);