数据源管理-文件

src/view/Manage/DatasourceManage/Component/UpdateTaskModal.jsx

-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Modal, Checkbox, Row, Col, Divider, Input, Typography, Form, Switch } from 'antd';
 
 import { dispatch } from '../../../../model';
@@ -36,6 +36,18 @@ const UpdateTaskModal = (props) => {
     setFilterSchemas((schemas||[]).filter(schema => (schema||'').indexOf(keyword)!==-1));
   }, [keyword, schemas])
 
+  const catalogName = useMemo(() => {
+    if (currentDatabase) {
+      if (currentDatabase?.type==="Neo4jTarget") return 'neo4j数据库'
+
+      if (currentDatabase?.type==="FileTarget") return '目录'
+
+      return 'schema'
+    }
+
+    return ''
+  }, [currentDatabase])
+
   const getTask = () => {
     dispatch({
       type: 'datasource.getTask',
@@ -180,11 +192,11 @@ const UpdateTaskModal = (props) => {
       onOk={onOk}
       confirmLoading={confirmLoading}
     >
-      <Divider>{(currentDatabase?.type==="Neo4jTarget")?'neo4j数据库信息':'schema信息'}</Divider>
+      <Divider>{`${catalogName}信息`}</Divider>
       <div className='d-flex mb-3' style={{ alignItems: 'center' }}>
-        <span className='mr-3'>{(currentDatabase?.type==="Neo4jTarget")?'neo4j数据库搜索':'schema搜索'}:</span>
+        <span className='mr-3'>{`${catalogName}搜索`}:</span>
         <Input 
-          placeholder={`请输入${(currentDatabase?.type==="Neo4jTarget")?'neo4j数据库':'schema'}名称`}
+          placeholder={`请输入${catalogName}名称`}
           allowClear 
           value={keyword}
           onChange={onSearchInputChange}