@netless/app-slide 0.2.105-beta.2 → 0.2.105-beta.3

package/package.json

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

package/src/DocsViewer/ResizableContainer.ts

@@ -130,9 +130,6 @@ export class ResizableContainer {
       }
     }
 
-    this.translateX = 0.5;
-    this.translateY = 0.5;
-
     this.renderScrollBar(
       parentBounds.width,
       parentBounds.width * this.scale,
@@ -141,7 +138,8 @@ export class ResizableContainer {
     );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
-      triggerSync: true,
+      triggerSync: false,
+      force: true,
     });
 
     // enableScale / scaleView 只改变内部 container 的像素尺寸，box 本身不变。
@@ -158,12 +156,14 @@ export class ResizableContainer {
     options: {
       triggerScrollBar: boolean;
       triggerSync: boolean;
+      force?: boolean;
     }
   ) {
     if (
       Math.abs(x - this.translateX) < 0.001 &&
       Math.abs(y - this.translateY) < 0.001 &&
-      !options.triggerSync
+      !options.triggerSync &&
+      !options.force
     ) {
       return;
     }

package/src/SlideDocsViewer/index.ts

@@ -163,6 +163,13 @@ export class SlideDocsViewer {
         console.log("[SlideDocsViewer] No initial slideScale found");
       }
 
+      const initialTranslateX = this.context.storage.state.translateX ?? 0.5;
+      const initialTranslateY = this.context.storage.state.translateY ?? 0.5;
+      this.resizableContainer.handleNormalizeTranslate(initialTranslateX, initialTranslateY, {
+        triggerScrollBar: true,
+        triggerSync: false,
+      });
+
       const handler: StorageStateChangedListener<Attributes> = diff => {
         if (diff.slideScale !== undefined) {
           // slideScale 是一个包含 newValue 和 oldValue 的对象

package/src/index.ts

@@ -376,6 +376,10 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> & {
           translateX: 0.5,
           translateY: 0.5,
         });
+        container.handleNormalizeTranslate(0.5, 0.5, {
+          triggerScrollBar: true,
+          triggerSync: false,
+        });
         container.scaleContainer(applyScale);
       },
       getViewScale: () => {