fix(Notify): fix safeAreaInsetTop not work (#2558)

fix #2540

example/pages/notify/index.js

@@ -27,5 +27,12 @@ Page({
       type,
       message: '通知内容'
     });
+  },
+
+  showSafe() {
+    Notify({
+      message: '通知内容',
+      safeAreaInsetTop: true
+    });
   }
 });

example/pages/notify/index.wxml

@@ -18,4 +18,8 @@
   <van-button type="primary" bind:click="showCustomDuration">自定义时长</van-button>
 </demo-block>
 
-<van-notify id="van-notify" safe-area-inset-top />
+<demo-block padding title="插入状态栏高度">
+  <van-button type="primary" class="demo-margin-right" bind:click="showSafe">插入状态栏高度</van-button>
+</demo-block>
+
+<van-notify id="van-notify" />

packages/notify/index.ts

@@ -39,9 +39,9 @@ VantComponent({
       const { duration, onOpened } = this.data;
 
       clearTimeout(this.timer);
-      this.setData({
+      this.setData({ show: true });
-        show: true
+
-      }, onOpened);
+      wx.nextTick(onOpened);
 
       if (duration > 0 && duration !== Infinity) {
         this.timer = setTimeout(() => {
@@ -54,9 +54,9 @@ VantComponent({
       const { onClose } = this.data;
 
       clearTimeout(this.timer);
-      this.setData({
+      this.setData({ show: false });
-        show: false
+
-      }, onClose);
+      wx.nextTick(onClose);
     },
 
     onTap(event: Weapp.Event) {

packages/notify/index.wxml

@@ -9,7 +9,10 @@
     class="van-notify van-notify--{{ type }}"
     style="background:{{ background }};color:{{ color }};"
   >
-    <view wx:if="{{ safeAreaInsetTop }}" class="van-notify__safe-area"></view>
+    <view
+      wx:if="{{ safeAreaInsetTop }}"
+      style="height: {{ statusBarHeight }}px"
+    ></view>
     <text>{{ message }}</text>
   </view>
 </van-transition>

packages/notify/notify.ts

@@ -23,6 +23,7 @@ const defaultOptions = {
   duration: 3000,
   zIndex: 110,
   color: WHITE,
+  safeAreaInsetTop: false,
   onClick: () => {},
   onOpened: () => {},
   onClose: () => {}
@@ -47,7 +48,7 @@ export default function Notify(options: NotifyOptions | string) {
   delete options.selector;
 
   if (notify) {
-    notify.set(options);
+    notify.setData(options);
     notify.show();
     return notify;
   }