feat(数据集): 数据集预览表格，当某个字段的内容过多时，单行显示，后面跟 ... ，点开时显示完整内容 #12802

core/core-frontend/src/views/visualized/data/dataset/form/index.vue

@@ -1223,6 +1223,15 @@ const setDeTypeSelection = () => {
     obj.deType === 1 && obj.deExtractType === 0 ? [1, obj.dateFormatType] : [obj.deType]
 }
 
+const rowClick = (_, __, event) => {
+  const element = event.target.parentNode.parentNode
+  if ([...element.classList].includes('no-hide')) {
+    element.classList.remove('no-hide')
+    return
+  }
+  element.classList.add('no-hide')
+}
+
 let oldArrValue = []
 
 const cascaderChangeArr = val => {
@@ -1673,6 +1682,8 @@ const getDsIconName = data => {
             </div>
             <div class="preview-data">
               <el-table
+                class="dataset-preview_table"
+                @row-click="rowClick"
                 v-loading="datasetPreviewLoading"
                 header-class="header-cell"
                 :data="tableData"
@@ -2243,6 +2254,16 @@ const getDsIconName = data => {
 <style lang="less" scoped>
 @import '@/style/mixin.less';
 
+:deep(.dataset-preview_table) {
+  .ed-table__body {
+    .ed-table__row:not(.no-hide) {
+      .cell {
+        white-space: nowrap;
+      }
+    }
+  }
+}
+
 .ed-table {
   --ed-table-header-bg-color: #f5f6f7;
 }