;
193 | /**
194 | * 组件状态
195 | */
196 | state: Readonly): Promise {
2 | /**
3 | * 组件的文件路径
4 | */
5 | is: string;
6 | /**
7 | * 节点id
8 | */
9 | id: string;
10 | /**
11 | * 节点dataset
12 | */
13 | dataset: string;
14 | /**
15 | * 组件数据，包括内部数据和属性值
16 | */
17 | data: S;
18 | properties: any;
19 | methods: {
20 | [method: string]: Function;
21 | };
22 | /**
23 | *
24 | * 设置data并执行视图层渲染
25 | */
26 | setData: (data: Partial, cb?: Function) => void;
27 | /**
28 | * 检查组件是否具有 behavior （检查时会递归检查被直接或间接引入的所有behavior）
29 | */
30 | hasBehavior: (behavior: object) => boolean;
31 | /**
32 | *
33 | * 触发事件，参见 组件事件
34 | */
35 | triggerEvent: (name: string, detail: object, options: any) => void;
36 | /**
37 | * 创建一个 SelectorQuery 对象，选择器选取范围为这个组件实例内
38 | */
39 | createSelectorQuery: () => any;
40 | /**
41 | * 使用选择器选择组件实例节点，返回匹配到的第一个组件实例对象
42 | */
43 | selectComponent: (selector: string) => void;
44 | /**
45 | * 使用选择器选择组件实例节点，返回匹配到的全部组件实例对象组成的数组
46 | */
47 | selectAllComponents: (selector: string) => void;
48 | /**
49 | * 获取所有这个关系对应的所有关联节点，参见 组件间关系
50 | */
51 | getRelationNodes: (relationKey: string) => Array = {};
59 |
60 | abstract template: JSX.Element;
61 |
62 | mounted?(): void;
63 |
64 | constructor(public component: Component) {
65 | this.props = Object.assign({}, this.component.properties);
66 | [
67 | // 实例方法
68 | ...Object.getOwnPropertyNames(Object.getPrototypeOf(this)),
69 | ].forEach(method => {
70 | if (typeof this[method] == "function" && ['constructor', 'mounted'].indexOf(method) === -1) {
71 | component[method] = this[method].bind(this);
72 | }
73 | });
74 | }
75 |
76 | setState(state: Partial, cb?: Function) {
77 | this.state = Object.assign({}, this.state, state);
78 | this.component.setData(state, () => {
79 | cb && cb();
80 | });
81 | }
82 |
83 | }
84 |
--------------------------------------------------------------------------------
/src/core/page.ts:
--------------------------------------------------------------------------------
1 | interface Page {
2 | data: S;
3 | setData(data: Partial, cb?: Function): void;
4 | }
5 |
6 | /**
7 | * 小程序Page类, P为page query,S为Page state
8 | */
9 | export abstract class WxPage;
12 | query: P;
13 |
14 | constructor(private page: Page, options: P) {
15 | this.query = options;
16 |
17 | [
18 | // 实例方法
19 | ...Object.getOwnPropertyNames(Object.getPrototypeOf(this)),
20 | ].forEach(method => {
21 | if (typeof this[method] == "function" && ['constructor', 'mounted'].indexOf(method) === -1) {
22 | page[method] = this[method].bind(this);
23 | }
24 | });
25 |
26 | }
27 |
28 | abstract template: JSX.Element;
29 |
30 | mounted?(): void;
31 |
32 | setState(state: Partial, cb?: Function) {
33 | this.state = Object.assign({}, this.state, state);
34 | return new Promise((resolve, reject) => {
35 | this.page.setData(state, () => {
36 | cb && cb();
37 | resolve();
38 | })
39 | })
40 | }
41 |
42 | navigateTo(page: string, query: { [key: string]: number | string | boolean } = {}) {
43 | let url = page + `?${Object.keys(query).map(key => `${key}=${query[key]}`).join('&')}`;
44 | return wx.navigateTo({ url });
45 | }
46 |
47 | redirectTo(page: string, query: { [key: string]: number | string | boolean } = {}) {
48 | let url = page + `?${Object.keys(query).map(key => `${key}=${query[key]}`).join('&')}`;
49 | return wx.redirectTo({ url });
50 | }
51 |
52 | setTitle(title: string) {
53 | wx.setNavigationBarTitle({ title })
54 | }
55 | }
56 |
57 | export function PageConfig