fix(draw): fixed the problem of table-bound lines paste failure #WIK-…

…15700 (#909)

.changeset/shiny-donuts-jog.md

@@ -0,0 +1,5 @@
+---
+'@plait/draw': patch
+---
+
+fixed the problem of table-bound lines paste failure

packages/draw/src/utils/clipboard.ts

@@ -1,5 +1,5 @@
 import { PlaitBoard, Point, Transforms, getElementById, idCreator } from '@plait/core';
-import { PlaitDrawElement, PlaitGeometry, PlaitLine } from '../interfaces';
+import { PlaitDrawElement, PlaitGeometry, PlaitLine, PlaitShapeElement } from '../interfaces';
 import { PlaitImage } from '../interfaces/image';
 import { getConnectionPoint } from './line/line-common';
 import { PlaitTable } from '../interfaces/table';
@@ -45,43 +45,47 @@ export const insertClipboardData = (board: PlaitBoard, elements: PlaitDrawElemen
         value => (PlaitDrawElement.isGeometry(value) && !PlaitDrawElement.isGeometryByTable(value)) || PlaitDrawElement.isImage(value)
     ) as (PlaitImage | PlaitGeometry)[];
     const tables = elements.filter(value => PlaitDrawElement.isElementByTable(value)) as PlaitTable[];
-
     geometries.forEach(element => {
-        const sourceLines: PlaitLine[] = [];
-        const targetLines: PlaitLine[] = [];
-        lines.forEach(line => {
-            if (PlaitLine.isBoundElementOfSource(line, element)) {
-                sourceLines.push(line);
-            }
-            if (PlaitLine.isBoundElementOfTarget(line, element)) {
-                targetLines.push(line);
-            }
-        });
-        element.id = idCreator();
-
-        // update lines
-        sourceLines.forEach(sourceLine => (sourceLine.source.boundId = element.id));
-        targetLines.forEach(targetLine => (targetLine.target.boundId = element.id));
-
+        const newId = idCreator();
+        updateBoundLinesId(element, lines, newId);
+        element.id = newId;
         element.points = element.points.map(point => [startPoint[0] + point[0], startPoint[1] + point[1]]) as [Point, Point];
         Transforms.insertNode(board, element, [board.children.length]);
     });
+    insertClipboardTableData(board, tables, startPoint, lines);
     lines.forEach(element => {
         element.id = idCreator();
         element.points = element.points.map(point => [startPoint[0] + point[0], startPoint[1] + point[1]]) as [Point, Point];
         Transforms.insertNode(board, element, [board.children.length]);
     });
-    insertClipboardTableData(board, tables, startPoint);
     Transforms.addSelectionWithTemporaryElements(board, elements);
 };
 
-export const insertClipboardTableData = (board: PlaitBoard, elements: PlaitTable[], startPoint: Point) => {
+export const insertClipboardTableData = (board: PlaitBoard, elements: PlaitTable[], startPoint: Point, lines: PlaitLine[]) => {
     elements.forEach(element => {
-        element.id = idCreator();
+        const newId = idCreator();
+        updateBoundLinesId(element, lines, newId);
+        element.id = newId;
         updateRowOrColumnIds(element, 'row');
         updateRowOrColumnIds(element, 'column');
         updateCellIds(element.cells);
         element.points = element.points.map(point => [startPoint[0] + point[0], startPoint[1] + point[1]]) as [Point, Point];
         Transforms.insertNode(board, element, [board.children.length]);
     });
 };
+
+export const updateBoundLinesId = (element: PlaitShapeElement, lines: PlaitLine[], newId: string) => {
+    const sourceLines: PlaitLine[] = [];
+    const targetLines: PlaitLine[] = [];
+    lines.forEach(line => {
+        if (PlaitLine.isBoundElementOfSource(line, element)) {
+            sourceLines.push(line);
+        }
+        if (PlaitLine.isBoundElementOfTarget(line, element)) {
+            targetLines.push(line);
+        }
+    });
+    // update lines
+    sourceLines.forEach(sourceLine => (sourceLine.source.boundId = newId));
+    targetLines.forEach(targetLine => (targetLine.target.boundId = newId));
+};