From 84a8a413aa0f14873b4923c703242625441e94dd Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Wed, 15 Mar 2017 18:56:37 +0800
Subject: [PATCH] fixed bug of Transfer when no slot

---
 examples/routers/form.vue            |   2 +-
 examples/routers/transfer.vue        | 152 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------
 src/components/transfer/transfer.vue |   4 ++--
 3 files changed, 79 insertions(+), 79 deletions(-)

diff --git a/examples/routers/form.vue b/examples/routers/form.vue
index 61a9565..cc7fe0f 100644
--- a/examples/routers/form.vue
+++ b/examples/routers/form.vue
@@ -11,7 +11,7 @@
             <Form-item prop="user">
                 <Input v-model="formInline.user"></Input>
             </Form-item>
-            <Form-item>
+            <Form-item prop="targetKeys1">
                 <Transfer
                     :data="formInline.data1"
                     :target-keys="formInline.targetKeys1"
diff --git a/examples/routers/transfer.vue b/examples/routers/transfer.vue
index 82a1b2f..d19f993 100644
--- a/examples/routers/transfer.vue
+++ b/examples/routers/transfer.vue
@@ -1,77 +1,19 @@
-<!--<template>-->
-    <!--<div>-->
-        <!--<Transfer-->
-            <!--:data="data1"-->
-            <!--filterable-->
-            <!--:target-keys="targetKeys1"-->
-            <!--:render-format="render1"-->
-            <!--@on-change="handleChange1"></Transfer>-->
-    <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-    <!--export default {-->
-        <!--data () {-->
-            <!--return {-->
-                <!--data1: this.getMockData(),-->
-                <!--targetKeys1: this.getTargetKeys()-->
-            <!--}-->
-        <!--},-->
-        <!--methods: {-->
-            <!--getMockData () {-->
-                <!--let mockData = [];-->
-                <!--for (let i = 1; i <= 20; i++) {-->
-                    <!--mockData.push({-->
-                        <!--key: i.toString(),-->
-                        <!--label: '内容' + i,-->
-                        <!--description: '内容' + i + '的描述信息',-->
-                        <!--disabled: Math.random() * 3 < 1-->
-                    <!--});-->
-                <!--}-->
-                <!--return mockData;-->
-            <!--},-->
-            <!--getTargetKeys () {-->
-                <!--return this.getMockData()-->
-                    <!--.filter(() => Math.random() * 2 > 1)-->
-                    <!--.map(item => item.key);-->
-            <!--},-->
-            <!--render1 (item) {-->
-                <!--return item.label;-->
-            <!--},-->
-            <!--handleChange1 (newTargetKeys, direction, moveKeys) {-->
-                <!--console.log(newTargetKeys);-->
-                <!--console.log(direction);-->
-                <!--console.log(moveKeys);-->
-                <!--this.targetKeys1 = newTargetKeys;-->
-            <!--}-->
-        <!--}-->
-    <!--}-->
-<!--</script>-->
-
-
 <template>
-    <Transfer
-        :data="data3"
-        :target-keys="targetKeys3"
-        :list-style="listStyle"
-        :render-format="render3"
-        :operations="['向左移动','向右移动']"
-        filterable
-        @on-change="handleChange3">
-        <div :style="{float: 'right', margin: '5px'}">
-            <Button type="ghost" size="small" @click.native="reloadMockData">刷新</Button>
-        </div>
-    </Transfer>
+    <div>
+        <Transfer
+            :data="data1"
+            filterable
+            :target-keys="targetKeys1"
+            :render-format="render1"
+            @on-change="handleChange1"></Transfer>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                data3: this.getMockData(),
-                targetKeys3: this.getTargetKeys(),
-                listStyle: {
-                    width: '250px',
-                    height: '300px'
-                }
+                data1: this.getMockData(),
+                targetKeys1: this.getTargetKeys()
             }
         },
         methods: {
@@ -92,20 +34,78 @@
                     .filter(() => Math.random() * 2 > 1)
                     .map(item => item.key);
             },
-            handleChange3 (newTargetKeys) {
-                this.targetKeys3 = newTargetKeys;
+            render1 (item) {
+                return item.label;
             },
-            render3 (item) {
-                return item.label + ' - ' + item.description;
-            },
-            reloadMockData () {
-                this.data3 = this.getMockData();
-                this.targetKeys3 = this.getTargetKeys();
+            handleChange1 (newTargetKeys, direction, moveKeys) {
+                console.log(newTargetKeys);
+                console.log(direction);
+                console.log(moveKeys);
+                this.targetKeys1 = newTargetKeys;
             }
         }
     }
 </script>
 
+
+<!--<template>-->
+    <!--<Transfer-->
+        <!--:data="data3"-->
+        <!--:target-keys="targetKeys3"-->
+        <!--:list-style="listStyle"-->
+        <!--:render-format="render3"-->
+        <!--:operations="['向左移动','向右移动']"-->
+        <!--filterable-->
+        <!--@on-change="handleChange3">-->
+        <!--<div :style="{float: 'right', margin: '5px'}">-->
+            <!--<Button type="ghost" size="small" @click.native="reloadMockData">刷新</Button>-->
+        <!--</div>-->
+    <!--</Transfer>-->
+<!--</template>-->
+<!--<script>-->
+    <!--export default {-->
+        <!--data () {-->
+            <!--return {-->
+                <!--data3: this.getMockData(),-->
+                <!--targetKeys3: this.getTargetKeys(),-->
+                <!--listStyle: {-->
+                    <!--width: '250px',-->
+                    <!--height: '300px'-->
+                <!--}-->
+            <!--}-->
+        <!--},-->
+        <!--methods: {-->
+            <!--getMockData () {-->
+                <!--let mockData = [];-->
+                <!--for (let i = 1; i <= 20; i++) {-->
+                    <!--mockData.push({-->
+                        <!--key: i.toString(),-->
+                        <!--label: '内容' + i,-->
+                        <!--description: '内容' + i + '的描述信息',-->
+                        <!--disabled: Math.random() * 3 < 1-->
+                    <!--});-->
+                <!--}-->
+                <!--return mockData;-->
+            <!--},-->
+            <!--getTargetKeys () {-->
+                <!--return this.getMockData()-->
+                    <!--.filter(() => Math.random() * 2 > 1)-->
+                    <!--.map(item => item.key);-->
+            <!--},-->
+            <!--handleChange3 (newTargetKeys) {-->
+                <!--this.targetKeys3 = newTargetKeys;-->
+            <!--},-->
+            <!--render3 (item) {-->
+                <!--return item.label + ' - ' + item.description;-->
+            <!--},-->
+            <!--reloadMockData () {-->
+                <!--this.data3 = this.getMockData();-->
+                <!--this.targetKeys3 = this.getTargetKeys();-->
+            <!--}-->
+        <!--}-->
+    <!--}-->
+<!--</script>-->
+
 <!--<template>-->
     <!--<Transfer-->
             <!--:data="data4"-->
diff --git a/src/components/transfer/transfer.vue b/src/components/transfer/transfer.vue
index fd8d1b7..d1030a9 100644
--- a/src/components/transfer/transfer.vue
+++ b/src/components/transfer/transfer.vue
@@ -67,8 +67,8 @@
                 return cloned;
             }
 
-            const vNodes = this.$slots.default;
-            const clonedVNodes = vNodes.map(vnode => cloneVNode(vnode));
+            const vNodes = this.$slots.default === undefined ? [] : this.$slots.default;
+            const clonedVNodes = this.$slots.default === undefined ? [] : vNodes.map(vnode => cloneVNode(vnode));
 
             return createElement('div', {
                 'class': this.classes
--
libgit2 0.21.4