fix: 修复 CallbackURL 无法保存问题

Author: coding-hui

src/pages/IdentityProvider/Create/CallbackURL.tsx

@@ -21,10 +21,10 @@ export const CallbackURL = () => {
   return (
     <ProFormDependency name={['name']}>
       {({ name }) => {
-        const redirectURL = getRedirectURL(name ? name : `{${intl.formatMessage(INTL.NAME)}}`);
+        const redirectURL = getRedirectURL(`${name ? name : `{${intl.formatMessage(INTL.NAME)}}`}`);
         return (
           <ProFormText
-            width="xl"
+            width={300}
             label={intl.formatMessage(INTL.AUTH_URL)}
             name={['config', 'redirectURL']}
             readonly
@@ -33,7 +33,11 @@ export const CallbackURL = () => {
             proFieldProps={{
               render: () => {
                 return (
-                  <Paragraph copyable={{ text: redirectURL }} style={{ marginBottom: '0' }}>
+                  <Paragraph
+                    editable={{ triggerType: ['text'] }}
+                    copyable={{ text: redirectURL }}
+                    style={{ marginBottom: '0' }}
+                  >
                     <span
                       dangerouslySetInnerHTML={{
                         __html: `<span>${redirectURL}</span>`,

src/pages/IdentityProvider/Create/_hooks.ts

@@ -12,6 +12,7 @@ import {
   UpdateIdentityProviderRequest,
 } from '@/services/idp';
 import { IdentityProviderType, ProviderCategory } from '@/enums';
+import { getRedirectURL } from '@/services/system/oauth';
 
 export type FormType = UpdateIdentityProviderRequest & CreateIdentityProviderRequest;
 
@@ -81,7 +82,10 @@ export default function useIdentityProviderHook() {
   const handleSubmit = async () => {
     const values = await formRef.current?.validateFieldsReturnFormatValue?.();
     if (values) {
-      return instanceId ? doUpdateIdp(instanceId, values) : doCreateIdp(values);
+      if (values.config.redirectURL && !isEdit) {
+        values.config.redirectURL = getRedirectURL(values.name);
+      }
+      return isEdit ? doUpdateIdp(instanceId, values) : doCreateIdp(values);
     }
   };