feat(transfer): 新增 showSearch 属性

example/docs/zh-CN/components/badge.md

@@ -50,7 +50,7 @@ export default {
 
 ::: table
 
-| 属性  | 描述   | 可选值                                               |
+| 属性  | 描述   | 可选值                                       |
 | ----- | ---- | --------------------------------------------- |
 | type  | 类型 | `dot` `rim`                                   |
 | theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

example/docs/zh-CN/components/transfer.md

@@ -51,7 +51,6 @@ export default {
     const dataSource2 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}]
     const title = ['我喜欢的','我不喜欢的']
 
-
     return {
       dataSource2,
       title
@@ -68,7 +67,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-transfer :dataSource="dataSource1">
+  <lay-transfer :dataSource="dataSource3">
     <template v-slot:item="{ data }">
       {{data.id}}
     </template>
@@ -81,10 +80,79 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const dataSource1 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}]
+    const dataSource3 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}]
 
     return {
-      dataSource1
+      dataSource3
+    }
+  }
+}
+</script>
+
+:::
+
+
+::: title 开启搜索
+:::
+
+::: demo
+
+<template>
+  <lay-transfer :dataSource="dataSource5" showSearch="true"></lay-transfer>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const dataSource5 = [
+      {id:'1', title:'无影剑'},
+      {id:'2', title:'逸龙剑'},
+      {id:'3', title:'精灵之语'},
+      {id:'4', title:'十字斩刀-斗'},
+      {id:'5', title:'落炎魔杖'},
+      {id:'6', title:'石中剑'},
+      {id:'7', title:'屠戮之刃'}
+    ]
+    
+    return {
+      dataSource5
+    }
+  }
+}
+</script>
+
+::: 
+
+::: title 海量数据
+:::
+
+::: demo
+
+<template>
+  <lay-transfer :dataSource="dataSource4"></lay-transfer>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const dataSource4 = [
+      {id:'1', title:'无影剑'},
+      {id:'2', title:'逸龙剑'},
+      {id:'3', title:'精灵之语'},
+      {id:'4', title:'十字斩刀-斗'},
+      {id:'5', title:'落炎魔杖'},
+      {id:'6', title:'石中剑'},
+      {id:'7', title:'屠戮之刃'}
+    ]
+    
+    return {
+      dataSource4
     }
   }
 }

example/docs/zh-CN/guide/changelog.md

@@ -21,6 +21,7 @@
           <li>[新增] table 表格组件 excel 导出工具栏。</li>
           <li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
           <li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
+          <li>[新增] transfer 穿梭框组件 showSearch 开启搜索属性。</li>
           <li>[修复] checkbox 复选框组件, 选中颜色丢失。</li>
           <li>[修复] slider 滑块组件, 默认 step 值异常。</li>
           <li>[升级] layer-vue 1.3.10 版本。</li>