Update checkbox and tree

packages/tree/src/tree-node.vue

@@ -6,16 +6,17 @@
       <span class="el-tree-node__expand-icon"
         :class="{ 'is-leaf': node.isLeaf, expanded: !node.isLeaf && expanded }"
         ></span>
-      <el-checkbox v-if="showCheckbox" :indeterminate="node.indeterminate" :value.sync="node.checked" :true-label="true" :false-label="false" @on-change="handleCheckChange"></el-checkbox>
+      <el-checkbox v-if="showCheckbox" :indeterminate="node.indeterminate" v-model="node.checked" :true-label="true" :false-label="false" @on-change="handleCheckChange"></el-checkbox>
       <!--<span class="el-tree-node__icon {{ node.icon }} {{ node.loading ? 'el-icon-loading' : '' }}" v-if="node.icon"></span>-->
       <span class="el-tree-node__label">{{ node.label }}</span>
     </div>
-    <div class="el-tree-node__children"
-      v-if="childrenRendered"
-      v-show="expanded"
-      transition="collapse">
-      <el-tree-node v-for="child in node.children" :node="child"></el-tree-node>
-    </div>
+    <collapse-transition>
+      <div class="el-tree-node__children"
+        v-if="childrenRendered"
+        v-show="expanded">
+        <el-tree-node v-for="child in node.children" :node="child"></el-tree-node>
+      </div>
+    </collapse-transition>
   </div>
 </template>
 
@@ -33,6 +34,10 @@
       }
     },
 
+    components: {
+      CollapseTransition
+    },
+
     data() {
       return {
         $tree: null,
@@ -80,10 +85,6 @@
       }
 
       this.showCheckbox = tree.showCheckbox;
-    },
-
-    transitions: {
-      collapse: CollapseTransition
     }
   };
 </script>