github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-07-24 12:45:45 +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_SCOPE = 'flow_priv';
const AddFlowVariable: React.FC = () => {
export const AddFlowVariableModal: React.FC = () => {
const { t } = useTranslation();
// const [operators, setOperators] = useState<Array<IFlowNode>>([]);
// const [resources, setResources] = useState<Array<IFlowNode>>([]);
@ -149,7 +149,7 @@ const AddFlowVariable: React.FC = () => {
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }, index) => (
<Space key={key} style={{ display: 'flex', marginBottom: 8 }} align='baseline'>
<Space key={key}>
<Form.Item
{...restField}
name={[name, 'name']}
@ -218,6 +218,7 @@ const AddFlowVariable: React.FC = () => {
</>
)}
</Form.List>
<Form.Item wrapperCol={{ offset: 20, span: 4 }}>
<Space>
<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 './import-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 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 { Divider, Space, Tooltip, message, notification } from 'antd';
import { useSearchParams } from 'next/navigation';
@ -16,14 +22,6 @@ import ReactFlow, {
useNodesState,
useReactFlow,
} 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';
const nodeTypes = { customNode: CanvasNode };
@ -249,10 +247,10 @@ const Canvas: React.FC = () => {
deleteKeyCode={['Backspace', 'Delete']}
>
<Controls className='flex flex-row items-center' position='bottom-center' />
<Background color='#aaa' gap={16} />
{/* <AddNodes /> */}
<AddFlowVariable />
<AddFlowVariableModal />
</ReactFlow>
</div>
</div>