feat: add cachefly deployer

ui/src/components/access/AccessForm.tsx

@@ -17,6 +17,7 @@ import AccessFormBaiduCloudConfig from "./AccessFormBaiduCloudConfig";
 import AccessFormBaishanConfig from "./AccessFormBaishanConfig";
 import AccessFormBaotaPanelConfig from "./AccessFormBaotaPanelConfig";
 import AccessFormBytePlusConfig from "./AccessFormBytePlusConfig";
+import AccessFormCacheFlyConfig from "./AccessFormCacheFlyConfig";
 import AccessFormCloudflareConfig from "./AccessFormCloudflareConfig";
 import AccessFormClouDNSConfig from "./AccessFormClouDNSConfig";
 import AccessFormDogeCloudConfig from "./AccessFormDogeCloudConfig";
@@ -109,6 +110,8 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
         return <AccessFormBaotaPanelConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.BYTEPLUS:
         return <AccessFormBytePlusConfig {...nestedFormProps} />;
+      case ACCESS_PROVIDERS.CACHEFLY:
+        return <AccessFormCacheFlyConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.CLOUDFLARE:
         return <AccessFormCloudflareConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.CLOUDNS:

ui/src/components/access/AccessFormCacheFlyConfig.tsx

@@ -0,0 +1,56 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import { type AccessConfigForCacheFly } from "@/domain/access";
+
+type AccessFormCacheFlyConfigFieldValues = Nullish<AccessConfigForCacheFly>;
+
+export type AccessFormCacheFlyConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: AccessFormCacheFlyConfigFieldValues;
+  onValuesChange?: (values: AccessFormCacheFlyConfigFieldValues) => void;
+};
+
+const initFormModel = (): AccessFormCacheFlyConfigFieldValues => {
+  return {
+    apiToken: "",
+  };
+};
+
+const AccessFormCacheFlyConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: AccessFormCacheFlyConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    apiToken: z
+      .string()
+      .min(1, t("access.form.cachefly_api_token.placeholder"))
+      .max(64, t("common.errmsg.string_max", { max: 64 }))
+      .trim(),
+  });
+  const formRule = createSchemaFieldRule(formSchema);
+
+  const handleFormChange = (_: unknown, values: z.infer<typeof formSchema>) => {
+    onValuesChange?.(values);
+  };
+
+  return (
+    <Form
+      form={formInst}
+      disabled={disabled}
+      initialValues={initialValues ?? initFormModel()}
+      layout="vertical"
+      name={formName}
+      onValuesChange={handleFormChange}
+    >
+      <Form.Item name="apiToken" label={t("access.form.cachefly_api_token.label")} rules={[formRule]}>
+        <Input.Password autoComplete="new-password" placeholder={t("access.form.cachefly_api_token.placeholder")} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default AccessFormCacheFlyConfig;

ui/src/components/workflow/node/DeployNodeConfigForm.tsx

@@ -104,8 +104,7 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
       provider: z.string({ message: t("workflow_node.deploy.form.provider.placeholder") }).nonempty(t("workflow_node.deploy.form.provider.placeholder")),
       providerAccessId: z
         .string({ message: t("workflow_node.deploy.form.provider_access.placeholder") })
-        .nonempty(t("workflow_node.deploy.form.provider_access.placeholder"))
-        .refine(() => !!formInst.getFieldValue("provider"), t("workflow_node.deploy.form.provider.placeholder")),
+        .nonempty(t("workflow_node.deploy.form.provider_access.placeholder")),
       providerConfig: z.any(),
       skipOnLastSucceeded: z.boolean().nullish(),
     });
@@ -246,7 +245,7 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
             newValues[key] = undefined;
           }
         }
-        (formInst as FormInstance).setFieldsValue(newValues);
+        formInst.setFieldsValue(newValues);
 
         if (deployProvidersMap.get(fieldProvider)?.provider !== deployProvidersMap.get(value)?.provider) {
           formInst.setFieldValue("providerAccessId", undefined);
@@ -296,7 +295,13 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
             fallback={<DeployProviderPicker autoFocus placeholder={t("workflow_node.deploy.search.provider.placeholder")} onSelect={handleProviderPick} />}
           >
             <Form.Item name="provider" label={t("workflow_node.deploy.form.provider.label")} rules={[formRule]}>
-              <DeployProviderSelect allowClear placeholder={t("workflow_node.deploy.form.provider.placeholder")} showSearch onSelect={handleProviderSelect} />
+              <DeployProviderSelect
+                allowClear
+                disabled
+                placeholder={t("workflow_node.deploy.form.provider.placeholder")}
+                showSearch
+                onSelect={handleProviderSelect}
+              />
             </Form.Item>
 
             <Form.Item className="mb-0">
@@ -378,7 +383,7 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
           </Show>
         </Form>
 
-        <Show when={!!fieldProvider}>
+        <Show when={!!nestedFormEl}>
           <Divider className="my-1">
             <Typography.Text className="text-xs font-normal" type="secondary">
               {t("workflow_node.deploy.form.params_config.label")}
@@ -386,7 +391,9 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
           </Divider>
 
           {nestedFormEl}
+        </Show>
 
+        <Show when={!!fieldProvider}>
           <Divider className="my-1">
             <Typography.Text className="text-xs font-normal" type="secondary">
               {t("workflow_node.deploy.form.strategy_config.label")}