diff --git a/ui/src/workflow/common/app-node.ts b/ui/src/workflow/common/app-node.ts
index 078dc5153..fcfca2a54 100644
--- a/ui/src/workflow/common/app-node.ts
+++ b/ui/src/workflow/common/app-node.ts
@@ -54,13 +54,11 @@ class AppNode extends HtmlResize.view {
getAnchorShape(anchorData: any) {
const { x, y, type } = anchorData
let isConnect = false
- let isLeft = false
+
if (type == 'left') {
isConnect = this.props.graphModel.edges.some((edge) => edge.targetAnchorId == anchorData.id)
- isLeft = true
} else {
isConnect = this.props.graphModel.edges.some((edge) => edge.sourceAnchorId == anchorData.id)
- isLeft = false
}
return lh(
@@ -68,25 +66,53 @@ class AppNode extends HtmlResize.view {
{
...anchorData,
x: x - 10,
- y: y - 10,
- width: 20,
- height: 20
+ y: y - 9,
+ width: 24,
+ height: 24
},
[
lh('div', {
- className: [
- 'node-anchor',
- isConnect ? 'is-connect' : '',
- isLeft ? 'node-anchor-left' : 'node-anchor-right'
- ]
- .filter((item) => item)
- .join(' ')
- }),
- lh(
- 'style',
- {},
- '.node-anchor{height:20px;width:20px;border: 2px solid #3370FF;border-radius: 50%;box-sizing: border-box;}'
- )
+ dangerouslySetInnerHTML: {
+ __html: isConnect
+ ? `
+ `
+ : ``
+ }
+ })
]
)
}