From e1c8e1f7c66158bf9be87d9228670a984688743b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 11 Oct 2021 14:23:33 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(table):=20=E6=96=B0=E5=A2=9E=20changeS?=
 =?UTF-8?q?electedKeys=20=E5=9B=9E=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/table.md |  7 ++++++-
 src/module/table/index.vue          | 10 +++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/docs/docs/zh-CN/components/table.md b/docs/docs/zh-CN/components/table.md
index 08b9bc10..42724ae9 100644
--- a/docs/docs/zh-CN/components/table.md
+++ b/docs/docs/zh-CN/components/table.md
@@ -127,7 +127,7 @@ export default {
 
 <template>
   {{selectedKeys}}
-  <lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" checkbox="true">
+  <lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
     <template v-slot:toolbar>
       <lay-button>新增</lay-button>
       <lay-button>删除</lay-button>
@@ -149,6 +149,10 @@ export default {
 
     const selectedKeys = ref(['1'])
 
+    const changeSelectedKeys = function(val) {
+      selectedKeys.value = val
+    }
+
     const columns = [
       {
         title:"账户",
@@ -181,6 +185,7 @@ export default {
       columns,
       dataSource,
       selectedKeys,
+      changeSelectedKeys
     }
   }
 }
diff --git a/src/module/table/index.vue b/src/module/table/index.vue
index 37271e27..dcd4b012 100644
--- a/src/module/table/index.vue
+++ b/src/module/table/index.vue
@@ -105,7 +105,7 @@
   </div>
 </template>
 <script setup name="LayTable" lang="ts">
-import { defineProps, ref, useSlots, watch, withDefaults, defineEmits } from 'vue'
+import { defineProps, ref, useSlots, watch, withDefaults, defineEmits, computed } from 'vue'
 
 const props = withDefaults(
   defineProps<{
@@ -124,9 +124,13 @@ const props = withDefaults(
   }
 )
 
-const tableSelectedKeys = ref(props.selectedKeys)
+const tableSelectedKeys = ref([...props.selectedKeys])
 
-const emit = defineEmits(['change'])
+watch(tableSelectedKeys, function(val){
+  emit('changeSelectedKeys',val)
+},{deep: true})
+
+const emit = defineEmits(['change','changeSelectedKeys'])
 
 const slot = useSlots()
 const slots = slot.default && slot.default()

From b741da239b14704cbfcde935f2a248ddf2959265 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 11 Oct 2021 15:46:44 +0800
Subject: [PATCH 2/2] =?UTF-8?q?rest(checkbox):=20=E9=87=8D=E6=9E=84=20chec?=
 =?UTF-8?q?kbox=20=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/module/checkbox/index.vue | 20 ++-----------
 src/module/menuItem/index.vue |  2 +-
 src/module/table/index.vue    | 56 +++++++++++++++++++++++++++--------
 3 files changed, 47 insertions(+), 31 deletions(-)

diff --git a/src/module/checkbox/index.vue b/src/module/checkbox/index.vue
index 8b79bfdf..63d0afda 100644
--- a/src/module/checkbox/index.vue
+++ b/src/module/checkbox/index.vue
@@ -8,7 +8,7 @@
           'layui-checkbox-disbaled layui-disabled': disabled,
         },
         'layui-form-checkbox',
-        hasValue ? 'layui-form-checked' : '',
+        props.modelValue.includes(props.label) ? 'layui-form-checked' : '',
       ]"
       :lay-skin="skin"
     >
@@ -24,7 +24,7 @@ import { defineProps, ref, watch } from 'vue'
 
 const props =
   defineProps<{
-    modelValue: Array<unknown>
+    modelValue: string[]
     label: string
     disabled?: boolean
     name?: string
@@ -33,14 +33,6 @@ const props =
 
 const hasValue = ref(false)
 
-watch(props.modelValue, (val) => {
-  if (props.modelValue.includes(props.label)) {
-    hasValue.value = true
-  } else {
-    hasValue.value = false
-  }
-},{immediate: true})
-
 const emit = defineEmits(['update:modelValue'])
 
 const handleClick = function () {
@@ -51,14 +43,6 @@ const handleClick = function () {
       let index = props.modelValue.indexOf(props.label)
       props.modelValue.splice(index, 1)
     }
-    props.modelValue.includes(props.label)
-      ? (hasValue.value = true)
-      : (hasValue.value = false)
-    if (props.modelValue.includes(props.label)) {
-      hasValue.value = true
-    } else {
-      hasValue.value = false
-    }
     emit('update:modelValue', props.modelValue)
   }
 }
diff --git a/src/module/menuItem/index.vue b/src/module/menuItem/index.vue
index a8de1a1e..efbd4d6a 100644
--- a/src/module/menuItem/index.vue
+++ b/src/module/menuItem/index.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup name="LayMenuItem" lang="ts">
-import { defineProps, inject, provide, Ref, ref, useSlots } from 'vue'
+import { defineProps, inject, Ref, ref, useSlots } from 'vue'
 const slots = useSlots()
 
 const props =
diff --git a/src/module/table/index.vue b/src/module/table/index.vue
index dcd4b012..9db35100 100644
--- a/src/module/table/index.vue
+++ b/src/module/table/index.vue
@@ -29,7 +29,11 @@
               <tr>
                 <th class="layui-table-col-special" v-if="checkbox">
                   <div class="layui-table-cell laytable-cell-checkbox">
-                    <lay-checkbox skin="primary" v-model="tableSelectedKeys" label="all"></lay-checkbox>
+                    <lay-checkbox
+                      skin="primary"
+                      v-model="allSelectedKeys"
+                      label="all"
+                    ></lay-checkbox>
                   </div>
                 </th>
                 <th v-for="column in columns" :key="column">
@@ -51,7 +55,11 @@
                 <tr>
                   <td class="layui-table-col-special" v-if="checkbox">
                     <div class="layui-table-cell laytable-cell-checkbox">
-                      <lay-checkbox skin="primary" v-model="tableSelectedKeys" :label="data[id]"></lay-checkbox>
+                      <lay-checkbox
+                        skin="primary"
+                        v-model="tableSelectedKeys"
+                        :label="data[id]"
+                      ></lay-checkbox>
                     </div>
                   </td>
 
@@ -105,32 +113,56 @@
   </div>
 </template>
 <script setup name="LayTable" lang="ts">
-import { defineProps, ref, useSlots, watch, withDefaults, defineEmits, computed } from 'vue'
+import {
+  defineProps,
+  ref,
+  useSlots,
+  watch,
+  withDefaults,
+  defineEmits,
+  computed,
+} from 'vue'
 
 const props = withDefaults(
   defineProps<{
-    id?: string,
+    id?: string
     skin?: string
     page?: Object
     checkbox?: Boolean
     columns?: Object[]
-    dataSource?: Object[]
+    dataSource: Object[]
     defaultToolbar?: Boolean
     selectedKeys: Array<String>
   }>(),
   {
-    id: "id",
-    selectedKeys: function() { return [] }
+    id: 'id',
+    dataSource: function () {
+      return []
+    },
+    selectedKeys: function () {
+      return []
+    },
   }
 )
 
-const tableSelectedKeys = ref([...props.selectedKeys])
+const allSelectedKeys = ref([])
+const tableSelectedKeys = ref(props.selectedKeys)
 
-watch(tableSelectedKeys, function(val){
-  emit('changeSelectedKeys',val)
-},{deep: true})
+watch(
+  allSelectedKeys,
+  function (val: String[]) {
+    const ids = props.dataSource.map((item: any) => {
+      return item[props.id]
+    })
+    tableSelectedKeys.value.splice(0, ids.length)
+    if (val.includes('all')) {
+      ids.forEach(id => { tableSelectedKeys.value.push(id) })
+    } 
+  },
+  { deep: true }
+)
 
-const emit = defineEmits(['change','changeSelectedKeys'])
+const emit = defineEmits(['change', 'changeSelectedKeys'])
 
 const slot = useSlots()
 const slots = slot.default && slot.default()