add front end code (#27)

web/src/pages/chat/index.tsx

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { IndexModelState, ConnectProps, Loading, connect } from 'umi';
+
+interface PageProps extends ConnectProps {
+    index: IndexModelState;
+    loading: boolean;
+}
+
+const IndexPage: FC<PageProps> = ({ index, dispatch }) => {
+    const { name } = index;
+    return <div>chat: {name}</div>;
+};
+
+export default connect(
+    ({ index, loading }: { index: IndexModelState; loading: Loading }) => ({
+        index,
+        loading: loading.models.index,
+    }),
+)(IndexPage);

web/src/pages/chat/model.ts

@@ -0,0 +1,52 @@
+import { Effect, ImmerReducer, Reducer, Subscription } from 'umi';
+
+export interface IndexModelState {
+    name: string;
+}
+
+export interface IndexModelType {
+    namespace: 'index';
+    state: IndexModelState;
+    effects: {
+        query: Effect;
+    };
+    reducers: {
+        save: Reducer<IndexModelState>;
+        // 启用 immer 之后
+        // save: ImmerReducer<IndexModelState>;
+    };
+    subscriptions: { setup: Subscription };
+}
+
+const IndexModel: IndexModelType = {
+    namespace: 'index',
+    state: {
+        name: 'kate',
+    },
+
+    effects: {
+        *query({ payload }, { call, put }) { },
+    },
+    reducers: {
+        save(state, action) {
+            return {
+                ...state,
+                ...action.payload,
+            };
+        },
+        // 启用 immer 之后
+        // save(state, action) {
+        //   state.name = action.payload;
+        // },
+    },
+    subscriptions: {
+        setup({ dispatch, history }) {
+            return history.listen((query) => {
+                console.log(query)
+
+            });
+        },
+    },
+};
+
+export default IndexModel;