yapi/client/reducer/modules/project.js

import axios from 'axios';
import variable from '../../constants/variable';

// Actions
const FETCH_PROJECT_LIST = 'yapi/project/FETCH_PROJECT_LIST';
const PROJECT_ADD = 'yapi/project/PROJECT_ADD';
const PROJECT_DEL = 'yapi/project/PROJECT_DEL';
const CHANGE_UPDATE_MODAL = 'yapi/project/CHANGE_UPDATE_MODAL';
const CHANGE_TABLE_LOADING = 'yapi/project/CHANGE_TABLE_LOADING';
const PROJECT_UPDATE = 'yapi/project/PROJECT_UPDATE';

// Reducer
const initialState = {
  isUpdateModalShow: false,
  handleUpdateIndex: -1,
  projectList: [],
  userInfo: {},
  tableLoading: true,
  total: 0,
  currPage: 1
};

export default (state = initialState, action) => {
  switch (action.type) {
    case CHANGE_UPDATE_MODAL: {
      return {
        ...state,
        isUpdateModalShow: action.payload.data,
        handleUpdateIndex: action.payload.index
      };
    }
    case CHANGE_TABLE_LOADING: {
      return {
        ...state,
        tableLoading: action.payload
      }
    }
    case FETCH_PROJECT_LIST: {
      return {
        ...state,
        projectList: action.payload.data.data.list,
        total: action.payload.data.data.total,
        userInfo: action.payload.data.data.userinfo
      };
    }
    case PROJECT_ADD: {
      return state;
    }
    case PROJECT_DEL: {
      return state;
    }
    default:
      return state;
  }
};

// Action Creators
export function fetchProjectList(id, pageNum) {
  return {
    type: FETCH_PROJECT_LIST,
    payload: axios.get('/project/list', {
      params: {
        group_id: id,
        page: pageNum || 1,
        limit: variable.PAGE_LIMIT
      }
    })
  };
}

export function changeUpdateModal(data, index) {
  return {
    type: CHANGE_UPDATE_MODAL,
    payload: { data, index }
  };
}

export function changeTableLoading(data) {
  return {
    type: CHANGE_TABLE_LOADING,
    payload: data
  };
}

export function addProject(data) {
  const { name, prd_host, basepath, desc, group_id, protocol } = data;
  const param = {
    name,
    prd_host,
    protocol,
    basepath,
    desc,
    group_id
  };
  return {
    type: PROJECT_ADD,
    // payload 可以返回 Promise，异步请求使用 axios 即可
    payload: axios.post('/project/add', param)
  };
}

export function updateProject(data) {
  const { name, prd_host, basepath, desc, _id, protocol, env } = data;
  const param = {
    name,
    prd_host,
    protocol,
    basepath,
    desc,
    id: _id,
    env
  };
  return {
    type: PROJECT_UPDATE,
    // payload 可以返回 Promise，异步请求使用 axios 即可
    payload: axios.post('/project/up', param)
  };
}

export function delProject(id) {
  const param = { id };
  return {
    type: PROJECT_DEL,
    // payload 可以返回 Promise，异步请求使用 axios 即可
    payload: axios.post('/project/del', param)
  };
}