Function CloudScriptPlan

src/pages/components/CloudScriptPlan/index.tsx:29–205

({ script, onClose })

  script?: Script;
  onClose: () => void;
}> = ({ script, onClose }) => {
  const [form] = Form.useForm();
  const [visible, setVisible] = React.useState(false);
  const [cloudScriptType, setCloudScriptType] = React.useState<ExportTarget>("local");
  const [, setModel] = React.useState<Export>();
  const { t } = useTranslation();

  const CloudScriptList = [
    {
      key: "local",
      name: t("local"),
    },
  ];

  useEffect(() => {
    if (script) {
      setVisible(true);
      // 设置默认值
      // 从数据库中获取导出数据
      const dao = new ExportDAO();
      dao.findByScriptID(script.uuid).then((data) => {
        setModel(data);
        if (data && data.params[data.target]) {
          setCloudScriptType(data.target);
          form.setFieldsValue(data.params[data.target]);
        } else {
          setCloudScriptType("local");
          form.setFieldsValue(defaultParams(script));
        }
      });
    }
  }, [script]);
  return (
    <Modal
      title={
        <div>
          <span
            style={{
              height: "32px",
              lineHeight: "32px",
            }}
          >
            {script?.name} {t("upload_to_cloud")}
          </span>
          <Button
            type="text"
            icon={
              <IconQuestionCircleFill
                style={{
                  margin: 0,
                }}
              />
            }
            href={`${DocumentationSite}${localePath}/docs/dev/cloudcat/`}
            target="_blank"
            iconOnly
          />
        </div>