feat: addOperator文件回退

src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生 15770852798@163.com
  * @Date: 2022-10-18 16:12:55
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-10-19 17:57:14
+ * @LastEditTime: 2022-10-19 21:23:39
  * @FilePath: /bkunyun/src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -13,7 +13,6 @@ import { observer } from "mobx-react";
 import MyInput from "@/components/mui/MyInput";
 import MySelect from "@/components/mui/MySelect";
 import MyButton from "@/components/mui/MyButton";
-import { useForm, Controller } from "react-hook-form";
 import style from "./index.module.css";
 import SwitchBatchFolw from "@/views/ResourceCenter/components/SwitchBatchFolw";
 
@@ -43,14 +42,11 @@ const AddOperator = observer((props: IAddOperator) => {
 	const [operatorList, setOperatorList] = useState<ITask[]>([]);
 	/** 流程编排 算子是否选中 */
 	const [inputActive, setInputActive] = useState(false);
-	const { control, getValues, reset, setValue } = useForm({
-		mode: "onChange",
-	});
 	/** 产品store */
 	const { productListStore } = useStores();
-	console.log(productListStore, "productListStore");
 
 	const [code, setCode] = useState("");
+	// const [formData, setFormData] = useState<any>();
 
 	const buildTypeList = useMemo(() => {
 		return [
@@ -103,20 +99,10 @@ const AddOperator = observer((props: IAddOperator) => {
 							itemFlex="column"
 							require
 						>
-							<Controller
-								render={() => {
-									return (
 							<MyInput
 								helperText="30字符以内，仅限字母、数字、中文"
 								placeholder="请输入算子名称"
 							/>
-									);
-								}}
-								control={control}
-								name="name"
-								// rules={
-								// }
-							/>
 						</FormItemBox>
 						<FormItemBox
 							label="算子版本"
@@ -125,15 +111,7 @@ const AddOperator = observer((props: IAddOperator) => {
 							itemFlex="column"
 							require
 						>
-							<Controller
-								render={() => {
-									return <MyInput />;
-								}}
-								control={control}
-								name="name"
-								// rules={
-								// }
-							/>
+							<MyInput />
 						</FormItemBox>
 						<FormItemBox
 							label="所属产品"
@@ -142,20 +120,10 @@ const AddOperator = observer((props: IAddOperator) => {
 							itemFlex="column"
 							require
 						>
-							<Controller
-								render={() => {
-									return (
 							<MySelect
 								fullWidth
 								options={productListStore?.productList || []}
 							/>
-									);
-								}}
-								control={control}
-								name="name"
-								// rules={
-								// }
-							/>
 						</FormItemBox>
 						{batchBuildType === "ENVIRONMENT" ? (
 							<FormItemBox
@@ -165,20 +133,10 @@ const AddOperator = observer((props: IAddOperator) => {
 								itemFlex="column"
 								require
 							>
-								<Controller
-									render={() => {
-										return (
 								<MySelect
 									fullWidth
 									options={[{ label: "cadd", value: "CADD" }]}
 								/>
-										);
-									}}
-									control={control}
-									name="name"
-									// rules={
-									// }
-								/>
 							</FormItemBox>
 						) : null}
 						{batchBuildType === "ENVIRONMENT" ? (
@@ -188,21 +146,7 @@ const AddOperator = observer((props: IAddOperator) => {
 								className={style.operatorFormItem}
 								itemFlex="column"
 							>
-								<Controller
-									render={() => {
-										return (
-											<MyInput
-												multiline
-												rows={4}
-												placeholder="请输入算子描述"
-											/>
-										);
-									}}
-									control={control}
-									name="desc"
-									// rules={
-									// }
-								/>
+								<MyInput multiline rows={4} placeholder="请输入算子描述" />
 							</FormItemBox>
 						) : null}
 					</div>
@@ -226,22 +170,12 @@ const AddOperator = observer((props: IAddOperator) => {
 								className={style.operatorFormItem}
 								itemFlex="column"
 							>
-								<Controller
-									render={() => {
-										return (
 								<MyInput
 									style={{ width: "420px" }}
 									multiline
 									rows={10}
 									placeholder="请输入算子描述"
 								/>
-										);
-									}}
-									control={control}
-									name="desc"
-									// rules={
-									// }
-								/>
 							</FormItemBox>
 						</div>
 					)}
@@ -282,7 +216,14 @@ const AddOperator = observer((props: IAddOperator) => {
 					)}
 				</div>
 				<div className={style.buttonBox}>
-					<MyButton text="开始构建" onClick={() => handleSubmit()}></MyButton>
+					<MyButton
+						text="开始构建"
+						onClick={() =>
+							handleSubmit((data) => {
+								console.log(data, "1111");
+							})()
+						}
+					></MyButton>
 				</div>
 			</div>
 		</div>