From 32b4ebe8425858f031e62931499910097969dfe5 Mon Sep 17 00:00:00 2001
From: dolymood <dolymood@gmail.com>
Date: Tue, 20 Nov 2018 20:56:26 +0800
Subject: [PATCH] feat(tab-panels): support value prop for tab-panel

---
 src/components/tab-panels/tab-panel.vue  | 6 ++++++
 src/components/tab-panels/tab-panels.vue | 7 ++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/tab-panels/tab-panel.vue b/src/components/tab-panels/tab-panel.vue
index 10fcec3d..b454b2db 100644
--- a/src/components/tab-panels/tab-panel.vue
+++ b/src/components/tab-panels/tab-panel.vue
@@ -13,6 +13,12 @@
       label: {
         type: [String, Number],
         required: true
+      },
+      value: {
+        type: [String, Number],
+        default() {
+          return this.label
+        }
       }
     },
     mounted () {
diff --git a/src/components/tab-panels/tab-panels.vue b/src/components/tab-panels/tab-panels.vue
index 980229cf..3394b593 100644
--- a/src/components/tab-panels/tab-panels.vue
+++ b/src/components/tab-panels/tab-panels.vue
@@ -5,7 +5,8 @@
         <cube-tab-panel
           v-for="(item, index) in data"
           :label="item.label"
-          :key="item.label">
+          :value="item.value"
+          :key="item.value || item.label">
           {{item.label}}
         </cube-tab-panel>
       </slot>
@@ -42,8 +43,8 @@
       this._move(this.value)
     },
     methods: {
-      _move(label) {
-        const curIndex = findIndex(this.panels, panel => panel.label === label)
+      _move(value) {
+        const curIndex = findIndex(this.panels, panel => panel.value === value)
         /* istanbul ignore if */
         if (curIndex === INDEX_OUT_OF_BOUNDARY) {
           return
-- 
GitLab