ソースを参照

Revert "table支持自定义表头icon、支持render入参等 (#1261)"

This reverts commit 2ad539ee0c2fe063fb9477580a3e33bb922483cc.
richard1015 3 年 前
コミット
77262554ab

+ 4 - 13
src/packages/__VUE/table/demo.vue

@@ -22,12 +22,6 @@
     <nut-table :columns="columns3" :data="data5"> </nut-table>
     <h2>支持排序</h2>
     <nut-table :columns="columns6" :data="data6" @sorter="handleSorter"> </nut-table>
-    <h2>支持自定义表头icon</h2>
-    <nut-table :columns="columns1" :data="data1">
-      <template #icon-name>
-        <nut-icon name="people"></nut-icon>
-      </template>
-    </nut-table>
   </div>
 </template>
 
@@ -104,10 +98,7 @@ export default createDemo({
         {
           title: '姓名',
           key: 'name',
-          align: 'center',
-          render(data) {
-            return `${data.name}(${data.sex})`;
-          }
+          align: 'center'
         },
         {
           title: '性别',
@@ -191,8 +182,7 @@ export default createDemo({
           name: 'Tom',
           sex: '男',
           record: '小学',
-          render: (data) => {
-            console.log(data);
+          render: () => {
             return h(
               Button,
               {
@@ -257,7 +247,8 @@ export default createDemo({
       timer: null as number | null,
       summary: () => {
         return {
-          value: '这是总结栏'
+          value: '这是总结栏',
+          colspan: 5
         };
       }
     });

+ 2 - 12
src/packages/__VUE/table/index.vue

@@ -12,12 +12,7 @@
           >
             {{ item.title }}
             <slot name="icon"></slot>
-            <slot :name="`icon-${item.key}`"></slot>
-            <nut-icon
-              v-if="!$slots.icon && !$slots[`icon-${item.key}`] && item.sorter"
-              name="down-arrow"
-              size="12px"
-            ></nut-icon>
+            <nut-icon v-if="!$slots.icon && item.sorter" name="down-arrow" size="12px"></nut-icon>
           </span>
         </view>
       </view>
@@ -30,12 +25,7 @@
             :key="value"
           >
             {{ typeof item[value] !== 'function' ? item[value] : '' }}
-            <RenderColumn :slots="item[value]" :data="item" v-if="typeof item[value] === 'function'"></RenderColumn>
-            <RenderColumn
-              :slots="getColumnItem(value).render"
-              :data="item"
-              v-else-if="typeof getColumnItem(value).render === 'function'"
-            ></RenderColumn>
+            <RenderColumn :slots="item[value]" v-if="typeof item[value] === 'function'"></RenderColumn>
           </span>
         </view>
       </view>

+ 2 - 3
src/packages/__VUE/table/renderColumn.ts

@@ -1,10 +1,9 @@
 import { h } from 'vue';
 export default {
   setup(props: any) {
-    return () => h(`view`, {}, props.slots(props.data));
+    return () => h(`view`, {}, props.slots());
   },
   props: {
-    slots: Object,
-    data: Object
+    slots: Object
   }
 };