fix(navbar): resolve extenal class (#1735)

* fix(navbar): resolve extenal class * test(navbar): update snapshot
Tencent · Mar 7, 2023 · 010f34d · 010f34d
1 parent 764a156
commit 010f34d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/src/navbar/README.en-US.md b/src/navbar/README.en-US.md
@@ -8,7 +8,7 @@ name | type | default | description | required
 animation | Boolean | true | \- | N
 capsule | Slot | - | \- | N
 delta | Number | 1 | \- | N
-external-classes | Array | - | `['t-class', 't-class-title', 't-class-left-icon', 't-class-home-icon', 't-class-capsule']` | N
+external-classes | Array | - | `['t-class', 't-class-title', 't-class-left', 't-class-center', 't-class-capsule']` | N
 fixed | Boolean | true | \- | N
 left | Slot | - | `0.26.0` | N
 left-arrow | Boolean | false | `0.26.0` | N

diff --git a/src/navbar/README.md b/src/navbar/README.md
@@ -50,7 +50,7 @@ isComponent: true
 animation | Boolean | true | 是否添加动画效果 | N
 capsule | Slot | - | 左侧胶囊区域 | N
 delta | Number | 1 | 后退按钮后退层数，含义参考 [wx.navigateBack](https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html)，特殊的，传入 0 不会发生执行 wx.navigateBack | N
-external-classes | Array | - | 组件类名，分别用于设置组件外层元素、标题、左侧图标、首页图标、胶囊等元素类名。`['t-class', 't-class-title', 't-class-left-icon', 't-class-home-icon', 't-class-capsule']` | N
+external-classes | Array | - | 组件类名，分别用于设置组件外层元素、标题、左侧图标、首页图标、胶囊等元素类名。`['t-class', 't-class-title', 't-class-left', 't-class-center', 't-class-capsule']` | N
 fixed | Boolean | true | 是否固定在顶部 | N
 left | Slot | - | `0.26.0`。左侧内容区域 | N
 left-arrow | Boolean | false | `0.26.0`。是否展示左侧箭头 | N

diff --git a/src/navbar/__test__/__snapshots__/index.test.js.snap b/src/navbar/__test__/__snapshots__/index.test.js.snap
@@ -17,7 +17,7 @@ exports[`navbar :base 1`] = `
           class="t-navbar__left t-class-left"
         >
           <wx-view
-            class="t-navbar__capsule"
+            class="t-navbar__capsule t-class-capsule"
           />
         </wx-view>
         <wx-view
@@ -52,7 +52,7 @@ exports[`navbar :base 2`] = `
           class="t-navbar__left t-class-left"
         >
           <wx-view
-            class="t-navbar__capsule"
+            class="t-navbar__capsule t-class-capsule"
           />
         </wx-view>
         <wx-view
@@ -87,7 +87,7 @@ exports[`navbar :base 3`] = `
           class="t-navbar__left t-class-left"
         >
           <wx-view
-            class="t-navbar__capsule"
+            class="t-navbar__capsule t-class-capsule"
           />
         </wx-view>
         <wx-view
@@ -122,7 +122,7 @@ exports[`navbar :fixed 1`] = `
           class="t-navbar__left t-class-left"
         >
           <wx-view
-            class="t-navbar__capsule"
+            class="t-navbar__capsule t-class-capsule"
           />
         </wx-view>
         <wx-view
@@ -157,7 +157,7 @@ exports[`navbar :menu button 1`] = `
           class="t-navbar__left t-class-left"
         >
           <wx-view
-            class="t-navbar__capsule"
+            class="t-navbar__capsule t-class-capsule"
           />
         </wx-view>
         <wx-view

diff --git a/src/navbar/navbar.wxml b/src/navbar/navbar.wxml
@@ -10,13 +10,13 @@
         <t-icon name="chevron-left" class="{{classPrefix}}__left-arrow" />
       </view>
       <slot name="left" />
-      <view class="{{classPrefix}}__capsule">
+      <view class="{{classPrefix}}__capsule {{prefix}}-class-capsule">
         <slot name="capsule" />
       </view>
     </view>
-    <view class="{{classPrefix}}__center t-class-center">
+    <view class="{{classPrefix}}__center {{prefix}}-class-center">
       <slot name="title" />
-      <text wx:if="{{title}}" class="{{classPrefix}}__center-title t-class-title">{{showTitle}}</text>
+      <text wx:if="{{title}}" class="{{classPrefix}}__center-title {{prefix}}-class-title">{{showTitle}}</text>
     </view>
   </view>
 </view>