refactor: 修改实验中组件目录

react-ui/src/components/KFModal/index.tsx

@@ -12,11 +12,12 @@ import './index.less';
 export interface KFModalProps extends ModalProps {
   image?: string;
 }
-function KFModal({ title, image, children, className = '', ...rest }: KFModalProps) {
+function KFModal({ title, image, children, className = '', centered, ...rest }: KFModalProps) {
   return (
     <Modal
       className={classNames(['kf-modal', className])}
       {...rest}
+      centered={centered ?? true}
       title={<ModalTitle title={title} image={image}></ModalTitle>}
     >
       {children}

react-ui/src/pages/Experiment/experimentText/addExperimentModal.tsx → react-ui/src/pages/Experiment/components/AddExperimentModal/index.tsx

@@ -4,7 +4,7 @@ import KFModal from '@/components/KFModal';
 import { type PipelineGlobalParam } from '@/types';
 import { Form, Input, Radio, Select, type FormRule } from 'antd';
 import { useState } from 'react';
-import styles from './addExperimentModal.less';
+import styles from './index.less';
 
 type FormData = {
   name?: string;

react-ui/src/pages/Experiment/experimentText/paramsModal.tsx → react-ui/src/pages/Experiment/components/ViewParamsModal/index.tsx

@@ -6,8 +6,8 @@
 import parameterImg from '@/assets/img/modal-parameter.png';
 import KFModal from '@/components/KFModal';
 import { type PipelineGlobalParam } from '@/types';
-import { getParamType } from './addExperimentModal';
-import styles from './paramsModal.less';
+import { getParamType } from '../AddExperimentModal';
+import styles from './index.less';
 
 type ParamsModalProps = {
   open: boolean;
@@ -24,6 +24,7 @@ function ParamsModal({ open, onCancel, globalParam = [] }: ParamsModalProps) {
       onOk={onCancel}
       onCancel={onCancel}
       cancelButtonProps={{ style: { display: 'none' } }}
+      width={825}
     >
       <div className={styles.params_container}>
         {globalParam?.map((item) => (

react-ui/src/pages/Experiment/experimentText/index.jsx

@@ -9,9 +9,9 @@ import momnet from 'moment';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { s8 } from '../../../utils';
+import ParamsModal from '../components/ViewParamsModal';
 import { experimentStatusInfo } from '../status';
 import styles from './index.less';
-import ParamsModal from './paramsModal';
 import Props from './props';
 
 function ExperimentText() {

react-ui/src/pages/Experiment/index.jsx

@@ -22,8 +22,8 @@ import classNames from 'classnames';
 import momnet from 'moment';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import AddExperimentModal from './components/AddExperimentModal';
 import TensorBoardStatus, { TensorBoardStatusEnum } from './components/TensorBoardStatus';
-import AddExperimentModal from './experimentText/addExperimentModal';
 import Styles from './index.less';
 import { experimentStatusInfo } from './status';
 

react-ui/src/pages/Pipeline/editPipeline/globalParamsDrawer.tsx → react-ui/src/pages/Pipeline/components/GlobalParamsDrawer/index.tsx

@@ -1,7 +1,4 @@
-import {
-  getParamComponent,
-  getParamRules,
-} from '@/pages/Experiment/experimentText/addExperimentModal';
+import { getParamComponent, getParamRules } from '@/pages/Experiment/components/AddExperimentModal';
 import { type PipelineGlobalParam } from '@/types';
 import { to } from '@/utils/promise';
 import { modalConfirm } from '@/utils/ui';
@@ -9,7 +6,7 @@ import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
 import { Button, Drawer, Form, Input, Radio, Tooltip } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { forwardRef, useImperativeHandle } from 'react';
-import styles from './globalParamsDrawer.less';
+import styles from './index.less';
 
 type GlobalParamsDrawerProps = {
   open: boolean;

react-ui/src/pages/Pipeline/editPipeline/index.jsx

@@ -8,8 +8,8 @@ import { Button, message } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { s8 } from '../../../utils';
+import GlobalParamsDrawer from '../components/GlobalParamsDrawer';
 import Styles from './editPipeline.less';
-import GlobalParamsDrawer from './globalParamsDrawer';
 import ModelMenus from './modelMenus';
 import Props from './props';
 

react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx

@@ -65,7 +65,7 @@ function AssetsManagement() {
         />
       </Flex>
       {/* <div className={styles['assets-management__increase']}>今日新增数量：5</div> */}
-      <Flex gap="22px 0" wrap="wrap" style={{ marginTop: '30px' }}>
+      <Flex gap="22px 0" wrap="wrap" style={{ marginTop: '40px' }}>
         {assetCounts.map((item, index) => (
           <div className={styles['assets-management__summary']} key={index}>
             <div className={styles['assets-management__summary__title']}>{item.title}</div>

react-ui/src/utils/ui.tsx

@@ -76,11 +76,11 @@ export const validateUploadFiles = (files: UploadFile[], required: boolean = tru
       return true;
     }
     if (file.status === 'error') {
-      message.error('存在上传失败的文件，请删除后重新上传文件');
+      message.error('存在上传失败的文件，请删除后重新上传');
       return true;
     }
     if (!file.response || file.response.code !== 200 || !file.response.data) {
-      message.error('存在上传失败的文件，请删除后重新上传文件');
+      message.error('存在上传失败的文件，请删除后重新上传');
       return true;
     }
     return false;