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

package/dist/main.es.js

@@ -41502,8 +41502,6 @@ class ResizableContainer {
         this.whiteboardContainer.style.clipPath = `inset(${padding}px 0px ${padding}px 0px)`;
       }
     }
-    this.translateX = 0.5;
-    this.translateY = 0.5;
     this.renderScrollBar(
       parentBounds.width,
       parentBounds.width * this.scale,
@@ -41512,14 +41510,15 @@ class ResizableContainer {
     );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
-      triggerSync: true
+      triggerSync: false,
+      force: true
     });
     (_a = this.slide) == null ? void 0 : _a.notifyFrameResize();
     (_b = this.onLayoutUpdated) == null ? void 0 : _b.call(this);
   }
   handleNormalizeTranslate(x, y, options) {
     var _a;
-    if (Math.abs(x - this.translateX) < 1e-3 && Math.abs(y - this.translateY) < 1e-3 && !options.triggerSync) {
+    if (Math.abs(x - this.translateX) < 1e-3 && Math.abs(y - this.translateY) < 1e-3 && !options.triggerSync && !options.force) {
       return;
     }
     const parentBounds = this.scrollContainer.getBoundingClientRect();
@@ -42365,6 +42364,7 @@ class SlideDocsViewer {
     this.render();
     this._registerBoxSizeChange();
     this.sideEffect.add(() => {
+      var _a, _b;
       const applyScale = (scale) => {
         if (this.resizableContainer) {
           this.resizableContainer.scaleContainer(scale);
@@ -42381,16 +42381,22 @@ class SlideDocsViewer {
       } else {
         console.log("[SlideDocsViewer] No initial slideScale found");
       }
+      const initialTranslateX = (_a = this.context.storage.state.translateX) != null ? _a : 0.5;
+      const initialTranslateY = (_b = this.context.storage.state.translateY) != null ? _b : 0.5;
+      this.resizableContainer.handleNormalizeTranslate(initialTranslateX, initialTranslateY, {
+        triggerScrollBar: true,
+        triggerSync: false
+      });
       const handler = (diff) => {
-        var _a, _b;
+        var _a2, _b2;
         if (diff.slideScale !== void 0) {
           const newScale = diff.slideScale.newValue;
           applyScale(newScale != null ? newScale : 1);
         }
         if (diff.translateX !== void 0 || diff.translateY !== void 0) {
           const currentTranslate = this.resizableContainer.getTranslate();
-          const translateX = diff.translateX ? (_a = diff.translateX.newValue) != null ? _a : 0.5 : currentTranslate.x;
-          const translateY = diff.translateY ? (_b = diff.translateY.newValue) != null ? _b : 0.5 : currentTranslate.y;
+          const translateX = diff.translateX ? (_a2 = diff.translateX.newValue) != null ? _a2 : 0.5 : currentTranslate.x;
+          const translateY = diff.translateY ? (_b2 = diff.translateY.newValue) != null ? _b2 : 0.5 : currentTranslate.y;
           if (this.resizableContainer) {
             this.resizableContainer.handleNormalizeTranslate(translateX, translateY, {
               triggerScrollBar: true,
@@ -42853,7 +42859,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.105-beta.2";
+const version = "0.2.105-beta.3";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
@@ -43076,6 +43082,10 @@ const SlideApp = {
           translateX: 0.5,
           translateY: 0.5
         });
+        container.handleNormalizeTranslate(0.5, 0.5, {
+          triggerScrollBar: true,
+          triggerSync: false
+        });
         container.scaleContainer(applyScale);
       },
       getViewScale: () => {