pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2025-12-08 20:42:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Display the iteration operator toolbar #3221 (#8645)

Browse Source 
### What problem does this PR solve?

Feat: Display the iteration operator toolbar #3221
### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2025-07-03 13:31:39 +08:00
committed by GitHub
parent 1dd18f95e9
commit 612abd6d89
3 changed files with 43 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/components/xyflow/tooltip-node.tsx
View File

@ -40,6 +40,7 @@ export const TooltipNode = forwardRef<HTMLDivElement, TooltipNodeProps>(
onBlur={hideTooltip} onBlur={hideTooltip}
tabIndex={0} tabIndex={0}
selected={selected} selected={selected}
className="h-full bg-transparent"
> >
{children} {children}
</BaseNode> </BaseNode>
@ -65,7 +66,7 @@ export const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(
<div ref={ref}> <div ref={ref}>
<NodeToolbar <NodeToolbar
isVisible={isTooltipVisible} isVisible={isTooltipVisible}
className=" bg-transparent text-primary-foreground " className=" bg-transparent text-primary-foreground"
tabIndex={1} tabIndex={1}
position={position} position={position}
offset={0} offset={0}

81
web/src/pages/agent/canvas/node/iteration-node.tsx
View File

@ -56,48 +56,47 @@ export function InnerIterationNode({
// const { theme } = useTheme(); // const { theme } = useTheme();
return ( return (
<section <ToolBar selected={selected} id={id} label={data.label}>
className={cn('h-full bg-transparent rounded-b-md relative', { <section
[styles.selectedHeader]: selected, className={cn('h-full bg-transparent rounded-b-md ', {
})} [styles.selectedHeader]: selected,
> })}
<ToolBar selected={selected} id={id} label={data.label}> >
<div className="h-full w-full"></div> <NodeResizeControl style={controlStyle} minWidth={100} minHeight={50}>
</ToolBar> <ResizeIcon />
<NodeResizeControl style={controlStyle} minWidth={100} minHeight={50}> </NodeResizeControl>
<ResizeIcon /> <CommonHandle
</NodeResizeControl> id={NodeHandleId.End}
<CommonHandle type="target"
id={NodeHandleId.End} position={Position.Left}
type="target" isConnectable={isConnectable}
position={Position.Left} className={styles.handle}
isConnectable={isConnectable} nodeId={id}
className={styles.handle} ></CommonHandle>
nodeId={id} <CommonHandle
></CommonHandle> id={NodeHandleId.Start}
<CommonHandle type="source"
id={NodeHandleId.Start} position={Position.Right}
type="source" isConnectable={isConnectable}
position={Position.Right} className={styles.handle}
isConnectable={isConnectable} nodeId={id}
className={styles.handle} ></CommonHandle>
nodeId={id}
></CommonHandle>
<NodeHeader <NodeHeader
id={id} id={id}
name={data.name} name={data.name}
label={data.label} label={data.label}
wrapperClassName={cn( wrapperClassName={cn(
'bg-background-header-bar p-2 rounded-t-[10px] absolute w-full top-[-44px] left-[-0.3px]', 'bg-background-header-bar p-2 rounded-t-[10px] absolute w-full top-[-44px] left-[-0.3px]',
// styles.iterationHe ader, // styles.iterationHe ader,
{ {
// [`${styles.dark} text-white`]: theme === 'dark', // [`${styles.dark} text-white`]: theme === 'dark',
[styles.selectedHeader]: selected, [styles.selectedHeader]: selected,
}, },
)} )}
></NodeHeader> ></NodeHeader>
</section> </section>
</ToolBar>
); );
} }

1
web/src/pages/agent/constant.tsx
View File

@ -667,6 +667,7 @@ export const initialCodeValues = {
arg1: '', arg1: '',
arg2: '', arg2: '',
}, },
outputs: { result: { value: '', type: 'string' } },
}; };
export const initialWaitingDialogueValues = {}; export const initialWaitingDialogueValues = {};