@plait/mind 0.82.0 → 0.83.1

package/constants/default.d.ts

@@ -2,7 +2,7 @@ export declare const WithMindPluginKey = "plait-mind-plugin-key";
 export declare const BASE = 4;
 export declare const PRIMARY_COLOR = "#6698FF";
 export declare const GRAY_COLOR = "#AAAAAA";
-export declare const STROKE_WIDTH = 3;
+export declare const STROKE_WIDTH = 2;
 export declare const RESIZE_HANDLE_BUFFER_DISTANCE = 8;
 export declare const NODE_MORE_LINE_DISTANCE = 10;
 export declare const NODE_MORE_STROKE_WIDTH = 2;

package/fesm2022/plait-mind.mjs

@@ -1,6 +1,6 @@
 import { DEFAULT_COLOR, DefaultThemeColor, ColorfulThemeColor, SoftThemeColor, RetroThemeColor, DarkThemeColor, StarryThemeColor, rgbaToHEX, PlaitElement, PlaitNode, Path, isNullOrUndefined, PlaitBoard, getSelectedElements, getI18nValue, idCreator, Transforms, clearSelectedElement, addSelectedElement, distanceBetweenPointAndRectangle, RectangleClient, setDragging, depthFirstRecursion, getIsRecursionFunc, drawRoundRectangle, drawLinearPath, drawBezierPath, setStrokeLinecap, createG, createForeignObject, updateForeignObject, getRectangleByElements, toActiveRectangleFromViewBoxRectangle, ACTIVE_STROKE_WIDTH, SELECTION_RECTANGLE_CLASS_NAME, NODE_TO_PARENT, removeSelectedElement, PlaitHistoryBoard, isSelectedElement, createText, isSelectionMoving, isDragging, isMovingElements, NODE_TO_INDEX, PlaitPointerType, isMainPointer, toViewBoxPoint, toHostPoint, getHitElementByPoint, distanceBetweenPointAndPoint, CoreTransforms, toActivePointFromViewBoxPoint, BoardTransforms, throttleRAF, isContextmenu, temporaryDisableSelection, hotkeys, createClipboardContext, WritableClipboardType, Point, ResizeCursorClass, WritableClipboardOperationType, addOrCreateClipboardContext } from '@plait/core';
 import { MindLayoutType, AbstractNode, isIndentedLayout, isHorizontalLogicLayout, ConnectingPosition, isHorizontalLayout, getNonAbstractChildren, isStandardLayout, isLeftLayout, isRightLayout, isVerticalLogicLayout, isTopLayout, isBottomLayout, getCorrectStartEnd, getAbstractLayout, GlobalLayout } from '@plait/layouts';
-import { StrokeStyle, getFirstTextManage, DEFAULT_FONT_FAMILY, measureElement, buildText, getFirstTextEditor, RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, ImageGenerator, removeElementOfFocusedImage, getStrokeLineDash, Generator, PropertyTransforms, TRANSPARENT, isResizing, CommonElementFlavour, WithTextPluginKey, TextManage, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, acceptImageTypes, buildImage, withResize, getElementsText } from '@plait/common';
+import { StrokeStyle, getFirstTextManage, DEFAULT_FONT_FAMILY, measureElement, buildText, getFirstTextEditor, RESIZE_HANDLE_DIAMETER, getRectangleResizeHandleRefs, addElementOfFocusedImage, ImageGenerator, removeElementOfFocusedImage, getStrokeLineDash, getXDistanceBetweenPoint, moveXOfPoint, moveYOfPoint, Generator, PropertyTransforms, TRANSPARENT, isResizing, CommonElementFlavour, WithTextPluginKey, TextManage, isDrawingMode, isDndMode, setCreationMode, BoardCreationMode, isExpandHotkey, isTabHotkey, isEnterHotkey, isVirtualKey, isDelete, isSpaceHotkey, getElementOfFocusedImage, acceptImageTypes, buildImage, withResize, getElementsText } from '@plait/common';
 import { TEXT_DEFAULT_HEIGHT, PlaitMarkEditor, MarkTypes, DEFAULT_FONT_SIZE, FontSizes } from '@plait/text-plugins';
 import { Node as Node$1, Path as Path$1 } from 'slate';
 import { pointsOnBezierCurves } from 'points-on-curve';
@@ -177,7 +177,7 @@ const WithMindPluginKey = 'plait-mind-plugin-key';
 const BASE = 4;
 const PRIMARY_COLOR = '#6698FF';
 const GRAY_COLOR = '#AAAAAA';
-const STROKE_WIDTH = 3;
+const STROKE_WIDTH = 2;
 const RESIZE_HANDLE_BUFFER_DISTANCE = 8;
 const NODE_MORE_LINE_DISTANCE = 10;
 const NODE_MORE_STROKE_WIDTH = 2;
@@ -224,11 +224,11 @@ const DefaultAbstractNodeStyle = {
 };
 const DefaultNodeStyle = {
     branch: {
-        width: 3
+        width: 2
     },
     shape: {
         rectangleRadius: 4,
-        strokeWidth: 3,
+        strokeWidth: 2,
         fill: 'none'
     }
 };
@@ -1395,14 +1395,6 @@ const getPointByPlacement = (client, placement) => {
     }
     return [x, y];
 };
-const getXDistanceBetweenPoint = (point1, point2, isHorizontalLayout) => {
-    if (isHorizontalLayout) {
-        return Math.abs(point1[0] - point2[0]);
-    }
-    else {
-        return Math.abs(point1[1] - point2[1]);
-    }
-};
 const getYDistanceBetweenPoint = (point1, point2, isHorizontalLayout) => {
     getXDistanceBetweenPoint(point1, point2, !isHorizontalLayout);
 };
@@ -1424,37 +1416,6 @@ const getLayoutDirection = (node, isHorizontal) => {
         }
     }
 };
-// Based on right
-// Right -> Left:
-// 1. End point -> starting point/start point -> end point
-// 2. Add -> Subtract
-// Horizontal -> Vertical:
-// 1. Starting point/end point -> vertical axis
-// 2. Addition and subtraction -> vertical axis
-// Bottom -> Top:
-// 1. End point -> starting point/end point -> starting point
-// 2. Add -> Subtract
-const moveXOfPoint = (point, distance, direction = LayoutDirection.right) => {
-    if (direction === LayoutDirection.left) {
-        return [point[0] - distance, point[1]];
-    }
-    if (direction === LayoutDirection.bottom) {
-        return [point[0], point[1] + distance];
-    }
-    if (direction === LayoutDirection.top) {
-        return [point[0], point[1] - distance];
-    }
-    return [point[0] + distance, point[1]];
-};
-const moveYOfPoint = (point, distance, direction = LayoutDirection.right) => {
-    if (direction === LayoutDirection.bottom) {
-        return [point[0] + distance, point[1]];
-    }
-    if (direction === LayoutDirection.top) {
-        return [point[0] + distance, point[1]];
-    }
-    return [point[0], point[1] + distance];
-};
 const transformPlacement = (placement, direction) => {
     // to left
     if (direction === LayoutDirection.left) {
@@ -1565,7 +1526,9 @@ function drawLogicLink(board, parent, node, isHorizontal, defaultStrokeColor = n
     let endPoint = getPointByPlacement(nodeClient, endPlacement);
     // ② Determine the convex straight line
     const straightLineDistance = 8;
-    const beginPoint2 = hasStraightLine ? moveXOfPoint(beginPoint, straightLineDistance, linkDirection) : beginPoint;
+    const beginPoint2 = hasStraightLine
+        ? moveXOfPoint(beginPoint, straightLineDistance, linkDirection)
+        : beginPoint;
     let straightLine = hasStraightLine ? [beginPoint, beginPoint2, beginPoint2] : [];
     // ③ Determine the curve
     const beginBufferDistance = (parent.hGap + node.hGap) / 3;
@@ -2893,7 +2856,7 @@ class NodeMoreGenerator extends Generator {
             fontSize: Number(FontSizes.fontSize12),
             fontFamily: DEFAULT_FONT_FAMILY
         });
-        const badgeText = createText(center[0] - width / 2 + 0.5, y, stroke, `${text}`);
+        const badgeText = createText(center[0] - width / 2, y, stroke, `${text}`);
         badgeText.setAttribute('style', `font-size: ${Number(FontSizes.fontSize12)}px;`);
         this.expandG.appendChild(moreLine);
         this.expandG.appendChild(badgeBackground);