fix: 修复数据集对比bug

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) {

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>