fix all eslint-error (ant-design#28)

* run eslint fix

* import sorted

* fix some warning

* fix all eslint-error

* fix all eslint-error

* fix all eslint error

* remove .eslintcache

Author: chenshuai2144

Diff for: .eslintignore

@@ -1,3 +1,5 @@
 /functions/mock/**
 /scripts
-/config
+/config
+**/node_modules/**
+_scripts

Diff for: .eslintrc.js

@@ -1,39 +1,14 @@
+const fabric = require('@umijs/fabric');
+
 module.exports = {
-  parser: 'babel-eslint',
-  extends: ['airbnb', 'prettier', 'plugin:compat/recommended'],
-  env: {
-    browser: true,
-    node: true,
-    es6: true,
-    mocha: true,
-    jest: true,
-    jasmine: true,
+  ...fabric.default,
+  rules: {
+    ...fabric.default.rules,
+    '@typescript-eslint/camelcase': 0,
+    '@typescript-eslint/class-name-casing': 0,
   },
   globals: {
-    APP_TYPE: true,
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
     page: true,
   },
-  rules: {
-    'react/jsx-filename-extension': [1, { extensions: ['.js'] }],
-    'react/jsx-wrap-multilines': 0,
-    'react/prop-types': 0,
-    'react/forbid-prop-types': 0,
-    'react/jsx-one-expression-per-line': 0,
-    'import/no-unresolved': [2, { ignore: ['^@/', '^umi/'] }],
-    'import/no-extraneous-dependencies': [
-      2,
-      {
-        optionalDependencies: true,
-        devDependencies: ['**/tests/**.js', '/mock/**.js', '**/**.test.js'],
-      },
-    ],
-    'jsx-a11y/no-noninteractive-element-interactions': 0,
-    'jsx-a11y/click-events-have-key-events': 0,
-    'jsx-a11y/no-static-element-interactions': 0,
-    'jsx-a11y/anchor-is-valid': 0,
-    'linebreak-style': 0,
-  },
-  settings: {
-    polyfills: ['fetch', 'promises', 'url'],
-  },
 };

Diff for: .gitignore

@@ -35,4 +35,6 @@ functions/mock
 
 # screenshot
 screenshot
-.firebase
+.firebase
+
+.eslintcache

Diff for: .prettierrc

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.prettier,
+};

Diff for: .prettierrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.stylelint,
+};

Diff for: .stylelintrc.js

@@ -11,16 +11,21 @@
     "url": "https://github.com/umijs/umi-blocks/ant-design-pro/accountcenter"
   },
   "dependencies": {
+    "@ant-design/pro-layout": "^4.5.5",
     "antd": "^3.16.3",
+    "classnames": "^2.2.6",
     "dva": "^2.4.0",
+    "moment": "^2.24.0",
     "numeral": "^2.0.6",
     "react": "^16.6.3",
+    "react-router": "^5.0.1",
+    "redux": "^4.0.1",
     "umi-request": "^1.0.0"
   },
   "devDependencies": {
     "umi": "^2.6.9",
-    "umi-plugin-react": "^1.7.2",
-    "umi-plugin-block-dev": "^1.0.0"
+    "umi-plugin-block-dev": "^1.0.0",
+    "umi-plugin-react": "^1.7.2"
   },
   "license": "ISC",
   "blockConfig": {

Diff for: .stylelintrc.json

@@ -1,4 +1,4 @@
-import { ListItemDataType } from './data';
+import { ListItemDataType } from './data.d';
 
 const titles = [
   'Alipay',
@@ -21,69 +21,6 @@ const avatars = [
   'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
 ];
 
-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 covers = [
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
@@ -119,7 +56,7 @@ function fakeList(count: number): ListItemDataType[] {
       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)],
+      cover: parseInt(`${i / 4}`, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
       status: ['active', 'exception', 'normal'][i % 3] as
         | 'normal'
         | 'exception'

Diff for: AccountCenter/package.json

@@ -1,9 +1,10 @@
+import { Avatar, Card, Dropdown, Icon, List, Menu, Tooltip } from 'antd';
 import React, { Component } from 'react';
-import { List, Card, Icon, Dropdown, Menu, Avatar, Tooltip } from 'antd';
-import numeral from 'numeral';
+
 import { connect } from 'dva';
-import stylesApplications from './index.less';
+import numeral from 'numeral';
 import { ModalState } from '../../model';
+import stylesApplications from './index.less';
 
 export function formatWan(val: number) {
   const v = val * 1;

Diff for: AccountCenter/src/_mock.ts

@@ -1,6 +1,6 @@
+import { Avatar } from 'antd';
 import React from 'react';
 import moment from 'moment';
-import { Avatar } from 'antd';
 import styles from './index.less';
 
 export interface ApplicationsProps {

Diff for: AccountCenter/src/components/Applications/index.tsx

@@ -1,10 +1,11 @@
+import { Icon, List, Tag } from 'antd';
 import React, { Component } from 'react';
-import { List, Icon, Tag } from 'antd';
+
 import { connect } from 'dva';
 import ArticleListContent from '../ArticleListContent';
-import styles from './index.less';
+import { ListItemDataType } from '../../data.d';
 import { ModalState } from '../../model';
-import { ListItemDataType } from '../../data';
+import styles from './index.less';
 
 @connect(({ BLOCK_NAME_CAMEL_CASE }: { BLOCK_NAME_CAMEL_CASE: ModalState }) => ({
   list: BLOCK_NAME_CAMEL_CASE.list,

Diff for: AccountCenter/src/components/ArticleListContent/index.tsx

@@ -1,5 +1,6 @@
+import { Avatar, Tooltip } from 'antd';
+
 import React from 'react';
-import { Tooltip, Avatar } from 'antd';
 import classNames from 'classnames';
 import styles from './index.less';
 
@@ -19,10 +20,10 @@ export interface AvatarListProps {
   maxLength?: number;
   excessItemsStyle?: React.CSSProperties;
   style?: React.CSSProperties;
-  children: React.ReactElement<AvatarItemProps> | Array<React.ReactElement<AvatarItemProps>>;
+  children: React.ReactElement<AvatarItemProps> | React.ReactElement<AvatarItemProps>[];
 }
 
-const avatarSizeToClassName = (size?: SizeType) =>
+const avatarSizeToClassName = (size?: SizeType | 'mini') =>
   classNames(styles.avatarItem, {
     [styles.avatarItemLarge]: size === 'large',
     [styles.avatarItemSmall]: size === 'small',
@@ -54,9 +55,7 @@ const AvatarList: React.SFC<AvatarListProps> & { Item: typeof Item } = ({
 }) => {
   const numOfChildren = React.Children.count(children);
   const numToShow = maxLength >= numOfChildren ? numOfChildren : maxLength;
-  const childrenArray = React.Children.toArray(children) as Array<
-    React.ReactElement<AvatarItemProps>
-  >;
+  const childrenArray = React.Children.toArray(children) as React.ReactElement<AvatarItemProps>[];
   const childrenWithProps = childrenArray.slice(0, numToShow).map(child =>
     React.cloneElement(child, {
       size,

Diff for: AccountCenter/src/components/Articles/index.tsx

@@ -1,11 +1,12 @@
+import { Card, List } from 'antd';
 import React, { Component } from 'react';
-import { List, Card } from 'antd';
-import moment from 'moment';
+
 import { connect } from 'dva';
+import moment from 'moment';
 import AvatarList from '../AvatarList';
-import styles from './index.less';
+import { ListItemDataType } from '../../data.d';
 import { ModalState } from '../../model';
-import { ListItemDataType } from '../../data';
+import styles from './index.less';
 
 @connect(({ BLOCK_NAME_CAMEL_CASE }: { BLOCK_NAME_CAMEL_CASE: ModalState }) => ({
   list: BLOCK_NAME_CAMEL_CASE.list,

Diff for: AccountCenter/src/components/AvatarList/index.tsx

@@ -1,24 +1,24 @@
-export interface ITag {
+export interface TagType {
   key: string;
   label: string;
 }
 
-export interface IProvince {
+export interface ProvinceType {
   label: string;
   key: string;
 }
 
-export interface ICity {
+export interface CityType {
   label: string;
   key: string;
 }
 
-export interface IGeographic {
-  province: IProvince;
-  city: ICity;
+export interface GeographicType {
+  province: ProvinceType;
+  city: CityType;
 }
 
-export interface INotice {
+export interface NoticeType {
   id: string;
   title: string;
   logo: string;
@@ -33,16 +33,16 @@ export interface CurrentUser {
   name: string;
   avatar: string;
   userid: string;
-  notice: INotice[];
+  notice: NoticeType[];
   email: string;
   signature: string;
   title: string;
   group: string;
-  tags: ITag[];
+  tags: TagType[];
   notifyCount: number;
   unreadCount: number;
   country: string;
-  geographic: IGeographic;
+  geographic: GeographicType;
   address: string;
   phone: string;
 }