chore: update env vars from backend version

src/pages/backends/forms/basic.tsx

@@ -3,22 +3,19 @@ import ListInput from '@/components/list-input';
 import SealInput from '@/components/seal-form/seal-input';
 import SealTextArea from '@/components/seal-form/seal-textarea';
 import { PageAction } from '@/config';
-import { PageActionType } from '@/config/types';
 import useAppUtils from '@/hooks/use-app-utils';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { BackendSourceValueMap } from '../config';
-import { FormData, ListItem } from '../config/types';
+import { useFormContext } from '../config/form-context';
+import { FormData } from '../config/types';
 
-type AddModalProps = {
-  action: PageActionType;
-  currentData?: ListItem;
-};
-const BasicForm: React.FC<AddModalProps> = ({ action, currentData }) => {
+const BasicForm = () => {
   const form = Form.useFormInstance();
   const intl = useIntl();
   const { getRuleMessage } = useAppUtils();
+  const { action, backendSource } = useFormContext();
   const defaultEnvs = Form.useWatch('default_environment', form);
 
   const handleEnviromentVarsChange = (labels: Record<string, any>) => {
@@ -44,18 +41,18 @@ const BasicForm: React.FC<AddModalProps> = ({ action, currentData }) => {
       >
         <SealInput.Input
           trim
-          addAfter={currentData?.is_built_in ? null : '-custom'}
+          addAfter={
+            backendSource === BackendSourceValueMap.CUSTOM ? '-custom' : null
+          }
           disabled={action === PageAction.EDIT}
           label={intl.formatMessage({ id: 'common.table.name' })}
           required
         ></SealInput.Input>
       </Form.Item>
-      {action === PageAction.CREATE && (
-        <Form.Item<FormData> hidden name="backend_source">
-          <SealInput.Input></SealInput.Input>
-        </Form.Item>
-      )}
-      {!currentData?.is_built_in && (
+      <Form.Item<FormData> hidden name="backend_source">
+        <SealInput.Input></SealInput.Input>
+      </Form.Item>
+      {backendSource !== BackendSourceValueMap.BUILTIN && (
         <>
           <Form.Item<FormData>
             name="health_check_path"

src/pages/backends/forms/index.tsx

@@ -3,6 +3,7 @@ import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
+import { FormContext } from '../config/form-context';
 import { FormData, ListItem } from '../config/types';
 import BasicForm from './basic';
 import VersionsForm from './versions-config';
@@ -18,6 +19,7 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
     const intl = useIntl();
     const [form] = Form.useForm();
     const [activeKey, setActiveKey] = React.useState<string[]>([]);
+    const backendSource = Form.useWatch('backend_source', form);
 
     const onFinishFailed = (errorInfo: any) => {
       const errorFields = errorInfo.errorFields || [];
@@ -79,22 +81,26 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
     }));
 
     return (
-      <Form
-        name="basicForm"
-        form={form}
-        onFinish={handleOnFinish}
-        preserve={false}
-        scrollToFirstError={true}
-        initialValues={_.omit(currentData, ['version_configs'])}
-        onFinishFailed={onFinishFailed}
+      <FormContext.Provider
+        value={{ action: action, backendSource: backendSource }}
       >
-        <BasicForm action={action} currentData={currentData}></BasicForm>
-        <VersionsForm
-          action={action}
-          currentData={currentData}
-          activeKey={activeKey}
-        ></VersionsForm>
-      </Form>
+        <Form
+          name="basicForm"
+          form={form}
+          onFinish={handleOnFinish}
+          preserve={false}
+          scrollToFirstError={true}
+          initialValues={_.omit(currentData, ['version_configs'])}
+          onFinishFailed={onFinishFailed}
+        >
+          <BasicForm></BasicForm>
+          <VersionsForm
+            action={action}
+            currentData={currentData}
+            activeKey={activeKey}
+          ></VersionsForm>
+        </Form>
+      </FormContext.Provider>
     );
   }
 );

src/pages/backends/forms/versions-config.tsx

@@ -401,7 +401,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
                       label={intl.formatMessage({
                         id: 'models.form.env'
                       })}
-                      labels={versionConfigs.environment}
+                      labels={versionConfigs?.[name]?.environment}
                       btnText={intl.formatMessage({ id: 'common.button.vars' })}
                       onChange={(envs) =>
                         handleEnviromentVarsChange(envs, name)