From caa4a65668666ff819a0398d7ba8cfbf0a327897 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Thu, 16 May 2019 15:20:24 +0800
Subject: [PATCH] [new feature] IndexBar: add z-index prop

---
 packages/index-bar/en-US.md                              | 1 +
 packages/index-bar/index.js                              | 5 +++++
 packages/index-bar/index.less                            | 1 -
 packages/index-bar/test/__snapshots__/demo.spec.js.snap  | 2 +-
 packages/index-bar/test/__snapshots__/index.spec.js.snap | 2 +-
 packages/index-bar/zh-CN.md                              | 1 +
 6 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/index-bar/en-US.md b/packages/index-bar/en-US.md
index fb3a90aac..6a5b53651 100644
--- a/packages/index-bar/en-US.md
+++ b/packages/index-bar/en-US.md
@@ -63,6 +63,7 @@ export default {
 | Attribute | Description | Type | Default |
 |------|------|------|------|
 | index-list | Index List | `Array` | `A-Z` |
+| z-index | z-index | `Number` | `1` |
 
 ### IndexAnchor Props
 
diff --git a/packages/index-bar/index.js b/packages/index-bar/index.js
index 27dbe1a48..450e1b98f 100644
--- a/packages/index-bar/index.js
+++ b/packages/index-bar/index.js
@@ -8,6 +8,10 @@ export default sfc({
   mixins: [TouchMixin, ParentMixin('vanIndexBar')],
 
   props: {
+    zIndex: {
+      type: Number,
+      default: 1
+    },
     indexList: {
       type: Array,
       default() {
@@ -74,6 +78,7 @@ export default sfc({
       <div class={bem()}>
         <div
           class={bem('sidebar')}
+          style={{ zIndex: this.zIndex }}
           onClick={this.onClick}
           onTouchstart={this.onTouchStart}
           onTouchmove={this.onTouchMove}
diff --git a/packages/index-bar/index.less b/packages/index-bar/index.less
index 3aaa86315..7b59f7359 100644
--- a/packages/index-bar/index.less
+++ b/packages/index-bar/index.less
@@ -5,7 +5,6 @@
     position: fixed;
     top: 50%;
     right: 0;
-    z-index: 1;
     display: flex;
     flex-direction: column;
     text-align: center;
diff --git a/packages/index-bar/test/__snapshots__/demo.spec.js.snap b/packages/index-bar/test/__snapshots__/demo.spec.js.snap
index 94b613e45..6cda0c121 100644
--- a/packages/index-bar/test/__snapshots__/demo.spec.js.snap
+++ b/packages/index-bar/test/__snapshots__/demo.spec.js.snap
@@ -13,7 +13,7 @@ exports[`renders demo correctly 1`] = `
     <div class="van-tabs__content">
       <div class="van-tab__pane" style="">
         <div class="van-index-bar">
-          <div class="van-index-bar__sidebar"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
+          <div class="van-index-bar__sidebar" style="z-index: 1;"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
           <div>
             <div class="van-index-anchor">A</div>
             <div class="van-cell">
diff --git a/packages/index-bar/test/__snapshots__/index.spec.js.snap b/packages/index-bar/test/__snapshots__/index.spec.js.snap
index 9873e0449..13b9a695d 100644
--- a/packages/index-bar/test/__snapshots__/index.spec.js.snap
+++ b/packages/index-bar/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`custom anchor text 1`] = `
 <div class="van-index-bar">
-  <div class="van-index-bar__sidebar"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
+  <div class="van-index-bar__sidebar" style="z-index: 1;"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
   <div class="van-index-anchor">Title A</div>
   <div class="van-index-anchor">Title B</div>
 </div>
diff --git a/packages/index-bar/zh-CN.md b/packages/index-bar/zh-CN.md
index dae277582..b946d3f44 100644
--- a/packages/index-bar/zh-CN.md
+++ b/packages/index-bar/zh-CN.md
@@ -67,6 +67,7 @@ export default {
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 |------|------|------|------|------|
 | index-list | 索引字符列表 | `Array` | `A-Z` | - |
+| z-index | z-index 层级 | `Number` | `1` | - |
 
 ### IndexAnchor Props