mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-08 20:42:30 +08:00
a6039cf563
### What problem does this PR solve? Fix: Optimized the timeline component and parser editing features #9869 - Introduced the TimelineNodeType type, restructured the timeline node structure, and supported dynamic node generation - Enhanced the FormatPreserveEditor component to support editing and line wrapping of JSON-formatted content - Added a rerun function and loading state to the parser and splitter components - Adjusted the timeline style and interaction logic to enhance the user experience - Improved the modal component and added a destroy method to support more flexible control - Optimized the chunk result display and operation logic, supporting batch deletion and selection ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue)
57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
import { Checkbox } from '@/components/ui/checkbox';
|
|
import { Label } from '@/components/ui/label';
|
|
import { Trash2 } from 'lucide-react';
|
|
import { useCallback, useMemo } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
type ICheckboxSetProps = {
|
|
selectAllChunk: (e: any) => void;
|
|
removeChunk: (e?: any) => void;
|
|
checked: boolean;
|
|
selectedChunkIds: string[];
|
|
};
|
|
export default (props: ICheckboxSetProps) => {
|
|
const { selectAllChunk, removeChunk, checked, selectedChunkIds } = props;
|
|
const { t } = useTranslation();
|
|
const handleSelectAllCheck = useCallback(
|
|
(e: any) => {
|
|
console.log('eee=', e);
|
|
selectAllChunk(e);
|
|
},
|
|
[selectAllChunk],
|
|
);
|
|
|
|
const handleDeleteClick = useCallback(() => {
|
|
removeChunk();
|
|
}, [removeChunk]);
|
|
|
|
const isSelected = useMemo(() => {
|
|
return selectedChunkIds?.length > 0;
|
|
}, [selectedChunkIds]);
|
|
|
|
return (
|
|
<div className="flex gap-[40px] py-4 px-2">
|
|
<div className="flex items-center gap-3 cursor-pointer text-muted-foreground hover:text-text-primary">
|
|
<Checkbox
|
|
id="all_chunks_checkbox"
|
|
onCheckedChange={handleSelectAllCheck}
|
|
checked={checked}
|
|
className=" data-[state=checked]:bg-text-primary data-[state=checked]:border-text-primary data-[state=checked]:text-bg-base border-muted-foreground text-muted-foreground hover:text-bg-base hover:border-text-primary "
|
|
/>
|
|
<Label htmlFor="all_chunks_checkbox">{t('chunk.selectAll')}</Label>
|
|
</div>
|
|
{isSelected && (
|
|
<>
|
|
<div
|
|
className="flex items-center cursor-pointer text-red-400 hover:text-red-500"
|
|
onClick={handleDeleteClick}
|
|
>
|
|
<Trash2 size={16} />
|
|
<span className="block ml-1">{t('chunk.delete')}</span>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|