feat:update mvvm

This commit is contained in:
pengfei.zhou 2019-12-06 11:41:13 +08:00
parent aa427cd11a
commit 4570bf8722

View File

@ -16,14 +16,13 @@
import { Group } from "../ui/view" import { Group } from "../ui/view"
import { Panel } from "../ui/panel" import { Panel } from "../ui/panel"
export abstract class ViewHolder<M>{ export abstract class ViewHolder {
abstract build(root: Group): void abstract build(root: Group): void
abstract bind(state: M): void
} }
export type Setter<M> = (state: M) => void export type Setter<M> = (state: M) => void
export abstract class ViewModel<M extends Object, V extends ViewHolder<M>> { export abstract class ViewModel<M extends Object, V extends ViewHolder> {
private state: M private state: M
private viewHolder: V private viewHolder: V
@ -38,22 +37,24 @@ export abstract class ViewModel<M extends Object, V extends ViewHolder<M>> {
updateState(setter: Setter<M>) { updateState(setter: Setter<M>) {
setter(this.state) setter(this.state)
this.viewHolder.bind(this.state) this.onBind(this.state, this.viewHolder)
} }
attach(view: Group) { attach(view: Group) {
this.viewHolder.build(view) this.viewHolder.build(view)
this.viewHolder.bind(this.state)
this.onAttached(this.state, this.viewHolder) this.onAttached(this.state, this.viewHolder)
this.onBind(this.state, this.viewHolder)
} }
abstract onAttached(state: M, vh: V): void abstract onAttached(state: M, vh: V): void
abstract onBind(state: M, vh: V): void
} }
export type ViewModelClass<M, V extends ViewHolder<M>> = new (m: M, v: V) => ViewModel<M, V> export type ViewModelClass<M, V extends ViewHolder> = new (m: M, v: V) => ViewModel<M, V>
export type ViewHolderClass<V> = new () => V export type ViewHolderClass<V> = new () => V
export abstract class VMPanel<M extends Object, V extends ViewHolder<M>> extends Panel { export abstract class VMPanel<M extends Object, V extends ViewHolder> extends Panel {
private vm?: ViewModel<M, V> private vm?: ViewModel<M, V>
private vh?: V private vh?: V