[Fix-4417][web] Fix the menu of subtype on document module does not refresh with document type (#4427)

Author: aiwenmo

dinky-web/src/pages/RegCenter/Document/components/DocumentProTable/index.tsx

@@ -43,6 +43,10 @@ import { ProTable } from '@ant-design/pro-components';
 import type { ActionType, ProColumns } from '@ant-design/pro-table';
 import TextArea from 'antd/es/input/TextArea';
 import React, { useRef, useState } from 'react';
+import { Select } from 'antd';
+import { JOB_TYPE } from '@/pages/DataStudio/Toolbar/Project/constants';
+
+const FUNCTION_TYPES = Object.values(DOCUMENT_FUNCTION_TYPE_ENUMS).map(item => ({ label: item.text, value: item.value }));
 
 const DocumentTableList: React.FC = () => {
   const [documentState, setDocumentState] = useState<DocumentState>(InitDocumentState);
@@ -123,7 +127,14 @@ const DocumentTableList: React.FC = () => {
       dataIndex: 'subtype',
       filters: true,
       filterMultiple: true,
-      valueEnum: DOCUMENT_FUNCTION_TYPE_ENUMS
+      valueEnum: DOCUMENT_FUNCTION_TYPE_ENUMS,
+      renderFormItem: (item, { type }, form) => {
+        const currentType = form.getFieldValue('type');
+        let options = currentType === DOCUMENT_TYPE_ENUMS.FUN_UDF.value ? FUNCTION_TYPES :  JOB_TYPE;
+        return (
+          <Select allowClear options={options} />
+        );
+      },
     },
     {
       title: l('rc.doc.category'),