From bde5270a4727eed0570de290832d68a72052d8ff Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Thu, 3 Apr 2025 15:46:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=9B=86=E5=AF=B9=E6=AF=94bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/VersionCompareModal/index.less |  2 --
 .../components/VersionCompareModal/index.tsx  | 26 ++++++++++++++-----
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/react-ui/src/pages/Dataset/components/VersionCompareModal/index.less b/react-ui/src/pages/Dataset/components/VersionCompareModal/index.less
index f1935eb2..4a1c0d94 100644
--- a/react-ui/src/pages/Dataset/components/VersionCompareModal/index.less
+++ b/react-ui/src/pages/Dataset/components/VersionCompareModal/index.less
@@ -11,7 +11,6 @@
   text-align: center;
   background: @background;
   border-radius: 4px 4px 0 0;
-  .singleLine();
 }
 
 .text() {
@@ -20,7 +19,6 @@
   font-size: 13px;
   line-height: 22px;
   word-break: break-all;
-  .singleLine();
 }
 
 .version-container(@background) {
diff --git a/react-ui/src/pages/Dataset/components/VersionCompareModal/index.tsx b/react-ui/src/pages/Dataset/components/VersionCompareModal/index.tsx
index 10660221..5e2292f8 100644
--- a/react-ui/src/pages/Dataset/components/VersionCompareModal/index.tsx
+++ b/react-ui/src/pages/Dataset/components/VersionCompareModal/index.tsx
@@ -88,7 +88,7 @@ function VersionCompareModal({
               format: formatProject,
             },
             {
-              key: 'description',
+              key: 'version_desc',
               text: '版本描述',
             },
           ]
@@ -123,7 +123,7 @@ function VersionCompareModal({
               format: formatTrainTask,
             },
             {
-              key: 'description',
+              key: 'version_desc',
               text: '版本描述',
             },
           ],
@@ -193,7 +193,14 @@ function VersionCompareModal({
           ))}
         </div>
         <div className={styles['version-compare__left']}>
-          <div className={styles['version-compare__left__title']}>{v1.version}</div>
+          <div className={styles['version-compare__left__title']}>
+            <Typography.Text
+              ellipsis={{ tooltip: v1.version }}
+              style={{ width: '100%', lineHeight: 'inherit' }}
+            >
+              {v1.version}
+            </Typography.Text>
+          </div>
           {fields.map(({ key, format }) => {
             const text = getValue(v1, key as keyof typeof v1, format);
             return (
@@ -203,7 +210,7 @@ function VersionCompareModal({
                   [styles['version-compare__left__text--different']]: isDifferent(key),
                 })}
               >
-                <Typography.Text ellipsis={{ tooltip: text }}>
+                <Typography.Text ellipsis={{ tooltip: text }} style={{ width: '100%' }}>
                   {isEmpty(text) ? '--' : text}
                 </Typography.Text>
               </div>
@@ -211,7 +218,14 @@ function VersionCompareModal({
           })}
         </div>
         <div className={styles['version-compare__right']}>
-          <div className={styles['version-compare__right__title']}>{v2.version}</div>
+          <div className={styles['version-compare__right__title']}>
+            <Typography.Text
+              ellipsis={{ tooltip: v2.version }}
+              style={{ width: '100%', lineHeight: 'inherit' }}
+            >
+              {v2.version}
+            </Typography.Text>
+          </div>
           {fields.map(({ key, format }) => {
             const text = getValue(v2, key as keyof typeof v2, format);
             return (
@@ -221,7 +235,7 @@ function VersionCompareModal({
                   [styles['version-compare__right__text--different']]: isDifferent(key),
                 })}
               >
-                <Typography.Text ellipsis={{ tooltip: text }}>
+                <Typography.Text ellipsis={{ tooltip: text }} style={{ width: '100%' }}>
                   {isEmpty(text) ? '--' : text}
                 </Typography.Text>
               </div>