From 78559592e992d641e96c4050ce2b43d7dfec179a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 10 Aug 2022 22:15:56 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(component):=20=E6=96=B0=E5=A2=9E=20tr?=
 =?UTF-8?q?ansfer=20=E7=BB=84=E4=BB=B6=E9=80=89=E9=A1=B9=E7=A6=81=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/src/component/input/index.vue   |  6 +-
 .../src/component/transfer/index.vue          | 16 ++--
 .../src/document/zh-CN/components/table.md    | 79 ++++++++++---------
 .../src/document/zh-CN/components/transfer.md |  2 +-
 4 files changed, 55 insertions(+), 48 deletions(-)

diff --git a/package/component/src/component/input/index.vue b/package/component/src/component/input/index.vue
index 506fb654..553ba6de 100644
--- a/package/component/src/component/input/index.vue
+++ b/package/component/src/component/input/index.vue
@@ -114,12 +114,12 @@ const onBlur = (event: Event) => {
 
 const onCompositionstart = () => {
   composing.value = true;
-}
+};
 
 const onCompositionend = (event: Event) => {
   composing.value = false;
-  onInput(event)
-}
+  onInput(event);
+};
 
 const classes = computed(() => {
   return { "layui-disabled": props.disabled };
diff --git a/package/component/src/component/transfer/index.vue b/package/component/src/component/transfer/index.vue
index d39e7fa4..f781fd74 100644
--- a/package/component/src/component/transfer/index.vue
+++ b/package/component/src/component/transfer/index.vue
@@ -46,10 +46,12 @@ const allRightChecked = ref(false);
 const hasLeftChecked = ref(false);
 const hasRightChecked = ref(false);
 
-const allLeftChange = (checked: any) => {
-  if (checked) {
+const allLeftChange = (isChecked: boolean) => {
+  if (isChecked) {
     const ids = leftDataSource.value.map((item: any) => {
-      return item[props.id];
+      if(!item.disabled) {
+        return item[props.id];
+      }
     });
     leftSelectedKeys.value = ids;
   } else {
@@ -80,7 +82,9 @@ watch(
 const allRightChange = (checked: any) => {
   if (checked) {
     const ids = rightDataSource.value.map((item: any) => {
-      return item[props.id];
+      if(!item.disabled) {
+        return item[props.id];
+      }
     });
     rightSelectedKeys.value = ids;
   } else {
@@ -214,6 +218,7 @@ const boxStyle = computed(() => {
             <LayCheckbox
               v-model="leftSelectedKeys"
               skin="primary"
+              :disabled="dataSource.disabled"
               :value="dataSource[id]"
             >
               <slot v-if="slots.item" name="item" :data="dataSource"></slot>
@@ -263,8 +268,9 @@ const boxStyle = computed(() => {
         <ul class="layui-transfer-data">
           <li v-for="dataSource in rightDataSource" :key="dataSource">
             <LayCheckbox
-              v-model="rightSelectedKeys"
               skin="primary"
+              v-model="rightSelectedKeys"
+              :disabled="dataSource.disabled"
               :value="dataSource[id]"
             >
               <slot v-if="slots.item" name="item" :data="dataSource"></slot>
diff --git a/package/document-component/src/document/zh-CN/components/table.md b/package/document-component/src/document/zh-CN/components/table.md
index d7d877cb..75353d17 100644
--- a/package/document-component/src/document/zh-CN/components/table.md
+++ b/package/document-component/src/document/zh-CN/components/table.md
@@ -1416,32 +1416,32 @@ export default {
 
 ::: table
 
-| 属性                 | 描述                                                  | 类型                | 默认值     | 可选值             |
-| -------------------- | ----------------------------------------------------- | ------------------- | ---------- | ------------------ |
-| columns              | 列配置 - [更多](#tableColumn)                         | --                  | --         | --                 |
-| dataSource           | 数据源                                                | --                  | --         | --                 |
-| checkbox             | 开启复选框                                            | `boolean`           | `false`    | `true` `false`     |
-| id                   | 主键                                                  | `string`            | --         | --                 |
-| v-model:selectedKeys | 选中项 (多选)                                         | --                  | --         | --                 |
-| v-model:selectedKey  | 选中项 (单选)                                         | --                  | --         | --                 |
-| default-toolbar      | 工具栏                                                | `boolean`           | `false`    | `true` `false`     |
-| size                 | 尺寸                                                  | `string`            | `md`       | `lg` `md` `sm`     |
-| children-column-name | 树节点字段                                            | `string`            | `children` | --                 |
-| indent-size          | 树表行级缩进                                          | `number`            | `30`       | --                 |
-| height               | 表格高度                                              | `number`            | --         | --                 |
-| maxHeight            | 表格最大高度                                          | `number`            | --         | --                 |
-| even                 | 斑马条纹                                              | `boolean`           | `false`    | `true` `false`     |
-| cellStyle            | 列样式 function(row, column, rowIndex, columnIndex)   | `string` `function` | --         | --                 |
-| rowStyle             | 行样式 function(row, rowIndex)                        | `string` `function` | --         | --                 |
-| cellClassName        | 列类名称 function(row, column, rowIndex, columnIndex) | `string` `function` | --         | --                 |
-| rowClassName         | 行类名称 function(row, rowIndex)                      | `string` `function` | --         | --                 |
-| skin                 | 风格                                                  | `string`            | --         | `line` `row` `nob` |
-| expand-index         | 展开所在列                                            | `number`            | --         | --                 |
-| default-expand-all   | 默认展开所有列                                        | `boolean`           | `false`    | `true` `false`     |
-| expand-keys          | 展开的列                                              | `array`             | `[]`       | --                 |
-| span-method          | 合并算法                                              | `function`          | --         | --                 |
-| getCheckboxProps     | 多选行属性                                            | `function`          | --         | --                 |
-| getRadioProps        | 单选行属性                                            | `function`          | --         | --                 |
+| 属性                 | 描述                                                  | 类型                | 默认值     | 可选值             |    版本   |
+| -------------------- | ----------------------------------------------------- | ------------------- | ---------- | ------------------ | ------------------ |
+| columns              | 列配置 - [更多](#tableColumn)                         | --                  | --         | --                 |--                 |
+| dataSource           | 数据源                                                | --                  | --         | --                 |--                 |
+| checkbox             | 开启复选框                                            | `boolean`           | `false`    | `true` `false`     |--                 |
+| id                   | 主键                                                  | `string`            | --         | --                 |--                 |
+| v-model:selectedKeys | 选中项 (多选)                                         | --                  | --         | --                 |--                 |
+| v-model:selectedKey  | 选中项 (单选)                                         | --                  | --         | --                 |--                 |
+| default-toolbar      | 工具栏                                                | `boolean`           | `false`    | `true` `false`     |--                 |
+| size                 | 尺寸                                                  | `string`            | `md`       | `lg` `md` `sm`     |--                 |
+| children-column-name | 树节点字段                                            | `string`            | `children` | --                 |--                 |
+| indent-size          | 树表行级缩进                                          | `number`            | `30`       | --                 |--                 |
+| height               | 表格高度                                              | `number`            | --         | --                 |--                 |
+| maxHeight            | 表格最大高度                                          | `number`            | --         | --                 |--                 |
+| even                 | 斑马条纹                                              | `boolean`           | `false`    | `true` `false`     |--                 |
+| cellStyle            | 列样式 function(row, column, rowIndex, columnIndex)   | `string` `function` | --         | --                 |--                 |
+| rowStyle             | 行样式 function(row, rowIndex)                        | `string` `function` | --         | --                 |--                 |
+| cellClassName        | 列类名称 function(row, column, rowIndex, columnIndex) | `string` `function` | --         | --                 |--                 |
+| rowClassName         | 行类名称 function(row, rowIndex)                      | `string` `function` | --         | --                 |--                 |
+| skin                 | 风格                                                  | `string`            | --         | `line` `row` `nob` |--                 |
+| expand-index         | 展开所在列                                            | `number`            | --         | --                 |--                 |
+| default-expand-all   | 默认展开所有列                                        | `boolean`           | `false`    | `true` `false`     |--                 |
+| expand-keys          | 展开的列                                              | `array`             | `[]`       | --                 |--                 |
+| span-method          | 合并算法                                              | `function`          | --         | --                 |`1.4.0`                 |
+| getCheckboxProps     | 多选行属性                                            | `function`          | --         | --                 |`1.4.0`                 |
+| getRadioProps        | 单选行属性                                            | `function`          | --         | --                 |`1.4.0`                 |
 
 :::
 
@@ -1476,19 +1476,20 @@ export default {
 
 ::: table
 
-| 插槽            | 描述                           | 类型      | 默认值  | 可选值                      |
-| --------------- | ------------------------------ | --------- | ------- | --------------------------- |
-| title           | 列标题                         | --        | --      | --                          |
-| key             | 数据字段                       | --        | --      | --                          |
-| customSlot      | 自定义插槽                     | --        | --      | --                          |
-| width           | 宽度                           | --        | --      | --                          |
-| minWidth        | 最小宽度                       | --        | `100px` | --                          |
-| sort            | 排序                           | --        | --      | --                          |
-| titleSlot       | 标题插槽                       | --        | --      | --                          |
-| align           | 对齐方式                       | `string`  | `left`  | `left` `right` `center`     |
-| ellipsisTooltip | 当内容过长被隐藏时显示 tooltip | `boolean` | `false` | `true` `false`              |
-| fixed           | 列固定                         | `string`  | --      | `left` `right`              |
-| type            | 列类型                         | `string`  | --      | `number` `checkbox` `radio` |
+| 插槽            | 描述                           | 类型      | 默认值  | 可选值                      | 可选值                      |
+| --------------- | ------------------------------ | --------- | ------- | --------------------------- | --------------------------- |
+| title           | 列标题                         | --        | --      | --                          | --                          |
+| key             | 数据字段                       | --        | --      | --                          | --                          |
+| customSlot      | 自定义插槽                     | --        | --      | --                          | --                          |
+| width           | 宽度                           | --        | --      | --                          | --                          |
+| minWidth        | 最小宽度                       | --        | `100px` | --                          | --                          |
+| sort            | 排序                           | --        | --      | --                          | --                          |
+| titleSlot       | 标题插槽                       | --        | --      | --                          | --                          |
+| align           | 对齐方式                       | `string`  | `left`  | `left` `right` `center`     | --                          |
+| ellipsisTooltip | 当内容过长被隐藏时显示 tooltip | `boolean` | `false` | `true` `false`              | --                          |
+| fixed           | 列固定                         | `string`  | --      | `left` `right`              | --                          |
+| type            | 列类型                         | `string`  | --      | `number` `checkbox` `radio` | --                          |
+| children        | 表头分组                         | `string`  | --      | `number` `checkbox` `radio` | `1.4.0`                          |
 
 :::
 
diff --git a/package/document-component/src/document/zh-CN/components/transfer.md b/package/document-component/src/document/zh-CN/components/transfer.md
index e9379ea4..8653dc8e 100644
--- a/package/document-component/src/document/zh-CN/components/transfer.md
+++ b/package/document-component/src/document/zh-CN/components/transfer.md
@@ -22,7 +22,7 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const dataSource1 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}]
+    const dataSource1 = [{id:'1', title:'易大师', disabled: true},{id:'2', title:'战争之王'}]
 
     return {
       dataSource1