feat(ui): new SettingsNotification using antd

ui/src/components/access/AccessEditForm.tsx

@@ -50,7 +50,7 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
 
   const formSchema = z.object({
     name: z
-      .string()
+      .string({ message: t("access.form.name.placeholder") })
       .trim()
       .min(1, t("access.form.name.placeholder"))
       .max(64, t("common.errmsg.string_max", { max: 64 })),

ui/src/components/access/AccessEditFormACMEHttpReqConfig.tsx

@@ -22,6 +22,8 @@ const initModel = () => {
   return {
     endpoint: "https://example.com/api/",
     mode: "",
+    username: "",
+    password: "",
   } as AccessEditFormACMEHttpReqConfigModelType;
 };
 

ui/src/components/access/AccessEditFormAWSConfig.tsx

@@ -20,7 +20,10 @@ export type AccessEditFormAWSConfigProps = {
 
 const initModel = () => {
   return {
+    accessKeyId: "",
+    secretAccessKey: "",
     region: "us-east-1",
+    hostedZoneId: "",
   } as AccessEditFormAWSConfigModelType;
 };
 

ui/src/components/access/AccessEditFormAliyunConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormAliyunConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormAliyunConfigModelType;
+  return {
+    accessKeyId: "",
+    accessKeySecret: "",
+  } as AccessEditFormAliyunConfigModelType;
 };
 
 const AccessEditFormAliyunConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormAliyunConfigProps) => {

ui/src/components/access/AccessEditFormBaiduCloudConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormBaiduCloudConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormBaiduCloudConfigModelType;
+  return {
+    accessKeyId: "",
+    secretAccessKey: "",
+  } as AccessEditFormBaiduCloudConfigModelType;
 };
 
 const AccessEditFormBaiduCloudConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormBaiduCloudConfigProps) => {

ui/src/components/access/AccessEditFormBytePlusConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormBytePlusConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormBytePlusConfigModelType;
+  return {
+    accessKey: "",
+    secretKey: "",
+  } as AccessEditFormBytePlusConfigModelType;
 };
 
 const AccessEditFormBytePlusConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormBytePlusConfigProps) => {

ui/src/components/access/AccessEditFormCloudflareConfig.tsx

@@ -19,7 +19,9 @@ export type AccessEditFormCloudflareConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormCloudflareConfigModelType;
+  return {
+    dnsApiToken: "",
+  } as AccessEditFormCloudflareConfigModelType;
 };
 
 const AccessEditFormCloudflareConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormCloudflareConfigProps) => {

ui/src/components/access/AccessEditFormDogeCloudConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormDogeCloudConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormDogeCloudConfigModelType;
+  return {
+    accessKey: "",
+    secretKey: "",
+  } as AccessEditFormDogeCloudConfigModelType;
 };
 
 const AccessEditFormDogeCloudConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormDogeCloudConfigProps) => {

ui/src/components/access/AccessEditFormGoDaddyConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormGoDaddyConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormGoDaddyConfigModelType;
+  return {
+    apiKey: "",
+    apiSecret: "",
+  } as AccessEditFormGoDaddyConfigModelType;
 };
 
 const AccessEditFormGoDaddyConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormGoDaddyConfigProps) => {

ui/src/components/access/AccessEditFormHuaweiCloudConfig.tsx

@@ -20,6 +20,8 @@ export type AccessEditFormHuaweiCloudConfigProps = {
 
 const initModel = () => {
   return {
+    accessKeyId: "",
+    secretAccessKey: "",
     region: "cn-north-1",
   } as AccessEditFormHuaweiCloudConfigModelType;
 };

ui/src/components/access/AccessEditFormKubernetesConfig.tsx

@@ -59,7 +59,7 @@ const AccessEditFormKubernetesConfig = ({ form, formName, disabled, loading, mod
       setKubeFileList([]);
     }
 
-    flushSync(() => onModelChange?.(form.getFieldsValue()));
+    flushSync(() => onModelChange?.(form.getFieldsValue(true)));
   };
 
   return (

ui/src/components/access/AccessEditFormNameSiloConfig.tsx

@@ -19,7 +19,9 @@ export type AccessEditFormNameSiloConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormNameSiloConfigModelType;
+  return {
+    apiKey: "",
+  } as AccessEditFormNameSiloConfigModelType;
 };
 
 const AccessEditFormNameSiloConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormNameSiloConfigProps) => {

ui/src/components/access/AccessEditFormPowerDNSConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormPowerDNSConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormPowerDNSConfigModelType;
+  return {
+    apiUrl: "",
+    apiKey: "",
+  } as AccessEditFormPowerDNSConfigModelType;
 };
 
 const AccessEditFormPowerDNSConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormPowerDNSConfigProps) => {

ui/src/components/access/AccessEditFormQiniuConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormQiniuConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormQiniuConfigModelType;
+  return {
+    accessKey: "",
+    secretKey: "",
+  } as AccessEditFormQiniuConfigModelType;
 };
 
 const AccessEditFormQiniuConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormQiniuConfigProps) => {

ui/src/components/access/AccessEditFormSSHConfig.tsx

@@ -94,7 +94,7 @@ const AccessEditFormSSHConfig = ({ form, formName, disabled, loading, model, onM
       setKeyFileList([]);
     }
 
-    flushSync(() => onModelChange?.(form.getFieldsValue()));
+    flushSync(() => onModelChange?.(form.getFieldsValue(true)));
   };
 
   return (

ui/src/components/access/AccessEditFormTencentCloudConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormTencentCloudConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormTencentCloudConfigModelType;
+  return {
+    secretId: "",
+    secretKey: "",
+  } as AccessEditFormTencentCloudConfigModelType;
 };
 
 const AccessEditFormTencentCloudConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormTencentCloudConfigProps) => {

ui/src/components/access/AccessEditFormVolcEngineConfig.tsx

@@ -19,7 +19,10 @@ export type AccessEditFormVolcEngineConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormVolcEngineConfigModelType;
+  return {
+    accessKeyId: "",
+    secretAccessKey: "",
+  } as AccessEditFormVolcEngineConfigModelType;
 };
 
 const AccessEditFormVolcEngineConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormVolcEngineConfigProps) => {

ui/src/components/access/AccessEditFormWebhookConfig.tsx

@@ -18,7 +18,9 @@ export type AccessEditFormWebhookConfigProps = {
 };
 
 const initModel = () => {
-  return {} as AccessEditFormWebhookConfigModelType;
+  return {
+    url: "",
+  } as AccessEditFormWebhookConfigModelType;
 };
 
 const AccessEditFormWebhookConfig = ({ form, formName, disabled, loading, model, onModelChange }: AccessEditFormWebhookConfigProps) => {