feat: 代码注释完善

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

@@ -240,22 +240,24 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 	// 	templateConfigInfoMock as ITask[]
 	// );
 
-	const [descHeight, setDescHeight] = useState(0); // 算子描述的高度
+	const [descHeight, setDescHeight] = useState(0); // 算子描述的高度  用来完成描述展开收起功能
 	const [isShowAllDese, setIsShowAllDese] = useState(false); // 是否展示全部描述
 	const [fileSelectOpen, setFileSelectOpen] = useState(false); // 选择输出路径的弹窗显示控制
 	const [parameterName, setParameterName] = useState(""); // 当前算子中的parameters中正在编辑饿parameter（参数）
 
-	const div = document.getElementById("descHeight"); // 算子描述的元素（不限高）
+	const div = document.getElementById("descHeight"); // 算子描述的元素（不限高）用来完成描述展开收起功能
 	useEffect(() => {
 		if (div) {
 			setDescHeight(div.offsetHeight);
 		}
 	}, [div]);
 
+	// 文件夹路线选择器弹窗
 	const handleFileSelectOnClose = () => {
 		setFileSelectOpen(false);
 	};
 
+	// 选中的算子详情
 	const taskInfo: ITask | null = useMemo(() => {
 		if (!taskId) {
 			return null;
@@ -299,6 +301,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 		[templateConfigInfo, setTemplateConfigInfo, taskId]
 	);
 
+	// 设置parameter.defaultValue字段
 	const handleParameterChange = useCallback(
 		(e: any, parameterName: string) => {
 			const result: ITask[] = _.cloneDeep(templateConfigInfo);
@@ -327,6 +330,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 		[templateConfigInfo, setTemplateConfigInfo, taskId]
 	);
 
+	// 文件夹路线选择确认回调
 	const onFileSelectConfirm = (path: string) => {
 		setFileSelectOpen(false);
 		handleParameterChange(
@@ -339,6 +343,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 		);
 	};
 
+	// 渲染当个表单项
 	const renderInput = useCallback(
 		(parameter: IParameter) => {
 			return (
@@ -529,6 +534,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 		}
 	}, [taskInfo]);
 
+	// 某种类型的参数组渲染
 	const randerParameters = useCallback(
 		(parameters: Array<IParameter>) => {
 			return (
@@ -572,6 +578,7 @@ const ParameterSetting = (props: IParameterSettingProps) => {
 		[renderInput, handleHiddenChange]
 	);
 
+	// 显示文件夹路径选择弹窗
 	const handleOpenFileSelect = (parameterName: string = "") => {
 		setParameterName(parameterName);
 		setFileSelectOpen(true);