fix: 修复流水线模版描述很长的问题

react-ui/src/components/CommonTableCell/index.tsx

@@ -12,7 +12,11 @@ function renderCell(text?: string | null) {
 
 function CommonTableCell(ellipsis: boolean = false) {
   if (ellipsis) {
-    return (text?: string | null) => <Tooltip title={text}>{renderCell(text)}</Tooltip>;
+    return (text?: string | null) => (
+      <Tooltip title={text} placement="topLeft" overlayStyle={{ maxWidth: '400px' }}>
+        {renderCell(text)}
+      </Tooltip>
+    );
   } else {
     return renderCell;
   }

react-ui/src/components/ParameterInput/index.tsx

@@ -64,14 +64,15 @@ function ParameterInput({
               <span className="parameter-input__content__value">{valueObj?.showValue}</span>
               <CloseOutlined
                 className="parameter-input__content__close-icon"
-                onClick={() =>
+                onClick={(e) => {
+                  e.stopPropagation();
                   onChange?.({
                     ...valueObj,
                     fromSelect: false,
                     value: undefined,
                     showValue: undefined,
-                  })
-                }
+                  });
+                }}
               />
             </div>
           ) : (

react-ui/src/pages/Experiment/index.jsx

@@ -1,3 +1,4 @@
+import CommonTableCell from '@/components/CommonTableCell';
 import KFIcon from '@/components/KFIcon';
 import {
   deleteExperimentById,
@@ -290,6 +291,8 @@ function Experiment() {
       title: '实验描述',
       dataIndex: 'description',
       key: 'description',
+      render: CommonTableCell(true),
+      ellipsis: { showTitle: false },
     },
     {
       title: '最近五次运行状态',

react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.tsx

@@ -13,7 +13,7 @@ import { Input, Tabs, Tree } from 'antd';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { MirrorVersion, ResourceSelectorType, selectorTypeConfig } from './config';
 import styles from './index.less';
-export { ResourceSelectorType, selectorTypeConfig } from './config';
+export { ResourceSelectorType, selectorTypeConfig };
 
 // 选择数据集和模型的返回类型
 export type ResourceSelectorResponse = {

react-ui/src/pages/Pipeline/index.jsx

@@ -1,3 +1,4 @@
+import CommonTableCell from '@/components/CommonTableCell';
 import DateTableCell from '@/components/DateTableCell';
 import KFIcon from '@/components/KFIcon';
 import KFModal from '@/components/KFModal';
@@ -119,9 +120,8 @@ const Pipeline = () => {
       width: 120,
       align: 'center',
       render(text, record, index) {
-        return <span>{(pageOption.current.page - 1) * 10 + index + 1}</span>;
+        return <span>{(pageOption.current.page - 1) * pageOption.current.size + index + 1}</span>;
       },
-      // render: (text, record, index) =>  `${((curPage-1)*10)+(index+1)}`,
     },
     {
       title: '流水线名称',
@@ -133,6 +133,8 @@ const Pipeline = () => {
       title: '流水线描述',
       dataIndex: 'description',
       key: 'description',
+      render: CommonTableCell(true),
+      ellipsis: { showTitle: false },
     },
     {
       title: '创建时间',