Fix: Generate avatar; Add knowledge graph; Modify the style of the MultiSelect component (#8952)

### What problem does this PR solve?

Fix: Generate avatar; Add knowledge graph; Modify the style of the
multi-select component
[#3221](https://github.com/infiniflow/ragflow/issues/3221)

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
chanx
2025-07-21 19:11:27 +08:00
committed by GitHub
parent b8891fdbeb
commit dbc267758e
12 changed files with 708 additions and 58 deletions

View File

@ -215,23 +215,26 @@ export const MultiSelect = React.forwardRef<
return (
<Badge
key={value}
variant="secondary"
className={cn(
isAnimating ? 'animate-bounce' : '',
multiSelectVariants({ variant }),
)}
style={{ animationDuration: `${animation}s` }}
>
{IconComponent && (
<IconComponent className="h-4 w-4 mr-2" />
)}
{option?.label}
<XCircle
className="ml-2 h-4 w-4 cursor-pointer"
onClick={(event) => {
event.stopPropagation();
toggleOption(value);
}}
/>
<div className="flex items-center gap-1">
{IconComponent && (
<IconComponent className="h-4 w-4" />
)}
<div>{option?.label}</div>
<XCircle
className="h-4 w-4 cursor-pointer"
onClick={(event) => {
event.stopPropagation();
toggleOption(value);
}}
/>
</div>
</Badge>
);
})}