feat: Add DynamicInputVariable to RetrievalForm #1739 (#3112)

### What problem does this PR solve?

feat: Add DynamicInputVariable to RetrievalForm #1739
### Type of change

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

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

@@ -3,7 +3,8 @@ import { Form, Input, Select } from 'antd';
 import { useMemo } from 'react';
 import { CrawlerResultOptions } from '../../constant';
 import { IOperatorForm } from '../../interface';
-const CrawlerForm = ({ onValuesChange, form }: IOperatorForm) => {
+import DynamicInputVariable from '../components/dynamic-input-variable';
+const CrawlerForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const { t } = useTranslate('flow');
   const crawlerResultOptions = useMemo(() => {
     return CrawlerResultOptions.map((x) => ({
@@ -14,12 +15,12 @@ const CrawlerForm = ({ onValuesChange, form }: IOperatorForm) => {
   return (
     <Form
       name="basic"
-      labelCol={{ span: 6 }}
-      wrapperCol={{ span: 18 }}
       autoComplete="off"
       form={form}
       onValuesChange={onValuesChange}
+      layout={'vertical'}
     >
+      <DynamicInputVariable nodeId={node?.id}></DynamicInputVariable>
       <Form.Item label={t('proxy')} name={'proxy'}>
         <Input placeholder="like: http://127.0.0.1:8888"></Input>
       </Form.Item>