From 717644ef5f50c36c031cf8bd2bfb9677d4453c14 Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Thu, 22 Aug 2024 11:06:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=93=BE=E6=8E=A5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=8B=E5=88=92=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/global.less                                  | 5 +++++
 .../pages/Dataset/components/ResourceVersion/index.tsx    | 6 ++++--
 react-ui/src/pages/DevelopmentEnvironment/List/index.tsx  | 4 +++-
 .../Experiment/components/ExperimentInstance/index.less   | 2 +-
 react-ui/src/pages/Experiment/index.jsx                   | 8 ++++++--
 .../src/pages/Model/components/NodeTooltips/index.less    | 4 ++++
 react-ui/src/pages/ModelDeployment/List/index.tsx         | 6 +++++-
 react-ui/src/pages/Pipeline/index.jsx                     | 6 +++++-
 react-ui/src/pages/System/Dict/index.tsx                  | 1 +
 react-ui/src/pages/Tool/Gen/index.tsx                     | 1 -
 react-ui/src/styles/theme.less                            | 1 +
 11 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/react-ui/src/global.less b/react-ui/src/global.less
index 7471b78..8b1b44f 100644
--- a/react-ui/src/global.less
+++ b/react-ui/src/global.less
@@ -149,6 +149,11 @@ ol {
   z-index: 999;
 }
 
+.kf-table-row-link:hover {
+  text-decoration: underline @underline-color;
+  text-underline-offset: 3px;
+}
+
 input:-webkit-autofill {
   transition: background-color 5000s ease-in-out 0s;
 }
diff --git a/react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx b/react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx
index 2e9f87b..8199d33 100644
--- a/react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx
+++ b/react-ui/src/pages/Dataset/components/ResourceVersion/index.tsx
@@ -128,7 +128,7 @@ function ResourceVersion({
       dataIndex: 'index',
       key: 'index',
       width: 80,
-      render(text: string, record: ResourceFileData, index: number) {
+      render(_text: string, _record: ResourceFileData, index: number) {
         return <span>{index + 1}</span>;
       },
     },
@@ -137,7 +137,9 @@ function ResourceVersion({
       dataIndex: 'file_name',
       key: 'file_name',
       render: (text: string, record: ResourceFileData) => (
-        <a onClick={() => downloadAlone(record)}>{text}</a>
+        <a className="kf-table-row-link" onClick={() => downloadAlone(record)}>
+          {text}
+        </a>
       ),
     },
     {
diff --git a/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx b/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
index db1d054..504a4d9 100644
--- a/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
+++ b/react-ui/src/pages/DevelopmentEnvironment/List/index.tsx
@@ -154,7 +154,9 @@ function EditorList() {
       width: '30%',
       render: (text, record) =>
         record.url ? (
-          <a onClick={(e) => gotoEditorPage(e, record)}>{text}</a>
+          <a className="kf-table-row-link" onClick={(e) => gotoEditorPage(e, record)}>
+            {text}
+          </a>
         ) : (
           <span>{text ?? '--'}</span>
         ),
diff --git a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
index 650b315..541af2b 100644
--- a/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
+++ b/react-ui/src/pages/Experiment/components/ExperimentInstance/index.less
@@ -33,7 +33,7 @@
   }
 
   .operation {
-    width: 334px;
+    width: 344px;
   }
 }
 
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index e9ad682..9f3d55c 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -355,7 +355,11 @@ function Experiment() {
       title: '关联流水线名称',
       dataIndex: 'workflow_name',
       key: 'workflow_name',
-      render: (text, record) => <a onClick={(e) => gotoPipeline(e, record)}>{text}</a>,
+      render: (text, record) => (
+        <a className="kf-table-row-link" onClick={(e) => gotoPipeline(e, record)}>
+          {text}
+        </a>
+      ),
       width: '16%',
     },
     {
@@ -393,7 +397,7 @@ function Experiment() {
     {
       title: '操作',
       key: 'action',
-      width: 350,
+      width: 360,
       render: (_, record) => (
         <Space size="small">
           <Button
diff --git a/react-ui/src/pages/Model/components/NodeTooltips/index.less b/react-ui/src/pages/Model/components/NodeTooltips/index.less
index ff5dd5c..564fe81 100644
--- a/react-ui/src/pages/Model/components/NodeTooltips/index.less
+++ b/react-ui/src/pages/Model/components/NodeTooltips/index.less
@@ -50,6 +50,10 @@
       flex: 1;
       min-width: 0;
       font-weight: 500;
+
+      &:hover {
+        text-decoration: underline @underline-color;
+      }
     }
   }
 }
diff --git a/react-ui/src/pages/ModelDeployment/List/index.tsx b/react-ui/src/pages/ModelDeployment/List/index.tsx
index d250906..b93e316 100644
--- a/react-ui/src/pages/ModelDeployment/List/index.tsx
+++ b/react-ui/src/pages/ModelDeployment/List/index.tsx
@@ -189,7 +189,11 @@ function ModelDeployment() {
       key: 'service_name',
       width: '20%',
       render: (text, record) => {
-        return <a onClick={() => toDetail(record)}>{text}</a>;
+        return (
+          <a className="kf-table-row-link" onClick={() => toDetail(record)}>
+            {text}
+          </a>
+        );
       },
     },
     {
diff --git a/react-ui/src/pages/Pipeline/index.jsx b/react-ui/src/pages/Pipeline/index.jsx
index e51c5c0..371c3f4 100644
--- a/react-ui/src/pages/Pipeline/index.jsx
+++ b/react-ui/src/pages/Pipeline/index.jsx
@@ -122,7 +122,11 @@ const Pipeline = () => {
       title: '流水线名称',
       dataIndex: 'name',
       key: 'name',
-      render: (text, record) => <a onClick={(e) => routeToEdit(e, record)}>{text}</a>,
+      render: (text, record) => (
+        <a className="kf-table-row-link" onClick={(e) => routeToEdit(e, record)}>
+          {text}
+        </a>
+      ),
     },
     {
       title: '流水线描述',
diff --git a/react-ui/src/pages/System/Dict/index.tsx b/react-ui/src/pages/System/Dict/index.tsx
index 29d6438..2cec473 100644
--- a/react-ui/src/pages/System/Dict/index.tsx
+++ b/react-ui/src/pages/System/Dict/index.tsx
@@ -171,6 +171,7 @@ const DictTableList: React.FC = () => {
       render: (dom, record) => {
         return (
           <a
+            className="kf-table-row-link"
             onClick={() => {
               history.push(`/system/dict-data/index/${record.dictId}`);
             }}
diff --git a/react-ui/src/pages/Tool/Gen/index.tsx b/react-ui/src/pages/Tool/Gen/index.tsx
index 299eb42..81b0af5 100644
--- a/react-ui/src/pages/Tool/Gen/index.tsx
+++ b/react-ui/src/pages/Tool/Gen/index.tsx
@@ -81,7 +81,6 @@ const GenCodeView: React.FC = () => {
     {
       title: '编号',
       dataIndex: 'tableId',
-      tip: '编号',
       render: (dom, entity) => {
         return (
           <a
diff --git a/react-ui/src/styles/theme.less b/react-ui/src/styles/theme.less
index f1a7b2b..ca0b3d0 100644
--- a/react-ui/src/styles/theme.less
+++ b/react-ui/src/styles/theme.less
@@ -16,6 +16,7 @@
 @warning-color: #f98e1b;
 @abort-color: #8a8a8a;
 @pending-color: #ecb934;
+@underline-color: #5d93ff;
 
 @border-color: rgba(22, 100, 255, 0.3);
 @border-color-secondary: rgba(22, 100, 255, 0.1);