[new feature] Actionsheet: add safe-area-inset-bottom prop (#3171)

packages/tabbar/en-US.md

@@ -69,9 +69,9 @@ export default {
 |------|------|------|------|
 | v-model | Index of current tab | `Number` | - |
 | fixed | Whether to fixed bottom | `Boolean` | `true` |
-| safe-area-inset-bottom | Whether to iPhone X bottom safe area adaptation, to enable those features use `viewport-fit=cover` in the `viewport` meta tag | `Boolean` | `false` | 1.6.15 |
 | z-index | Z-index | `Number` | `1` |
 | active-color | Color of active tab item | `String` | `#1989fa` |
+| safe-area-inset-bottom | Whether to enable bottom safe area adaptation, to enable those features use `viewport-fit=cover` in the `viewport` meta tag | `Boolean` | `false` |
 
 ### Tabbar Event
 

packages/tabbar/index.js

@@ -12,14 +12,11 @@ export default sfc({
   props: {
     value: Number,
     activeColor: String,
+    safeAreaInsetBottom: Boolean,
     fixed: {
       type: Boolean,
       default: true
     },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: false
-    },
     zIndex: {
       type: Number,
       default: 1

packages/tabbar/index.less

@@ -13,7 +13,6 @@
   }
 
   &--safe-area-inset-bottom {
-    padding-bottom: 0;
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
   }

packages/tabbar/zh-CN.md

@@ -84,9 +84,9 @@ export default {
 |------|------|------|------|------|
 | v-model | 当前选中标签的索引 | `Number` | - | - |
 | fixed | 是否固定在底部 | `Boolean` | `true` | - |
-| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配，同时需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `Boolean` | `false` | 1.6.15 |
 | z-index | 元素 z-index | `Number` | `1` | 1.1.9 |
 | active-color | 选中标签的颜色 | `String` | `#1989fa` | 1.5.1 |
+| safe-area-inset-bottom | 是否开启 iPhone X 底部安全区适配，需要在 `viewport` meta 标签中设置 `viewport-fit=cover` | `Boolean` | `false` | 1.6.15 |
 
 ### Tabbar Event