feat(rn): popup添加自动刷新能力

Author: QiuShuiBai

packages/mpx-cube-ui/lib/components/popup/index.mpx

@@ -66,7 +66,8 @@
         wx:ref="popup-content"
         class="cube-popup-content {{ transition }}"
         wx:style="{{ [styleConfig.content, contentTranslateStyle] }}"
-        animation="{{ animationData }}">
+        animation="{{ animationData }}"
+        onLayout="onLayout">
         <slot></slot>
       </view>
     </view>

packages/mpx-cube-ui/lib/components/popup/rn-mixin.js

@@ -89,6 +89,14 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
             }
         },
         methods: {
+            onLayout() {
+                if (!this.layoutCount) {
+                    this.layoutCount = 1;
+                    return;
+                }
+                this.layoutCount++;
+                this.initContentRect();
+            },
             getWindowInfo() {
                 if (this.windowInfo)
                     return this.windowInfo;

packages/mpx-cube-ui/src/components/popup/index.mpx

@@ -66,7 +66,8 @@
         wx:ref="popup-content"
         class="cube-popup-content {{ transition }}"
         wx:style="{{ [styleConfig.content, contentTranslateStyle] }}"
-        animation="{{ animationData }}">
+        animation="{{ animationData }}"
+        onLayout="onLayout">
         <slot></slot>
       </view>
     </view>

packages/mpx-cube-ui/src/components/popup/rn-mixin.ts

@@ -97,6 +97,14 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
       }
     },
     methods: {
+      onLayout() {
+        if (!this.layoutCount) {
+          this.layoutCount = 1
+          return
+        }
+        this.layoutCount++
+        this.initContentRect()
+      },
       getWindowInfo() {
         if (this.windowInfo) return this.windowInfo
         return (this.windowInfo = mpx.getWindowInfo())