feat: add aliyun live deployer

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

@@ -25,14 +25,14 @@ const DeployNode = ({ node, disabled }: DeployNodeProps) => {
   const formRef = useRef<DeployNodeConfigFormInstance>(null);
   const [formPending, setFormPending] = useState(false);
 
-  const [fieldProvider, setFieldProvider] = useState<string | undefined>((node.config as WorkflowNodeConfigForDeploy)?.provider);
-  useEffect(() => {
-    setFieldProvider((node.config as WorkflowNodeConfigForDeploy)?.provider);
-  }, [node.config?.provider]);
-
   const [drawerOpen, setDrawerOpen] = useState(false);
+  const [drawerFooterShow, setDrawerFooterShow] = useState(true);
   const getFormValues = () => formRef.current!.getFieldsValue() as WorkflowNodeConfigForDeploy;
 
+  useEffect(() => {
+    setDrawerFooterShow(!!(node.config as WorkflowNodeConfigForDeploy)?.provider);
+  }, [node.config?.provider]);
+
   const wrappedEl = useMemo(() => {
     if (node.type !== WorkflowNodeType.Deploy) {
       console.warn(`[certimate] current workflow node type is not: ${WorkflowNodeType.Deploy}`);
@@ -76,7 +76,7 @@ const DeployNode = ({ node, disabled }: DeployNodeProps) => {
   };
 
   const handleFormValuesChange = (values: Partial<WorkflowNodeConfigForDeploy>) => {
-    setFieldProvider(values.provider!);
+    setDrawerFooterShow(!!values.provider);
   };
 
   return (
@@ -87,11 +87,17 @@ const DeployNode = ({ node, disabled }: DeployNodeProps) => {
 
       <SharedNode.ConfigDrawer
         node={node}
-        footer={!!fieldProvider}
+        footer={drawerFooterShow}
         open={drawerOpen}
         pending={formPending}
         onConfirm={handleDrawerConfirm}
-        onOpenChange={(open) => setDrawerOpen(open)}
+        onOpenChange={(open) => {
+          setDrawerOpen(open);
+
+          if (!open) {
+            setDrawerFooterShow(!!(node.config as WorkflowNodeConfigForDeploy)?.provider);
+          }
+        }}
         getFormValues={() => formRef.current!.getFieldsValue()}
       >
         <DeployNodeConfigForm ref={formRef} disabled={disabled} initialValues={node.config} nodeId={node.id} onValuesChange={handleFormValuesChange} />

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

@@ -19,6 +19,7 @@ import DeployNodeConfigFormAliyunALBConfig from "./DeployNodeConfigFormAliyunALB
 import DeployNodeConfigFormAliyunCDNConfig from "./DeployNodeConfigFormAliyunCDNConfig";
 import DeployNodeConfigFormAliyunCLBConfig from "./DeployNodeConfigFormAliyunCLBConfig";
 import DeployNodeConfigFormAliyunDCDNConfig from "./DeployNodeConfigFormAliyunDCDNConfig";
+import DeployNodeConfigFormAliyunLiveConfig from "./DeployNodeConfigFormAliyunLiveConfig";
 import DeployNodeConfigFormAliyunNLBConfig from "./DeployNodeConfigFormAliyunNLBConfig";
 import DeployNodeConfigFormAliyunOSSConfig from "./DeployNodeConfigFormAliyunOSSConfig";
 import DeployNodeConfigFormBaiduCloudCDNConfig from "./DeployNodeConfigFormBaiduCloudCDNConfig";
@@ -118,6 +119,8 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
           return <DeployNodeConfigFormAliyunCDNConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.ALIYUN_DCDN:
           return <DeployNodeConfigFormAliyunDCDNConfig {...nestedFormProps} />;
+        case DEPLOY_PROVIDERS.ALIYUN_LIVE:
+          return <DeployNodeConfigFormAliyunLiveConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.ALIYUN_NLB:
           return <DeployNodeConfigFormAliyunNLBConfig {...nestedFormProps} />;
         case DEPLOY_PROVIDERS.ALIYUN_OSS:

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

@@ -0,0 +1,79 @@
+import { useTranslation } from "react-i18next";
+import { Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+import { validDomainName } from "@/utils/validators";
+
+type DeployNodeConfigFormAliyunLiveConfigFieldValues = Nullish<{
+  region: string;
+  domain: string;
+}>;
+
+export type DeployNodeConfigFormAliyunLiveConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: DeployNodeConfigFormAliyunLiveConfigFieldValues;
+  onValuesChange?: (values: DeployNodeConfigFormAliyunLiveConfigFieldValues) => void;
+};
+
+const initFormModel = (): DeployNodeConfigFormAliyunLiveConfigFieldValues => {
+  return {};
+};
+
+const DeployNodeConfigFormAliyunLiveConfig = ({
+  form: formInst,
+  formName,
+  disabled,
+  initialValues,
+  onValuesChange,
+}: DeployNodeConfigFormAliyunLiveConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    region: z
+      .string({ message: t("workflow_node.deploy.form.aliyun_live_region.placeholder") })
+      .nonempty(t("workflow_node.deploy.form.aliyun_live_region.placeholder"))
+      .trim(),
+    domain: z
+      .string({ message: t("workflow_node.deploy.form.aliyun_live_domain.placeholder") })
+      .refine((v) => validDomainName(v, { allowWildcard: true }), t("common.errmsg.domain_invalid")),
+  });
+  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="region"
+        label={t("workflow_node.deploy.form.aliyun_live_region.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.deploy.form.aliyun_live_region.tooltip") }}></span>}
+      >
+        <Input placeholder={t("workflow_node.deploy.form.aliyun_live_region.placeholder")} />
+      </Form.Item>
+
+      <Form.Item
+        name="domain"
+        label={t("workflow_node.deploy.form.aliyun_live_domain.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.deploy.form.aliyun_live_domain.tooltip") }}></span>}
+      >
+        <Input placeholder={t("workflow_node.deploy.form.aliyun_live_domain.placeholder")} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default DeployNodeConfigFormAliyunLiveConfig;