opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-29 04:26:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

node selected

Browse Source
This commit is contained in:
StyleZhang 2024-04-01 20:47:39 +08:00
parent 31f24e1a14
commit b5fa68fdfe
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/workflow/custom-edge.tsx
View File

@ -76,7 +76,7 @@ const CustomEdge = ({
id={id} id={id}
path={edgePath} path={edgePath}
style={{ style={{
stroke: (selected || data?._connectedNodeIsHovering || data?._runned || data?._connectedNodeIsSelected) ? '#2970FF' : '#D0D5DD', stroke: (selected || data?._connectedNodeIsHovering || data?._runned) ? '#2970FF' : '#D0D5DD',
strokeWidth: 2, strokeWidth: 2,
}} }}
/> />
@ -85,7 +85,6 @@ const CustomEdge = ({
className={` className={`
nopan nodrag hover:scale-150 nopan nodrag hover:scale-150
${data?._hovering ? 'block' : 'hidden'} ${data?._hovering ? 'block' : 'hidden'}
${data?._connectedNodeIsSelected && '!block'}
${open && '!block'} ${open && '!block'}
`} `}
style={{ style={{

22
web/app/components/workflow/hooks/use-nodes-interactions.ts
View File

@ -463,6 +463,7 @@ export const useNodesInteractions = () => {
data: { data: {
sourceType: prevNode.data.type, sourceType: prevNode.data.type,
targetType: newNode.data.type, targetType: newNode.data.type,
_connectedNodeIsSelected: true,
}, },
} }
const newNodes = produce(nodes, (draft: Node[]) => { const newNodes = produce(nodes, (draft: Node[]) => {
@ -476,6 +477,12 @@ export const useNodesInteractions = () => {
}) })
setNodes(newNodes) setNodes(newNodes)
const newEdges = produce(edges, (draft) => { const newEdges = produce(edges, (draft) => {
draft.forEach((item) => {
item.data = {
...item.data,
_connectedNodeIsSelected: false,
}
})
draft.push(newEdge) draft.push(newEdge)
}) })
setEdges(newEdges) setEdges(newEdges)
@ -500,6 +507,7 @@ export const useNodesInteractions = () => {
data: { data: {
sourceType: newNode.data.type, sourceType: newNode.data.type,
targetType: nextNode.data.type, targetType: nextNode.data.type,
_connectedNodeIsSelected: true,
}, },
} }
const afterNodesInSameBranch = getAfterNodesInSameBranch(nextNodeId!) const afterNodesInSameBranch = getAfterNodesInSameBranch(nextNodeId!)
@ -518,6 +526,12 @@ export const useNodesInteractions = () => {
}) })
setNodes(newNodes) setNodes(newNodes)
const newEdges = produce(edges, (draft) => { const newEdges = produce(edges, (draft) => {
draft.forEach((item) => {
item.data = {
...item.data,
_connectedNodeIsSelected: false,
}
})
draft.push(newEdge) draft.push(newEdge)
}) })
setEdges(newEdges) setEdges(newEdges)
@ -543,6 +557,7 @@ export const useNodesInteractions = () => {
data: { data: {
sourceType: prevNode.data.type, sourceType: prevNode.data.type,
targetType: newNode.data.type, targetType: newNode.data.type,
_connectedNodeIsSelected: true,
}, },
} }
let newNextEdge: Edge | null = null let newNextEdge: Edge | null = null
@ -557,6 +572,7 @@ export const useNodesInteractions = () => {
data: { data: {
sourceType: newNode.data.type, sourceType: newNode.data.type,
targetType: nextNode.data.type, targetType: nextNode.data.type,
_connectedNodeIsSelected: true,
}, },
} }
} }
@ -589,6 +605,12 @@ export const useNodesInteractions = () => {
setNodes(newNodes) setNodes(newNodes)
const newEdges = produce(edges, (draft) => { const newEdges = produce(edges, (draft) => {
draft.splice(currentEdgeIndex, 1) draft.splice(currentEdgeIndex, 1)
draft.forEach((item) => {
item.data = {
...item.data,
_connectedNodeIsSelected: false,
}
})
draft.push(newPrevEdge) draft.push(newPrevEdge)
if (newNextEdge) if (newNextEdge)