From 377171ab94dffded6085cc8a2a12c96359d016a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=BD=E5=B0=8F=E6=A2=85?= <425605679@qq.com>
Date: Thu, 14 Oct 2021 16:39:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(tree):=20=E5=AE=8C=E6=88=90=E6=A0=91?=
 =?UTF-8?q?=E5=BD=A2=E7=BB=84=E4=BB=B6=E5=A4=8D=E9=80=89=E6=A1=86=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/checkbox.md     | 19 +++---
 src/module/button/index.vue                |  2 +-
 src/module/checkbox/index.vue              | 19 +++---
 src/module/table/component/checkbox.vue    | 17 +++---
 src/module/table/index.vue                 |  9 ++-
 src/module/transfer/component/checkbox.vue | 17 +++---
 src/module/transfer/index.vue              | 70 +++++++++++++---------
 7 files changed, 82 insertions(+), 71 deletions(-)

diff --git a/docs/docs/zh-CN/components/checkbox.md b/docs/docs/zh-CN/components/checkbox.md
index 8e00d365..06d49883 100644
--- a/docs/docs/zh-CN/components/checkbox.md
+++ b/docs/docs/zh-CN/components/checkbox.md
@@ -1,5 +1,3 @@
-
-
 ::: demo
 
 <template>
@@ -25,8 +23,6 @@ export default {
 
 :::
 
-
-
 ::: demo
 
 <template>
@@ -138,11 +134,10 @@ export default {
 
 :::
 
-
-| Name   | Description | Accepted Values  |
-| -------- | ---- | ----------------------- | 
-| name       | 原始属性 name | --  | 
-| skin       | 主题 | --  |
-| label      | 选中值 | --   | 
-| checked ( v-model )    | 是否选中 | `true` `false`   | 
-| change   | 切换事件 | isChecked : 当前状态  | 
\ No newline at end of file
+| Name                | Description   | Accepted Values      |
+| ------------------- | ------------- | -------------------- |
+| name                | 原始属性 name | --                   |
+| skin                | 主题          | --                   |
+| label               | 选中值        | --                   |
+| checked ( v-model ) | 是否选中      | `true` `false`       |
+| change              | 切换事件      | isChecked : 当前状态 |
diff --git a/src/module/button/index.vue b/src/module/button/index.vue
index 3ebfa62c..1f3cf23f 100644
--- a/src/module/button/index.vue
+++ b/src/module/button/index.vue
@@ -7,7 +7,7 @@
       fluid ? 'layui-btn-fluid' : '',
       radius ? 'layui-btn-radius' : '',
       border ? 'layui-border-' + border : '',
-      disabled ? 'layui-btn-disabled': ''
+      disabled ? 'layui-btn-disabled' : '',
     ]"
   >
     <slot />
diff --git a/src/module/checkbox/index.vue b/src/module/checkbox/index.vue
index de9c6767..1cc85079 100644
--- a/src/module/checkbox/index.vue
+++ b/src/module/checkbox/index.vue
@@ -20,21 +20,20 @@ import { defineProps, useSlots } from 'vue'
 
 const slot = useSlots()
 
-const props =
-  defineProps<{
-    name?: string
-    skin?: string
-    label?: string
-    checked?: boolean
-    disabled?: boolean
-  }>()
+const props = defineProps<{
+  name?: string
+  skin?: string
+  label?: string
+  checked?: boolean
+  disabled?: boolean
+}>()
 
 const emit = defineEmits(['update:checked', 'change'])
 
 const handleClick = function () {
   if (!props.disabled) {
-      emit('update:checked', !props.checked)
-      emit('change', { checked: !props.checked, value: props.label })
+    emit('update:checked', !props.checked)
+    emit('change', { checked: !props.checked, value: props.label })
   }
 }
 </script>
diff --git a/src/module/table/component/checkbox.vue b/src/module/table/component/checkbox.vue
index 624bb4e0..0542b20a 100644
--- a/src/module/table/component/checkbox.vue
+++ b/src/module/table/component/checkbox.vue
@@ -21,14 +21,13 @@
 <script setup name="LayCheckbox" lang="ts">
 import { defineProps, ref } from 'vue'
 
-const props =
-  defineProps<{
-    modelValue: string[]
-    label: string
-    disabled?: boolean
-    name?: string
-    skin?: string
-  }>()
+const props = defineProps<{
+  modelValue: string[]
+  label: string
+  disabled?: boolean
+  name?: string
+  skin?: string
+}>()
 
 const hasValue = ref(false)
 
@@ -45,4 +44,4 @@ const handleClick = function () {
     emit('update:modelValue', props.modelValue)
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/module/table/index.vue b/src/module/table/index.vue
index 0c80c2eb..5cee936d 100644
--- a/src/module/table/index.vue
+++ b/src/module/table/index.vue
@@ -14,7 +14,12 @@
           <div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS">
             <i class="layui-icon layui-icon-cols" />
           </div>
-          <div class="layui-inline" title="打印" lay-event="LAYTABLE_PRINT" @click="print()">
+          <div
+            class="layui-inline"
+            title="打印"
+            lay-event="LAYTABLE_PRINT"
+            @click="print()"
+          >
             <i class="layui-icon layui-icon-print" />
           </div>
         </div>
@@ -54,9 +59,9 @@
                   <td v-if="checkbox" class="layui-table-col-special">
                     <div class="layui-table-cell laytable-cell-checkbox">
                       <table-item-checkbox
+                        v-model="tableSelectedKeys"
                         skin="primary"
                         :label="data[id]"
-                        v-model="tableSelectedKeys"
                       >
                       </table-item-checkbox>
                     </div>
diff --git a/src/module/transfer/component/checkbox.vue b/src/module/transfer/component/checkbox.vue
index 624bb4e0..0542b20a 100644
--- a/src/module/transfer/component/checkbox.vue
+++ b/src/module/transfer/component/checkbox.vue
@@ -21,14 +21,13 @@
 <script setup name="LayCheckbox" lang="ts">
 import { defineProps, ref } from 'vue'
 
-const props =
-  defineProps<{
-    modelValue: string[]
-    label: string
-    disabled?: boolean
-    name?: string
-    skin?: string
-  }>()
+const props = defineProps<{
+  modelValue: string[]
+  label: string
+  disabled?: boolean
+  name?: string
+  skin?: string
+}>()
 
 const hasValue = ref(false)
 
@@ -45,4 +44,4 @@ const handleClick = function () {
     emit('update:modelValue', props.modelValue)
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/module/transfer/index.vue b/src/module/transfer/index.vue
index d6ee2bed..c86e0951 100644
--- a/src/module/transfer/index.vue
+++ b/src/module/transfer/index.vue
@@ -25,10 +25,16 @@
         </ul>
       </div>
       <div class="layui-transfer-active">
-        <lay-button @click="add" type="primary" :disabled="leftSelectedKeys.length==0"
+        <lay-button
+          type="primary"
+          :disabled="leftSelectedKeys.length == 0"
+          @click="add"
           ><i class="layui-icon layui-icon-next"
         /></lay-button>
-        <lay-button @click="remove" type="primary" :disabled="rightSelectedKeys.length==0"
+        <lay-button
+          type="primary"
+          :disabled="rightSelectedKeys.length == 0"
+          @click="remove"
           ><i class="layui-icon layui-icon-prev"
         /></lay-button>
       </div>
@@ -74,8 +80,8 @@ const props = withDefaults(
   }>(),
   {
     id: 'id',
-    title: function() {
-      return ['主列表','副列表']
+    title: function () {
+      return ['主列表', '副列表']
     },
     dataSource: function () {
       return []
@@ -106,13 +112,17 @@ const allLeftChange = function ({ checked }: any) {
   }
 }
 
-watch(leftSelectedKeys, function(){
-  if(leftDataSource.value.length === leftSelectedKeys.value.length ) {
-    allLeftChecked.value = true
-  } else {
-    allLeftChecked.value = false
-  }
-},{deep:true})
+watch(
+  leftSelectedKeys,
+  function () {
+    if (leftDataSource.value.length === leftSelectedKeys.value.length) {
+      allLeftChecked.value = true
+    } else {
+      allLeftChecked.value = false
+    }
+  },
+  { deep: true }
+)
 
 const allRightChange = function ({ checked }: any) {
   if (checked) {
@@ -125,25 +135,29 @@ const allRightChange = function ({ checked }: any) {
   }
 }
 
-watch(rightSelectedKeys, function(){
-  if(rightDataSource.value.length === rightSelectedKeys.value.length ) {
-    allRightChecked.value = true
-  } else {
-    allRightChecked.value = false
-  }
-},{deep:true})
+watch(
+  rightSelectedKeys,
+  function () {
+    if (rightDataSource.value.length === rightSelectedKeys.value.length) {
+      allRightChecked.value = true
+    } else {
+      allRightChecked.value = false
+    }
+  },
+  { deep: true }
+)
 
-const add = function() {
-    // 删除 leftDataSource 选中的元素
-    rightDataSource.value = leftDataSource.value.filter(
-      item => leftSelectedKeys.value.indexOf(item.id) != -1
-    )
+const add = function () {
+  // 删除 leftDataSource 选中的元素
+  rightDataSource.value = leftDataSource.value.filter(
+    (item) => leftSelectedKeys.value.indexOf(item.id) != -1
+  )
 }
 
-const remove = function() {
-    // 删除 rightDataSource 选中的元素
-    leftDataSource.value = rightDataSource.value.filter(
-      item => rightSelectedKeys.value.indexOf(item.id) != -1
-    )
+const remove = function () {
+  // 删除 rightDataSource 选中的元素
+  leftDataSource.value = rightDataSource.value.filter(
+    (item) => rightSelectedKeys.value.indexOf(item.id) != -1
+  )
 }
 </script>