@plait/draw 0.67.2 → 0.69.0

package/fesm2022/plait-draw.mjs

@@ -1,4 +1,4 @@
-import { ACTIVE_STROKE_WIDTH, DEFAULT_COLOR, ThemeColorMode, RectangleClient, getSelectedElements, idCreator, catmullRomFitting, PlaitBoard, createG, drawLinearPath, setStrokeLinecap, distanceBetweenPointAndSegments, HIT_DISTANCE_BUFFER, isPointInPolygon, rotatePointsByElement, isPolylineHitRectangle, rotateAntiPointsByElement, distanceBetweenPointAndPoint, Transforms, clearSelectedElement, addSelectedElement, BoardTransforms, PlaitPointerType, depthFirstRecursion, getIsRecursionFunc, SNAPPING_STROKE_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, drawCircle, createDebugGenerator, Point, arrowPoints, createPath, rotate, findElements, createMask, createRect, PlaitElement, getElementById, PlaitNode, hasValidAngle, toViewBoxPoint, toHostPoint, Direction, rotatePoints, getRectangleByElements, getSelectionAngle, rotatedDataPoints, isAxisChangedByAngle, isSelectionMoving, drawRectangle, getRectangleByAngle, getSnapRectangles, getTripleAxis, getMinPointDelta, SNAP_TOLERANCE, drawPointSnapLines, drawSolidLines, getNearestPointBetweenPointAndSegments, isPointInEllipse, getNearestPointBetweenPointAndEllipse, getEllipseTangentSlope, getVectorFromPointAndSlope, drawRoundRectangle, isPointInRoundRectangle, setPathStrokeLinecap, getCrossingPointsBetweenEllipseAndSegment, drawLine, Path, RgbaToHEX, SELECTION_RECTANGLE_CLASS_NAME, getHitElementByPoint, preventTouchMove, WritableClipboardOperationType, createClipboardContext, WritableClipboardType, addClipboardContext, setAngleForG, CursorClass, temporaryDisableSelection, PRESS_AND_MOVE_BUFFER, isMainPointer, throttleRAF, getAngleBetweenPoints, normalizeAngle, degreesToRadians, rotateElements, MERGING, ROTATE_HANDLE_CLASS_NAME, isSelectedElement, isDragging } from '@plait/core';
+import { ACTIVE_STROKE_WIDTH, DEFAULT_COLOR, ThemeColorMode, RectangleClient, getSelectedElements, idCreator, catmullRomFitting, PlaitBoard, createG, drawLinearPath, setStrokeLinecap, distanceBetweenPointAndSegments, HIT_DISTANCE_BUFFER, isPointInPolygon, rotatePointsByElement, isPolylineHitRectangle, rotateAntiPointsByElement, distanceBetweenPointAndPoint, Transforms, clearSelectedElement, addSelectedElement, BoardTransforms, PlaitPointerType, depthFirstRecursion, getIsRecursionFunc, SNAPPING_STROKE_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, drawCircle, createDebugGenerator, Point, arrowPoints, createPath, rotate, findElements, createMask, createRect, PlaitElement, getElementById, PlaitNode, hasValidAngle, toViewBoxPoint, toHostPoint, Direction, rotatePoints, getRectangleByElements, getSelectionAngle, rotatedDataPoints, isAxisChangedByAngle, isSelectionMoving, drawRectangle, getRectangleByAngle, getSnapRectangles, getTripleAxis, getMinPointDelta, SNAP_TOLERANCE, drawPointSnapLines, drawSolidLines, getNearestPointBetweenPointAndSegments, isPointInEllipse, getNearestPointBetweenPointAndEllipse, getEllipseTangentSlope, getVectorFromPointAndSlope, drawRoundRectangle, isPointInRoundRectangle, setPathStrokeLinecap, getCrossingPointsBetweenEllipseAndSegment, drawLine, Path, RgbaToHEX, SELECTION_RECTANGLE_CLASS_NAME, getHitElementByPoint, WritableClipboardOperationType, createClipboardContext, WritableClipboardType, addClipboardContext, setAngleForG, CursorClass, temporaryDisableSelection, PRESS_AND_MOVE_BUFFER, isMainPointer, throttleRAF, getAngleBetweenPoints, normalizeAngle, degreesToRadians, rotateElements, MERGING, ROTATE_HANDLE_CLASS_NAME, isSelectedElement, isDragging } from '@plait/core';
 import { DEFAULT_FILL, Alignment, WithTextPluginKey, ELEMENT_TO_TEXT_MANAGES, TextManage, getMemorizedLatest, memorizeLatest, getPointOnPolyline, buildText, Generator, sortElementsByArea, isFilled, getTextEditorsByElement, removeDuplicatePoints, generateElbowLineRoute, simplifyOrthogonalPoints, getExtendPoint, getUnitVectorByPointAndPoint, getPointByVectorComponent, RESIZE_HANDLE_DIAMETER, measureElement, DEFAULT_FONT_FAMILY, getFirstTextManage, ActiveGenerator, isSourceAndTargetIntersect, getPoints, DEFAULT_ROUTE_MARGIN, normalizeShapePoints, getFirstTextEditor, resetPointsAfterResize, getDirectionByVector, getRectangleResizeHandleRefs, getRotatedResizeCursorClassByAngle, ROTATE_HANDLE_DISTANCE_TO_ELEMENT, ROTATE_HANDLE_SIZE, isCornerHandle, getIndexByResizeHandle, withResize, drawHandle, getSymmetricHandleIndex, getResizeHandlePointByIndex, getDirectionFactorByDirectionComponent, getCrossingPointsBetweenPointAndSegment, isPointOnSegment, getDirectionByPointOfRectangle, getDirectionFactor, rotateVector, getOppositeDirection, rotateVectorAnti90, getSourceAndTargetOuterRectangle, getNextPoint, PRIMARY_COLOR, CommonElementFlavour, canResize, drawPrimaryHandle, drawFillPrimaryHandle, isVirtualKey, isDelete, isSpaceHotkey, isDndMode, isDrawingMode, getElementsText, acceptImageTypes, getElementOfFocusedImage, buildImage, isResizingByCondition, getRatioByPoint, getTextManages, ImageGenerator, ResizeHandle, addRotating, removeRotating, drawRotateHandle } from '@plait/common';
 import { pointsOnBezierCurves } from 'points-on-curve';
 import { TEXT_DEFAULT_HEIGHT, DEFAULT_FONT_SIZE, AlignEditor } from '@plait/text-plugins';
@@ -2992,10 +2992,7 @@ const setTableFill = (board, element, fill, path) => {
     if (selectedCells?.length) {
         newCells = element.cells.map(cell => {
             if (selectedCells.map(item => item.id).includes(cell.id)) {
-                return {
-                    ...cell,
-                    fill
-                };
+                return getNewCell(cell, fill);
             }
             return cell;
         });
@@ -3003,16 +3000,25 @@ const setTableFill = (board, element, fill, path) => {
     else {
         newCells = element.cells.map(cell => {
             if (cell.text && cell.textHeight) {
-                return {
-                    ...cell,
-                    fill
-                };
+                return getNewCell(cell, fill);
             }
             return cell;
         });
     }
     Transforms.setNode(board, { cells: newCells }, path);
 };
+const getNewCell = (cell, fill) => {
+    const newCell = {
+        ...cell
+    };
+    if (fill) {
+        newCell.fill = fill;
+    }
+    else {
+        delete newCell.fill;
+    }
+    return newCell;
+};
 
 const setVectorLineShape = (board, newProperties) => {
     const elements = getSelectedVectorLineElements(board);
@@ -7201,7 +7207,6 @@ const withGeometryCreateByDrag = (board) => {
         temporaryElement = null;
         geometryShapeG?.remove();
         geometryShapeG = null;
-        preventTouchMove(board, event, false);
         globalPointerUp(event);
     };
     return board;
@@ -7226,7 +7231,6 @@ const withGeometryCreateByDrawing = (board) => {
             const point = toViewBoxPoint(board, toHostPoint(board, event.x, event.y));
             start = point;
             const pointer = PlaitBoard.getPointer(board);
-            preventTouchMove(board, event, true);
             if (pointer === BasicShapes.text) {
                 const memorizedLatest = getMemorizedLatestByPointer(pointer);
                 const property = getTextShapeProperty(board, DefaultTextProperty.text, memorizedLatest.textProperties['font-size']);
@@ -7285,7 +7289,6 @@ const withGeometryCreateByDrawing = (board) => {
             geometryShapeG = null;
             start = null;
             temporaryElement = null;
-            preventTouchMove(board, event, false);
             return;
         }
         pointerUp(event);
@@ -7465,7 +7468,6 @@ const withArrowLineCreateByDraw = (board) => {
             if (hitElement) {
                 sourceElement = hitElement;
             }
-            preventTouchMove(board, event, true);
         }
         pointerDown(event);
     };
@@ -7491,7 +7493,6 @@ const withArrowLineCreateByDraw = (board) => {
         sourceElement = null;
         start = null;
         temporaryElement = null;
-        preventTouchMove(board, event, false);
         globalPointerUp(event);
     };
     return board;
@@ -8091,7 +8092,6 @@ const withDrawRotate = (board) => {
         removeRotating(board);
         rotateRef = null;
         MERGING.set(board, false);
-        preventTouchMove(board, event, false);
     };
     board.afterChange = () => {
         afterChange();
@@ -8542,7 +8542,6 @@ const withSwimlaneCreateByDrag = (board) => {
         temporaryElement = null;
         swimlaneG?.remove();
         swimlaneG = null;
-        preventTouchMove(board, event, false);
         globalPointerUp(event);
     };
     return board;
@@ -8614,7 +8613,6 @@ const withSwimlaneCreateByDrawing = (board) => {
             swimlaneG = null;
             start = null;
             temporaryElement = null;
-            preventTouchMove(board, event, false);
             return;
         }
         pointerUp(event);
@@ -8694,7 +8692,6 @@ const withVectorPenCreateByDraw = (board) => {
                         vectorLineComplete();
                     }
                 }
-                preventTouchMove(board, event, true);
             }
         }
         pointerDown(event);