feat: 折线边支持配置节点相邻第一个拐点位置&曲线边支持配置调整线拉伸长度

Author: DymoneLewis

examples/engine-browser-examples/src/pages/graph/index.tsx

@@ -81,16 +81,16 @@ const data = {
   nodes: [
     {
       id: 'custom-node-1',
-      rotate: 1.1722738811284763,
+      // rotate: 1.1722738811284763,
       text: {
-        x: 600,
-        y: 200,
+        x: 400,
+        y: 400,
         value: 'node-1',
         draggable: true,
       },
       type: 'rect',
-      x: 600,
-      y: 200,
+      x: 400,
+      y: 400,
       properties: {
         width: 80,
         height: 120,
@@ -104,6 +104,26 @@ const data = {
       y: 94,
     },
   ],
+  edges: [
+    {
+      type: 'animation-edge',
+      sourceNodeId: 'custom-node-1',
+      targetNodeId: 'custom-node-2',
+      properties: {
+        // offset: 500,
+        arrowType: 'empty',
+      },
+    },
+    // {
+    //   type: 'polyline',
+    //   sourceNodeId: 'custom-node-1',
+    //   targetNodeId: 'custom-node-2',
+    //   properties: {
+    //     // offset: 10,
+    //     arrowType: 'empty',
+    //   },
+    // }
+  ],
 }
 
 export default function BasicNode() {

packages/core/src/model/edge/BezierEdgeModel.ts

@@ -1,4 +1,4 @@
-import { assign, cloneDeep } from 'lodash-es'
+import { get, assign, cloneDeep } from 'lodash-es'
 import { action, observable } from 'mobx'
 import BaseEdgeModel from './BaseEdgeModel'
 import { BaseNodeModel } from '../node'
@@ -21,7 +21,7 @@ export class BezierEdgeModel extends BaseEdgeModel {
     this.setAttributes()
   }
   initEdgeData(data: EdgeConfig): void {
-    this.offset = 100
+    this.offset = get(data, 'properties.offset', 100)
     super.initEdgeData(data)
   }
   getEdgeStyle() {

packages/core/src/model/edge/PolylineEdgeModel.ts

@@ -1,4 +1,4 @@
-import { assign, cloneDeep } from 'lodash-es'
+import { get, assign, cloneDeep } from 'lodash-es'
 import { observable, action } from 'mobx'
 import { BaseEdgeModel } from '.'
 import { BaseNodeModel, RectNodeModel, CircleNodeModel, Model } from '..'
@@ -34,7 +34,7 @@ export class PolylineEdgeModel extends BaseEdgeModel {
   @observable dbClickPosition?: Point
 
   initEdgeData(data: LogicFlow.EdgeConfig): void {
-    this.offset = 30
+    this.offset = get(data, 'properties.offset', 30)
     if (data.pointsList) {
       this.pointsList = data.pointsList
     }