54 lines
1.3 KiB
TypeScript
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")
|
|
}
|
|
} |