From 05b5e3e83ce69829d6b95afc99309cb1b81228a1 Mon Sep 17 00:00:00 2001
From: pengYYY <pengyue970715@gmail.com>
Date: Fri, 27 May 2022 10:38:29 +0800
Subject: [PATCH 1/2] fix: tabs addable

---
 src/tabs/tab-nav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/tabs/tab-nav.tsx b/src/tabs/tab-nav.tsx
index 1b4ac11df..fea4c8d48 100644
--- a/src/tabs/tab-nav.tsx
+++ b/src/tabs/tab-nav.tsx
@@ -424,7 +424,7 @@ export default Vue.extend({
               </div>
             ) : null}
           </transition>
-          {this.theme === 'card' && this.addable ? (
+          {this.addable ? (
             <div class={this.addIconClass} onClick={this.handleAddTab}>
               <AddIcon />
             </div>

From a5861006ad1bcd63b255fa94689a4c7db1aa40e8 Mon Sep 17 00:00:00 2001
From: pengYYY <pengyue970715@gmail.com>
Date: Fri, 27 May 2022 11:05:54 +0800
Subject: [PATCH 2/2] fix: normal  closeIcon

---
 src/tabs/tab-nav-item.tsx                       | 3 +++
 test/unit/tabs/__snapshots__/index.test.js.snap | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/tabs/tab-nav-item.tsx b/src/tabs/tab-nav-item.tsx
index f20a0ad09..c14c8b377 100644
--- a/src/tabs/tab-nav-item.tsx
+++ b/src/tabs/tab-nav-item.tsx
@@ -82,6 +82,9 @@ export default mixins(keepAnimationMixins).extend({
           >
             <span class={`${prefix}-tabs__nav-item-text-wrapper`}>{this.label}</span>
           </div>
+          {this.removable && !this.disabled ? (
+            <CloseIcon class="remove-btn" nativeOnClick={this.removeBtnClick} />
+          ) : null}
         </div>
       );
     },
diff --git a/test/unit/tabs/__snapshots__/index.test.js.snap b/test/unit/tabs/__snapshots__/index.test.js.snap
index b7520b075..af70aafbf 100644
--- a/test/unit/tabs/__snapshots__/index.test.js.snap
+++ b/test/unit/tabs/__snapshots__/index.test.js.snap
@@ -1,6 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-
 exports[`Tabs :props :addable 1`] = `
 <div class="t-tabs">
   <div class="t-tabs__header t-is-top">
@@ -10,6 +9,9 @@ exports[`Tabs :props :addable 1`] = `
       </div>
       <div class="t-tabs__operations t-tabs__operations--right">
         <transition-stub name="fade" appear="true" mode="out-in"></transition-stub>
+        <div class="t-tabs__add-btn t-tabs__btn t-size-m"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-add">
+            <path fill="currentColor" d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z" fill-opacity="0.9"></path>
+          </svg></div>
       </div>
       <div class="t-tabs__nav-container t-is-top">
         <div class="t-tabs__nav-scroll">