ant-design-vue-pro/mock/api.js

const mockjs = require("mockjs");

const titles = [
  "Alipay",
  "Angular",
  "Ant Design",
  "Ant Design Pro",
  "Bootstrap",
  "React",
  "Vue",
  "Webpack"
];
const avatars = [
  "https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png", // Alipay
  "https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png", // Angular
  "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png", // Ant Design
  "https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png", // Ant Design Pro
  "https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png", // Bootstrap
  "https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png", // React
  "https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png", // Vue
  "https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png" // Webpack
];

const avatars2 = [
  "https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/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",
  "https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png",
  "https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png"
];
const desc = [
  "那是一种内在的东西， 他们到达不了，也无法触及的",
  "希望是一个好东西，也许是最好的，好东西是不会消亡的",
  "生命就像一盒巧克力，结果往往出人意料",
  "城镇中有那么多的酒馆，她却偏偏走进了我的酒馆",
  "那时候我只会想自己想要什么，从不想自己拥有什么"
];

const user = [
  "付小小",
  "曲丽丽",
  "林东东",
  "周星星",
  "吴加好",
  "朱偏右",
  "鱼酱",
  "乐哥",
  "谭小仪",
  "仲尼"
];

function fakeList(count) {
  const list = [];
  for (let i = 0; i < count; i += 1) {
    list.push({
      id: `fake-list-${i}`,
      owner: user[i % 10],
      title: titles[i % 8],
      avatar: avatars[i % 8],
      cover:
        parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
      status: ["active", "exception", "normal"][i % 3],
      percent: Math.ceil(Math.random() * 50) + 50,
      logo: avatars[i % 8],
      href: "https://ant.design",
      updatedAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
      createdAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
      subDescription: desc[i % 5],
      description:
        "在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。",
      activeUser: Math.ceil(Math.random() * 100000) + 100000,
      newUser: Math.ceil(Math.random() * 1000) + 1000,
      star: Math.ceil(Math.random() * 100) + 100,
      like: Math.ceil(Math.random() * 100) + 100,
      message: Math.ceil(Math.random() * 10) + 10,
      content:
        "段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。",
      members: [
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png",
          name: "曲丽丽",
          id: "member1"
        },
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png",
          name: "王昭君",
          id: "member2"
        },
        {
          avatar:
            "https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png",
          name: "董娜娜",
          id: "member3"
        }
      ]
    });
  }

  return list;
}

let sourceData;

function getFakeList(req, res) {
  const params = req.query;

  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);
}

const getNotice = [
  {
    id: "xxx1",
    title: titles[0],
    logo: avatars[0],
    description: "那是一种内在的东西，他们到达不了，也无法触及的",
    updatedAt: new Date(),
    member: "科学搬砖组",
    href: "",
    memberLink: ""
  },
  {
    id: "xxx2",
    title: titles[1],
    logo: avatars[1],
    description: "希望是一个好东西，也许是最好的，好东西是不会消亡的",
    updatedAt: new Date("2017-07-24"),
    member: "全组都是吴彦祖",
    href: "",
    memberLink: ""
  },
  {
    id: "xxx3",
    title: titles[2],
    logo: avatars[2],
    description: "城镇中有那么多的酒馆，她却偏偏走进了我的酒馆",
    updatedAt: new Date(),
    member: "中二少女团",
    href: "",
    memberLink: ""
  },
  {
    id: "xxx4",
    title: titles[3],
    logo: avatars[3],
    description: "那时候我只会想自己想要什么，从不想自己拥有什么",
    updatedAt: new Date("2017-07-23"),
    member: "程序员日常",
    href: "",
    memberLink: ""
  },
  {
    id: "xxx5",
    title: titles[4],
    logo: avatars[4],
    description: "凛冬将至",
    updatedAt: new Date("2017-07-23"),
    member: "高逼格设计天团",
    href: "",
    memberLink: ""
  },
  {
    id: "xxx6",
    title: titles[5],
    logo: avatars[5],
    description: "生命就像一盒巧克力，结果往往出人意料",
    updatedAt: new Date("2017-07-23"),
    member: "骗你来学计算机",
    href: "",
    memberLink: ""
  }
];

const getActivities = [
  {
    id: "trend-1",
    updatedAt: new Date(),
    user: {
      name: "曲丽丽",
      avatar: avatars2[0]
    },
    group: {
      name: "高逼格设计天团",
      link: "http://github.com/"
    },
    project: {
      name: "六月迭代",
      link: "http://github.com/"
    },
    template: "在 @{group} 新建项目 @{project}"
  },
  {
    id: "trend-2",
    updatedAt: new Date(),
    user: {
      name: "付小小",
      avatar: avatars2[1]
    },
    group: {
      name: "高逼格设计天团",
      link: "http://github.com/"
    },
    project: {
      name: "六月迭代",
      link: "http://github.com/"
    },
    template: "在 @{group} 新建项目 @{project}"
  },
  {
    id: "trend-3",
    updatedAt: new Date(),
    user: {
      name: "林东东",
      avatar: avatars2[2]
    },
    group: {
      name: "中二少女团",
      link: "http://github.com/"
    },
    project: {
      name: "六月迭代",
      link: "http://github.com/"
    },
    template: "在 @{group} 新建项目 @{project}"
  },
  {
    id: "trend-4",
    updatedAt: new Date(),
    user: {
      name: "周星星",
      avatar: avatars2[4]
    },
    project: {
      name: "5 月日常迭代",
      link: "http://github.com/"
    },
    template: "将 @{project} 更新至已发布状态"
  },
  {
    id: "trend-5",
    updatedAt: new Date(),
    user: {
      name: "朱偏右",
      avatar: avatars2[3]
    },
    project: {
      name: "工程效能",
      link: "http://github.com/"
    },
    comment: {
      name: "留言",
      link: "http://github.com/"
    },
    template: "在 @{project} 发布了 @{comment}"
  },
  {
    id: "trend-6",
    updatedAt: new Date(),
    user: {
      name: "乐哥",
      avatar: avatars2[5]
    },
    group: {
      name: "程序员日常",
      link: "http://github.com/"
    },
    project: {
      name: "品牌迭代",
      link: "http://github.com/"
    },
    template: "在 @{group} 新建项目 @{project}"
  }
];

function getFakeCaptcha(req, res) {
  return res.json("captcha-xxx");
}

module.exports = {
  "GET /api/project/notice": getNotice,
  "GET /api/activities": getActivities,
  "POST /api/forms": (req, res) => {
    res.send({ message: "Ok" });
  },
  "GET /api/tags": mockjs.mock({
    "list|100": [{ name: "@city", "value|1-100": 150, "type|0-2": 1 }]
  }),
  "GET /api/fake_list": getFakeList,
  "POST /api/fake_list": postFakeList,
  "GET /api/captcha": getFakeCaptcha
};