add tsx support

doric-js/src/util/index.util.ts

@@ -19,4 +19,5 @@ export * from './layoutconfig'
 export * from './log'
 export * from './types'
 export * from './uniqueId'
-export * from './flexbox'
+export * from './flexbox'
+export * from './jsx'

doric-js/src/util/jsx.ts

@@ -0,0 +1,40 @@
+import { Group, View } from "../ui/view";
+import { ClassType } from "./types";
+
+export const jsx = {
+    createElement: function <T extends View>(
+        constructor: ClassType<T>,
+        config: Partial<T> | null,
+        ...children: View[]
+    ): T {
+        const e = new constructor();
+        if (config) {
+            for (let key in config) {
+                Reflect.set(e, key, Reflect.get(config, key, config), e);
+            }
+        }
+        if (children && children.length > 0) {
+            if (e instanceof Group) {
+                children.forEach((child) => e.addChild(child));
+            } else {
+                throw new Error(
+                    `Can only add child to group view, do not support ${constructor.name}`
+                );
+            }
+        }
+        return e;
+    },
+}
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements { }
+        interface ElementClass extends View { }
+        interface ElementAttributesProperty {
+            props: {};
+        }
+        interface ElementChildrenAttribute {
+            children: View[];
+        }
+    }
+}