Feat: Modify the translation file of the workflow #9869 (#10430)

### What problem does this PR solve?
Feat: Modify the translation file of the workflow #9869


### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/data-flow/form/parser-form/common-form-fields.tsx

@@ -6,9 +6,9 @@ import {
   SelectWithSearchFlagOptionType,
 } from '@/components/originui/select-with-search';
 import { RAGFlowFormItem } from '@/components/ragflow-form';
-import { buildOptions } from '@/utils/form';
+import { upperFirst } from 'lodash';
 import { useTranslation } from 'react-i18next';
-import { FileType, OutputFormatMap } from '../../constant';
+import { FileType, OutputFormatMap, PdfOutputFormat } from '../../constant';
 import { CommonProps } from './interface';
 import { buildFieldNameWithPrefix } from './utils';
 
@@ -16,7 +16,10 @@ function buildOutputOptionsFormatMap() {
   return Object.entries(OutputFormatMap).reduce<
     Record<string, SelectWithSearchFlagOptionType[]>
   >((pre, [key, value]) => {
-    pre[key] = buildOptions(value);
+    pre[key] = Object.values(value).map((v) => ({
+      label: v === PdfOutputFormat.Json ? 'JSON' : upperFirst(v),
+      value: v,
+    }));
     return pre;
   }, {});
 }

web/src/pages/data-flow/form/parser-form/image-form-fields.tsx

@@ -11,11 +11,14 @@ import { CommonProps } from './interface';
 import { useSetInitialLanguage } from './use-set-initial-language';
 import { buildFieldNameWithPrefix } from './utils';
 
-const options = buildOptions(ImageParseMethod);
-
 export function ImageFormFields({ prefix }: CommonProps) {
   const { t } = useTranslation();
   const form = useFormContext();
+  const options = buildOptions(
+    ImageParseMethod,
+    t,
+    'dataflow.imageParseMethodOptions',
+  );
   const parseMethodName = buildFieldNameWithPrefix('parse_method', prefix);
 
   const parseMethod = useWatch({

web/src/pages/data-flow/form/parser-form/index.tsx

@@ -36,10 +36,6 @@ import { VideoFormFields } from './video-form-fields';
 
 const outputList = buildOutputList(initialParserValues.outputs);
 
-const FileFormatOptions = buildOptions(FileType).filter(
-  (x) => x.value !== FileType.Video, // Temporarily hide the video option
-);
-
 const FileFormatWidgetMap = {
   [FileType.PDF]: PdfFormFields,
   [FileType.Video]: VideoFormFields,
@@ -83,6 +79,14 @@ function ParserItem({ name, index, fieldLength, remove }: ParserItemProps) {
   const values = form.getValues();
   const parserList = values.setups.slice(); // Adding, deleting, or modifying the parser array will not change the reference.
 
+  const FileFormatOptions = buildOptions(
+    FileType,
+    t,
+    'dataflow.fileFormatOptions',
+  ).filter(
+    (x) => x.value !== FileType.Video, // Temporarily hide the video option
+  );
+
   const filteredFileFormatOptions = useMemo(() => {
     const otherFileFormatList = parserList
       .filter((_, idx) => idx !== index)
@@ -91,7 +95,7 @@ function ParserItem({ name, index, fieldLength, remove }: ParserItemProps) {
     return FileFormatOptions.filter((x) => {
       return !otherFileFormatList.includes(x.value);
     });
-  }, [index, parserList]);
+  }, [FileFormatOptions, index, parserList]);
 
   const Widget =
     typeof fileFormat === 'string' && fileFormat in FileFormatWidgetMap