fix all component z-index

components/list-view/style/index.less

@@ -23,7 +23,7 @@
     position: fixed;
     top: 0;
     right: 0;
-    z-index: 1999;
+    z-index: @listViewQsbZIndex;
     text-align: center;
     color: @color-link;
     font-size: @font-size-caption;

components/modal/style/Dialog.less

@@ -1,5 +1,20 @@
 .@{modalPrefixClass} {
   position: relative;
+
+  &-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    z-index: @modalZIndex;
+    background-color: @fill-overlay-inverse;
+    &-hidden {
+      display: none;
+    }
+  }
+
   &-wrap {
     position: fixed;
     overflow: auto;
@@ -8,7 +23,7 @@
     bottom: 0;
     left: 0;
     height: 100%;
-    z-index: 1050;
+    z-index: @modalZIndex;
     -webkit-overflow-scrolling: touch;
     outline: 0;
     .display-box();

components/modal/style/index.less

@@ -3,7 +3,6 @@
 
 @modalPrefixClass: am-modal;
 
-@import './Mask.less';
 @import './Dialog.less';
 
 .@{modalPrefixClass} {

components/progress/style/index.less

@@ -13,7 +13,7 @@
     width: 100%;
     top: 0;
     left: 0;
-    z-index: 999;
+    z-index: @progressZIndex;
   }
   &-hide-outer {
     background-color: transparent;

components/style/themes/default.less

@@ -165,9 +165,13 @@
 @table-title-height: 60px;
 
 // z-index
-@actionSheetZIndex: 1000;
-@datePickerZIndex: 1000;
+@popoverZIndex: 1999; // 最大
+@toastZIndex: 1999; // 最大
+@actionSheetZIndex: 1000; // actonsheet 会放到 popup / modal 中
+@datePickerZIndex: 1000;  // picker 会放到 popup / modal 中
 @pickerZIndex: 1000;
-@popupZIndex: 1000;
-@popoverZIndex: 1999;
-@toastZIndex: 1999;
+@popupZIndex: 999;
+@modalZIndex: 999; // modal.alert 应该最大，其他应该较小
+// other z-index
+@progressZIndex: 2000;
+@listViewQsbZIndex: 998;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "基于 React 的移动设计规范实现",
   "homepage": "http://mobile.ant.design",
   "keywords": [