import { useTranslation } from "react-i18next"; import { z } from "zod"; import { Input } from "@/components/ui/input"; import { DeployFormProps } from "./DeployForm"; import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "../ui/form"; import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import { WorkflowNode, WorkflowNodeConfig } from "@/domain/workflow"; import { useWorkflowStore, WorkflowState } from "@/providers/workflow"; import { useShallow } from "zustand/shallow"; import { usePanel } from "./PanelProvider"; import { Button } from "../ui/button"; import { useEffect, useState } from "react"; import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../ui/select"; import { SelectLabel } from "@radix-ui/react-select"; import AccessEditDialog from "../certimate/AccessEditDialog"; import AccessSelect from "./AccessSelect"; import { Plus } from "lucide-react"; const selectState = (state: WorkflowState) => ({ updateNode: state.updateNode, getWorkflowOuptutBeforeId: state.getWorkflowOuptutBeforeId, }); const DeployToTencentCOS = ({ data }: DeployFormProps) => { const { updateNode, getWorkflowOuptutBeforeId } = useWorkflowStore(useShallow(selectState)); const { hidePanel } = usePanel(); const { t } = useTranslation(); const [beforeOutput, setBeforeOutput] = useState([]); useEffect(() => { const rs = getWorkflowOuptutBeforeId(data.id, "certificate"); console.log(rs); setBeforeOutput(rs); }, [data]); const formSchema = z.object({ providerType: z.string(), access: z.string().min(1, t("domain.deployment.form.access.placeholder")), certificate: z.string().min(1), region: z.string().min(1, t("domain.deployment.form.tencent_cos_region.placeholder")), bucket: z.string().min(1, t("domain.deployment.form.tencent_cos_bucket.placeholder")), domain: z.string().regex(/^(?:\*\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$/, { message: t("common.errmsg.domain_invalid"), }), }); let config: WorkflowNodeConfig = { certificate: "", providerType: "", access: "", region: "", bucket: "", domain: "", }; if (data) config = data.config ?? config; const form = useForm>({ resolver: zodResolver(formSchema), defaultValues: { providerType: "tencent-cos", access: config.access as string, certificate: config.certificate as string, region: config.region as string, bucket: config.bucket as string, domain: config.domain as string, }, }); const onSubmit = async (config: z.infer) => { updateNode({ ...data, config: { ...config }, validated: true }); hidePanel(); }; return ( <>
{ e.stopPropagation(); form.handleSubmit(onSubmit)(e); }} className="space-y-8" > (
{t("domain.deployment.form.access.label")}
{t("common.add")} } op="add" outConfigType="tencent" />
{ form.setValue("access", value); }} providerType="tencent-cos" />
)} /> ( {t("workflow.common.certificate.label")} )} /> ( {t("domain.deployment.form.tencent_cos_region.label")} )} /> ( {t("domain.deployment.form.tencent_cos_bucket.label")} )} /> ( {t("domain.deployment.form.domain.label")} )} />
); }; export default DeployToTencentCOS;