Doric command line tool refact to typescript

2021-02-05 15:33:21 +08:00
parent e32e6a321a
commit e9035858aa
63 changed files with 2149 additions and 109 deletions
--- a/doric-cli/assets/$.ts
+++ b/doric-cli/assets/$.ts
@@ -0,0 +1,43 @@
+import { Panel, Group, vlayout, layoutConfig, Gravity, text, Text, Color, navbar } from "doric";
+
+@Entry
+class __$__ extends Panel {
+    onShow() {
+        navbar(context).setTitle("__$__")
+    }
+    build(rootView: Group): void {
+        let number: Text
+        let count = 0
+        vlayout([
+            number = text({
+                textSize: 40,
+                text: '0',
+            }),
+            text({
+                text: "Click to count",
+                textSize: 20,
+                backgroundColor: Color.parse('#70a1ff'),
+                textColor: Color.WHITE,
+                onClick: () => {
+                    number.text = `${++count}`
+                },
+                layoutConfig: layoutConfig().just(),
+                width: 200,
+                height: 50,
+            }),
+        ])
+            .apply({
+                layoutConfig: layoutConfig().just().configAlignment(Gravity.Center),
+                width: 200,
+                height: 200,
+                space: 20,
+                border: {
+                    color: Color.BLUE,
+                    width: 1,
+                },
+                gravity: Gravity.Center,
+            })
+            .in(rootView)
+    }
+
+}