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