@plait/core 0.0.44 → 0.0.45

package/fesm2020/plait-core.mjs

@@ -757,7 +757,7 @@ function getViewBox(board) {
 }
 function getViewportClientBox(board) {
     const hideScrollbar = board.options.hideScrollbar;
-    const scrollBarWidth = hideScrollbar ? 0 : SCROLL_BAR_WIDTH;
+    const scrollBarWidth = hideScrollbar ? SCROLL_BAR_WIDTH : 0;
     const container = board.host?.parentElement;
     const containerRect = container?.getBoundingClientRect();
     const width = containerRect.width - scrollBarWidth;
@@ -1250,9 +1250,13 @@ class PlaitBoardComponent {
         this.hasInitialized = true;
     }
     ngOnChanges(changes) {
-        const valueChange = changes['plaitValue'];
-        if (valueChange && this.hasInitialized) {
-            this.board.children = valueChange.currentValue;
+        if (this.hasInitialized) {
+            const valueChange = changes['plaitValue'];
+            const options = changes['plaitOptions'];
+            if (valueChange)
+                this.board.children = valueChange.currentValue;
+            if (options)
+                this.board.options = options.currentValue;
             this.cdr.markForCheck();
         }
     }
@@ -1364,7 +1368,7 @@ class PlaitBoardComponent {
         const container = this.elementRef.nativeElement?.parentElement;
         const containerRect = container?.getBoundingClientRect();
         const hideScrollbar = this.board.options.hideScrollbar;
-        const scrollBarWidth = hideScrollbar ? 0 : SCROLL_BAR_WIDTH;
+        const scrollBarWidth = hideScrollbar ? SCROLL_BAR_WIDTH : 0;
         const width = `${containerRect.width + scrollBarWidth}px`;
         const height = `${containerRect.height + scrollBarWidth}px`;
         this.renderer2.setStyle(this.contentContainer.nativeElement, 'width', width);
@@ -1398,15 +1402,17 @@ class PlaitBoardComponent {
         const box = [minX, minY, width, height];
         const scrollLeft = (viewportWidth - viewportBox.width) * offsetXRatio;
         const scrollTop = (viewportHeight - viewportBox.height) * offsetYRatio;
-        this.resizeViewport();
         this.renderer2.setStyle(this.host, 'display', 'block');
         this.renderer2.setStyle(this.host, 'width', `${viewportWidth}px`);
         this.renderer2.setStyle(this.host, 'height', `${viewportHeight}px`);
         this.renderer2.setStyle(this.host, 'cursor', this.isMoveMode ? 'grab' : 'default');
-        this.renderer2.setAttribute(this.host, 'viewBox', box.join());
+        if (width > 0 && height > 0) {
+            this.renderer2.setAttribute(this.host, 'viewBox', box.join());
+        }
         this.setScroll(scrollLeft, scrollTop);
     }
     updateViewport() {
+        this.resizeViewport();
         this.viewportChange();
     }
     // 拖拽模式