fix: custom backend and versions ux

src/pages/backends/forms/basic.tsx

@@ -7,12 +7,13 @@ import useAppUtils from '@/hooks/use-app-utils';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';
-import { FormData } from '../config/types';
+import { FormData, ListItem } from '../config/types';
 
 type AddModalProps = {
   action: PageActionType;
+  currentData?: ListItem;
 };
-const BasicForm: React.FC<AddModalProps> = ({ action }) => {
+const BasicForm: React.FC<AddModalProps> = ({ action, currentData }) => {
   const form = Form.useFormInstance();
   const intl = useIntl();
   const { getRuleMessage } = useAppUtils();
@@ -30,6 +31,7 @@ const BasicForm: React.FC<AddModalProps> = ({ action }) => {
       >
         <SealInput.Input
           trim
+          addAfter={currentData?.is_built_in ? null : '-custom'}
           disabled={action === PageAction.EDIT}
           label={intl.formatMessage({ id: 'common.table.name' })}
           required

src/pages/backends/forms/index.tsx

@@ -34,12 +34,19 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
     };
 
     const handleOnFinish = (values: FormData) => {
-      const data = { ...values };
+      const data = {
+        ...values,
+        backend_name: currentData?.is_built_in
+          ? values.backend_name
+          : `${values.backend_name}-custom`
+      };
       data.version_configs = data.version_configs?.map((item) => {
         if (item.version_no) {
           return {
             ...item,
-            version_no: `${item.version_no}-custom`
+            version_no: currentData?.is_built_in
+              ? `${item.version_no}-custom`
+              : item.version_no
           };
         }
         return item;
@@ -82,7 +89,7 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
         initialValues={_.omit(currentData, ['version_configs'])}
         onFinishFailed={onFinishFailed}
       >
-        <BasicForm action={action}></BasicForm>
+        <BasicForm action={action} currentData={currentData}></BasicForm>
         <VersionsForm
           action={action}
           currentData={currentData}

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

@@ -283,7 +283,7 @@ const VersionsForm: React.FC<AddModalProps> = ({
                     >
                       <SealInput.Input
                         trim
-                        addAfter="-custom"
+                        addAfter={currentData?.is_built_in ? '-custom' : null}
                         onChange={handleVersionChange}
                         label={intl.formatMessage({ id: 'backend.version' })}
                         required