From 010f34de0f20f215ceb5a4b8d6b03f71f0e11180 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Tue, 7 Mar 2023 16:54:08 +0800
Subject: [PATCH] fix(navbar): resolve extenal class (#1735)

* fix(navbar): resolve extenal class

* test(navbar): update snapshot
---
 src/navbar/README.en-US.md                           |  2 +-
 src/navbar/README.md                                 |  2 +-
 src/navbar/__test__/__snapshots__/index.test.js.snap | 10 +++++-----
 src/navbar/navbar.wxml                               |  6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/navbar/README.en-US.md b/src/navbar/README.en-US.md
index 9607f569a..dccf25e52 100644
--- 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
index 37126be01..793fae08e 100644
--- 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
index 141416919..18d9bf08e 100644
--- 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
index 5455da7a9..588039a2a 100644
--- 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>