feat:Optimized code

This commit is contained in:
严志勇 2024-09-04 17:20:41 +08:00
parent bc87dec01c
commit 37aed537ce
4 changed files with 11 additions and 24 deletions

View File

@ -195,9 +195,9 @@ const CanvasNode: React.FC<CanvasNodeProps> = ({ data }) => {
className={classNames( className={classNames(
'h-auto rounded-xl shadow-md px-2 py-4 border bg-white dark:bg-zinc-800 cursor-grab flex flex-col space-y-2 text-sm', 'h-auto rounded-xl shadow-md px-2 py-4 border bg-white dark:bg-zinc-800 cursor-grab flex flex-col space-y-2 text-sm',
{ {
'w-80':node.tags.ui_size === 'middle' || !node.tags.ui_size, 'w-80':node?.tags?.ui_size === 'middle' || !node?.tags?.ui_size,
'w-256':node.tags.ui_size === 'small', 'w-[256px]':node?.tags?.ui_size === 'small',
'w-530':node.tags.ui_size === 'large', 'w-[530px]':node?.tags?.ui_size === 'large',
'border-blue-500': node.selected || isHovered, 'border-blue-500': node.selected || isHovered,
'border-stone-400 dark:border-white': !node.selected && !isHovered, 'border-stone-400 dark:border-white': !node.selected && !isHovered,
'border-dashed': flowType !== 'operator', 'border-dashed': flowType !== 'operator',

View File

@ -39,8 +39,8 @@ export const renderUpload = (params: Props) => {
}) })
} }
setFileList(urlList) setFileList(urlList)
}).catch((res)=>{ }).catch((error)=>{
debugger console.log(error)
}) })
} }
@ -104,19 +104,11 @@ export const renderUpload = (params: Props) => {
return ( return (
<div className='p-2 text-sm text-center'> <div className='p-2 text-sm text-center'>
{data.is_list ? ( <Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={data.is_list?true:false} accept={uploadType}>
<Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={true} accept={uploadType}>
<Button loading={uploading} icon={<UploadOutlined />}> <Button loading={uploading} icon={<UploadOutlined />}>
{t('Upload_Data')} {t('Upload_Data')}
</Button> </Button>
</Upload> </Upload>
) : (
<Upload fileList={fileList} onRemove={handleFileRemove} {...props} {...attr} multiple={false} accept={uploadType}>
<Button loading={uploading} icon={<UploadOutlined />}>
{t('Upload_Data')}
</Button>
</Upload>
)}
</div> </div>
); );
}; };

View File

@ -28,8 +28,7 @@ import 'reactflow/dist/style.css';
const nodeTypes = { customNode: CanvasNode }; const nodeTypes = { customNode: CanvasNode };
const edgeTypes = { buttonedge: ButtonEdge }; const edgeTypes = { buttonedge: ButtonEdge };
let importData :any= null const Canvas: React.FC = () => {
const Canvas: React.FC = (props:any) => {
const { t } = useTranslation(); const { t } = useTranslation();
const [messageApi, contextHolder] = message.useMessage(); const [messageApi, contextHolder] = message.useMessage();
@ -297,11 +296,7 @@ const Canvas: React.FC = (props:any) => {
); );
}; };
export default function CanvasWrapper(data:any) { export default function CanvasWrapper() {
importData = data
console.log(importData);
return ( return (
<ReactFlowProvider> <ReactFlowProvider>
<Canvas /> <Canvas />

View File

@ -1,14 +1,14 @@
import axios from 'axios'; import axios from 'axios';
const api = axios.create({ const api = axios.create({
baseURL: process.env.API_BASE_URL, baseURL: 'http://127.0.0.1:5670'
}); });
api.defaults.timeout = 10000; api.defaults.timeout = 10000;
api.interceptors.response.use( api.interceptors.response.use(
response => response.data, response => response.data,
err => Promise.reject(err), err => Promise.reject(err)
); );
export default api; export default api;