youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 01:48:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

node

Browse Source
This commit is contained in:
StyleZhang
2024-03-07 12:15:51 +08:00
parent 45ef4059f0
commit 344e30bef4
7 changed files with 33 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
View File

@ -11,18 +11,21 @@ import {
PortalToFollowElemContent,
PortalToFollowElemTrigger,
} from '@/app/components/base/portal-to-follow-elem'
import type { Node } from '@/app/components/workflow/types'
type PanelOperatorProps = {
nodeId: string
id: string
data: Node['data']
}
const PanelOperator = ({
nodeId,
id,
data,
}: PanelOperatorProps) => {
const edges = useEdges()
const { handleNodeDelete } = useWorkflow()
const [open, setOpen] = useState(false)
const edge = edges.find(edge => edge.target === nodeId)
const edge = edges.find(edge => edge.target === id)
return (
<PortalToFollowElem
@ -49,7 +52,7 @@ const PanelOperator = ({
<div className='w-[240px] border-[0.5px] border-gray-200 rounded-2xl shadow-xl bg-white'>
<div className='p-1'>
<ChangeBlock
nodeId={nodeId}
nodeId={id}
sourceHandle={edge?.sourceHandle || 'source'}
/>
<div className='flex items-center px-3 h-8 text-sm text-gray-700 rounded-lg cursor-pointer hover:bg-gray-50'>Help Link</div>
@ -58,7 +61,7 @@ const PanelOperator = ({
<div className='p-1'>
<div
className='flex items-center px-3 h-8 text-sm text-gray-700 rounded-lg cursor-pointer hover:bg-gray-50'
onClick={() => handleNodeDelete(nodeId)}
onClick={() => handleNodeDelete(id)}
>
Delete
</div>
@ -69,10 +72,10 @@ const PanelOperator = ({
<div className='flex items-center mb-1 h-[22px] font-medium'>
ABOUT
</div>
<div className='text-gray-500 leading-[18px]'>A tool for performing a Google SERP search and extracting snippets and webpages.Input should be a search query.</div>
<div className='text-gray-500 leading-[18px]'>{data._about}</div>
<div className='my-2 h-[0.5px] bg-black/5'></div>
<div className='leading-[18px]'>
Created By Dify
Created By {data._author}
</div>
</div>
</div>

3
web/app/components/workflow/nodes/_base/panel.tsx
View File

@ -34,7 +34,6 @@ const BasePanel: FC<BasePanelProps> = ({
data,
children,
}) => {
const type = data.type
const {
handleNodeSelect,
handleNodeDataUpdate,
@ -75,7 +74,7 @@ const BasePanel: FC<BasePanelProps> = ({
</TooltipPlus>
)
}
<PanelOperator nodeId={id} />
<PanelOperator id={id} data={data} />
<div className='mx-3 w-[1px] h-3.5 bg-gray-200' />
<div
className='flex items-center justify-center w-6 h-6 cursor-pointer'