[Feature][UI] Added form structure parser. (#12686)

dolphinscheduler-ui/src/views/projects/workflow/components/dynamic-dag/task/use-form-structure.ts

@@ -0,0 +1,25 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export function useFormStructure(forms: any) {
+  return forms.map((f: any) => {
+    delete f.validate
+    delete f.api
+
+    return f
+  })
+}

dolphinscheduler-ui/src/views/projects/workflow/components/dynamic-dag/task/use-task-form.ts

@@ -19,6 +19,7 @@ import { reactive } from 'vue'
 import { useDynamicLocales } from './use-dynamic-locales'
 import { useFormField } from './use-form-field'
 import { useFormValidate } from './use-form-validate'
+import { useFormStructure } from './use-form-structure'
 
 const data = {
   task: 'shell',
@@ -120,10 +121,10 @@ export function useTaskForm() {
     rules: {}
   })
 
-  variables.formStructure = data
   variables.model = useFormField(data.forms)
   variables.rules = useFormValidate(data.forms)
   useDynamicLocales(data.locales)
+  variables.formStructure = useFormStructure(data.forms)
 
   return {
     variables