|
|
|
@@ -370,6 +370,7 @@ const EditPipeline = () => { |
|
|
|
fill: '#fff', |
|
|
|
stroke: '#a4a4a5', |
|
|
|
cursor: 'crosshair', |
|
|
|
lineWidth: 1, |
|
|
|
}, |
|
|
|
name: `anchor-point`, // the name, for searching by group.find(ele => ele.get('name') === 'anchor-point') |
|
|
|
anchorPointIdx: i, // flag the idx of the anchor-point circle |
|
|
|
@@ -409,11 +410,13 @@ const EditPipeline = () => { |
|
|
|
if (sourceAnchorIdx !== null && sourceAnchorIdx !== undefined) { |
|
|
|
const anchorPoint = anchorPoints[sourceAnchorIdx]; |
|
|
|
anchorPoint.attr('stroke', value ? themes['primaryColor'] : '#a4a4a5'); |
|
|
|
anchorPoint.attr('lineWidth', value ? 2 : 1); |
|
|
|
} |
|
|
|
} else if (name === 'drop') { |
|
|
|
if (dropAnchorIdx !== null && dropAnchorIdx !== undefined) { |
|
|
|
const anchorPoint = anchorPoints[dropAnchorIdx]; |
|
|
|
anchorPoint.attr('stroke', value ? themes['primaryColor'] : '#a4a4a5'); |
|
|
|
anchorPoint.attr('lineWidth', value ? 2 : 1); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
|