fix ui

Author: xlorne

frontend/packages/flow-design/src/pages/design-panel/manager/workflow/form.ts

@@ -0,0 +1,119 @@
+import {FlowForm, FormField} from "../../types";
+
+export class WorkflowFormManager {
+
+    private readonly form: FlowForm;
+    private readonly formList: FlowForm[];
+
+    constructor(form: FlowForm) {
+        this.form = form;
+        this.formList = [];
+        this.loadFormList();
+    }
+
+    private loadFormList(): void {
+        this.formList.push(this.form);
+        if(this.form.subForms && this.form.subForms.length>0) {
+            for (const subForm of this.form.subForms) {
+                this.formList.push(subForm);
+            }
+        }
+    }
+
+    public getFormFields(code:string){
+        for (const subForm of this.formList) {
+            if (subForm.code == code) {
+                return subForm.fields || [];
+            }
+        }
+        return [];
+    }
+
+    public removeSubForm(code:string){
+        const currentSubForms = this.form.subForms || [];
+        const subForms = currentSubForms.filter(subForm => subForm.code !== code);
+        return {
+            ...this.form,
+            subForms:subForms
+        }
+    }
+
+    public addSubForm(values:any){
+        const subForms = [...this.form.subForms || []];
+        subForms.push(values);
+        return {
+            ...this.form,
+            subForms:subForms
+        }
+    }
+
+    public mergeValue(code: string, values: any):FlowForm {
+        const currentFields = this.getFormFields(code);
+        const currentCode = values['code'];
+        const list:FormField[] = [];
+        let exist = false;
+        for (const field of currentFields) {
+            if(field.code == currentCode) {
+                list.push(values);
+                exist = true;
+            }else {
+                list.push(field);
+            }
+        }
+        if(!exist){
+            list.push(values);
+        }
+        const mainCode = this.form.code;
+        if(code==mainCode){
+            return {
+                ...this.form,
+                fields:list,
+            }
+        }else {
+            return {
+                ...this.form,
+                fields:list,
+                subForms:this.form.subForms.map(item=>{
+                    if(item.code===code){
+                        return {
+                            ...item,
+                            fields:list
+                        }
+                    }else {
+                        return item;
+                    }
+                }),
+            }
+        }
+    }
+
+    public removeField(formCode: string, fieldCode: string) {
+        const currentFields = this.getFormFields(formCode) || [];
+        const fields = [...currentFields];
+        const list = fields.filter(file => file.code !== fieldCode);
+        const mainCode = this.form.code;
+        if(formCode==mainCode){
+            return {
+                ...this.form,
+                fields:list,
+            }
+        }else {
+            return {
+                ...this.form,
+                fields:list,
+                subForms:this.form.subForms.map(item=>{
+                    if(item.code===formCode){
+                        return {
+                            ...item,
+                            fields:list
+                        }
+                    }else {
+                        return item;
+                    }
+                }),
+            }
+        }
+    }
+
+
+}

…s/design-panel/manager/workflow/index.ts …esign-panel/manager/workflow/strategy.tsfrontend/packages/flow-design/src/pages/design-panel/manager/workflow/index.ts renamed to frontend/packages/flow-design/src/pages/design-panel/manager/workflow/strategy.ts frontend/packages/flow-design/src/pages/design-panel/manager/workflow/index.ts renamed to frontend/packages/flow-design/src/pages/design-panel/manager/workflow/strategy.ts

@@ -1,6 +1,7 @@
 import {DesignPanelApi, initStateData, State, TabPanelType} from "../types";
 import {Dispatch} from "@flow-engine/flow-core";
 import {FormActionContext} from "@/pages/design-panel/presenters/form";
+import {WorkflowFormManager} from "@/pages/design-panel/manager/workflow/form";
 
 export class Presenter {
 
@@ -42,6 +43,46 @@ export class Presenter {
         });
     }
 
+    public removeWorkflowFormField(formCode:string,fieldCode:string){
+        const workflowFormManager = new WorkflowFormManager(this.state.workflow.form);
+        const form = workflowFormManager.removeField(formCode, fieldCode);
+        console.log(form);
+        this.updateWorkflowForm(form);
+    }
+
+    public removeWorkflowSubForm(code: string) {
+        const workflowFormManager = new WorkflowFormManager(this.state.workflow.form);
+        const form = workflowFormManager.removeSubForm(code);
+        console.log(form);
+        this.updateWorkflowForm(form);
+    }
+
+    public addWorkflowSubForm(values:any){
+        const workflowFormManager = new WorkflowFormManager(this.state.workflow.form);
+        const form = workflowFormManager.addSubForm(values);
+        console.log(form);
+        this.updateWorkflowForm(form);
+    }
+
+    private updateWorkflowForm(form:any) {
+        this.dispatch((prevState: State) => {
+            return {
+                ...prevState,
+                workflow: {
+                    ...prevState.workflow,
+                    form
+                }
+            }
+        });
+    }
+
+    public updateWorkflowFormField(code:string,values:any){
+        const workflowFormManager = new WorkflowFormManager(this.state.workflow.form);
+        const form = workflowFormManager.mergeValue(code,values);
+        console.log(form);
+        this.updateWorkflowForm(form);
+    }
+
     public save() {
         const values = this.formActionContext.save();
         this.updateWorkflow(values);