模型提示

src/view/Manage/Model/Component/ConstraintDetailDrawer.jsx

@@ -51,7 +51,7 @@ const ConstraintDetailDrawer = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         )
       }
@@ -64,7 +64,7 @@ const ConstraintDetailDrawer = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         )
       }
@@ -77,7 +77,7 @@ const ConstraintDetailDrawer = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         )
       }
@@ -89,7 +89,7 @@ const ConstraintDetailDrawer = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         )
       }

src/view/Manage/Model/Component/ImportActionTable.jsx

@@ -613,9 +613,11 @@ const ImportActionTable = (props) => {
       width: 100,
       render: (text, _, __) => {
         return (
-          <span>
-          {highlightSearchContentByTerms(text, terms)}
-          </span>
+          <Tooltip title={text||''}>
+            <span>
+            {highlightSearchContentByTerms(text, terms)}
+            </span>
+          </Tooltip>
         )
       }
     },
@@ -627,9 +629,11 @@ const ImportActionTable = (props) => {
       width: 200,
       render: (text, _, __) => {
         return (
-          <span>
-          {highlightSearchContentByTerms(text, terms)}
-          </span>
+          <Tooltip title={text||''}>
+            <span>
+            {highlightSearchContentByTerms(text, terms)}
+            </span>
+          </Tooltip>
         )
       }
     },
@@ -641,9 +645,11 @@ const ImportActionTable = (props) => {
       width: 100,
       render: (text, _, __) => {
         return (
-          <span>
-          {highlightSearchContentByTerms(text, terms)}
-          </span>
+          <Tooltip title={text||''}>
+            <span>
+            {highlightSearchContentByTerms(text, terms)}
+            </span>
+          </Tooltip>
         )
       }
     },
@@ -656,9 +662,9 @@ const ImportActionTable = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          <span>
-          {highlightSearchContentByTerms(text, terms)}
-          </span>
+            <span>
+            {highlightSearchContentByTerms(text, terms)}
+            </span>
           </Tooltip>
         )
       }

src/view/Manage/Model/Component/ModelTable.jsx

 import React, { useState, useEffect, useRef } from "react";
 import { Space, Button, Tooltip, Modal, Divider, Pagination, Table } from 'antd';
-import { EditOutlined, ReconciliationOutlined, DeleteOutlined  } from '@ant-design/icons';
+import { EditOutlined, DeleteOutlined  } from '@ant-design/icons';
 import SmoothScroll from 'smooth-scroll';
-import { Resizable } from 'react-resizable';
 
 import { dispatchLatest } from '../../../../model'; 
 import { showMessage, getQueryParam, paginate } from '../../../../util';
@@ -10,31 +9,12 @@ import { AnchorId, AnchorTimestamp } from '../../../../util/constant';
 
 import './ModelTable.less';
 
-const ResizeableHeaderCell = props => {
-  const { onResize, width, ...restProps } = props;
-
-  if (!width) {
-    return <th {...restProps} />;
-  }
-
-  return (
-    <Resizable
-      width={width}
-      height={0}
-      onResize={onResize}
-      draggableOpts={{ enableUserSelectHack: false }}
-    >
-      <th {...restProps} />
-    </Resizable>
-  );
-};
-
 const ModelTable = (props) => {
 
   const { data, onChange, onItemAction, onSelect, catalogId, keyword, onAutoCreateTable, offset = null } = props;
   
   const [ selectedRowKeys, setSelectedRowKeys ] = useState([]);
-  const [ columns, setColumns ] = useState([
+  const columns = [
     {
       title: '序号',
       dataIndex: 'key',
@@ -66,7 +46,7 @@ const ModelTable = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         )
       }
@@ -78,7 +58,7 @@ const ModelTable = (props) => {
       render: (text, _, __) => {
         return (
           <Tooltip title={text||''}>
-          {text||''}
+            <span>{text||''}</span>
           </Tooltip>
         );
       }
@@ -133,7 +113,7 @@ const ModelTable = (props) => {
         )
       }
     }
-  ]);
+  ];
 
   const [ pagination, setPagination ] = useState( { pageNum: 1, pageSize: 20 } );
   const { pageNum, pageSize } = pagination;
@@ -259,18 +239,6 @@ const ModelTable = (props) => {
     onSelect && onSelect(keys);
   };
 
-
-  const handleResize = index => (e, { size }) => {
-    const nextColumns = [...columns];
-    nextColumns[index] = {
-      ...nextColumns[index],
-      width: size.width,
-    };
-
-    setColumns(nextColumns);
-     
-  };
-
   const rowSelection = {
     selectedRowKeys,
     onChange: onSelectChange,