feat:when in H5 environment,must set check dirty to next macro task loop incase the changing occured in promise.then function which is scheduled in micro task loop

doric-js/bundle/doric-lib.js

@@ -733,10 +733,8 @@ class Panel {
         }, undefined);
     }
     nativeRender(model) {
-        if (this.context) {
         this.context.shader.render(model);
     }
-    }
     hookBeforeNativeCall() {
         this.__root__.clean();
         for (let v of this.headviews.values()) {
@@ -745,6 +743,21 @@ class Panel {
     }
     hookAfterNativeCall() {
         //Here insert a native call to ensure the promise is resolved done.
+        if (Environment.platform === 'h5') {
+            setTimeout(() => {
+                if (this.__root__.isDirty()) {
+                    const model = this.__root__.toModel();
+                    this.nativeRender(model);
+                }
+                for (let v of this.headviews.values()) {
+                    if (v.isDirty()) {
+                        const model = v.toModel();
+                        this.nativeRender(model);
+                    }
+                }
+            }, 0);
+        }
+        else {
             nativeEmpty();
             if (this.__root__.isDirty()) {
                 const model = this.__root__.toModel();
@@ -758,6 +771,7 @@ class Panel {
             }
         }
     }
+}
 __decorate$2([
     NativeCall,
     __metadata$2("design:type", Function),

doric-js/bundle/doric-vm.js

@@ -2181,10 +2181,8 @@ class Panel {
         }, undefined);
     }
     nativeRender(model) {
-        if (this.context) {
         this.context.shader.render(model);
     }
-    }
     hookBeforeNativeCall() {
         this.__root__.clean();
         for (let v of this.headviews.values()) {
@@ -2193,6 +2191,21 @@ class Panel {
     }
     hookAfterNativeCall() {
         //Here insert a native call to ensure the promise is resolved done.
+        if (Environment.platform === 'h5') {
+            setTimeout(() => {
+                if (this.__root__.isDirty()) {
+                    const model = this.__root__.toModel();
+                    this.nativeRender(model);
+                }
+                for (let v of this.headviews.values()) {
+                    if (v.isDirty()) {
+                        const model = v.toModel();
+                        this.nativeRender(model);
+                    }
+                }
+            }, 0);
+        }
+        else {
             nativeEmpty();
             if (this.__root__.isDirty()) {
                 const model = this.__root__.toModel();
@@ -2206,6 +2219,7 @@ class Panel {
             }
         }
     }
+}
 __decorate$2([
     NativeCall,
     __metadata$2("design:type", Function),

doric-js/src/runtime/global.ts

@@ -20,7 +20,7 @@ export type BridgeContext = { [index: string]: { [index: string]: (args?: any) =
 declare global {
     const context: BridgeContext
     const Environment: {
-        platform: "Android" | "iOS" | "Qt",
+        platform: "Android" | "iOS" | "Qt" | "h5",
 
         platformVersion: string,
 

doric-js/src/ui/panel.ts

@@ -18,6 +18,7 @@ import { View, Group } from "./view"
 import { loge } from '../util/log'
 import { Model } from '../util/types'
 import { Root } from '../widget/layouts'
+import { BridgeContext } from '../runtime/global'
 
 
 export function NativeCall(target: Panel, propertyKey: string, descriptor: PropertyDescriptor) {
@@ -34,7 +35,7 @@ type Frame = { width: number, height: number }
 declare function nativeEmpty(): void
 
 export abstract class Panel {
-    context?: any
+    context!: BridgeContext
     onCreate() { }
     onDestroy() { }
     onShow() { }
@@ -139,10 +140,8 @@ export abstract class Panel {
     }
 
     private nativeRender(model: Model) {
-        if (this.context) {
         this.context.shader.render(model)
     }
-    }
 
     private hookBeforeNativeCall() {
         this.__root__.clean()
@@ -153,6 +152,20 @@ export abstract class Panel {
 
     private hookAfterNativeCall() {
         //Here insert a native call to ensure the promise is resolved done.
+        if (Environment.platform === 'h5') {
+            setTimeout(() => {
+                if (this.__root__.isDirty()) {
+                    const model = this.__root__.toModel()
+                    this.nativeRender(model)
+                }
+                for (let v of this.headviews.values()) {
+                    if (v.isDirty()) {
+                        const model = v.toModel()
+                        this.nativeRender(model)
+                    }
+                }
+            }, 0)
+        } else {
             nativeEmpty()
             if (this.__root__.isDirty()) {
                 const model = this.__root__.toModel()
@@ -165,5 +178,6 @@ export abstract class Panel {
                 }
             }
         }
+    }
 
 }