update Tabs method of find children

Now, can use other components to package the TabPane, but should set animated to false.

examples/components/wrapper.vue

@@ -0,0 +1,8 @@
+<template>
+    <div class="i-wrapper"><slot></slot></div>
+</template>
+<script>
+    export default {
+
+    }
+</script>

examples/routers/tabs.vue

@@ -1,12 +1,22 @@
 <template>
-    <Tabs type="card" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">
+    <Tabs type="card" :animated="true" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">
-        <TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>
+        <Wrapper>
-        <TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>
+            <TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>
-        <TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>
+            <TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>
+            <TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>
+        </Wrapper>
     </Tabs>
+
+    <!--<Tabs type="card" :animated="true" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">-->
+        <!--<TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>-->
+        <!--<TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>-->
+        <!--<TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>-->
+    <!--</Tabs>-->
 </template>
 <script>
+    import Wrapper from '../components/wrapper.vue';
     export default {
+        components: { Wrapper },
         data () {
             return {
                 tab0: true,

src/components/tabs/pane.vue

@@ -6,6 +6,7 @@
 
     export default {
         name: 'TabPane',
+        inject: ['TabsInstance'],
         props: {
             name: {
                 type: String
@@ -36,13 +37,13 @@
         computed: {
             contentStyle () {
                 return {
-                    visibility: this.$parent.activeKey !== this.currentName ? 'hidden' : 'visible'
+                    visibility: this.TabsInstance.activeKey !== this.currentName ? 'hidden' : 'visible'
                 };
             }
         },
         methods: {
             updateNav () {
-                this.$parent.updateNav();
+                this.TabsInstance.updateNav();
             }
         },
         watch: {

src/components/tabs/tabs.vue

@@ -32,7 +32,7 @@
 <script>
     import Icon from '../icon/icon.vue';
     import Render from '../base/render';
-    import { oneOf, MutationObserver } from '../../utils/assist';
+    import { oneOf, MutationObserver, findComponentsDownward } from '../../utils/assist';
     import Emitter from '../../mixins/emitter';
     import elementResizeDetectorMaker from 'element-resize-detector';
 
@@ -64,6 +64,9 @@
         name: 'Tabs',
         mixins: [ Emitter ],
         components: { Icon, Render },
+        provide () {
+            return { TabsInstance: this };
+        },
         props: {
             value: {
                 type: [String, Number]
@@ -166,7 +169,8 @@
         },
         methods: {
             getTabs () {
-                return this.$children.filter(item => item.$options.name === 'TabPane');
+                // return this.$children.filter(item => item.$options.name === 'TabPane');
+                return findComponentsDownward(this, 'TabPane');
             },
             updateNav () {
                 this.navList = [];
@@ -393,7 +397,7 @@
                 return false;
             },
             updateVisibility(index){
-                [...this.$refs.panes.children].forEach((el, i) => {
+                [...this.$refs.panes.querySelectorAll(`.${prefixCls}-tabpane`)].forEach((el, i) => {
                     if (index === i) {
                         [...el.children].filter(child=> child.classList.contains(`${prefixCls}-tabpane`)).forEach(child => child.style.visibility = 'visible');
                         if (this.captureFocus) setTimeout(() => focusFirst(el, el), transitionTime);