From 45dbc6fdea70835d638921e7583c8fcb7829c33e Mon Sep 17 00:00:00 2001
From: Sergio Crisostomo <sergiosbox@gmail.com>
Date: Tue, 8 May 2018 12:35:10 +0200
Subject: [PATCH] Correct disabled forward navigation

---
 examples/routers/tabs.vue    |  5 +++++
 src/components/tabs/tabs.vue |  9 ++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/examples/routers/tabs.vue b/examples/routers/tabs.vue
index 66d9ff3..cb017f6 100644
--- a/examples/routers/tabs.vue
+++ b/examples/routers/tabs.vue
@@ -171,6 +171,11 @@
                 </div>
             </TabPane>
         </Tabs>
+        <Tabs type="card">
+            <TabPane label="标签一">标签一的内容</TabPane>
+            <TabPane label="标签二" disabled>标签二的内容</TabPane>
+            <TabPane label="标签三">标签三的内容</TabPane>
+        </Tabs>
     </div>
 </template>
 <script>
diff --git a/src/components/tabs/tabs.vue b/src/components/tabs/tabs.vue
index c47ae44..243fea2 100644
--- a/src/components/tabs/tabs.vue
+++ b/src/components/tabs/tabs.vue
@@ -43,7 +43,7 @@
         const currentIndex = list.findIndex(tab => tab.name === activeKey);
         const nextIndex = (currentIndex + direction + list.length) % list.length;
         const nextTab = list[nextIndex];
-        if (nextTab.disabled) return getNextTab(list, nextTab, direction, countDisabledAlso);
+        if (nextTab.disabled) return getNextTab(list, nextTab.name, direction, countDisabledAlso);
         else return nextTab;
     };
 
@@ -237,8 +237,9 @@
                 this.focusedKey = nextTab.name;
             },
             handleTabKeyboardSelect(){
-                this.activeKey = this.focusedKey;
-                const nextIndex = this.navList.findIndex(tab => tab.name === this.focusedKey);
+                this.activeKey = this.focusedKey || 0;
+                const nextIndex = Math.max(this.navList.findIndex(tab => tab.name === this.focusedKey), 0);
+
                 [...this.$refs.panes.children].forEach((el, i) => {
                     if (nextIndex === i) {
                         [...el.children].forEach(child => child.style.display = 'block');
@@ -411,6 +412,8 @@
 
                 this.mutationObserver.observe(hiddenParentNode, { attributes: true, childList: true, characterData: true, attributeFilter: ['style'] });
             }
+
+            this.handleTabKeyboardSelect();
         },
         beforeDestroy() {
             this.observer.removeListener(this.$refs.navWrap, this.handleResize);
--
libgit2 0.21.4