This repository has been archived on 2024-07-22. You can view files and clone it, but cannot push or open issues or pull requests.
Doric/js-framework/demo.ts
2019-07-24 16:38:34 +08:00

54 lines
1.3 KiB
TypeScript

import { VMPanel, View, ViewModel, WRAP_CONTENT, Gravity, Mutable, NativeCall, Text, Color, VLayout, Panel, log, logw, loge, Group, Stack, } from "./index"
import { CENTER } from "./src/util/gravity";
interface CountModel {
count: number
}
class CounterVM extends ViewModel<CountModel> {
build(root: Group, model: CountModel) {
const vlayout = new VLayout
const number = new Text
number.textSize = 40
number.layoutConfig = {
alignment: new Gravity().center()
}
const counter = new Text
counter.text = "点击计数"
counter.textSize = 20
vlayout.space = 20
vlayout.layoutConfig = {
alignment: new Gravity().center()
}
vlayout.addChild(number)
vlayout.addChild(counter)
root.addChild(vlayout)
this.bind((data) => {
number.text = data.count.toString()
loge(`data changed:${data.count},${vlayout.isDirty()}`)
})
counter.onClick = () => {
model.count++
loge('onclick', model.count)
}
}
}
@Entry
class MyPage extends VMPanel<CountModel>{
createVM(): ViewModel<CountModel> {
return new CounterVM({ count: 0 })
}
@NativeCall
log() {
log("Hello.HEGO")
logw("Hello.HEGO")
loge("Hello.HEGO")
}
}