Feat: Add data operation node #10427 (#10985)

### What problem does this PR solve?

Feat: Add data operation node #10427

### Type of change


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

web/src/pages/agent/form/data-operations-form/index.tsx

@@ -0,0 +1,47 @@
+import { SelectWithSearch } from '@/components/originui/select-with-search';
+import { RAGFlowFormItem } from '@/components/ragflow-form';
+import { Form } from '@/components/ui/form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { memo } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { z } from 'zod';
+import { initialDataOperationsValues } from '../../constant';
+import { useFormValues } from '../../hooks/use-form-values';
+import { useWatchFormChange } from '../../hooks/use-watch-form-change';
+import { INextOperatorForm } from '../../interface';
+import { FormWrapper } from '../components/form-wrapper';
+import { Output } from '../components/output';
+
+export const RetrievalPartialSchema = {
+  select_operation: z.string(),
+};
+
+export const FormSchema = z.object(RetrievalPartialSchema);
+
+function DataOperationsForm({ node }: INextOperatorForm) {
+  const { t } = useTranslation();
+
+  const defaultValues = useFormValues(initialDataOperationsValues, node);
+
+  const form = useForm({
+    defaultValues: defaultValues,
+    resolver: zodResolver(FormSchema),
+  });
+
+  useWatchFormChange(node?.id, form);
+
+  return (
+    <Form {...form}>
+      <FormWrapper>
+        <RAGFlowFormItem name="query" label={t('flow.query')}>
+          <SelectWithSearch options={[]} allowClear />
+        </RAGFlowFormItem>
+
+        <Output list={[]}></Output>
+      </FormWrapper>
+    </Form>
+  );
+}
+
+export default memo(DataOperationsForm);

web/src/pages/agent/form/deepl-form/index.tsx

@@ -1,36 +0,0 @@
-import TopNItem from '@/components/top-n-item';
-import { useTranslate } from '@/hooks/common-hooks';
-import { Form, Select } from 'antd';
-import { useBuildSortOptions } from '../../form-hooks';
-import { IOperatorForm } from '../../interface';
-import { DeepLSourceLangOptions, DeepLTargetLangOptions } from '../../options';
-import DynamicInputVariable from '../components/dynamic-input-variable';
-
-const DeepLForm = ({ onValuesChange, form, node }: IOperatorForm) => {
-  const { t } = useTranslate('flow');
-  const options = useBuildSortOptions();
-
-  return (
-    <Form
-      name="basic"
-      autoComplete="off"
-      form={form}
-      onValuesChange={onValuesChange}
-      layout={'vertical'}
-    >
-      <DynamicInputVariable node={node}></DynamicInputVariable>
-      <TopNItem initialValue={5}></TopNItem>
-      <Form.Item label={t('authKey')} name={'auth_key'}>
-        <Select options={options}></Select>
-      </Form.Item>
-      <Form.Item label={t('sourceLang')} name={'source_lang'}>
-        <Select options={DeepLSourceLangOptions}></Select>
-      </Form.Item>
-      <Form.Item label={t('targetLang')} name={'target_lang'}>
-        <Select options={DeepLTargetLangOptions}></Select>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default DeepLForm;

web/src/pages/agent/form/tool-form/constant.tsx

@@ -1,6 +1,5 @@
 import { Operator } from '../../constant';
 import AkShareForm from '../akshare-form';
-import DeepLForm from '../deepl-form';
 import ArXivForm from './arxiv-form';
 import BingForm from './bing-form';
 import CrawlerForm from './crawler-form';
@@ -28,7 +27,6 @@ export const ToolFormConfigMap = {
   [Operator.Google]: GoogleForm,
   [Operator.Bing]: BingForm,
   [Operator.GoogleScholar]: GoogleScholarForm,
-  [Operator.DeepL]: DeepLForm,
   [Operator.GitHub]: GithubForm,
   [Operator.ExeSQL]: ExeSQLForm,
   [Operator.AkShare]: AkShareForm,