github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-07-29 06:47:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update AddFlowVariableModal component to include parameter management (#1954)

Browse Source
This commit is contained in:
Dreammy23 2024-09-03 20:28:21 +08:00 committed by GitHub
commit 46cb6acc2c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/flow/add-flow-variable.tsx → web/components/flow/canvas-modal/add-flow-variable-modal.tsx
View File

@ -12,7 +12,7 @@ const { Option } = Select;
const DAG_PARAM_KEY = 'dbgpt.core.flow.params'; const DAG_PARAM_KEY = 'dbgpt.core.flow.params';
const DAG_PARAM_SCOPE = 'flow_priv'; const DAG_PARAM_SCOPE = 'flow_priv';
const AddFlowVariable: React.FC = () => { export const AddFlowVariableModal: React.FC = () => {
const { t } = useTranslation(); const { t } = useTranslation();
// const [operators, setOperators] = useState<Array<IFlowNode>>([]); // const [operators, setOperators] = useState<Array<IFlowNode>>([]);
// const [resources, setResources] = useState<Array<IFlowNode>>([]); // const [resources, setResources] = useState<Array<IFlowNode>>([]);
@ -149,7 +149,7 @@ const AddFlowVariable: React.FC = () => {
{(fields, { add, remove }) => ( {(fields, { add, remove }) => (
<> <>
{fields.map(({ key, name, ...restField }, index) => ( {fields.map(({ key, name, ...restField }, index) => (
<Space key={key} style={{ display: 'flex', marginBottom: 8 }} align='baseline'> <Space key={key}>
<Form.Item <Form.Item
{...restField} {...restField}
name={[name, 'name']} name={[name, 'name']}
@ -218,6 +218,7 @@ const AddFlowVariable: React.FC = () => {
</> </>
)} )}
</Form.List> </Form.List>
<Form.Item wrapperCol={{ offset: 20, span: 4 }}> <Form.Item wrapperCol={{ offset: 20, span: 4 }}>
<Space> <Space>
<Button onClick={() => setIsModalOpen(false)}>{t('cancel')}</Button> <Button onClick={() => setIsModalOpen(false)}>{t('cancel')}</Button>
@ -231,5 +232,3 @@ const AddFlowVariable: React.FC = () => {
</> </>
); );
}; };
export default AddFlowVariable;

1
web/components/flow/canvas-modal/index.ts
View File

@ -1,3 +1,4 @@
export * from './add-flow-variable-modal';
export * from './export-flow-modal'; export * from './export-flow-modal';
export * from './import-flow-modal'; export * from './import-flow-modal';
export * from './save-flow-modal'; export * from './save-flow-modal';

18
web/pages/construct/flow/canvas/index.tsx
View File

@ -1,5 +1,11 @@
import { apiInterceptors, getFlowById } from '@/client/api'; import { apiInterceptors, getFlowById } from '@/client/api';
import MuiLoading from '@/components/common/loading'; import MuiLoading from '@/components/common/loading';
import AddNodesSider from '@/components/flow/add-nodes-sider';
import ButtonEdge from '@/components/flow/button-edge';
import { AddFlowVariableModal, ExportFlowModal, ImportFlowModal, SaveFlowModal } from '@/components/flow/canvas-modal';
import CanvasNode from '@/components/flow/canvas-node';
import { IFlowData, IFlowUpdateParam } from '@/types/flow';
import { checkFlowDataRequied, getUniqueNodeId, mapUnderlineToHump } from '@/utils/flow';
import { ExportOutlined, FrownOutlined, ImportOutlined, SaveOutlined } from '@ant-design/icons'; import { ExportOutlined, FrownOutlined, ImportOutlined, SaveOutlined } from '@ant-design/icons';
import { Divider, Space, Tooltip, message, notification } from 'antd'; import { Divider, Space, Tooltip, message, notification } from 'antd';
import { useSearchParams } from 'next/navigation'; import { useSearchParams } from 'next/navigation';
@ -16,14 +22,6 @@ import ReactFlow, {
useNodesState, useNodesState,
useReactFlow, useReactFlow,
} from 'reactflow'; } from 'reactflow';
// import AddNodes from '@/components/flow/add-nodes';
import AddFlowVariable from '@/components/flow/add-flow-variable';
import AddNodesSider from '@/components/flow/add-nodes-sider';
import ButtonEdge from '@/components/flow/button-edge';
import { ExportFlowModal, ImportFlowModal, SaveFlowModal } from '@/components/flow/canvas-modal';
import CanvasNode from '@/components/flow/canvas-node';
import { IFlowData, IFlowUpdateParam } from '@/types/flow';
import { checkFlowDataRequied, getUniqueNodeId, mapUnderlineToHump } from '@/utils/flow';
import 'reactflow/dist/style.css'; import 'reactflow/dist/style.css';
const nodeTypes = { customNode: CanvasNode }; const nodeTypes = { customNode: CanvasNode };
@ -249,10 +247,10 @@ const Canvas: React.FC = () => {
deleteKeyCode={['Backspace', 'Delete']} deleteKeyCode={['Backspace', 'Delete']}
> >
<Controls className='flex flex-row items-center' position='bottom-center' /> <Controls className='flex flex-row items-center' position='bottom-center' />
<Background color='#aaa' gap={16} /> <Background color='#aaa' gap={16} />
{/* <AddNodes /> */} <AddFlowVariableModal />
<AddFlowVariable />
</ReactFlow> </ReactFlow>
</div> </div>
</div> </div>