@plait/core 0.1.0 → 0.1.1

package/fesm2020/plait-core.mjs

@@ -355,13 +355,33 @@ const NodeTransforms = {
     moveNode
 };
 
+// record richtext type status
+const FLUSHING = new WeakMap();
+const IS_TEXT_EDITABLE = new WeakMap();
+const BOARD_TO_ON_CHANGE = new WeakMap();
+const BOARD_TO_COMPONENT = new WeakMap();
+const BOARD_TO_ROUGH_SVG = new WeakMap();
+const BOARD_TO_HOST = new WeakMap();
+const BOARD_TO_ELEMENT_HOST = new WeakMap();
+const BOARD_TO_SELECTED_ELEMENT = new WeakMap();
+const BOARD_TO_MOVING_POINT = new WeakMap();
+// save no standard selected elements
+const BOARD_TO_TEMPORARY_ELEMENTS = new WeakMap();
+
 function setSelection(board, selection) {
     const operation = { type: 'set_selection', properties: board.selection, newProperties: selection };
     board.apply(operation);
 }
 const SelectionTransforms = {
-    setSelection
+    setSelection,
+    setSelectionWithTemporaryElements
 };
+function setSelectionWithTemporaryElements(board, elements) {
+    setTimeout(() => {
+        BOARD_TO_TEMPORARY_ELEMENTS.set(board, elements);
+        setSelection(board, { ranges: [] });
+    });
+}
 
 function setViewport(board, viewport) {
     const operation = { type: 'set_viewport', properties: board.viewport, newProperties: viewport };
@@ -371,17 +391,6 @@ const ViewportTransforms = {
     setViewport
 };
 
-// record richtext type status
-const FLUSHING = new WeakMap();
-const IS_TEXT_EDITABLE = new WeakMap();
-const BOARD_TO_ON_CHANGE = new WeakMap();
-const BOARD_TO_COMPONENT = new WeakMap();
-const BOARD_TO_ROUGH_SVG = new WeakMap();
-const BOARD_TO_HOST = new WeakMap();
-const BOARD_TO_ELEMENT_HOST = new WeakMap();
-const BOARD_TO_SELECTED_ELEMENT = new WeakMap();
-const BOARD_TO_MOVING_POINT = new WeakMap();
-
 function depthFirstRecursion(node, callback) {
     node.children?.forEach(child => {
         depthFirstRecursion(child, callback);
@@ -1353,8 +1362,8 @@ function withSelection(board) {
             const { x, y, width, height } = RectangleClient.toRectangleClient([start, movedTarget]);
             if (Math.hypot(width, height) > 5) {
                 end = movedTarget;
-                if (movedTarget) {
-                    Transforms.setSelection(board, { ranges: [{ anchor: start, focus: start }] });
+                if (end) {
+                    Transforms.setSelection(board, { ranges: [{ anchor: start, focus: end }] });
                 }
                 PlaitBoard.getBoardNativeElement(board).classList.add('selection-moving');
                 selectionMovingG?.remove();
@@ -1383,11 +1392,13 @@ function withSelection(board) {
         // calc selected elements entry
         try {
             if (board.operations.find(value => value.type === 'set_selection')) {
-                const elementIds = calcElementIntersectionSelection(board);
-                cacheSelectedElements(board, elementIds);
-                const { x, y, width, height } = getRectangleByElements(board, elementIds, false);
+                const temporaryElements = getTemporaryElements(board);
+                const elements = temporaryElements ? temporaryElements : calcElementIntersectionSelection(board);
+                cacheSelectedElements(board, elements);
+                const { x, y, width, height } = getRectangleByElements(board, elements, false);
                 if (width > 0 && height > 0) {
                     const rough = PlaitBoard.getRoughSVG(board);
+                    selectionOuterG?.remove();
                     selectionOuterG = rough.rectangle(x - 2, y - 2, width + 4, height + 4, {
                         stroke: SELECTION_BORDER_COLOR,
                         strokeWidth: 1,
@@ -1396,6 +1407,7 @@ function withSelection(board) {
                     PlaitBoard.getHost(board).append(selectionOuterG);
                 }
             }
+            deleteTemporaryElements(board);
         }
         catch (error) {
             console.error(error);
@@ -1404,6 +1416,12 @@ function withSelection(board) {
     };
     return board;
 }
+function getTemporaryElements(board) {
+    return BOARD_TO_TEMPORARY_ELEMENTS.get(board);
+}
+function deleteTemporaryElements(board) {
+    BOARD_TO_TEMPORARY_ELEMENTS.delete(board);
+}
 
 class PlaitElementComponent {
     constructor(renderer2, viewContainerRef) {
@@ -2137,5 +2155,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ELEMENT_TO_PLUGIN_COMPONENT, FLUSHING, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NS, Path, PlaitBoard, PlaitBoardComponent, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPointerType, PlaitToolbarComponent, RectangleClient, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, Transforms, Viewport, addSelectedElement, arrowPoints, cacheSelectedElements, calcElementIntersectionSelection, clampZoomLevel, convertToViewportCoordinates, createG, createSVG, createText, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, drawArrow, drawRoundRectangle, getBoardClientBox, getBoardRectangle, getRectangleByElements, getRootGroupBBox, getSelectedElements, getViewportContainerBox, hasBeforeContextChange, hotkeys, idCreator, inverse, invertMatrix, invertViewportCoordinates, isNoSelectionElement, isNullOrUndefined, isSelectedElement, isSetViewportOperation, normalizePoint, removeSelectedElement, rotate, shouldClear, shouldMerge, shouldSave, toPoint, transformMat3, transformPoint, transformPoints };
+export { BOARD_TO_COMPONENT, BOARD_TO_ELEMENT_HOST, BOARD_TO_HOST, BOARD_TO_MOVING_POINT, BOARD_TO_ON_CHANGE, BOARD_TO_ROUGH_SVG, BOARD_TO_SELECTED_ELEMENT, BOARD_TO_TEMPORARY_ELEMENTS, BoardTransforms, CLIP_BOARD_FORMAT_KEY, ELEMENT_TO_PLUGIN_COMPONENT, FLUSHING, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_IOS, IS_SAFARI, IS_TEXT_EDITABLE, MAX_RADIUS, MERGING, NS, Path, PlaitBoard, PlaitBoardComponent, PlaitElement, PlaitElementComponent, PlaitHistoryBoard, PlaitModule, PlaitNode, PlaitOperation, PlaitPluginElementComponent, PlaitPointerType, PlaitToolbarComponent, RectangleClient, SAVING, SCROLL_BAR_WIDTH, SELECTION_BORDER_COLOR, SELECTION_FILL_COLOR, Selection, Transforms, Viewport, addSelectedElement, arrowPoints, cacheSelectedElements, calcElementIntersectionSelection, clampZoomLevel, convertToViewportCoordinates, createG, createSVG, createText, deleteTemporaryElements, depthFirstRecursion, distanceBetweenPointAndPoint, distanceBetweenPointAndRectangle, distanceBetweenPointAndSegment, drawArrow, drawRoundRectangle, getBoardClientBox, getBoardRectangle, getRectangleByElements, getRootGroupBBox, getSelectedElements, getTemporaryElements, getViewportContainerBox, hasBeforeContextChange, hotkeys, idCreator, inverse, invertMatrix, invertViewportCoordinates, isNoSelectionElement, isNullOrUndefined, isSelectedElement, isSetViewportOperation, normalizePoint, removeSelectedElement, rotate, shouldClear, shouldMerge, shouldSave, toPoint, transformMat3, transformPoint, transformPoints, withSelection };
 //# sourceMappingURL=plait-core.mjs.map