mirror of
https://github.com/langgenius/dify.git
synced 2026-04-28 20:17:29 +08:00
97 lines
1.8 KiB
TypeScript
97 lines
1.8 KiB
TypeScript
'use client'
|
|
|
|
import type { FC } from 'react'
|
|
import { memo } from 'react'
|
|
import Workflow from '@/app/components/workflow'
|
|
|
|
const initialNodes = [
|
|
{
|
|
id: '1',
|
|
type: 'custom',
|
|
position: { x: 180, y: 180 },
|
|
data: { type: 'start' },
|
|
},
|
|
// {
|
|
// id: '2',
|
|
// type: 'custom',
|
|
// position: { x: 0, y: 0 },
|
|
// data: {
|
|
// type: 'if-else',
|
|
// branches: [
|
|
// {
|
|
// id: 'if-true',
|
|
// name: 'IS TRUE',
|
|
// },
|
|
// {
|
|
// id: 'if-false',
|
|
// name: 'IS FALSE',
|
|
// },
|
|
// ],
|
|
// },
|
|
// },
|
|
// {
|
|
// id: '3',
|
|
// type: 'custom',
|
|
// position: { x: 0, y: 0 },
|
|
// data: { type: 'question-classifier', sortIndexInBranches: 0 },
|
|
// },
|
|
// {
|
|
// id: '4',
|
|
// type: 'custom',
|
|
// position: { x: 0, y: 0 },
|
|
// data: {
|
|
// type: 'if-else',
|
|
// sortIndexInBranches: 1,
|
|
// branches: [
|
|
// {
|
|
// id: 'if-true',
|
|
// name: 'IS TRUE',
|
|
// },
|
|
// {
|
|
// id: 'if-false',
|
|
// name: 'IS FALSE',
|
|
// },
|
|
// ],
|
|
// },
|
|
// },
|
|
]
|
|
|
|
const initialEdges = [
|
|
// {
|
|
// id: '0',
|
|
// type: 'custom',
|
|
// source: '1',
|
|
// sourceHandle: 'source',
|
|
// target: '2',
|
|
// targetHandle: 'target',
|
|
// },
|
|
// {
|
|
// id: '1',
|
|
// type: 'custom',
|
|
// source: '2',
|
|
// sourceHandle: 'if-true',
|
|
// target: '3',
|
|
// targetHandle: 'target',
|
|
// },
|
|
// {
|
|
// id: '2',
|
|
// type: 'custom',
|
|
// source: '2',
|
|
// sourceHandle: 'if-false',
|
|
// target: '4',
|
|
// targetHandle: 'target',
|
|
// },
|
|
]
|
|
|
|
const Page: FC = () => {
|
|
return (
|
|
<div className='min-w-[720px] w-full h-full overflow-x-auto'>
|
|
<Workflow
|
|
nodes={initialNodes}
|
|
edges={initialEdges}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
export default memo(Page)
|