mirror of
https://github.com/langgenius/dify.git
synced 2025-07-19 15:42:28 +00:00
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { ChunkingMode } from '@/models/datasets'
|
|
import type { Pipeline } from './built-in-pipeline-list'
|
|
import TemplateCard from './template-card'
|
|
|
|
const CustomizedList = () => {
|
|
const mockData: Pipeline[] = [{
|
|
id: '1',
|
|
name: 'Pipeline 1',
|
|
description: 'This is a description of Pipeline 1. When use the general chunking mode, the chunks retrieved and recalled are the same. When use the general chunking mode, the chunks retrieved and recalled are the same.',
|
|
icon_type: 'emoji',
|
|
icon: '🤖',
|
|
icon_background: '#F0FDF9',
|
|
doc_form: ChunkingMode.text,
|
|
}, {
|
|
id: '2',
|
|
name: 'Pipeline 2',
|
|
description: 'This is a description of Pipeline 2. When use the general chunking mode, the chunks retrieved and recalled are the same.',
|
|
icon_type: 'emoji',
|
|
icon: '🏖️',
|
|
icon_background: '#FFF4ED',
|
|
doc_form: ChunkingMode.parentChild,
|
|
}, {
|
|
id: '3',
|
|
name: 'Pipeline 3',
|
|
description: 'This is a description of Pipeline 3',
|
|
icon_type: 'emoji',
|
|
icon: '🚀',
|
|
icon_background: '#FEFBE8',
|
|
doc_form: ChunkingMode.qa,
|
|
}, {
|
|
id: '4',
|
|
name: 'Pipeline 4',
|
|
description: 'This is a description of Pipeline 4',
|
|
icon_type: 'emoji',
|
|
icon: '🍯',
|
|
icon_background: '#F5F3FF',
|
|
doc_form: ChunkingMode.graph,
|
|
}]
|
|
|
|
return (
|
|
<div className='grid grow grid-cols-1 gap-3 overflow-y-auto px-16 pt-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
|
|
{mockData.map((pipeline, index) => (
|
|
<TemplateCard
|
|
key={index}
|
|
pipeline={pipeline}
|
|
/>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CustomizedList
|