feat: add ModularPanel

doric-js/lib/src/pattern/modular.d.ts

@@ -0,0 +1,14 @@
+import { Panel } from "../ui/panel";
+import { Group } from "../ui/view";
+export declare abstract class ModularPanel extends Panel {
+    private modules;
+    constructor(modules: Panel[]);
+    abstract setupModules(): Panel[];
+    abstract setupShelf(root: Group): Group;
+    build(root: Group): void;
+    onCreate(): void;
+    onDestroy(): void;
+    onShow(): void;
+    onHidden(): void;
+    onRenderFinished(): void;
+}

doric-js/lib/src/pattern/modular.js

@@ -0,0 +1,45 @@
+import { Panel } from "../ui/panel";
+export class ModularPanel extends Panel {
+    constructor(modules) {
+        super();
+        this.modules = [];
+        this.modules = modules;
+    }
+    build(root) {
+        const groupView = this.setupShelf(root);
+        this.modules.forEach(e => {
+            Reflect.set(e, "__root__", groupView);
+            e.build(groupView);
+        });
+    }
+    onCreate() {
+        super.onCreate();
+        this.modules.forEach(e => {
+            e.onCreate();
+        });
+    }
+    onDestroy() {
+        super.onDestroy();
+        this.modules.forEach(e => {
+            e.onDestroy();
+        });
+    }
+    onShow() {
+        super.onShow();
+        this.modules.forEach(e => {
+            e.onShow();
+        });
+    }
+    onHidden() {
+        super.onHidden();
+        this.modules.forEach(e => {
+            e.onHidden();
+        });
+    }
+    onRenderFinished() {
+        super.onRenderFinished();
+        this.modules.forEach(e => {
+            e.onRenderFinished();
+        });
+    }
+}

doric-js/lib/src/pattern/mvvm.d.ts

@@ -1,6 +1,7 @@
 import { Group } from "../ui/view";
 import { Panel } from "../ui/panel";
 import { BridgeContext } from "../runtime/global";
+import { ClassType } from "../util/types";
 export declare abstract class ViewHolder {
     abstract build(root: Group): void;
 }
@@ -17,7 +18,6 @@ export declare abstract class ViewModel<M extends Object, V extends ViewHolder>
     abstract onAttached(state: M, vh: V): void;
     abstract onBind(state: M, vh: V): void;
 }
-export declare type ClassType<T> = new (...args: any) => T;
 export declare abstract class VMPanel<M extends Object, V extends ViewHolder> extends Panel {
     private vm?;
     private vh?;