fix: normal closeIcon

Tencent · May 27, 2022 · a586100 · a586100
1 parent 05b5e3e
commit a586100
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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">