run eslint fix

.eslintignore

 /functions/mock/**
 /scripts
 /config
+**/node_modules/**
+_scripts
\ No newline at end of file

.eslintrc.js

+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,
   },
   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'],
-  },
 };

.prettierrc

-{
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 100,
-  "proseWrap": "never",
-  "overrides": [
-    {
-      "files": ".prettierrc",
-      "options": {
-        "parser": "json"
-      }
-    }
-  ]
-}
\ No newline at end of file

.prettierrc.js

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

.stylelintrc.js

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

.stylelintrc.json

-{
-  "extends": [
-    "stylelint-config-standard",
-    "stylelint-config-css-modules",
-    "stylelint-config-rational-order",
-    "stylelint-config-prettier"
-  ],
-  "plugins": ["stylelint-order", "stylelint-declaration-block-no-ignored-properties"],
-  "rules": {
-    "no-descending-specificity": null,
-    "plugin/declaration-block-no-ignored-properties": true
-  }
-}

AccountCenter/src/_mock.ts

@@ -119,7 +119,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'

AccountCenter/src/components/AvatarList/index.tsx

@@ -19,7 +19,7 @@ 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) =>
@@ -54,9 +54,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,

AccountCenter/src/index.tsx

@@ -138,6 +138,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent<
       inputValue: '',
     });
   };
+
   renderChildrenByTabKey = (tabKey: BLOCK_NAME_CAMEL_CASEState['tabKey']) => {
     if (tabKey === 'projects') {
       return <Projects />;
@@ -150,6 +151,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent<
     }
     return null;
   };
+
   render() {
     const { newTags, inputVisible, inputValue, tabKey } = this.state;
     const { currentUser, currentUserLoading } = this.props;
@@ -184,9 +186,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent<
                   <Divider dashed />
                   <div className={styles.tags}>
                     <div className={styles.tagsTitle}>标签</div>
-                    {currentUser.tags.concat(newTags).map(item => {
-                      return <Tag key={item.key}>{item.label}</Tag>;
-                    })}
+                    {currentUser.tags.concat(newTags).map(item => <Tag key={item.key}>{item.label}</Tag>)}
                     {inputVisible && (
                       <Input
                         ref={ref => this.saveInputRef(ref)}

AccountCenter/src/model.ts

-import { queryCurrent, queryFakeList } from './service';
+
+import { Reducer, AnyAction } from 'redux';
+import { EffectsCommandMap } from 'dva';
+
 import { CurrentUser, ListItemDataType } from './data';
+import { queryCurrent, queryFakeList } from './service';
 
 export interface ModalState {
   currentUser: Partial<CurrentUser>;
   list: ListItemDataType[];
 }
 
-import { Reducer } from 'redux';
-import { EffectsCommandMap } from 'dva';
-import { AnyAction } from 'redux';
-
 export type Effect = (
   action: AnyAction,
   effects: EffectsCommandMap & { select: <T>(func: (state: ModalState) => T) => T },

AccountCenter/src/service.ts

@@ -5,7 +5,7 @@ export async function queryCurrent() {
 }
 
 export async function queryFakeList(params: { count: number }) {
-  return request(`/api/fake_list`, {
+  return request('/api/fake_list', {
     params,
   });
 }

AccountSettings/src/components/GeographicView.tsx

 import React, { Component } from 'react';
 import { Select, Spin } from 'antd';
 import { connect } from 'dva';
-import styles from './GeographicView.less';
 import { Dispatch } from 'redux';
+import styles from './GeographicView.less';
 import { ProvinceData, CityData } from '../data';
+
 const { Option } = Select;
 
 interface SelectItem {

AccountSettings/src/components/base.tsx

@@ -7,6 +7,7 @@ import styles from './BaseView.less';
 import GeographicView from './GeographicView';
 import PhoneView from './PhoneView';
 import { CurrentUser } from '../data';
+
 const FormItem = Form.Item;
 const { Option } = Select;
 
@@ -71,6 +72,7 @@ interface BaseViewProps extends FormComponentProps {
 }))
 class BaseView extends Component<BaseViewProps> {
   view: HTMLDivElement | undefined;
+
   componentDidMount() {
     this.setBaseInfo();
   }

AccountSettings/src/index.tsx

@@ -34,6 +34,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
   PAGE_NAME_UPPER_CAMEL_CASEState
 > {
   main: HTMLDivElement | undefined;
+
   constructor(props: PAGE_NAME_UPPER_CAMEL_CASEProps) {
     super(props);
     const menuMap = {

AccountSettings/src/model.ts

-import { query as queryUsers, queryCurrent, queryProvince, queryCity } from './service';
-import { Reducer } from 'redux';
+import { Reducer, AnyAction } from 'redux';
 import { EffectsCommandMap } from 'dva';
-import { AnyAction } from 'redux';
+
+import { query as queryUsers, queryCurrent, queryProvince, queryCity } from './service';
 import { CurrentUser, City, Province } from './data';
 
 export interface ModalState {

DashboardAnalysis/src/components/Charts/Bar/index.tsx

@@ -10,10 +10,10 @@ export interface IBarProps {
   color?: string;
   padding?: [number, number, number, number];
   height?: number;
-  data: Array<{
+  data: {
     x: string;
     y: number;
-  }>;
+  }[];
   forceFit?: boolean;
   autoLabel?: boolean;
   style?: React.CSSProperties;
@@ -28,7 +28,9 @@ class Bar extends Component<
   state = {
     autoHideXLabels: false,
   };
+
   root: HTMLDivElement | undefined;
+
   node: HTMLDivElement | undefined;
 
   componentDidMount() {
@@ -38,9 +40,11 @@ class Bar extends Component<
   componentWillUnmount() {
     window.removeEventListener('resize', this.resize);
   }
+
   handleRoot = (n: HTMLDivElement) => {
     this.root = n;
   };
+
   handleRef = (n: HTMLDivElement) => {
     this.node = n;
   };

DashboardAnalysis/src/components/Charts/Gauge/index.tsx

@@ -112,7 +112,7 @@ class Gauge extends React.Component<IGaugeProps> {
           label={{
             offset: -12,
             formatter,
-            textStyle: textStyle,
+            textStyle,
           }}
         />
         <Guide>

DashboardAnalysis/src/components/Charts/MiniArea/index.tsx

@@ -23,10 +23,10 @@ export interface IMiniAreaProps {
   scale?: { x: any; y: any };
   yAxis?: IAxis;
   borderWidth?: number;
-  data: Array<{
+  data: {
     x: number | string;
     y: number;
-  }>;
+  }[];
 }
 
 class MiniArea extends React.Component<IMiniAreaProps> {

DashboardAnalysis/src/components/Charts/MiniBar/index.tsx

@@ -6,10 +6,10 @@ import styles from '../index.less';
 export interface IMiniBarProps {
   color?: string;
   height?: number;
-  data: Array<{
+  data: {
     x: number | string;
     y: number;
-  }>;
+  }[];
   forceFit?: boolean;
   style?: React.CSSProperties;
 }

DashboardAnalysis/src/components/Charts/MiniProgress/index.tsx

@@ -17,8 +17,7 @@ const MiniProgress: React.SFC<IMiniProgressProps> = ({
   color = 'rgb(19, 194, 194)',
   strokeWidth,
   percent,
-}) => {
-  return (
+}) => (
     <div className={styles.miniProgress}>
       <Tooltip title={targetLabel}>
         <div className={styles.target} style={{ left: target ? `${target}%` : undefined }}>
@@ -38,6 +37,5 @@ const MiniProgress: React.SFC<IMiniProgressProps> = ({
       </div>
     </div>
   );
-};
 
 export default MiniProgress;

DashboardAnalysis/src/components/Charts/Pie/index.tsx

@@ -9,6 +9,7 @@ import Bind from 'lodash-decorators/bind';
 import autoHeight from '../autoHeight';
 
 import styles from './index.less';
+
 export interface IPieProps {
   animate?: boolean;
   color?: string;
@@ -19,10 +20,10 @@ export interface IPieProps {
   hasLegend?: boolean;
   padding?: [number, number, number, number];
   percent?: number;
-  data?: Array<{
+  data?: {
     x: string | string;
     y: number;
-  }>;
+  }[];
   inner?: number;
   lineWidth?: number;
   forceFit?: boolean;
@@ -35,7 +36,7 @@ export interface IPieProps {
   subTitle?: React.ReactNode;
 }
 interface IPieState {
-  legendData: Array<{ checked: boolean; x: string; color: string; percent: number; y: string }>;
+  legendData: { checked: boolean; x: string; color: string; percent: number; y: string }[];
   legendBlock: boolean;
 }
 class Pie extends Component<IPieProps, IPieState> {
@@ -45,7 +46,9 @@ class Pie extends Component<IPieProps, IPieState> {
   };
 
   requestRef: number | undefined;
+
   root!: HTMLDivElement;
+
   chart: G2.Chart | undefined;
 
   componentDidMount() {
@@ -104,6 +107,7 @@ class Pie extends Component<IPieProps, IPieState> {
       legendData,
     });
   };
+
   handleRoot = (n: HTMLDivElement) => {
     this.root = n;
   };
@@ -118,7 +122,7 @@ class Pie extends Component<IPieProps, IPieState> {
     const filteredLegendData = legendData.filter(l => l.checked).map(l => l.x);
 
     if (this.chart) {
-      this.chart.filter('x', val => filteredLegendData.indexOf(val + '') > -1);
+      this.chart.filter('x', val => filteredLegendData.indexOf(`${val}`) > -1);
     }
 
     this.setState({
@@ -216,11 +220,11 @@ class Pie extends Component<IPieProps, IPieState> {
       data = [
         {
           x: '占比',
-          y: parseFloat(percent + ''),
+          y: parseFloat(`${percent}`),
         },
         {
           x: '反比',
-          y: 100 - parseFloat(percent + ''),
+          y: 100 - parseFloat(`${percent}`),
         },
       ];
     }

DashboardAnalysis/src/components/Charts/TagCloud/index.tsx

@@ -13,10 +13,10 @@ import styles from './index.less';
 const imgUrl = 'https://gw.alipayobjects.com/zos/rmsportal/gWyeGLCdFFRavBGIDzWk.png';
 
 export interface ITagCloudProps {
-  data: Array<{
+  data: {
     name: string;
     value: number;
-  }>;
+  }[];
   height?: number;
   className?: string;
   style?: React.CSSProperties;
@@ -34,10 +34,13 @@ class TagCloud extends Component<ITagCloudProps, ITagCloudState> {
     height: 0,
     width: 0,
   };
+
   isUnmount!: boolean;
+
   requestRef!: number;
 
   root: HTMLDivElement | undefined;
+
   imageMask: HTMLImageElement | undefined;
 
   componentDidMount() {
@@ -54,16 +57,19 @@ class TagCloud extends Component<ITagCloudProps, ITagCloudState> {
       this.renderChart(this.props);
     }
   }
+
   componentWillUnmount() {
     this.isUnmount = true;
     window.cancelAnimationFrame(this.requestRef);
     window.removeEventListener('resize', this.resize);
   }
+
   resize = () => {
     this.requestRef = requestAnimationFrame(() => {
       this.renderChart(this.props);
     });
   };
+
   saveRootRef = (node: HTMLDivElement) => {
     this.root = node;
   };

DashboardAnalysis/src/components/Charts/TimelineChart/index.tsx

@@ -6,11 +6,11 @@ import autoHeight from '../autoHeight';
 import styles from './index.less';
 
 export interface ITimelineChartProps {
-  data: Array<{
+  data: {
     x: number;
     y1: number;
     y2: number;
-  }>;
+  }[];
   title?: string;
   titleMap: { y1: string; y2: string };
   padding?: [number, number, number, number];

DashboardAnalysis/src/components/Charts/WaterWave/index.tsx

@@ -18,8 +18,11 @@ class WaterWave extends Component<IWaterWaveProps> {
   state = {
     radio: 1,
   };
+
   timer: number = 0;
+
   root: HTMLDivElement | undefined | null;
+
   node: HTMLCanvasElement | undefined | null;
 
   componentDidMount() {
@@ -59,6 +62,7 @@ class WaterWave extends Component<IWaterWaveProps> {
       });
     }
   };
+
   renderChart(type?: string) {
     const { percent, color = '#1890FF' } = this.props;
     const data = percent / 100;
@@ -201,6 +205,7 @@ class WaterWave extends Component<IWaterWaveProps> {
     }
     render();
   }
+
   render() {
     const { radio } = this.state;
     const { percent, title, height = 1 } = this.props;

DashboardAnalysis/src/components/Charts/autoHeight.tsx

@@ -7,10 +7,10 @@ export type IReactComponent<P = any> =
 
 function computeHeight(node: HTMLDivElement) {
   node.style.height = '100%';
-  const totalHeight = parseInt(getComputedStyle(node).height + '', 10);
+  const totalHeight = parseInt(`${getComputedStyle(node).height}`, 10);
   const padding =
-    parseInt(getComputedStyle(node).paddingTop + '', 10) +
-    parseInt(getComputedStyle(node).paddingBottom + '', 10);
+    parseInt(`${getComputedStyle(node).paddingTop}`, 10) +
+    parseInt(`${getComputedStyle(node).paddingBottom}`, 10);
   return totalHeight - padding;
 }
 
@@ -35,14 +35,16 @@ interface IAutoHeightProps {
 }
 
 function autoHeight() {
-  return function<P extends IAutoHeightProps>(
+  return function<P extends IAutoHeightProps> (
     WrappedComponent: React.ComponentClass<P> | React.SFC<P>,
   ): React.ComponentClass<P> {
     class AutoHeightComponent extends React.Component<P & IAutoHeightProps> {
       state = {
         computedHeight: 0,
       };
+
       root!: HTMLDivElement;
+
       componentDidMount() {
         const { height } = this.props;
         if (!height) {
@@ -55,9 +57,11 @@ function autoHeight() {
           }
         }
       }
+
       handleRoot = (node: HTMLDivElement) => {
         this.root = node;
       };
+
       render() {
         const { height } = this.props;
         const { computedHeight } = this.state;

DashboardAnalysis/src/components/IntroduceRow.tsx

 import React from 'react';
 import { Row, Col, Icon, Tooltip } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
-import Charts from './Charts';
 import numeral from 'numeral';
+import Charts from './Charts';
 import styles from '../style.less';
 import Yuan from '../utils/Yuan';
 import Trend from './Trend';
 import { IVisitData } from '../data.d';
+
 const { ChartCard, MiniArea, MiniBar, MiniProgress, Field } = Charts;
 
 const topColResponsiveProps = {
@@ -18,8 +19,7 @@ const topColResponsiveProps = {
   style: { marginBottom: 24 },
 };
 
-const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVisitData[] }) => {
-  return (
+const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVisitData[] }) => (
     <Row gutter={24}>
       <Col {...topColResponsiveProps}>
         <ChartCard
@@ -160,6 +160,5 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
       </Col>
     </Row>
   );
-};
 
 export default IntroduceRow;

DashboardAnalysis/src/components/NumberInfo/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Icon } from 'antd';
 import classNames from 'classnames';
 import styles from './index.less';
+
 export interface NumberInfoProps {
   title?: React.ReactNode | string;
   subTitle?: React.ReactNode | string;

DashboardAnalysis/src/components/OfflineData.tsx

@@ -5,6 +5,7 @@ import Charts from './Charts';
 import styles from '../style.less';
 import NumberInfo from './NumberInfo';
 import { IOfflineData, IOfflineChartData } from '../data';
+
 const { TimelineChart, Pie } = Charts;
 
 const CustomTab = ({
@@ -13,8 +14,7 @@ const CustomTab = ({
 }: {
   data: IOfflineData;
   currentTabKey: string;
-}) => {
-  return (
+}) => (
     <Row gutter={8} style={{ width: 138, margin: '8px 0' }}>
       <Col span={12}>
         <NumberInfo
@@ -42,7 +42,6 @@ const CustomTab = ({
       </Col>
     </Row>
   );
-};
 
 const { TabPane } = Tabs;
 

DashboardAnalysis/src/components/ProportionSales.tsx

 import React from 'react';
 import { Card, Radio } from 'antd';
-import Charts from './Charts';
 import { FormattedMessage } from 'umi-plugin-react/locale';
+import { RadioChangeEvent } from 'antd/es/radio';
+import Charts from './Charts';
 import styles from '../style.less';
 import Yuan from '../utils/Yuan';
-import { RadioChangeEvent } from 'antd/es/radio';
 import { ISalesData } from '../data';
 
 const { Pie } = Charts;
@@ -21,8 +21,7 @@ const ProportionSales = ({
   salesType: 'all' | 'online' | 'stores';
   salesPieData: ISalesData[];
   handleChangeSalesType?: (e: RadioChangeEvent) => void;
-}) => {
-  return (
+}) => (
     <Card
       loading={loading}
       className={styles.salesCard}
@@ -74,6 +73,5 @@ const ProportionSales = ({
       </div>
     </Card>
   );
-};
 
 export default ProportionSales;

DashboardAnalysis/src/components/SalesCard.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Row, Col, Card, Tabs, DatePicker } from 'antd';
 import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import numeral from 'numeral';
-import Charts from './Charts';
 import { RangePickerValue } from 'antd/es/date-picker/interface';
+import Charts from './Charts';
 import { ISalesData } from '../data';
 import styles from '../style.less';
 

DashboardAnalysis/src/components/TopSearch.tsx

 import React from 'react';
 import { Row, Col, Table, Tooltip, Card, Icon } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
+import numeral from 'numeral';
 import Charts from './Charts';
 import Trend from './Trend';
 import NumberInfo from './NumberInfo';
-import numeral from 'numeral';
 import styles from '../style.less';
 import { ISearchData, IVisitData2 } from '../data';
 

DashboardAnalysis/src/index.tsx

@@ -2,13 +2,13 @@ import React, { Component, Suspense } from 'react';
 import { connect } from 'dva';
 import { Row, Col, Icon, Menu, Dropdown } from 'antd';
 import { RangePickerValue } from 'antd/es/date-picker/interface';
+import { Dispatch } from 'redux';
+import { RadioChangeEvent } from 'antd/es/radio';
+import { GridContent } from '@ant-design/pro-layout';
 import { getTimeDistance } from './utils/utils';
 import styles from './style.less';
 import PageLoading from './components/PageLoading';
-import { Dispatch } from 'redux';
 import { IAnalysisData } from './data.d';
-import { RadioChangeEvent } from 'antd/es/radio';
-import { GridContent } from '@ant-design/pro-layout';
 
 const IntroduceRow = React.lazy(() => import('./components/IntroduceRow'));
 const SalesCard = React.lazy(() => import('./components/SalesCard'));
@@ -51,8 +51,11 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
     currentTabKey: '',
     rangePickerValue: getTimeDistance('year'),
   };
+
   reqRef!: number;
+
   timeoutId!: number;
+
   componentDidMount() {
     const { dispatch } = this.props;
     this.reqRef = requestAnimationFrame(() => {

DashboardAnalysis/src/model.tsx

-import { fakeChartData } from './service';
-import { IAnalysisData } from './data';
-import { Reducer } from 'redux';
+import { Reducer, AnyAction } from 'redux';
 import { EffectsCommandMap } from 'dva';
-import { AnyAction } from 'redux';
+
+import { IAnalysisData } from './data';
+import { fakeChartData } from './service';
 
 export type Effect = (
   action: AnyAction,

DashboardAnalysis/src/utils/Yuan.tsx

@@ -7,6 +7,7 @@ export default class Yuan extends React.Component<{
   children: React.ReactText;
 }> {
   main: HTMLSpanElement | undefined | null;
+
   componentDidMount() {
     this.renderToHtml();
   }
@@ -14,6 +15,7 @@ export default class Yuan extends React.Component<{
   componentDidUpdate() {
     this.renderToHtml();
   }
+
   renderToHtml = () => {
     const { children } = this.props;
     if (this.main) {

DashboardMonitor/src/components/ActiveChart/index.tsx

 import React, { Component } from 'react';
-import Charts from '../Charts';
 import { Statistic } from 'antd';
+import Charts from '../Charts';
 import styles from './index.less';
 
 const { MiniArea } = Charts;
@@ -24,12 +24,15 @@ export default class ActiveChart extends Component {
   state = {
     activeData: getActiveData(),
   };
+
   timer: number | undefined;
+
   requestRef: number | undefined;
 
   componentDidMount() {
     this.loopData();
   }
+
   componentWillUnmount() {
     clearTimeout(this.timer);
     if (this.requestRef) {

DashboardMonitor/src/components/Charts/Gauge/index.tsx

@@ -112,7 +112,7 @@ class Gauge extends React.Component<IGaugeProps> {
           label={{
             offset: -12,
             formatter,
-            textStyle: textStyle,
+            textStyle,
           }}
         />
         <Guide>

DashboardMonitor/src/components/Charts/MiniArea/index.tsx

@@ -24,10 +24,10 @@ export interface IMiniAreaProps {
   scale?: { x?: any; y?: any };
   yAxis?: Partial<IAxis>;
   borderWidth?: number;
-  data: Array<{
+  data: {
     x: number | string;
     y: number;
-  }>;
+  }[];
 }
 
 class MiniArea extends React.Component<IMiniAreaProps> {

DashboardMonitor/src/components/Charts/Pie/index.tsx

@@ -9,6 +9,7 @@ import Bind from 'lodash-decorators/bind';
 import autoHeight from '../autoHeight';
 
 import styles from './index.less';
+
 export interface IPieProps {
   animate?: boolean;
   color?: string;
@@ -19,10 +20,10 @@ export interface IPieProps {
   hasLegend?: boolean;
   padding?: [number, number, number, number];
   percent?: number;
-  data?: Array<{
+  data?: {
     x: string | string;
     y: number;
-  }>;
+  }[];
   inner?: number;
   lineWidth?: number;
   forceFit?: boolean;
@@ -35,7 +36,7 @@ export interface IPieProps {
   subTitle?: React.ReactNode;
 }
 interface IPieState {
-  legendData: Array<{ checked: boolean; x: string; color: string; percent: number; y: string }>;
+  legendData: { checked: boolean; x: string; color: string; percent: number; y: string }[];
   legendBlock: boolean;
 }
 class Pie extends Component<IPieProps, IPieState> {
@@ -45,7 +46,9 @@ class Pie extends Component<IPieProps, IPieState> {
   };
 
   requestRef: number | undefined;
+
   root!: HTMLDivElement;
+
   chart: G2.Chart | undefined;
 
   componentDidMount() {
@@ -104,6 +107,7 @@ class Pie extends Component<IPieProps, IPieState> {
       legendData,
     });
   };
+
   handleRoot = (n: HTMLDivElement) => {
     this.root = n;
   };
@@ -118,7 +122,7 @@ class Pie extends Component<IPieProps, IPieState> {
     const filteredLegendData = legendData.filter(l => l.checked).map(l => l.x);
 
     if (this.chart) {
-      this.chart.filter('x', val => filteredLegendData.indexOf(val + '') > -1);
+      this.chart.filter('x', val => filteredLegendData.indexOf(`${val}`) > -1);
     }
 
     this.setState({
@@ -216,11 +220,11 @@ class Pie extends Component<IPieProps, IPieState> {
       data = [
         {
           x: '占比',
-          y: parseFloat(percent + ''),
+          y: parseFloat(`${percent}`),
         },
         {
           x: '反比',
-          y: 100 - parseFloat(percent + ''),
+          y: 100 - parseFloat(`${percent}`),
         },
       ];
     }

DashboardMonitor/src/components/Charts/TagCloud/index.tsx

@@ -13,10 +13,10 @@ import styles from './index.less';
 const imgUrl = 'https://gw.alipayobjects.com/zos/rmsportal/gWyeGLCdFFRavBGIDzWk.png';
 
 export interface ITagCloudProps {
-  data: Array<{
+  data: {
     name: string;
     value: string;
-  }>;
+  }[];
   height?: number;
   className?: string;
   style?: React.CSSProperties;
@@ -34,10 +34,13 @@ class TagCloud extends Component<ITagCloudProps, ITagCloudState> {
     height: 0,
     width: 0,
   };
+
   isUnmount!: boolean;
+
   requestRef!: number;
 
   root: HTMLDivElement | undefined;
+
   imageMask: HTMLImageElement | undefined;
 
   componentDidMount() {
@@ -54,16 +57,19 @@ class TagCloud extends Component<ITagCloudProps, ITagCloudState> {
       this.renderChart(this.props);
     }
   }
+
   componentWillUnmount() {
     this.isUnmount = true;
     window.cancelAnimationFrame(this.requestRef);
     window.removeEventListener('resize', this.resize);
   }
+
   resize = () => {
     this.requestRef = requestAnimationFrame(() => {
       this.renderChart(this.props);
     });
   };
+
   saveRootRef = (node: HTMLDivElement) => {
     this.root = node;
   };

DashboardMonitor/src/components/Charts/WaterWave/index.tsx

@@ -18,8 +18,11 @@ class WaterWave extends Component<IWaterWaveProps> {
   state = {
     radio: 1,
   };
+
   timer: number = 0;
+
   root: HTMLDivElement | undefined | null;
+
   node: HTMLCanvasElement | undefined | null;
 
   componentDidMount() {
@@ -59,6 +62,7 @@ class WaterWave extends Component<IWaterWaveProps> {
       });
     }
   };
+
   renderChart(type?: string) {
     const { percent, color = '#1890FF' } = this.props;
     const data = percent / 100;
@@ -201,6 +205,7 @@ class WaterWave extends Component<IWaterWaveProps> {
     }
     render();
   }
+
   render() {
     const { radio } = this.state;
     const { percent, title, height = 1 } = this.props;

DashboardMonitor/src/components/Charts/autoHeight.tsx

@@ -7,10 +7,10 @@ export type IReactComponent<P = any> =
 
 function computeHeight(node: HTMLDivElement) {
   node.style.height = '100%';
-  const totalHeight = parseInt(getComputedStyle(node).height + '', 10);
+  const totalHeight = parseInt(`${getComputedStyle(node).height}`, 10);
   const padding =
-    parseInt(getComputedStyle(node).paddingTop + '', 10) +
-    parseInt(getComputedStyle(node).paddingBottom + '', 10);
+    parseInt(`${getComputedStyle(node).paddingTop}`, 10) +
+    parseInt(`${getComputedStyle(node).paddingBottom}`, 10);
   return totalHeight - padding;
 }
 
@@ -35,14 +35,16 @@ interface IAutoHeightProps {
 }
 
 function autoHeight() {
-  return function<P extends IAutoHeightProps>(
+  return function<P extends IAutoHeightProps> (
     WrappedComponent: React.ComponentClass<P> | React.SFC<P>,
   ): React.ComponentClass<P> {
     class AutoHeightComponent extends React.Component<P & IAutoHeightProps> {
       state = {
         computedHeight: 0,
       };
+
       root!: HTMLDivElement;
+
       componentDidMount() {
         const { height } = this.props;
         if (!height) {
@@ -54,9 +56,11 @@ function autoHeight() {
           }
         }
       }
+
       handleRoot = (node: HTMLDivElement) => {
         this.root = node;
       };
+
       render() {
         const { height } = this.props;
         const { computedHeight } = this.state;

DashboardMonitor/src/components/Charts/index.tsx

@@ -3,6 +3,7 @@ import Gauge from './Gauge';
 import WaterWave from './WaterWave';
 import TagCloud from './TagCloud';
 import MiniArea from './MiniArea';
+
 const Charts = {
   Pie,
   WaterWave,

DashboardMonitor/src/index.tsx

@@ -4,11 +4,11 @@ import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Row, Col, Card, Statistic, Tooltip } from 'antd';
 import numeral from 'numeral';
 import { Dispatch } from 'redux';
+import { GridContent } from '@ant-design/pro-layout';
 import { IStateType } from './model';
 import ActiveChart from './components/ActiveChart';
 import styles from './style.less';
 import Charts from './components/Charts';
-import { GridContent } from '@ant-design/pro-layout';
 
 const { Countdown } = Statistic;
 

DashboardMonitor/src/model.ts

-import { queryTags } from './service';
-import { ITag } from './data';
-import { Reducer } from 'redux';
+import { Reducer, AnyAction } from 'redux';
 import { EffectsCommandMap } from 'dva';
-import { AnyAction } from 'redux';
+
+import { ITag } from './data';
+import { queryTags } from './service';
 
 export interface IStateType {
   tags: ITag[];

DashboardWorkplace/src/components/Radar/autoHeight.tsx

@@ -7,10 +7,10 @@ export type IReactComponent<P = any> =
 
 function computeHeight(node: HTMLDivElement) {
   node.style.height = '100%';
-  const totalHeight = parseInt(getComputedStyle(node).height + '', 10);
+  const totalHeight = parseInt(`${getComputedStyle(node).height}`, 10);
   const padding =
-    parseInt(getComputedStyle(node).paddingTop + '', 10) +
-    parseInt(getComputedStyle(node).paddingBottom + '', 10);
+    parseInt(`${getComputedStyle(node).paddingTop}`, 10) +
+    parseInt(`${getComputedStyle(node).paddingBottom}`, 10);
   return totalHeight - padding;
 }
 
@@ -35,14 +35,16 @@ interface IAutoHeightProps {
 }
 
 function autoHeight() {
-  return function<P extends IAutoHeightProps>(
+  return function<P extends IAutoHeightProps> (
     WrappedComponent: React.ComponentClass<P> | React.SFC<P>,
   ): React.ComponentClass<P> {
     class AutoHeightComponent extends React.Component<P & IAutoHeightProps> {
       state = {
         computedHeight: 0,
       };
+
       root!: HTMLDivElement;
+
       componentDidMount() {
         const { height } = this.props;
         if (!height) {
@@ -55,9 +57,11 @@ function autoHeight() {
           }
         }
       }
+
       handleRoot = (node: HTMLDivElement) => {
         this.root = node;
       };
+
       render() {
         const { height } = this.props;
         const { computedHeight } = this.state;

DashboardWorkplace/src/components/Radar/index.tsx

@@ -9,11 +9,11 @@ export interface IRadarProps {
   height?: number;
   padding?: [number, number, number, number];
   hasLegend?: boolean;
-  data: Array<{
+  data: {
     name: string;
     label: string;
     value: string | number;
-  }>;
+  }[];
   colors?: string[];
   animate?: boolean;
   forceFit?: boolean;
@@ -21,20 +21,22 @@ export interface IRadarProps {
   style?: React.CSSProperties;
 }
 interface IRadarState {
-  legendData: Array<{
+  legendData: {
     checked: boolean;
     name: string;
     color: string;
     percent: number;
     value: string;
-  }>;
+  }[];
 }
 /* eslint react/no-danger:0 */
 class Radar extends Component<IRadarProps, IRadarState> {
   state: IRadarState = {
     legendData: [],
   };
+
   chart: G2.Chart | undefined;
+
   node: HTMLDivElement | undefined;
 
   componentDidMount() {
@@ -97,7 +99,7 @@ class Radar extends Component<IRadarProps, IRadarState> {
     const filteredLegendData = legendData.filter(l => l.checked).map(l => l.name);
 
     if (this.chart) {
-      this.chart.filter('name', val => filteredLegendData.indexOf(val + '') > -1);
+      this.chart.filter('name', val => filteredLegendData.indexOf(`${val}`) > -1);
       this.chart.repaint();
     }
 

DashboardWorkplace/src/index.tsx

@@ -5,11 +5,11 @@ import Link from 'umi/link';
 import { Row, Col, Card, List, Avatar } from 'antd';
 import { Dispatch } from 'redux';
 
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import EditableLinkGroup from './components/EditableLinkGroup';
 import Radar from './components/Radar';
 import { ModalState } from './model';
 import { ICurrentUser, IActivities, IRadarData, INotice } from './data';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
 
 import styles from './style.less';
 
@@ -209,9 +209,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent<BLOCK_NAME_CAMEL_CASEProp
             >
               <List<IActivities>
                 loading={activitiesLoading}
-                renderItem={item => {
-                  return this.renderActivities(item);
-                }}
+                renderItem={item => this.renderActivities(item)}
                 dataSource={activities}
                 className={styles.activitiesList}
                 size="large"

EditorFlow/README.md

@@ -7,6 +7,7 @@ flow
 ```sh
 umi block add ant-design-pro/flow
 ```
+
 ## SNAPSHOT
 
 ![SNAPSHOT](./snapshot.png)

EditorFlow/src/components/EditorContextMenu/FlowContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } fro
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const FlowContextMenu = () => {
-  return (
+const FlowContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="copy" />
@@ -31,6 +30,5 @@ const FlowContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default FlowContextMenu;

EditorFlow/src/components/EditorContextMenu/MenuItem.tsx

@@ -3,9 +3,7 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface MenuItemProps {
   command: string;

EditorFlow/src/components/EditorContextMenu/MindContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const MindContextMenu = () => {
-  return (
+const MindContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="append" text="Topic" />
@@ -19,6 +18,5 @@ const MindContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default MindContextMenu;

EditorFlow/src/components/EditorDetailPanel/DetailForm.tsx

@@ -3,9 +3,7 @@ import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
 import { FormComponentProps } from 'antd/es/form';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 const { Item } = Form;
 const { Option } = Select;
@@ -60,15 +58,13 @@ class DetailForm extends React.Component<DetailFormProps> {
     }, 0);
   };
 
-  renderEdgeShapeSelect = () => {
-    return (
+  renderEdgeShapeSelect = () => (
       <Select onChange={this.handleSubmit}>
         <Option value="flow-smooth">Smooth</Option>
         <Option value="flow-polyline">Polyline</Option>
         <Option value="flow-polyline-round">Polyline Round</Option>
       </Select>
     );
-  };
 
   renderNodeDetail = () => {
     const { form } = this.props;

EditorFlow/src/components/EditorDetailPanel/FlowDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const FlowDetailPanel = () => {
-  return (
+const FlowDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -24,6 +23,5 @@ const FlowDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default FlowDetailPanel;

EditorFlow/src/components/EditorDetailPanel/MindDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const MindDetailPanel = () => {
-  return (
+const MindDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -15,6 +14,5 @@ const MindDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default MindDetailPanel;

EditorFlow/src/components/EditorItemPanel/FlowItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const FlowItemPanel = () => {
-  return (
+const FlowItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -50,6 +49,5 @@ const FlowItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default FlowItemPanel;

EditorFlow/src/components/EditorItemPanel/KoniItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const KoniItemPanel = () => {
-  return (
+const KoniItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -49,6 +48,5 @@ const KoniItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default KoniItemPanel;

EditorFlow/src/components/EditorMinimap/index.tsx

@@ -2,12 +2,10 @@ import React from 'react';
 import { Card } from 'antd';
 import { Minimap } from 'gg-editor';
 
-const EditorMinimap = () => {
-  return (
+const EditorMinimap = () => (
     <Card type="inner" size="small" title="Minimap" bordered={false}>
       <Minimap height={200} />
     </Card>
   );
-};
 
 export default EditorMinimap;

EditorFlow/src/components/EditorToolbar/FlowToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -27,6 +26,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorFlow/src/components/EditorToolbar/MindToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -22,6 +21,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="expand" text="Unfold" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorFlow/src/components/EditorToolbar/ToolbarButton.tsx

@@ -4,9 +4,7 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface ToolbarButtonProps {
   command: string;

EditorFlow/src/index.tsx

 import React from 'react';
 import { Row, Col } from 'antd';
 import GGEditor, { Flow } from 'gg-editor';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { formatMessage } from 'umi-plugin-react/locale';
 import EditorMinimap from './components/EditorMinimap';
 import { FlowContextMenu } from './components/EditorContextMenu';
 import { FlowToolbar } from './components/EditorToolbar';
 import { FlowItemPanel } from './components/EditorItemPanel';
 import { FlowDetailPanel } from './components/EditorDetailPanel';
 import styles from './index.less';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
-export default () => {
-  return (
+export default () => (
   <PageHeaderWrapper
     content={formatMessage({
       id: 'BLOCK_NAME.description',
@@ -41,5 +40,4 @@ export default () => {
       <FlowContextMenu />
     </GGEditor>
   </PageHeaderWrapper>
-  );
-};
+);

EditorKoni/README.md

@@ -7,6 +7,7 @@ flow
 ```sh
 umi block add ant-design-pro/flow
 ```
+
 ## SNAPSHOT
 
 ![SNAPSHOT](./snapshot.png)

EditorKoni/src/components/EditorContextMenu/FlowContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } fro
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const FlowContextMenu = () => {
-  return (
+const FlowContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="copy" />
@@ -31,6 +30,5 @@ const FlowContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default FlowContextMenu;

EditorKoni/src/components/EditorContextMenu/MenuItem.tsx

@@ -3,9 +3,8 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) =>
+  str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface MenuItemProps {
   command: string;

EditorKoni/src/components/EditorContextMenu/MindContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const MindContextMenu = () => {
-  return (
+const MindContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="append" text="Topic" />
@@ -19,6 +18,5 @@ const MindContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default MindContextMenu;

EditorKoni/src/components/EditorDetailPanel/DetailForm.tsx

@@ -3,9 +3,7 @@ import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
 import { FormComponentProps } from 'antd/es/form';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 const { Item } = Form;
 const { Option } = Select;
@@ -60,15 +58,13 @@ class DetailForm extends React.Component<DetailFormProps> {
     }, 0);
   };
 
-  renderEdgeShapeSelect = () => {
-    return (
+  renderEdgeShapeSelect = () => (
       <Select onChange={this.handleSubmit}>
         <Option value="flow-smooth">Smooth</Option>
         <Option value="flow-polyline">Polyline</Option>
         <Option value="flow-polyline-round">Polyline Round</Option>
       </Select>
     );
-  };
 
   renderNodeDetail = () => {
     const { form } = this.props;

EditorKoni/src/components/EditorDetailPanel/FlowDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const FlowDetailPanel = () => {
-  return (
+const FlowDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -24,6 +23,5 @@ const FlowDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default FlowDetailPanel;

EditorKoni/src/components/EditorDetailPanel/MindDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const MindDetailPanel = () => {
-  return (
+const MindDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -15,6 +14,5 @@ const MindDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default MindDetailPanel;

EditorKoni/src/components/EditorItemPanel/FlowItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const FlowItemPanel = () => {
-  return (
+const FlowItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -50,6 +49,5 @@ const FlowItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default FlowItemPanel;

EditorKoni/src/components/EditorItemPanel/KoniItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const KoniItemPanel = () => {
-  return (
+const KoniItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -49,6 +48,5 @@ const KoniItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default KoniItemPanel;

EditorKoni/src/components/EditorMinimap/index.tsx

@@ -2,12 +2,10 @@ import React from 'react';
 import { Card } from 'antd';
 import { Minimap } from 'gg-editor';
 
-const EditorMinimap = () => {
-  return (
+const EditorMinimap = () => (
     <Card type="inner" size="small" title="Minimap" bordered={false}>
       <Minimap height={200} />
     </Card>
   );
-};
 
 export default EditorMinimap;

EditorKoni/src/components/EditorToolbar/FlowToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -27,6 +26,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorKoni/src/components/EditorToolbar/MindToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -22,6 +21,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="expand" text="Unfold" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorKoni/src/components/EditorToolbar/ToolbarButton.tsx

@@ -4,9 +4,7 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface ToolbarButtonProps {
   command: string;

EditorKoni/src/index.tsx

 import React from 'react';
 import { Row, Col } from 'antd';
 import GGEditor, { Koni } from 'gg-editor';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { formatMessage } from 'umi-plugin-react/locale';
 import EditorMinimap from './components/EditorMinimap';
 import { KoniContextMenu } from './components/EditorContextMenu';
 import { KoniToolbar } from './components/EditorToolbar';
 import { KoniItemPanel } from './components/EditorItemPanel';
 import { KoniDetailPanel } from './components/EditorDetailPanel';
 import styles from './index.less';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
-export default () => {
-  return (
+export default () => (
     <PageHeaderWrapper
       content={formatMessage({
         id: 'BLOCK_NAME.description',
@@ -42,4 +41,3 @@ export default () => {
       </GGEditor>
     </PageHeaderWrapper>
   );
-};

EditorMind/README.md

@@ -7,6 +7,7 @@ flow
 ```sh
 umi block add ant-design-pro/flow
 ```
+
 ## SNAPSHOT
 
 ![SNAPSHOT](./snapshot.png)

EditorMind/src/components/EditorContextMenu/FlowContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } fro
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const FlowContextMenu = () => {
-  return (
+const FlowContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="copy" />
@@ -31,6 +30,5 @@ const FlowContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default FlowContextMenu;

EditorMind/src/components/EditorContextMenu/MenuItem.tsx

@@ -3,9 +3,7 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface MenuItemProps {
   command: string;

EditorMind/src/components/EditorContextMenu/MindContextMenu.tsx

@@ -3,8 +3,7 @@ import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
-const MindContextMenu = () => {
-  return (
+const MindContextMenu = () => (
     <ContextMenu className={styles.contextMenu}>
       <NodeMenu>
         <MenuItem command="append" text="Topic" />
@@ -19,6 +18,5 @@ const MindContextMenu = () => {
       </CanvasMenu>
     </ContextMenu>
   );
-};
 
 export default MindContextMenu;

EditorMind/src/components/EditorDetailPanel/DetailForm.tsx

@@ -3,9 +3,7 @@ import { Card, Form, Input, Select } from 'antd';
 import { withPropsAPI } from 'gg-editor';
 import { FormComponentProps } from 'antd/es/form';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 const { Item } = Form;
 const { Option } = Select;
@@ -60,15 +58,13 @@ class DetailForm extends React.Component<DetailFormProps> {
     }, 0);
   };
 
-  renderEdgeShapeSelect = () => {
-    return (
+  renderEdgeShapeSelect = () => (
       <Select onChange={this.handleSubmit}>
         <Option value="flow-smooth">Smooth</Option>
         <Option value="flow-polyline">Polyline</Option>
         <Option value="flow-polyline-round">Polyline Round</Option>
       </Select>
     );
-  };
 
   renderNodeDetail = () => {
     const { form } = this.props;

EditorMind/src/components/EditorDetailPanel/FlowDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const FlowDetailPanel = () => {
-  return (
+const FlowDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -24,6 +23,5 @@ const FlowDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default FlowDetailPanel;

EditorMind/src/components/EditorDetailPanel/MindDetailPanel.tsx

@@ -4,8 +4,7 @@ import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
-const MindDetailPanel = () => {
-  return (
+const MindDetailPanel = () => (
     <DetailPanel className={styles.detailPanel}>
       <NodePanel>
         <DetailForm type="node" />
@@ -15,6 +14,5 @@ const MindDetailPanel = () => {
       </CanvasPanel>
     </DetailPanel>
   );
-};
 
 export default MindDetailPanel;

EditorMind/src/components/EditorItemPanel/FlowItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const FlowItemPanel = () => {
-  return (
+const FlowItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -50,6 +49,5 @@ const FlowItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default FlowItemPanel;

EditorMind/src/components/EditorItemPanel/KoniItemPanel.tsx

@@ -3,8 +3,7 @@ import { Card } from 'antd';
 import { ItemPanel, Item } from 'gg-editor';
 import styles from './index.less';
 
-const KoniItemPanel = () => {
-  return (
+const KoniItemPanel = () => (
     <ItemPanel className={styles.itemPanel}>
       <Card bordered={false}>
         <Item
@@ -49,6 +48,5 @@ const KoniItemPanel = () => {
       </Card>
     </ItemPanel>
   );
-};
 
 export default KoniItemPanel;

EditorMind/src/components/EditorMinimap/index.tsx

@@ -2,12 +2,10 @@ import React from 'react';
 import { Card } from 'antd';
 import { Minimap } from 'gg-editor';
 
-const EditorMinimap = () => {
-  return (
+const EditorMinimap = () => (
     <Card type="inner" size="small" title="Minimap" bordered={false}>
       <Minimap height={200} />
     </Card>
   );
-};
 
 export default EditorMinimap;

EditorMind/src/components/EditorToolbar/FlowToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -27,6 +26,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorMind/src/components/EditorToolbar/MindToolbar.tsx

@@ -4,8 +4,7 @@ import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
 
-const FlowToolbar = () => {
-  return (
+const FlowToolbar = () => (
     <Toolbar className={styles.toolbar}>
       <ToolbarButton command="undo" />
       <ToolbarButton command="redo" />
@@ -22,6 +21,5 @@ const FlowToolbar = () => {
       <ToolbarButton command="expand" text="Unfold" />
     </Toolbar>
   );
-};
 
 export default FlowToolbar;

EditorMind/src/components/EditorToolbar/ToolbarButton.tsx

@@ -4,9 +4,7 @@ import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => {
-  return str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
-};
+const upperFirst = (str: string) => str.toLowerCase().replace(/( |^)[a-z]/g, (l: string) => l.toUpperCase());
 
 interface ToolbarButtonProps {
   command: string;

EditorMind/src/index.tsx

 import React from 'react';
 import { Row, Col } from 'antd';
 import GGEditor, { Mind } from 'gg-editor';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { formatMessage } from 'umi-plugin-react/locale';
 import EditorMinimap from './components/EditorMinimap';
 import { MindContextMenu } from './components/EditorContextMenu';
 import { MindToolbar } from './components/EditorToolbar';
 import { MindDetailPanel } from './components/EditorDetailPanel';
 import data from './worldCup2018.json';
 import styles from './index.less';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { formatMessage } from 'umi-plugin-react/locale';
 
 GGEditor.setTrackable(false);
 
-export default () => {
-  return (
+export default () => (
     <PageHeaderWrapper
       content={formatMessage({
         id: 'BLOCK_NAME.description',
@@ -39,4 +38,3 @@ export default () => {
       </GGEditor>
     </PageHeaderWrapper>
   );
-};

Exception403/src/components/Exception/index.tsx

@@ -2,9 +2,9 @@ import { Button } from 'antd';
 import classNames from 'classnames';
 import * as H from 'history';
 import React, { createElement } from 'react';
+import Link from 'umi/link';
 import styles from './index.less';
 import config from './typeConfig';
-import Link from 'umi/link';
 
 export interface ExceptionProps<
   L = {

Exception404/src/components/Exception/index.tsx

@@ -2,9 +2,9 @@ import { Button } from 'antd';
 import classNames from 'classnames';
 import * as H from 'history';
 import React, { createElement } from 'react';
+import Link from 'umi/link';
 import styles from './index.less';
 import config from './typeConfig';
-import Link from 'umi/link';
 
 export interface ExceptionProps<
   L = {

Exception500/src/components/Exception/index.tsx

@@ -2,9 +2,9 @@ import { Button } from 'antd';
 import classNames from 'classnames';
 import * as H from 'history';
 import React, { createElement } from 'react';
+import Link from 'umi/link';
 import styles from './index.less';
 import config from './typeConfig';
-import Link from 'umi/link';
 
 export interface ExceptionProps<
   L = {

FormAdvancedForm/src/components/TableForm.tsx

@@ -13,9 +13,11 @@ class TableForm extends PureComponent {
       value: nextProps.value,
     };
   }
+
   index = 0;
 
   cacheOriginData = {};
+
   columns = [
     {
       title: '成员姓名',
@@ -230,6 +232,7 @@ class TableForm extends PureComponent {
     this.setState({ data: newData });
     this.clickedCancel = false;
   }
+
   render() {
     const { loading, data } = this.state;
 

FormAdvancedForm/src/index.tsx

@@ -13,12 +13,12 @@ import {
   Popover,
 } from 'antd';
 import { connect } from 'dva';
-import TableForm from './components/TableForm';
-import styles from './style.less';
 import { FormComponentProps } from 'antd/es/form';
 import { Dispatch } from 'redux';
-import FooterToolbar from './components/FooterToolbar';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import TableForm from './components/TableForm';
+import styles from './style.less';
+import FooterToolbar from './components/FooterToolbar';
 
 const { Option } = Select;
 const { RangePicker } = DatePicker;

FormAdvancedForm/src/model.ts

 import { message } from 'antd';
-import { fakeSubmitForm } from './service';
 import { EffectsCommandMap } from 'dva';
 import { AnyAction } from 'redux';
+import { fakeSubmitForm } from './service';
 
 export interface ModalState {}
 

FormBasicForm/src/index.tsx

@@ -14,9 +14,9 @@ import {
   Tooltip,
 } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import styles from './style.less';
 import { FormComponentProps } from 'antd/es/form';
 import { Dispatch } from 'redux';
+import styles from './style.less';
 
 const FormItem = Form.Item;
 const { Option } = Select;

FormBasicForm/src/model.ts

 import { message } from 'antd';
-import { fakeSubmitForm } from './service';
 import { EffectsCommandMap } from 'dva';
 import { AnyAction } from 'redux';
+import { fakeSubmitForm } from './service';
 
 export interface ModalState {}
 

FormStepForm/src/components/Step1/index.tsx

 import React, { Fragment } from 'react';
 import { connect } from 'dva';
 import { Form, Input, Button, Select, Divider } from 'antd';
-import styles from './index.less';
 import { FormComponentProps } from 'antd/es/form';
-import { IStateType } from '../../model';
 import { Dispatch } from 'redux';
+import styles from './index.less';
+import { IStateType } from '../../model';
 
 const { Option } = Select;
 

FormStepForm/src/components/Step2/index.tsx

 import React from 'react';
 import { connect } from 'dva';
-import { Form, Input, Button, Alert, Divider, Statistic } from 'antd';
-import styles from './index.less';
+import { Form, Input, Button, Alert, Divider } from 'antd';
 import { FormComponentProps } from 'antd/es/form';
-import { IStateType } from '../../model';
 import { Dispatch } from 'redux';
+import styles from './index.less';
+import { IStateType } from '../../model';
 
 const formItemLayout = {
   labelCol: {