From 37ee15352838f254ba167c130beddcc275f22708 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Fri, 18 Nov 2016 12:02:09 +0800
Subject: [PATCH] update Transfer

update Transfer
---
 src/components/transfer/list.vue    | 5 ++---
 src/styles/components/transfer.less | 9 +++++++++
 test/routers/transfer.vue           | 5 ++++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/transfer/list.vue b/src/components/transfer/list.vue
index 17cb3ce7..784f3cec 100644
--- a/src/components/transfer/list.vue
+++ b/src/components/transfer/list.vue
@@ -11,13 +11,13 @@
                     :query.sync="query"
                     :placeholder="filterPlaceholder"></Search>
             </div>
-            <ul :class="prefixCls + '-content'" v-if="showItems.length">
+            <ul :class="prefixCls + '-content'">
                 <li
                     v-for="item in showItems | filterBy filterData"
                     :class="[prefixCls + '-content-item', {[prefixCls + '-content-item-disabled']: item.disabled}]"
                     @click.prevent="select(item)"><Checkbox :checked="isCheck(item)" :disabled="item.disabled">{{ showLabel(item) }}</Checkbox></li>
+                <li :class="prefixCls + '-content-not-found'">{{ notFoundText }}</li>
             </ul>
-            <div :class="prefixCls + '-body-not-found'" v-else>{{ notFoundText }}</div>
         </div>
         <div :class="prefixCls + '-footer'">
             <slot></slot>
@@ -30,7 +30,6 @@
 
     export default {
         components: { Search, Checkbox },
-//        filters: { filterData: this.filterData },
         props: {
             prefixCls: String,
             data: Array,
diff --git a/src/styles/components/transfer.less b/src/styles/components/transfer.less
index 7921b408..c5bf038c 100644
--- a/src/styles/components/transfer.less
+++ b/src/styles/components/transfer.less
@@ -53,6 +53,15 @@
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
+
+            &-not-found{
+                display: none;
+                text-align: center;
+                color: @btn-disable-color;
+            }
+            li&-not-found:only-child{
+                display: block;
+            }
         }
         &-body-with-search &-content{
             padding: 0;
diff --git a/test/routers/transfer.vue b/test/routers/transfer.vue
index 8d4c73b4..a80d29d3 100644
--- a/test/routers/transfer.vue
+++ b/test/routers/transfer.vue
@@ -9,7 +9,6 @@
             :data="data"
             filterable
             :target-keys.sync="targetKeys"
-            :selected-keys="selectedKeys"
             :operations="['向左移动','向右移动']"
             @on-change="change"></Transfer>
     </div>
@@ -35,6 +34,10 @@
             change (newTargetKeys, direction, moveKeys) {
 //                console.log(newTargetKeys)
                 this.targetKeys = newTargetKeys;
+            },
+            filterMethod (data, query) {
+                if (query === '') return true;
+                return data.label === query;
             }
         }
     }