improve cardlist block code

@@ -14,11 +14,6 @@
     "ant-design-pro": "^2.1.1",
     "antd": "^3.10.9",
     "dva": "^2.4.0",
-    "hash.js": "^1.1.5",
-    "mockjs": "*",
-    "moment": "^2.22.2",
-    "nzh": "^1.0.3",
-    "qs": "^6.6.0",
     "react": "^16.6.3",
     "umi-request": "^1.0.0"
   },

-let sourceData;
-
 const titles = [
   'Alipay',
   'Angular',
@@ -21,19 +19,6 @@ const avatars = [
   'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
 ];
 
-const avatars2 = [
-  'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
-];
-
 const covers = [
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
@@ -114,43 +99,9 @@ function getFakeList(req, res) {
   const count = params.count * 1 || 20;
 
   const result = fakeList(count);
-  sourceData = result;
-  return res.json(result);
-}
-
-function postFakeList(req, res) {
-  const { /* url = '', */ body } = req;
-  // const params = getUrlParams(url);
-  const { method, id } = body;
-  // const count = (params.count * 1) || 20;
-  let result = sourceData;
-
-  switch (method) {
-    case 'delete':
-      result = result.filter(item => item.id !== id);
-      break;
-    case 'update':
-      result.forEach((item, i) => {
-        if (item.id === id) {
-          result[i] = Object.assign(item, body);
-        }
-      });
-      break;
-    case 'post':
-      result.unshift({
-        body,
-        id: `fake-list-${result.length}`,
-        createdAt: new Date().getTime(),
-      });
-      break;
-    default:
-      break;
-  }
-
   return res.json(result);
 }
 
 export default {
-  'GET /api/fake_list': getFakeList,
-  'POST /api/fake_list': postFakeList,
+  'GET /api/BLOCK_NAME/fake_list': getFakeList,
 };

@@ -7,15 +7,15 @@ import PageHeaderWrapper from './components/PageHeaderWrapper';
 
 import styles from './style.less';
 
-@connect(({ list, loading }) => ({
-  list,
+@connect(({ BLOCK_NAME, loading }) => ({
+  BLOCK_NAME,
   loading: loading.models.list,
 }))
-class CardList extends PureComponent {
+class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent {
   componentDidMount() {
     const { dispatch } = this.props;
     dispatch({
-      type: 'list/fetch',
+      type: 'BLOCK_NAME/fetch',
       payload: {
         count: 8,
       },
@@ -24,7 +24,7 @@ class CardList extends PureComponent {
 
   render() {
     const {
-      list: { list },
+      BLOCK_NAME: { list },
       loading,
     } = this.props;
 
@@ -98,4 +98,4 @@ class CardList extends PureComponent {
   }
 }
 
-export default CardList;
+export default PAGE_NAME_UPPER_CAMEL_CASE;

-import { queryFakeList, removeFakeList, addFakeList, updateFakeList } from './service';
+import { queryFakeList } from './service';
 
 export default {
-  namespace: 'list',
+  namespace: 'BLOCK_NAME',
 
   state: {
     list: [],
@@ -15,26 +15,6 @@ export default {
         payload: Array.isArray(response) ? response : [],
       });
     },
-    *appendFetch({ payload }, { call, put }) {
-      const response = yield call(queryFakeList, payload);
-      yield put({
-        type: 'appendList',
-        payload: Array.isArray(response) ? response : [],
-      });
-    },
-    *submit({ payload }, { call, put }) {
-      let callback;
-      if (payload.id) {
-        callback = Object.keys(payload).length === 1 ? removeFakeList : updateFakeList;
-      } else {
-        callback = addFakeList;
-      }
-      const response = yield call(callback, payload); // post
-      yield put({
-        type: 'queryList',
-        payload: response,
-      });
-    },
   },
 
   reducers: {
@@ -44,11 +24,5 @@ export default {
         list: action.payload,
       };
     },
-    appendList(state, action) {
-      return {
-        ...state,
-        list: state.list.concat(action.payload),
-      };
-    },
   },
 };

 import request from 'umi-request';
 
 export async function queryFakeList(params) {
-  return request(`/api/fake_list`, {
+  return request(`/api/BLOCK_NAME/fake_list`, {
     params,
   });
 }
-
-export async function removeFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'delete',
-    },
-  });
-}
-
-export async function addFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'post',
-    },
-  });
-}
-
-export async function updateFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'update',
-    },
-  });
-}

 @import '~antd/lib/style/themes/default.less';
-@import '~@/utils/utils.less';
+@import './utils/utils.less';
 
 .cardList {
   margin-bottom: -24px;