feat:refact View Dirty Props,prepare to use in ListView

demo/src/Counter.ts

@@ -13,7 +13,9 @@ class CounterView extends ViewHolder<CountModel> {
             text({
                 textSize: 40,
                 layoutConfig: {
-                    alignment: new Gravity().center()
+                    alignment: new Gravity().center(),
+                    widthSpec: LayoutSpec.WRAP_CONTENT,
+                    heightSpec: LayoutSpec.WRAP_CONTENT,
                 },
             }).also(it => { this.number = it }),
             text({
@@ -25,7 +27,9 @@ class CounterView extends ViewHolder<CountModel> {
                 },
                 corners: 5,
                 layoutConfig: {
-                    alignment: new Gravity().center()
+                    alignment: new Gravity().center(),
+                    widthSpec: LayoutSpec.WRAP_CONTENT,
+                    heightSpec: LayoutSpec.WRAP_CONTENT,
                 },
                 shadow: {
                     color: Color.parse("#00ff00"),

js-framework/src/ui/listview.ts

@@ -44,6 +44,10 @@ export class List extends Superview {
         return this.cachedViews.get(id)
     }
 
+    allSubviews() {
+        return this.cachedViews.values()
+    }
+
     @Property
     itemCount = 0
 

js-framework/src/ui/panel.ts

@@ -99,8 +99,8 @@ export abstract class Panel {
 
     private retrospectView(ids: string[]): View {
         return ids.reduce((acc: View, cur) => {
-            if (Reflect.has(acc, "subViewById")) {
-                return Reflect.apply(Reflect.get(acc, "subViewById"), acc, [cur])
+            if (Reflect.has(acc, "subviewById")) {
+                return Reflect.apply(Reflect.get(acc, "subviewById"), acc, [cur])
             }
             return acc
         }, this.__root__)

js-framework/src/ui/view.ts

@@ -254,6 +254,20 @@ export abstract class View implements Modeling, IView {
 
 export abstract class Superview extends View {
     abstract subviewById(id: string): View | undefined
+    abstract allSubviews(): Iterable<View>
+
+    isDirty() {
+        if (super.isDirty()) {
+            return true
+        } else {
+            for (const v of this.allSubviews()) {
+                if (v.isDirty()) {
+                    return true
+                }
+            }
+        }
+        return false
+    }
 }
 
 export abstract class Group extends Superview {
@@ -276,6 +290,10 @@ export abstract class Group extends Superview {
         return undefined
     }
 
+    allSubviews() {
+        return this.children
+    }
+
     addChild(view: View) {
         this.children.push(view)
     }