improve searchlistarticles block

@@ -15,11 +15,7 @@
     "antd": "^3.10.9",
     "antd": "^3.10.9",
     "classnames": "^2.2.6",
     "classnames": "^2.2.6",
     "dva": "^2.4.0",
     "dva": "^2.4.0",
-    "hash.js": "^1.1.5",
-    "mockjs": "*",
     "moment": "^2.22.2",
     "moment": "^2.22.2",
-    "nzh": "^1.0.3",
-    "qs": "^6.6.0",
     "react": "^16.6.3",
     "react": "^16.6.3",
     "umi-request": "^1.0.0"
     "umi-request": "^1.0.0"
   },
   },

-let sourceData;
-
 const titles = [
 const titles = [
   'Alipay',
   'Alipay',
   'Angular',
   'Angular',
@@ -21,19 +19,6 @@ const avatars = [
   'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
   '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 = [
 const covers = [
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
@@ -114,43 +99,9 @@ function getFakeList(req, res) {
   const count = params.count * 1 || 20;
   const count = params.count * 1 || 20;
 
 
   const result = fakeList(count);
   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);
   return res.json(result);
 }
 }
 
 
 export default {
 export default {
-  'GET /api/fake_list': getFakeList,
-  'POST /api/fake_list': postFakeList,
+  'GET /api/BLOCK_NAME/fake_list': getFakeList,
 };
 };

@@ -3,8 +3,8 @@ import { connect } from 'dva';
 import { Form, Card, Select, List, Tag, Icon, Row, Col, Button } from 'antd';
 import { Form, Card, Select, List, Tag, Icon, Row, Col, Button } from 'antd';
 
 
 import TagSelect from 'ant-design-pro/lib/TagSelect';
 import TagSelect from 'ant-design-pro/lib/TagSelect';
-import StandardFormRow from '@/components/StandardFormRow';
-import ArticleListContent from '@/components/ArticleListContent';
+import StandardFormRow from './components/StandardFormRow';
+import ArticleListContent from './components/ArticleListContent';
 import styles from './style.less';
 import styles from './style.less';
 
 
 const { Option } = Select;
 const { Option } = Select;
@@ -12,9 +12,9 @@ const FormItem = Form.Item;
 
 
 const pageSize = 5;
 const pageSize = 5;
 
 
-@connect(({ list, loading }) => ({
-  list,
-  loading: loading.models.list,
+@connect(({ BLOCK_NAME, loading }) => ({
+  BLOCK_NAME,
+  loading: loading.models.BLOCK_NAME,
 }))
 }))
 @Form.create({
 @Form.create({
   onValuesChange({ dispatch }, changedValues, allValues) {
   onValuesChange({ dispatch }, changedValues, allValues) {
@@ -23,7 +23,7 @@ const pageSize = 5;
     console.log(changedValues, allValues);
     console.log(changedValues, allValues);
     // 模拟查询表单生效
     // 模拟查询表单生效
     dispatch({
     dispatch({
-      type: 'list/fetch',
+      type: 'BLOCK_NAME/fetch',
       payload: {
       payload: {
         count: 5,
         count: 5,
       },
       },
@@ -34,7 +34,7 @@ class SearchList extends Component {
   componentDidMount() {
   componentDidMount() {
     const { dispatch } = this.props;
     const { dispatch } = this.props;
     dispatch({
     dispatch({
-      type: 'list/fetch',
+      type: 'BLOCK_NAME/fetch',
       payload: {
       payload: {
         count: 5,
         count: 5,
       },
       },
@@ -51,7 +51,7 @@ class SearchList extends Component {
   fetchMore = () => {
   fetchMore = () => {
     const { dispatch } = this.props;
     const { dispatch } = this.props;
     dispatch({
     dispatch({
-      type: 'list/appendFetch',
+      type: 'BLOCK_NAME/appendFetch',
       payload: {
       payload: {
         count: pageSize,
         count: pageSize,
       },
       },
@@ -61,7 +61,7 @@ class SearchList extends Component {
   render() {
   render() {
     const {
     const {
       form,
       form,
-      list: { list },
+      BLOCK_NAME: { list },
       loading,
       loading,
     } = this.props;
     } = this.props;
     const { getFieldDecorator } = form;
     const { getFieldDecorator } = form;

-import { queryFakeList, removeFakeList, addFakeList, updateFakeList } from './service';
+import { queryFakeList } from './service';
 
 
 export default {
 export default {
-  namespace: 'list',
+  namespace: 'BLOCK_NAME',
 
 
   state: {
   state: {
     list: [],
     list: [],
@@ -22,19 +22,6 @@ export default {
         payload: Array.isArray(response) ? response : [],
         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: {
   reducers: {

 import request from 'umi-request';
 import request from 'umi-request';
 
 
 export async function queryFakeList(params) {
 export async function queryFakeList(params) {
-  return request(`/api/fake_list`, {
+  return request(`/api/BLOCK_NAME/fake_list`, {
     params,
     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',
-    },
-  });
-}