fix: parse yaml error

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 { BackendSourceValueMap } from '../config';
 import { FormContext } from '../config/form-context';
 import { FormData, ListItem } from '../config/types';
 import BasicForm from './basic';
@@ -38,17 +39,19 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
     const handleOnFinish = (values: FormData) => {
       const data = {
         ...values,
-        backend_name: currentData?.is_built_in
-          ? values.backend_name
-          : `${values.backend_name}-custom`
+        backend_name:
+          backendSource === BackendSourceValueMap.CUSTOM
+            ? `${values.backend_name}-custom`
+            : values.backend_name
       };
       data.version_configs = data.version_configs?.map((item) => {
         if (item.version_no) {
           return {
             ...item,
-            version_no: currentData?.is_built_in
-              ? `${item.version_no}-custom`
-              : item.version_no
+            version_no:
+              backendSource === BackendSourceValueMap.BUILTIN
+                ? `${item.version_no}-custom`
+                : item.version_no
           };
         }
         return item;

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

@@ -11,7 +11,8 @@ import { useIntl } from '@umijs/max';
 import { Button, Form, Tag } from 'antd';
 import React, { useEffect, useMemo } from 'react';
 import styled from 'styled-components';
-import { frameworks } from '../config';
+import { BackendSourceValueMap, frameworks } from '../config';
+import { useFormContext } from '../config/form-context';
 import { ListItem } from '../config/types';
 
 // version must be endwith '-custom'
@@ -66,6 +67,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
   const defaultCollapseKey =
     action === 'edit' ? new Set<number>() : new Set([0]);
   const form = Form.useFormInstance();
+  const { backendSource } = useFormContext();
   const version_configs = Form.useWatch('version_configs', form);
   const [collapseKey, setCollapseKey] =
     React.useState<Set<number | string>>(defaultCollapseKey);
@@ -198,6 +200,8 @@ const VersionsForm: React.FC<AddModalProps> = ({
     );
   };
 
+  const isBuiltin = backendSource === BackendSourceValueMap.BUILTIN;
+
   return (
     <>
       <Title>
@@ -209,7 +213,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
             <PlusOutlined /> {intl.formatMessage({ id: 'backend.addVersion' })}
           </Button>
         </span>
-        {!currentData?.is_built_in && (
+        {!isBuiltin && (
           <BaseSelect
             prefix={
               <span style={{ color: 'var(--ant-color-text-tertiary)' }}>
@@ -292,7 +296,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
                         className="flex-center"
                         onClick={(e) => e.stopPropagation()}
                       >
-                        {!currentData?.is_built_in && (
+                        {!isBuiltin && (
                           <Form.Item
                             name={[name, 'is_default']}
                             valuePropName="checked"
@@ -301,7 +305,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
                           ></Form.Item>
                         )}
                       </span>
-                      {(fields.length > 1 || currentData?.is_built_in) && (
+                      {(fields.length > 1 || isBuiltin) && (
                         <Button
                           size="small"
                           shape="circle"
@@ -325,7 +329,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
                     >
                       <SealInput.Input
                         trim
-                        addAfter={currentData?.is_built_in ? '-custom' : null}
+                        addAfter={isBuiltin ? '-custom' : null}
                         onChange={handleVersionChange}
                         label={intl.formatMessage({ id: 'backend.version' })}
                         required