From e201bc55ee5670630b20e7d611da18f347b8b8ef Mon Sep 17 00:00:00 2001
From: JSparow <east.qrj@gmail.com>
Date: Mon, 21 Sep 2020 21:29:09 +0800
Subject: [PATCH] feat(SidebarItem): add title slot (#7220)

---
 src/sidebar-item/index.js                     |  2 +-
 src/sidebar/README.md                         |  6 ++++++
 src/sidebar/README.zh-CN.md                   |  6 ++++++
 .../test/__snapshots__/index.spec.js.snap     |  9 +++++++++
 src/sidebar/test/index.spec.js                | 19 +++++++++++++++++++
 5 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 src/sidebar/test/__snapshots__/index.spec.js.snap

diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 54d587f1d..058eb77d5 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -43,7 +43,7 @@ export default createComponent({
         onClick={this.onClick}
       >
         <div class={bem('text')}>
-          {this.title}
+          {this.slots('title') ?? this.title}
           <Info
             dot={this.dot}
             info={this.badge ?? this.info}
diff --git a/src/sidebar/README.md b/src/sidebar/README.md
index ac5120ba2..1af8d17d1 100644
--- a/src/sidebar/README.md
+++ b/src/sidebar/README.md
@@ -110,3 +110,9 @@ export default {
 | Event | Description               | Arguments                    |
 | ----- | ------------------------- | ---------------------------- |
 | click | Triggered when click item | index: index of current item |
+
+### SidebarItem Slots
+
+| Name  | Description      |
+| ----- | ---------------- |
+| title | Custom item title |
diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md
index c6ddcbfa6..ed21ca2f0 100644
--- a/src/sidebar/README.zh-CN.md
+++ b/src/sidebar/README.zh-CN.md
@@ -119,3 +119,9 @@ export default {
 | 事件名 | 说明       | 回调参数                |
 | ------ | ---------- | ----------------------- |
 | click  | 点击时触发 | index: 当前导航项的索引 |
+
+### SidebarItem Slots
+
+| Name  | Description |
+| ----- | ----------- |
+| title | 自定义标题  |
diff --git a/src/sidebar/test/__snapshots__/index.spec.js.snap b/src/sidebar/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..d31a8a85e
--- /dev/null
+++ b/src/sidebar/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`title slot 1`] = `
+<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
+    <div class="van-sidebar-item__text">Title Slot
+      <!---->
+    </div>
+  </a></div>
+`;
diff --git a/src/sidebar/test/index.spec.js b/src/sidebar/test/index.spec.js
index a3e533410..966eb72d0 100644
--- a/src/sidebar/test/index.spec.js
+++ b/src/sidebar/test/index.spec.js
@@ -76,3 +76,22 @@ test('without parent', () => {
     expect(err).toBeTruthy();
   }
 });
+
+test('title slot', () => {
+  const wrapper = mount({
+    template: `
+      <van-sidebar v-model="active">
+        <van-sidebar-item>
+          <template #title>Title Slot</template>
+        </van-sidebar-item>
+      </van-sidebar>
+    `,
+    data() {
+      return {
+        active: 0,
+      };
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});