fix: fixed the issue where parameters of DuckDuckGo could not be saved to the backend after being dragged to the canvas #918 (#1503)

### What problem does this PR solve?

fix: fixed the issue where parameters of DuckDuckGo could not be saved
to the backend after being dragged to the canvas #918

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/flow/duckduckgo-form/index.tsx

@@ -1,11 +1,17 @@
 import TopNItem from '@/components/top-n-item';
 import { useTranslate } from '@/hooks/commonHooks';
 import { Form, Select } from 'antd';
+import { useMemo } from 'react';
+import { Channel } from '../constant';
 import { IOperatorForm } from '../interface';
 
 const DuckDuckGoForm = ({ onValuesChange, form }: IOperatorForm) => {
   const { t } = useTranslate('flow');
 
+  const options = useMemo(() => {
+    return Object.values(Channel).map((x) => ({ value: x, label: t(x) }));
+  }, [t]);
+
   return (
     <Form
       name="basic"
@@ -22,12 +28,7 @@ const DuckDuckGoForm = ({ onValuesChange, form }: IOperatorForm) => {
         tooltip={t('channelTip')}
         initialValue={'text'}
       >
-        <Select
-          options={[
-            { value: 'text', label: t('text') },
-            { value: 'news', label: t('news') },
-          ]}
-        ></Select>
+        <Select options={options}></Select>
       </Form.Item>
     </Form>
   );