lw-cdp-ui 1.2.55 → 1.2.57

package/dist/components/lwTable/components/TableColumn.vue

@@ -169,9 +169,19 @@
           </template>
         </template>
 
+        <!-- 自定义组件 -->
+        <template v-else-if="col.component">
+          <slot :name="col.component"
+                :scope="scope.row"
+                :col="col">
+            <el-tag type="danger">[{{ col.component }}]
+              没有这个默认组件也未自定义插槽内容</el-tag>
+          </slot>
+        </template>
+
         <!-- 其他简单渲染 -->
         <template v-else>
-          {{ scope.row[col.dataIndex] ?? (scope.row[col.dataIndex] === 0 ? '0' : '') }}
+          {{ getChildName(scope.row, col) }}
         </template>
 
         <!-- 复制 -->
@@ -220,6 +230,14 @@ export default {
       }
       return allPermissions.includes(auth)
     },
+    /**
+     * 渲染多层级数据
+     */
+    getChildName(item, col) {
+      if (!col.dataIndex) return '';
+      const value = col.dataIndex.split('.').reduce((obj, key) => obj?.[key], item);
+      return value ?? (value === 0 ? '0' : '')
+    }
   }
 }
 </script>
@@ -238,4 +256,12 @@ export default {
     margin-left: 0px;
   }
 }
+.el-tooltip {
+  position: relative;
+  .copy-btn {
+    position: absolute;
+    right: 0;
+    top: 40%;
+  }
+}
 </style>

package/dist/components/lwTable/index.scss

@@ -1,13 +1,12 @@
 .baseTablePage-wrap {
 	position: relative;
-	user-select: none;
+
 	.icon-more {
 		margin-top: 3px;
 		cursor: pointer;
 		width: 20px;
 	}
 
-
 	.tool-block {
 		display: flex;
 		gap: 10px;
@@ -202,3 +201,6 @@
 		margin-left: 20px;
 	}
 }
+.table-card-list {
+	user-select: none;
+}

package/dist/components/lwTable/index.vue

@@ -24,7 +24,12 @@
 
       <!-- 数据列 -->
       <TableColumn v-for="item in tableHeaders"
-                   :col="item"></TableColumn>
+                   :col="item">
+        <template v-slot:[item.component]="slotProps">
+          <slot :name="item.component"
+                v-bind="slotProps"></slot>
+        </template>
+      </TableColumn>
 
     </el-table>