[improvement] extract safeAreaInsetBottom to mixin (#1052)

packages/action-sheet/index.ts

@@ -1,6 +1,9 @@
 import { VantComponent } from '../common/component';
+import { iphonex } from '../mixins/iphonex';
 
 VantComponent({
+  mixins: [iphonex],
+
   props: {
     show: Boolean,
     title: String,
@@ -20,10 +23,6 @@ VantComponent({
     closeOnClickOverlay: {
       type: Boolean,
       value: true
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      value: true
     }
   },
 

packages/goods-action/index.ts

@@ -2,12 +2,5 @@ import { VantComponent } from '../common/component';
 import { iphonex } from '../mixins/iphonex';
 
 VantComponent({
-  mixins: [iphonex],
+  mixins: [iphonex]
-
-  props: {
-    safeAreaInsetBottom: {
-      type: Boolean,
-      value: true
-    }
-  }
 });

packages/mixins/iphonex.ts

@@ -19,6 +19,13 @@ function getIsIPhoneX() {
 }
 
 export const iphonex = Behavior({
+  properties: {
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true
+    }
+  },
+
   created() {
     getIsIPhoneX().then(isIPhoneX => {
       this.set({ isIPhoneX });

packages/popup/index.ts

@@ -24,10 +24,6 @@ VantComponent({
     position: {
       type: String,
       value: 'center'
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      value: true
     }
   },
 

packages/submit-bar/index.ts

@@ -2,14 +2,14 @@ import { VantComponent } from '../common/component';
 import { iphonex } from '../mixins/iphonex';
 
 VantComponent({
+  mixins: [iphonex],
+
   classes: [
     'bar-class',
     'price-class',
     'button-class'
   ],
 
-  mixins: [iphonex],
-
   props: {
     tip: null,
     type: Number,
@@ -25,10 +25,6 @@ VantComponent({
     buttonType: {
       type: String,
       value: 'danger'
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      value: true
     }
   },
 

packages/tabbar/index.ts

@@ -2,6 +2,8 @@ import { VantComponent } from '../common/component';
 import { iphonex } from '../mixins/iphonex';
 
 VantComponent({
+  mixins: [iphonex],
+
   relation: {
     name: 'tabbar-item',
     type: 'descendant',
@@ -19,8 +21,6 @@ VantComponent({
     }
   },
 
-  mixins: [iphonex],
-
   props: {
     active: Number,
     fixed: {
@@ -30,10 +30,6 @@ VantComponent({
     zIndex: {
       type: Number,
       value: 1
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      value: true
     }
   },