266 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			266 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import { MockRequest, MockStatusError } from '@delon/mock';
 | 
						||
 | 
						||
// region: mock data
 | 
						||
 | 
						||
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 covers = [
 | 
						||
  'https://gw.alipayobjects.com/zos/rmsportal/HrxcVbrKnCJOZvtzSqjN.png',
 | 
						||
  'https://gw.alipayobjects.com/zos/rmsportal/alaPpKWajEbIYEUvvVNf.png',
 | 
						||
  'https://gw.alipayobjects.com/zos/rmsportal/RLwlKSYGSXGHuWSojyvp.png',
 | 
						||
  'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
 | 
						||
];
 | 
						||
const desc = [
 | 
						||
  '那是一种内在的东西, 他们到达不了,也无法触及的',
 | 
						||
  '希望是一个好东西,也许是最好的,好东西是不会消亡的',
 | 
						||
  '生命就像一盒巧克力,结果往往出人意料',
 | 
						||
  '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
 | 
						||
  '那时候我只会想自己想要什么,从不想自己拥有什么',
 | 
						||
];
 | 
						||
 | 
						||
const user = ['卡色', 'cipchk', '付小小', '曲丽丽', '林东东', '周星星', '吴加好', '朱偏右', '鱼酱', '乐哥', '谭小仪', '仲尼'];
 | 
						||
 | 
						||
// endregion
 | 
						||
 | 
						||
function getFakeList(count: number = 20): any[] {
 | 
						||
  const list: any[] = [];
 | 
						||
  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).toString(), 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: '曲丽丽',
 | 
						||
        },
 | 
						||
        {
 | 
						||
          avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
 | 
						||
          name: '王昭君',
 | 
						||
        },
 | 
						||
        {
 | 
						||
          avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
 | 
						||
          name: '董娜娜',
 | 
						||
        },
 | 
						||
      ],
 | 
						||
    });
 | 
						||
  }
 | 
						||
 | 
						||
  return list;
 | 
						||
}
 | 
						||
 | 
						||
function getNotice(): any[] {
 | 
						||
  return [
 | 
						||
    {
 | 
						||
      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: '',
 | 
						||
    },
 | 
						||
  ];
 | 
						||
}
 | 
						||
 | 
						||
function getActivities(): any[] {
 | 
						||
  return [
 | 
						||
    {
 | 
						||
      id: 'trend-1',
 | 
						||
      updatedAt: new Date(),
 | 
						||
      user: {
 | 
						||
        name: '林东东',
 | 
						||
        avatar: avatars[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: avatars[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: avatars[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: avatars[3],
 | 
						||
      },
 | 
						||
      project: {
 | 
						||
        name: '5 月日常迭代',
 | 
						||
        link: 'http://github.com/',
 | 
						||
      },
 | 
						||
      template: '将 @{project} 更新至已发布状态',
 | 
						||
    },
 | 
						||
    {
 | 
						||
      id: 'trend-5',
 | 
						||
      updatedAt: new Date(),
 | 
						||
      user: {
 | 
						||
        name: '朱偏右',
 | 
						||
        avatar: avatars[4],
 | 
						||
      },
 | 
						||
      project: {
 | 
						||
        name: '工程效能',
 | 
						||
        link: 'http://github.com/',
 | 
						||
      },
 | 
						||
      comment: {
 | 
						||
        name: '留言',
 | 
						||
        link: 'http://github.com/',
 | 
						||
      },
 | 
						||
      template: '在 @{project} 发布了 @{comment}',
 | 
						||
    },
 | 
						||
    {
 | 
						||
      id: 'trend-6',
 | 
						||
      updatedAt: new Date(),
 | 
						||
      user: {
 | 
						||
        name: '乐哥',
 | 
						||
        avatar: avatars[5],
 | 
						||
      },
 | 
						||
      group: {
 | 
						||
        name: '程序员日常',
 | 
						||
        link: 'http://github.com/',
 | 
						||
      },
 | 
						||
      project: {
 | 
						||
        name: '品牌迭代',
 | 
						||
        link: 'http://github.com/',
 | 
						||
      },
 | 
						||
      template: '在 @{group} 新建项目 @{project}',
 | 
						||
    },
 | 
						||
  ];
 | 
						||
}
 | 
						||
 | 
						||
export const APIS = {
 | 
						||
  '/api/list': (req: MockRequest) => getFakeList(req.queryString.count),
 | 
						||
  '/api/notice': () => getNotice(),
 | 
						||
  '/api/activities': () => getActivities(),
 | 
						||
  'POST /api/auth/refresh': { msg: 'ok', token: 'new-token-by-refresh' },
 | 
						||
  '/api/401': () => {
 | 
						||
    throw new MockStatusError(401);
 | 
						||
  },
 | 
						||
  '/api/403': () => {
 | 
						||
    throw new MockStatusError(403);
 | 
						||
  },
 | 
						||
  '/api/404': () => {
 | 
						||
    throw new MockStatusError(404);
 | 
						||
  },
 | 
						||
  '/api/500': () => {
 | 
						||
    throw new MockStatusError(500);
 | 
						||
  },
 | 
						||
};
 |