@plait/core 0.16.1 → 0.19.0

package/fesm2020/plait-core.mjs

@@ -42,6 +42,16 @@ function depthFirstRecursion(node, callback, recursion, isReverse) {
     }
     callback(node);
 }
+const getIsRecursionFunc = (board) => {
+    return (element) => {
+        if (PlaitBoard.isBoard(element) || board.isRecursion(element)) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+};
 
 function getRectangleByElements(board, elements, recursion) {
     const boundaryBox = {
@@ -845,6 +855,11 @@ const CLOSE_SQUARE_BRACKET = 221;
 const SINGLE_QUOTE = 222;
 const MAC_META = 224;
 
+var ResizeCursorClass;
+(function (ResizeCursorClass) {
+    ResizeCursorClass["ew-resize"] = "ew-resize";
+})(ResizeCursorClass || (ResizeCursorClass = {}));
+
 const CLIP_BOARD_FORMAT_KEY = 'x-plait-fragment';
 const HOST_CLASS_NAME = 'plait-board-container';
 const SCROLL_BAR_WIDTH = 20;
@@ -855,6 +870,7 @@ const POINTER_BUTTON = {
     SECONDARY: 2,
     TOUCH: -1,
 };
+const PRESS_AND_MOVE_BUFFER = 5;
 
 const NS = 'http://www.w3.org/2000/svg';
 function toPoint(x, y, container) {
@@ -941,14 +957,7 @@ const getHitElements = (board, selection, match = () => true) => {
             })) {
             selectedElements.push(node);
         }
-    }, node => {
-        if (PlaitBoard.isBoard(node) || board.isRecursion(node)) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }, true);
+    }, getIsRecursionFunc(board), true);
     return selectedElements;
 };
 const getHitElementOfRoot = (board, rootElements, range) => {
@@ -1312,10 +1321,13 @@ function idCreator(length = 5) {
 function drawRoundRectangle(rs, x1, y1, x2, y2, options, outline = false, borderRadius) {
     const width = Math.abs(x1 - x2);
     const height = Math.abs(y1 - y2);
-    const defaultRadius = Math.min(width, height) / 8;
-    let radius = borderRadius || defaultRadius;
-    if (defaultRadius > MAX_RADIUS) {
-        radius = outline ? MAX_RADIUS + 2 : MAX_RADIUS;
+    let radius = borderRadius || 0;
+    if (radius === 0) {
+        const defaultRadius = Math.min(width, height) / 8;
+        let radius = defaultRadius;
+        if (defaultRadius > MAX_RADIUS) {
+            radius = outline ? MAX_RADIUS + 2 : MAX_RADIUS;
+        }
     }
     const point1 = [x1 + radius, y1];
     const point2 = [x2 - radius, y1];
@@ -1327,48 +1339,6 @@ function drawRoundRectangle(rs, x1, y1, x2, y2, options, outline = false, border
     const point8 = [x1, y1 + radius];
     return rs.path(`M${point2[0]} ${point2[1]} A ${radius} ${radius}, 0, 0, 1, ${point3[0]} ${point3[1]} L ${point4[0]} ${point4[1]} A ${radius} ${radius}, 0, 0, 1, ${point5[0]} ${point5[1]} L ${point6[0]} ${point6[1]} A ${radius} ${radius}, 0, 0, 1, ${point7[0]} ${point7[1]} L ${point8[0]} ${point8[1]} A ${radius} ${radius}, 0, 0, 1, ${point1[0]} ${point1[1]} Z`, options);
 }
-function drawAbstractRoundRectangle(rs, x1, y1, x2, y2, isHorizontal, options) {
-    const width = Math.abs(x1 - x2);
-    const height = Math.abs(y1 - y2);
-    const radius = 5;
-    const handleGap = 4;
-    const handleLength = 10;
-    const handleSpace = handleLength + handleGap * 2;
-    if (isHorizontal) {
-        const handleSideLine = (width - handleSpace - radius * 2) / 2;
-        const sideLine = height - radius * 2;
-        return rs.path(`M${x1 + radius},${y1}
-            l${handleSideLine},0
-            m${handleSpace},0
-            l${handleSideLine},0
-            a${radius},${radius},0,0,1,${radius},${radius}
-            l0,${sideLine}
-            a${radius},${radius},0,0,1,-${radius},${radius}
-            l-${handleSideLine},0
-            m-${handleSpace},0
-            l-${handleSideLine},0
-            a${radius},${radius},0,0,1,-${radius},-${radius}
-            l0,-${sideLine}
-            a${radius},${radius},0,0,1,${radius},-${radius}`, options);
-    }
-    else {
-        const handleSideLine = (height - handleSpace - radius * 2) / 2;
-        const sideLine = width - radius * 2;
-        return rs.path(`M${x1 + radius},${y1}
-            l${sideLine},0
-            a${radius},${radius},0,0,1,${radius},${radius}
-            l0,${handleSideLine}
-            m0,${handleSpace}
-            l0,${handleSideLine}
-            a${radius},${radius},0,0,1,-${radius},${radius}
-            l-${sideLine},0
-            a${radius},${radius},0,0,1,-${radius},-${radius}
-            l0,-${handleSideLine}
-            m0,-${handleSpace}
-            l0,-${handleSideLine}
-            a${radius},${radius},0,0,1,${radius},-${radius}`, options);
-    }
-}
 
 function arrowPoints(start, end, maxHypotenuseLength = 10, degree = 40) {
     const width = Math.abs(start[0] - end[0]);
@@ -2287,7 +2257,12 @@ function withSelection(board) {
     let selectionMovingG;
     let selectionOuterG;
     let previousSelectedElements;
+    // prevent text from being selected when user pressed main pointer and is moving
+    let needPreventNativeSelectionWhenMoving = false;
     board.mousedown = (event) => {
+        if (event.target instanceof Element && !event.target.closest('.plait-richtext-container')) {
+            needPreventNativeSelectionWhenMoving = true;
+        }
         if (!isMainPointer(event)) {
             mousedown(event);
             return;
@@ -2307,14 +2282,13 @@ function withSelection(board) {
             !options.isDisabledSelect) {
             start = point;
         }
-        if (PlaitBoard.isPointer(board, PlaitPointerType.selection) && hitElements.length === 0 && !PlaitBoard.hasBeenTextEditing(board)) {
-            // prevent text from being selected
-            event.preventDefault();
-        }
         Transforms.setSelection(board, { ranges: [range] });
         mousedown(event);
     };
     board.globalMousemove = (event) => {
+        if (needPreventNativeSelectionWhenMoving) {
+            preventNativeSelection(board, event);
+        }
         if (start) {
             const movedTarget = transformPoint(board, toPoint(event.x, event.y, PlaitBoard.getHost(board)));
             const { x, y, width, height } = RectangleClient.toRectangleClient([start, movedTarget]);
@@ -2357,6 +2331,7 @@ function withSelection(board) {
         }
         start = null;
         end = null;
+        needPreventNativeSelectionWhenMoving = false;
         globalMouseup(event);
     };
     board.onChange = () => {
@@ -2438,6 +2413,12 @@ function createSelectionOuterG(board, selectElements) {
         fillStyle: 'solid'
     });
 }
+/**
+ * prevent text from being selected
+ */
+const preventNativeSelection = (board, event) => {
+    event.preventDefault();
+};
 
 function withViewport(board) {
     const { onChange } = board;
@@ -3322,5 +3303,5 @@ function createModModifierKeys() {
  * Generated bundle index. Do not edit.
  */
 
-export { A, ALT, APOSTROPHE, AT_SIGN, B, BACKSLASH, BACKSPACE, BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_MOVING_POINT_IN_BOARD, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, E, EIGHT, ELEMENT_TO_COMPONENT, END, ENTER, EQUALS, ESCAPE, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FLUSHING, FOUR, G, H, HOME, HOST_CLASS_NAME, I, INSERT, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_MAC, IS_SAFARI, IS_TEXT_EDITABLE, J, K, L, LAST_MEDIA, LEFT_ARROW, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, MAX_RADIUS, MERGING, META, MUTE, N, NINE, NODE_TO_INDEX, NODE_TO_PARENT, NS, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PATH_REFS, PAUSE, PERIOD, PLUS_SIGN, POINTER_BUTTON, PRINT_SCREEN, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElement, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, Q, QUESTION_MARK, R, RIGHT_ARROW, RectangleClient, RetroThemeColor, S, SAVING, SCROLL_BAR_WIDTH, SCROLL_LOCK, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, Selection, SoftThemeColor, StarryThemeColor, T, TAB, THREE, TILDE, TWO, ThemeColorMode, ThemeColors, Transforms, U, UP_ARROW, V, VOLUME_DOWN, VOLUME_UP, Viewport, W, X, Y, Z, ZERO, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createSVG, createSelectionOuterG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, downloadImage, drawAbstractRoundRectangle, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getElementHostBBox, getHitElementOfRoot, getHitElements, getMovingElements, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isHitElements, isInPlaitBoard, isMainPointer, isNullOrUndefined, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
+export { A, ALT, APOSTROPHE, AT_SIGN, B, BACKSLASH, BACKSPACE, BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_IS_SELECTION_MOVING, BOARD_TO_MOVING_ELEMENT, BOARD_TO_MOVING_POINT, BOARD_TO_MOVING_POINT_IN_BOARD, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BOARD_TO_VIEWPORT_ORIGINATION, BoardTransforms, C, CAPS_LOCK, CLIP_BOARD_FORMAT_KEY, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, ColorfulThemeColor, D, DASH, DELETE, DOWN_ARROW, DarkThemeColor, DefaultThemeColor, E, EIGHT, ELEMENT_TO_COMPONENT, END, ENTER, EQUALS, ESCAPE, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FLUSHING, FOUR, G, H, HOME, HOST_CLASS_NAME, I, INSERT, IS_APPLE, IS_BOARD_CACHE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_MAC, IS_SAFARI, IS_TEXT_EDITABLE, J, K, L, LAST_MEDIA, LEFT_ARROW, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, MAX_RADIUS, MERGING, META, MUTE, N, NINE, NODE_TO_INDEX, NODE_TO_PARENT, NS, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PATH_REFS, PAUSE, PERIOD, PLUS_SIGN, POINTER_BUTTON, PRESS_AND_MOVE_BUFFER, PRINT_SCREEN, Path, PlaitBoard, PlaitBoardComponent, PlaitChildrenElement, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitIslandBaseComponent, PlaitIslandPopoverBaseComponent, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPluginKey, PlaitPointerType, Point, Q, QUESTION_MARK, R, RIGHT_ARROW, RectangleClient, ResizeCursorClass, RetroThemeColor, S, SAVING, SCROLL_BAR_WIDTH, SCROLL_LOCK, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, Selection, SoftThemeColor, StarryThemeColor, T, TAB, THREE, TILDE, TWO, ThemeColorMode, ThemeColors, Transforms, U, UP_ARROW, V, VOLUME_DOWN, VOLUME_UP, Viewport, W, X, Y, Z, ZERO, addMovingElements, addSelectedElement, arrowPoints, cacheMovingElements, cacheSelectedElements, clampZoomLevel, clearNodeWeakMap, clearSelectedElement, clearSelectionMoving, clearViewportOrigination, createFakeEvent, createForeignObject, createG, createKeyboardEvent, createModModifierKeys, createMouseEvent, createPath, createPointerEvent, createSVG, createSelectionOuterG, createTestingBoard, createText, createTouchEvent, debounce, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, downloadImage, drawArrow, drawBezierPath, drawCircle, drawLine, drawLinearPath, drawRoundRectangle, fakeNodeWeakMap, getBoardRectangle, getElementHostBBox, getHitElementOfRoot, getHitElements, getIsRecursionFunc, getMovingElements, getRealScrollBarWidth, getRectangleByElements, getSelectedElements, getTemporaryElements, getViewBox, getViewBoxCenterPoint, getViewportContainerRect, getViewportOrigination, hasBeforeContextChange, hasInputOrTextareaTarget, hasOnBoardChange, hasOnContextChanged, hotkeys, idCreator, initializeViewBox, initializeViewportContainer, initializeViewportOffset, inverse, isDOMElement, isDOMNode, isFromScrolling, isFromViewportChange, isHitElements, isInPlaitBoard, isMainPointer, isNullOrUndefined, isSecondaryPointer, isSelectedElement, isSelectionMoving, isSetViewportOperation, normalizePoint, preventNativeSelection, removeMovingElements, removeSelectedElement, rotate, scrollToRectangle, setIsFromScrolling, setIsFromViewportChange, setSVGViewBox, setSelectionMoving, shouldClear, shouldMerge, shouldSave, throttleRAF, toImage, toPoint, transformPoint, transformPoints, updateForeignObject, updateViewportContainerScroll, updateViewportOffset, updateViewportOrigination, withMoving, withOptions, withSelection };
 //# sourceMappingURL=plait-core.mjs.map