@plait/mind 0.22.0 → 0.23.0

package/fesm2020/plait-mind.mjs

@@ -2298,6 +2298,8 @@ const insertAbstractNode = (board, path, start, end) => {
     mindElement.start = start;
     mindElement.end = end;
     Transforms.insertNode(board, mindElement, path);
+    clearSelectedElement(board);
+    addSelectedElement(board, mindElement);
 };
 
 const setLayout = (board, layout, path) => {
@@ -3531,6 +3533,8 @@ const withAbstract = (board) => {
             return abstractHandlePosition;
         });
         if (activeAbstractElement) {
+            // prevent text from being selected
+            event.preventDefault();
             if (newBoard?.onAbstractResize) {
                 newBoard.onAbstractResize(AbstractResizeState.start);
             }
@@ -3963,7 +3967,7 @@ const withNodeResize = (board) => {
     let startPoint = null;
     board.mousedown = (event) => {
         if (targetElement) {
-            startPoint = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+            startPoint = [event.x, event.y];
             // prevent text from being selected
             event.preventDefault();
             return;
@@ -3979,7 +3983,6 @@ const withNodeResize = (board) => {
             const endPoint = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
             const distance = distanceBetweenPointAndPoint(startPoint[0], startPoint[1], endPoint[0], endPoint[1]);
             if (distance > PRESS_AND_MOVE_BUFFER) {
-                startPoint = endPoint;
                 addResizing(board, targetElement);
                 targetElementRef = {
                     minWidth: NodeSpace.getNodeResizableMinWidth(board, targetElement),
@@ -3992,17 +3995,21 @@ const withNodeResize = (board) => {
         }
         if (isMindNodeResizing(board) && startPoint && targetElementRef) {
             throttleRAF(() => {
-                const endPoint = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
+                if (!startPoint) {
+                    return;
+                }
+                const endPoint = [event.x, event.y];
                 const offsetX = endPoint[0] - startPoint[0];
-                let resizedWidth = targetElementRef.currentWidth + offsetX;
+                const zoom = board.viewport.zoom;
+                let resizedWidth = targetElementRef.currentWidth + offsetX / zoom;
                 if (resizedWidth < targetElementRef.minWidth) {
                     resizedWidth = targetElementRef.minWidth;
                 }
                 const newTarget = PlaitNode.get(board, targetElementRef.path);
                 if (newTarget && NodeSpace.getNodeTopicMinWidth(board, newTarget) !== resizedWidth) {
                     targetElementRef.textManage.updateWidth(resizedWidth);
-                    const { width, height } = targetElementRef.textManage.getSize();
-                    MindTransforms.setNodeManualWidth(board, newTarget, resizedWidth, height);
+                    const { height } = targetElementRef.textManage.getSize();
+                    MindTransforms.setNodeManualWidth(board, newTarget, resizedWidth * zoom, height);
                 }
             });
             return;