From 6ddd056df7183ffc6ced9a980e910416d4e237b4 Mon Sep 17 00:00:00 2001
From: 刘汉宸 <liuhanchen@zeyihuoyun.com>
Date: Wed, 17 Jun 2020 18:06:07 +0800
Subject: [PATCH] feat: 表格支持真选中

---
 packages/table/index.vue | 40 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/packages/table/index.vue b/packages/table/index.vue
index 5b546a7..06b7b1b 100644
--- a/packages/table/index.vue
+++ b/packages/table/index.vue
@@ -5,7 +5,16 @@
 </style>
 
 <template>
-  <el-table class="eagle-table" ref="table" :data="tableData" v-bind="{ size: 'small', ...tableProps }" v-on="tableEvents" @selection-change="onSelectionChange">
+  <el-table
+    class="eagle-table"
+    ref="table"
+    :data="tableData"
+    v-bind="{ size, ...tableProps }"
+    v-on="tableEvents"
+    @select="onSelect"
+    @select-all="onSelectAll"
+    @selection-change="onSelectionChange"
+  >
     <!-- 默认表格插槽 -->
     <slot name="default"></slot>
     <!-- 根据配置列表生成表格列 -->
@@ -81,6 +90,11 @@ export default {
     tableEvents: Object,
     // 列宽
     minWidth: Number,
+    // 大小
+    size: {
+      type: String,
+      default: 'small',
+    },
   },
   data() {
     return {
@@ -152,10 +166,34 @@ export default {
       }
       return result;
     },
+    // 选中单行
+    onSelect(selection, row) {
+      if (selection.find(i => i.id === row.id)) {
+        this.$emit('selection-change', [row], 'check');
+      } else {
+        this.$emit('selection-change', [row], 'uncheck');
+      }
+    },
+    // 切换全选
+    onSelectAll(selection) {
+      if (selection && selection.length > 0) {
+        this.$emit('selection-change', selection, 'check');
+      } else {
+        this.$emit('selection-change', this.tableData, 'uncheck');
+      }
+    },
     // 表格选中
     onSelectionChange(selection) {
       this.$emit('selection', selection);
     },
+    // 切换某行选中状态
+    toggleRowSelection(row, selected) {
+      this.$refs.table && this.$refs.table.toggleRowSelection(row, selected);
+    },
+    // 清除表格选中
+    clearSelection() {
+      this.$refs.table && this.$refs.table.clearSelection();
+    },
   },
 };
 </script>
--
libgit2 0.21.0