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

feat: import update canvas flow

Browse Source
This commit is contained in:
yanzhiyong 2024-09-03 00:58:53 +08:00
parent 03e3f93a95
commit 4edc64a4c9
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/flow/canvas-modal/import-flow-modal.tsx
View File

@ -4,7 +4,7 @@ import { Button, Form, GetProp, Modal, Radio, Space, Upload, UploadFile, UploadP
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { Edge, Node } from 'reactflow'; import { Edge, Node } from 'reactflow';
import CanvasWrapper from '@/pages/construct/flow/canvas/index';
type Props = { type Props = {
isImportModalOpen: boolean; isImportModalOpen: boolean;
setNodes: React.Dispatch<React.SetStateAction<Node<any, string | undefined>[]>>; setNodes: React.Dispatch<React.SetStateAction<Node<any, string | undefined>[]>>;
@ -37,9 +37,12 @@ export const ImportFlowModal: React.FC<Props> = ({ isImportModalOpen, setIsImpor
const [, , res] = await apiInterceptors(importFlow(formData)); const [, , res] = await apiInterceptors(importFlow(formData));
if (res?.success) { if (res?.success) {
messageApi.success(t('Export_Flow_Success')); messageApi.success(t('Import_Flow_Success'));
localStorage.setItem('importFlowData', JSON.stringify(res?.data));
CanvasWrapper(res?.data)
} else if (res?.err_msg) { } else if (res?.err_msg) {
messageApi.error(res?.err_msg); messageApi.error(res?.err_msg);
} }
setIsImportFlowModalOpen(false); setIsImportFlowModalOpen(false);
}; };

4
web/components/flow/canvas-node.tsx
View File

@ -19,7 +19,6 @@ type CanvasNodeProps = {
function TypeLabel({ label }: { label: string }) { function TypeLabel({ label }: { label: string }) {
return <div className='w-full h-8 align-middle font-semibold'>{label}</div>; return <div className='w-full h-8 align-middle font-semibold'>{label}</div>;
} }
const forceTypeList = ['file', 'multiple_files', 'time'];
const CanvasNode: React.FC<CanvasNodeProps> = ({ data }) => { const CanvasNode: React.FC<CanvasNodeProps> = ({ data }) => {
const node = data; const node = data;
@ -128,9 +127,6 @@ const CanvasNode: React.FC<CanvasNodeProps> = ({ data }) => {
function onParameterValuesChange(changedValues: any, allValues: any) { function onParameterValuesChange(changedValues: any, allValues: any) {
const [changedKey, changedVal] = Object.entries(changedValues)[0]; const [changedKey, changedVal] = Object.entries(changedValues)[0];
if (!allValues?.force && forceTypeList.includes(changedKey)) {
return;
}
updateCurrentNodeValue(changedKey, changedVal); updateCurrentNodeValue(changedKey, changedVal);
if (changedVal) { if (changedVal) {
updateDependsNodeValue(changedKey, changedVal); updateDependsNodeValue(changedKey, changedVal);

1
web/components/flow/node-renderer/upload.tsx
View File

@ -16,6 +16,7 @@ export const renderUpload = (params: Props) => {
const { t } = useTranslation(); const { t } = useTranslation();
const urlList = useRef<string[]>([]); const urlList = useRef<string[]>([]);
const { data, formValuesChange } = params; const { data, formValuesChange } = params;
console.log(data);
const attr = convertKeysToCamelCase(data.ui?.attr || {}); const attr = convertKeysToCamelCase(data.ui?.attr || {});
const [uploading, setUploading] = useState(false); const [uploading, setUploading] = useState(false);