@plait/core 0.0.47 → 0.0.49

package/fesm2020/plait-core.mjs

@@ -804,18 +804,6 @@ function calculateZoom(zoom, minZoom = 0.2, maxZoom = 4) {
 function isNoSelectionElement(e) {
     return e.target?.closest('.plait-board-attached');
 }
-/**
- * viewZoom 转 zoom
- * @param viewZoom 视图上显示的 zoom 缩放级别 %
- * @returns zoom 真实的 zoom
- */
-const transformViewZoom = (viewZoom) => 2 - 100 / viewZoom;
-/**
- * zoom 转 viewZoom
- * @param zoom this.board.viewport.zoom
- * @returns 视图上显示的 zoom 缩放级别 %
- */
-const transformZoom = (zoom) => Number((100 / (2 - zoom)).toFixed(0));
 const updateCursorStatus = (board, cursor) => {
     if (cursor) {
         board.cursor = cursor;
@@ -993,6 +981,9 @@ function withMove(board) {
     board.mousemove = (event) => {
         const boardComponent = PLAIT_BOARD_TO_COMPONENT.get(board);
         if (board.cursor === BaseCursorStatus.move && board.selection && boardComponent.isMoving) {
+            const left = event.x - plaitBoardMove.x;
+            const top = event.y - plaitBoardMove.y;
+            boardComponent.setScroll(boardComponent.scrollLeft - left, boardComponent.scrollTop - top);
             plaitBoardMove.x = event.x;
             plaitBoardMove.y = event.y;
         }
@@ -1137,7 +1128,7 @@ class PlaitToolbarComponent {
         this.resetZoomHandel = new EventEmitter();
     }
     set viewZoom(zoom) {
-        this._viewZoom = Math.floor(zoom * 100);
+        this._viewZoom = Number(((zoom ?? 1) * 100).toFixed(0));
     }
     get viewZoom() {
         return this._viewZoom;
@@ -1354,7 +1345,7 @@ class PlaitBoardComponent {
             .subscribe((event) => {
             const scrollLeft = event.target.scrollLeft;
             const scrollTop = event.target.scrollTop;
-            this.getScrollOffset(scrollLeft, scrollTop);
+            this.setScroll(scrollLeft, scrollTop);
         });
         window.onresize = () => {
             this.updateViewport();
@@ -1377,13 +1368,8 @@ class PlaitBoardComponent {
         this.renderer2.setStyle(this.contentContainer.nativeElement, 'maxHeight', height);
     }
     setScroll(left, top) {
-        const container = this.contentContainer.nativeElement;
-        container.scrollTo({
-            top,
-            left
-        });
-    }
-    getScrollOffset(left, top) {
+        this.scrollLeft = left;
+        this.scrollTop = top;
         const viewportBox = getViewportClientBox(this.board);
         const viewBox = getViewBox(this.board);
         const scrollLeftRatio = left / (viewBox.viewportWidth - viewportBox.width);
@@ -1400,16 +1386,19 @@ class PlaitBoardComponent {
         const viewportBox = getViewportClientBox(this.board);
         const { minX, minY, width, height, viewportWidth, viewportHeight } = viewBox;
         const box = [minX, minY, width, height];
-        const scrollLeft = (viewportWidth - viewportBox.width) * offsetXRatio;
-        const scrollTop = (viewportHeight - viewportBox.height) * offsetYRatio;
+        this.scrollLeft = (viewportWidth - viewportBox.width) * offsetXRatio;
+        this.scrollTop = (viewportHeight - viewportBox.height) * offsetYRatio;
         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');
         if (width > 0 && height > 0) {
             this.renderer2.setAttribute(this.host, 'viewBox', box.join());
         }
-        this.setScroll(scrollLeft, scrollTop);
+        const container = this.contentContainer.nativeElement;
+        container.scrollTo({
+            top: this.scrollTop,
+            left: this.scrollLeft
+        });
     }
     updateViewport() {
         this.resizeViewport();
@@ -1590,5 +1579,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BOARD_TO_ON_CHANGE, BaseCursorStatus, CLIP_BOARD_FORMAT_KEY, FLUSHING, HOST_TO_ROUGH_SVG, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MERGING, NS, PLAIT_BOARD_TO_COMPONENT, Path, PlaitBoardComponent, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitToolbarComponent, SAVING, SCROLL_BAR_WIDTH, Transforms, Viewport, calculateBBox, calculateZoom, createG, createSVG, createText, distanceBetweenPointAndPoint, distanceBetweenPointAndSegment, getViewBox, getViewportClientBox, hotkeys, idCreator, inverse, isNoSelectionElement, isNullOrUndefined, isSetViewportOperation, rotate, shouldClear, shouldMerge, shouldSave, toPoint, toRectangleClient, transformPoint, transformPoints, transformViewZoom, transformZoom, updateCursorStatus };
+export { BOARD_TO_ON_CHANGE, BaseCursorStatus, CLIP_BOARD_FORMAT_KEY, FLUSHING, HOST_TO_ROUGH_SVG, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MERGING, NS, PLAIT_BOARD_TO_COMPONENT, Path, PlaitBoardComponent, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitToolbarComponent, SAVING, SCROLL_BAR_WIDTH, Transforms, Viewport, calculateBBox, calculateZoom, createG, createSVG, createText, distanceBetweenPointAndPoint, distanceBetweenPointAndSegment, getViewBox, getViewportClientBox, hotkeys, idCreator, inverse, isNoSelectionElement, isNullOrUndefined, isSetViewportOperation, rotate, shouldClear, shouldMerge, shouldSave, toPoint, toRectangleClient, transformPoint, transformPoints, updateCursorStatus };
 //# sourceMappingURL=plait-core.mjs.map