Feat: Add FormSheet. #3221 (#5377)

### What problem does this PR solve?

Feat: Add FormSheet. #3221

### Type of change


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

web/src/pages/agent/form-sheet/use-form-config-map.tsx

@@ -0,0 +1,256 @@
+import { useTranslation } from 'react-i18next';
+import { z } from 'zod';
+import { Operator } from '../constant';
+import AkShareForm from '../form/akshare-form';
+import AnswerForm from '../form/answer-form';
+import ArXivForm from '../form/arxiv-form';
+import BaiduFanyiForm from '../form/baidu-fanyi-form';
+import BaiduForm from '../form/baidu-form';
+import BeginForm from '../form/begin-form';
+import BingForm from '../form/bing-form';
+import CategorizeForm from '../form/categorize-form';
+import CrawlerForm from '../form/crawler-form';
+import DeepLForm from '../form/deepl-form';
+import DuckDuckGoForm from '../form/duckduckgo-form';
+import EmailForm from '../form/email-form';
+import ExeSQLForm from '../form/exesql-form';
+import GenerateForm from '../form/generate-form';
+import GithubForm from '../form/github-form';
+import GoogleForm from '../form/google-form';
+import GoogleScholarForm from '../form/google-scholar-form';
+import InvokeForm from '../form/invoke-form';
+import IterationForm from '../form/iteration-from';
+import Jin10Form from '../form/jin10-form';
+import KeywordExtractForm from '../form/keyword-extract-form';
+import MessageForm from '../form/message-form';
+import PubMedForm from '../form/pubmed-form';
+import QWeatherForm from '../form/qweather-form';
+import RelevantForm from '../form/relevant-form';
+import RetrievalForm from '../form/retrieval-form/next';
+import RewriteQuestionForm from '../form/rewrite-question-form';
+import SwitchForm from '../form/switch-form';
+import TemplateForm from '../form/template-form';
+import TuShareForm from '../form/tushare-form';
+import WenCaiForm from '../form/wencai-form';
+import WikipediaForm from '../form/wikipedia-form';
+import YahooFinanceForm from '../form/yahoo-finance-form';
+
+export function useFormConfigMap() {
+  const { t } = useTranslation();
+
+  const FormConfigMap = {
+    [Operator.Begin]: {
+      component: BeginForm,
+      defaultValues: {},
+      schema: z.object({
+        name: z
+          .string()
+          .min(1, {
+            message: t('common.namePlaceholder'),
+          })
+          .trim(),
+        age: z
+          .string()
+          .min(1, {
+            message: t('common.namePlaceholder'),
+          })
+          .trim(),
+      }),
+    },
+    [Operator.Retrieval]: {
+      component: RetrievalForm,
+      defaultValues: { query: [] },
+      schema: z.object({
+        name: z
+          .string()
+          .min(1, {
+            message: t('common.namePlaceholder'),
+          })
+          .trim(),
+        age: z
+          .string()
+          .min(1, {
+            message: t('common.namePlaceholder'),
+          })
+          .trim(),
+        query: z.array(
+          z.object({
+            type: z.string(),
+          }),
+        ),
+      }),
+    },
+    [Operator.Generate]: {
+      component: GenerateForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Answer]: {
+      component: AnswerForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Categorize]: {
+      component: CategorizeForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Message]: {
+      component: MessageForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Relevant]: {
+      component: RelevantForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.RewriteQuestion]: {
+      component: RewriteQuestionForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Baidu]: {
+      component: BaiduForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.DuckDuckGo]: {
+      component: DuckDuckGoForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.KeywordExtract]: {
+      component: KeywordExtractForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Wikipedia]: {
+      component: WikipediaForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.PubMed]: {
+      component: PubMedForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.ArXiv]: {
+      component: ArXivForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Google]: {
+      component: GoogleForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Bing]: {
+      component: BingForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.GoogleScholar]: {
+      component: GoogleScholarForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.DeepL]: {
+      component: DeepLForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.GitHub]: {
+      component: GithubForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.BaiduFanyi]: {
+      component: BaiduFanyiForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.QWeather]: {
+      component: QWeatherForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.ExeSQL]: {
+      component: ExeSQLForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Switch]: {
+      component: SwitchForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.WenCai]: {
+      component: WenCaiForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.AkShare]: {
+      component: AkShareForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.YahooFinance]: {
+      component: YahooFinanceForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Jin10]: {
+      component: Jin10Form,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.TuShare]: {
+      component: TuShareForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Crawler]: {
+      component: CrawlerForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Invoke]: {
+      component: InvokeForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Concentrator]: {
+      component: () => <></>,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Note]: {
+      component: () => <></>,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Template]: {
+      component: TemplateForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Email]: {
+      component: EmailForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.Iteration]: {
+      component: IterationForm,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+    [Operator.IterationStart]: {
+      component: () => <></>,
+      defaultValues: {},
+      schema: z.object({}),
+    },
+  };
+
+  return FormConfigMap;
+}