feat: 自定义模板参数设置文件选择完成

src/views/WorkFlowEdit/components/ParameterSetting/index.tsx

@@ -8,12 +8,13 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import MyInput from "@/components/mui/MyInput";
 import Tooltip from "@mui/material/Tooltip";
 import MyCheckBox from "@/components/mui/MyCheckBox";
-// import MySelect, { optionsTransform } from "../components/MySelect";
 import MySelect, {
 	optionsTransform,
 } from "../../../Project/ProjectSubmitWork/components/MySelect";
 import _ from "lodash";
-import FileSelect from "@/components/FileSelect";
+import FileSelect, {
+	FileSelectType,
+} from "@/components/BusinessComponents/FileSelect";
 import MyRadio from "@/components/mui/MyRadio";
 import questionMark from "@/assets/project/questionMark.svg";
 import fileSelectIcon from "@/assets/project/fileSelect.svg";
@@ -243,6 +244,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 	const [descHeight, setDescHeight] = useState(0); // 算子描述的高度  用来完成描述展开收起功能
 	const [isShowAllDese, setIsShowAllDese] = useState(false); // 是否展示全部描述
 	const [fileSelectOpen, setFileSelectOpen] = useState(false); // 选择输出路径的弹窗显示控制
+	const [fileSelectType, setFileSelectType] = useState<FileSelectType>("path");
 	const [parameterName, setParameterName] = useState(""); // 当前算子中的parameters中正在编辑饿parameter（参数）
 
 	const div = document.getElementById("descHeight"); // 算子描述的元素（不限高）用来完成描述展开收起功能
@@ -401,7 +403,13 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 								InputProps={{
 									endAdornment: (
 										<img
-											onClick={() => handleOpenFileSelect(parameter.name)}
+											onClick={() => {
+												if (parameter.parameterGroup === "out") {
+													return;
+												}
+												setFileSelectType("file");
+												handleOpenFileSelect(parameter.name);
+											}}
 											src={fileSelectIcon}
 											alt=""
 											className={styles.fileSelectImg}
@@ -420,7 +428,13 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 								InputProps={{
 									endAdornment: (
 										<img
-											onClick={() => handleOpenFileSelect(parameter.name)}
+											onClick={() => {
+												if (parameter.parameterGroup === "out") {
+													return;
+												}
+												setFileSelectType("path");
+												handleOpenFileSelect(parameter.name);
+											}}
 											src={fileSelectIcon}
 											alt=""
 											className={styles.fileSelectImg}
@@ -439,7 +453,13 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 								InputProps={{
 									endAdornment: (
 										<img
-											onClick={() => handleOpenFileSelect(parameter.name)}
+											onClick={() => {
+												if (parameter.parameterGroup === "out") {
+													return;
+												}
+												setFileSelectType("dataset");
+												handleOpenFileSelect(parameter.name);
+											}}
 											src={fileSelectIcon}
 											alt=""
 											className={styles.fileSelectImg}
@@ -820,6 +840,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 					onClose={handleFileSelectOnClose}
 					open={fileSelectOpen}
 					onConfirm={onFileSelectConfirm}
+					type={fileSelectType}
 				/>
 			)}
 		</div>