import sorted

AccountCenter/src/components/Applications/index.tsx

+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;

AccountCenter/src/components/ArticleListContent/index.tsx

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

AccountCenter/src/components/Articles/index.tsx

+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 { ModalState } from '../../model';
 import { ListItemDataType } from '../../data';
+import { ModalState } from '../../model';
+import styles from './index.less';
 
 @connect(({ BLOCK_NAME_CAMEL_CASE }: { BLOCK_NAME_CAMEL_CASE: ModalState }) => ({
   list: BLOCK_NAME_CAMEL_CASE.list,

AccountCenter/src/components/AvatarList/index.tsx

+import { Avatar, Tooltip } from 'antd';
+
 import React from 'react';
-import { Tooltip, Avatar } from 'antd';
 import classNames from 'classnames';
 import styles from './index.less';
 

AccountCenter/src/components/Projects/index.tsx

+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 { ModalState } from '../../model';
 import { ListItemDataType } from '../../data';
+import { ModalState } from '../../model';
+import styles from './index.less';
 
 @connect(({ BLOCK_NAME_CAMEL_CASE }: { BLOCK_NAME_CAMEL_CASE: ModalState }) => ({
   list: BLOCK_NAME_CAMEL_CASE.list,

AccountCenter/src/index.tsx

+import { Avatar, Card, Col, Divider, Icon, Input, Row, Tag } from 'antd';
 import React, { PureComponent } from 'react';
-import { connect } from 'dva';
+
 import { Dispatch } from 'redux';
-import Link from 'umi/link';
 import { GridContent } from '@ant-design/pro-layout';
+import Link from 'umi/link';
 import { RouteChildrenProps } from 'react-router';
-import { Card, Row, Col, Icon, Avatar, Tag, Divider, Input } from 'antd';
-import styles from './Center.less';
-import { ITag, CurrentUser } from './data';
+import { connect } from 'dva';
 import { ModalState } from './model';
+import Projects from './components/Projects';
 import Articles from './components/Articles';
 import Applications from './components/Applications';
-import Projects from './components/Projects';
+import { CurrentUser, ITag } from './data';
+import styles from './Center.less';
 
 const operationTabList = [
   {
@@ -186,7 +187,9 @@ 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 => <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 { Reducer, AnyAction } from 'redux';
+import { AnyAction, Reducer } from 'redux';
 import { EffectsCommandMap } from 'dva';
-
 import { CurrentUser, ListItemDataType } from './data';
 import { queryCurrent, queryFakeList } from './service';
 

AccountSettings/src/components/GeographicView.tsx

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

AccountSettings/src/components/PhoneView.tsx

 import React, { Fragment, PureComponent } from 'react';
+
 import { Input } from 'antd';
 import styles from './PhoneView.less';
 

AccountSettings/src/components/base.tsx

+import { Button, Form, Input, Select, Upload, message } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Component, Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
-import { Form, Input, Upload, Select, Button, message } from 'antd';
+
 import { FormComponentProps } from 'antd/es/form';
 import { connect } from 'dva';
-import styles from './BaseView.less';
+import { CurrentUser } from '../data';
 import GeographicView from './GeographicView';
 import PhoneView from './PhoneView';
-import { CurrentUser } from '../data';
+import styles from './BaseView.less';
 
 const FormItem = Form.Item;
 const { Option } = Select;

AccountSettings/src/components/binding.tsx

-import React, { Component, Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import { Icon, List } from 'antd';
+import React, { Component, Fragment } from 'react';
 
 class BindingView extends Component {
   getData = () => [

AccountSettings/src/components/notification.tsx

+import { List, Switch } from 'antd';
 import React, { Component, Fragment } from 'react';
+
 import { formatMessage } from 'umi-plugin-react/locale';
-import { Switch, List } from 'antd';
 
 type Unpacked<T> = T extends (infer U)[] ? U : T;
 

AccountSettings/src/components/security.tsx

+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Component, Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
+
 import { List } from 'antd';
 
 type Unpacked<T> = T extends (infer U)[] ? U : T;

AccountSettings/src/index.tsx

 import React, { Component } from 'react';
-import { connect } from 'dva';
+
 import { Dispatch } from 'redux';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import { GridContent } from '@ant-design/pro-layout';
 import { Menu } from 'antd';
-import styles from './style.less';
+import { connect } from 'dva';
 import BaseView from './components/base';
-import SecurityView from './components/security';
 import BindingView from './components/binding';
-import NotificationView from './components/notification';
 import { CurrentUser } from './data';
+import NotificationView from './components/notification';
+import SecurityView from './components/security';
+import styles from './style.less';
 
 const { Item } = Menu;
 

AccountSettings/src/model.ts

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

DashboardAnalysis/src/_mock.ts

 import moment from 'moment';
-import { IVisitData, IRadarData, IAnalysisData } from './data';
+import { IAnalysisData, IRadarData, IVisitData } from './data';
 
 // mock data
 const visitData: IVisitData[] = [];

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

+import { Axis, Chart, Geom, Tooltip } from 'bizcharts';
 import React, { Component } from 'react';
-import { Chart, Axis, Tooltip, Geom } from 'bizcharts';
-import Debounce from 'lodash-decorators/debounce';
+
 import Bind from 'lodash-decorators/bind';
+import Debounce from 'lodash-decorators/debounce';
 import autoHeight from '../autoHeight';
 import styles from '../index.less';
 

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

-import React from 'react';
 import { Card } from 'antd';
-import classNames from 'classnames';
 import { CardProps } from 'antd/es/card';
-
+import React from 'react';
+import classNames from 'classnames';
 import styles from './index.less';
 
 type totalType = () => React.ReactNode;

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

 import React from 'react';
-
 import styles from './index.less';
 
 export interface IFieldProps {

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

+import { Axis, Chart, Coord, Geom, Guide, Shape } from 'bizcharts';
+
 import React from 'react';
-import { Chart, Geom, Axis, Coord, Guide, Shape } from 'bizcharts';
 import autoHeight from '../autoHeight';
 
 const { Arc, Html, Line } = Guide;

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

+import { Axis, Chart, Geom, Tooltip } from 'bizcharts';
+
 import React from 'react';
-import { Chart, Axis, Tooltip, Geom } from 'bizcharts';
 import autoHeight from '../autoHeight';
 import styles from '../index.less';
 

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

+import { Chart, Geom, Tooltip } from 'bizcharts';
+
 import React from 'react';
-import { Chart, Tooltip, Geom } from 'bizcharts';
 import autoHeight from '../autoHeight';
 import styles from '../index.less';
 

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

+import { Chart, Coord, Geom, Tooltip } from 'bizcharts';
 import React, { Component } from 'react';
-import { Chart, Tooltip, Geom, Coord } from 'bizcharts';
+
+import Bind from 'lodash-decorators/bind';
 import { DataView } from '@antv/data-set';
+import Debounce from 'lodash-decorators/debounce';
 import { Divider } from 'antd';
-import classNames from 'classnames';
 import ReactFitText from 'react-fittext';
-import Debounce from 'lodash-decorators/debounce';
-import Bind from 'lodash-decorators/bind';
+import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-
 import styles from './index.less';
 
 export interface IPieProps {

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

+import { Chart, Coord, Geom, Shape, Tooltip } from 'bizcharts';
 import React, { Component } from 'react';
-import { Chart, Geom, Coord, Shape, Tooltip } from 'bizcharts';
+
+import Bind from 'lodash-decorators/bind';
 import DataSet from '@antv/data-set';
 import Debounce from 'lodash-decorators/debounce';
-import Bind from 'lodash-decorators/bind';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
 import styles from './index.less';

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

-import React from 'react';
-import { Chart, Tooltip, Geom, Legend, Axis } from 'bizcharts';
+import { Axis, Chart, Geom, Legend, Tooltip } from 'bizcharts';
+
 import DataSet from '@antv/data-set';
+import React from 'react';
 import Slider from 'bizcharts-plugin-slider';
 import autoHeight from '../autoHeight';
 import styles from './index.less';

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

 import React, { Component } from 'react';
+
 import autoHeight from '../autoHeight';
 import styles from './index.less';
 

DashboardAnalysis/src/components/Charts/index.tsx

 import numeral from 'numeral';
+import Bar from './Bar';
 import ChartCard from './ChartCard';
 import Field from './Field';
-import Bar from './Bar';
-import Pie from './Pie';
 import Gauge from './Gauge';
 import MiniArea from './MiniArea';
 import MiniBar from './MiniBar';
 import MiniProgress from './MiniProgress';
-import WaterWave from './WaterWave';
+import Pie from './Pie';
 import TagCloud from './TagCloud';
 import TimelineChart from './TimelineChart';
+import WaterWave from './WaterWave';
 
 const yuan = (val: number | string) => `¥ ${numeral(val).format('0,0')}`;
 

DashboardAnalysis/src/components/IntroduceRow.tsx

-import React from 'react';
-import { Row, Col, Icon, Tooltip } from 'antd';
+import { Col, Icon, Row, Tooltip } from 'antd';
+
 import { FormattedMessage } from 'umi-plugin-react/locale';
+import React from 'react';
 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';
+import Trend from './Trend';
+import Yuan from '../utils/Yuan';
+import styles from '../style.less';
 
 const { ChartCard, MiniArea, MiniBar, MiniProgress, Field } = Charts;
 
@@ -77,10 +78,7 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
         footer={
           <Field
             label={
-                <FormattedMessage
-                  id="BLOCK_NAME.analysis.day-visits"
-                  defaultMessage="Daily Visits"
-                />
+              <FormattedMessage id="BLOCK_NAME.analysis.day-visits" defaultMessage="Daily Visits" />
             }
             value={numeral(1234).format('0,0')}
           />
@@ -159,6 +157,6 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
       </ChartCard>
     </Col>
   </Row>
-  );
+);
 
 export default IntroduceRow;

DashboardAnalysis/src/components/NumberInfo/index.tsx

-import React from 'react';
 import { Icon } from 'antd';
+import React from 'react';
 import classNames from 'classnames';
 import styles from './index.less';
 

DashboardAnalysis/src/components/OfflineData.tsx

+import { Card, Col, Row, Tabs } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React from 'react';
-import { Card, Tabs, Row, Col } from 'antd';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
+import { IOfflineChartData, IOfflineData } from '../data';
+
 import Charts from './Charts';
-import styles from '../style.less';
 import NumberInfo from './NumberInfo';
-import { IOfflineData, IOfflineChartData } from '../data';
+import styles from '../style.less';
 
 const { TimelineChart, Pie } = Charts;
 
@@ -41,7 +42,7 @@ const CustomTab = ({
       />
     </Col>
   </Row>
-  );
+);
 
 const { TabPane } = Tabs;
 

DashboardAnalysis/src/components/ProportionSales.tsx

-import React from 'react';
 import { Card, Radio } from 'antd';
+
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import { RadioChangeEvent } from 'antd/es/radio';
+import React from 'react';
+import { ISalesData } from '../data';
 import Charts from './Charts';
-import styles from '../style.less';
 import Yuan from '../utils/Yuan';
-import { ISalesData } from '../data';
+import styles from '../style.less';
 
 const { Pie } = Charts;
 
@@ -72,6 +73,6 @@ const ProportionSales = ({
       />
     </div>
   </Card>
-  );
+);
 
 export default ProportionSales;

DashboardAnalysis/src/components/SalesCard.tsx

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

DashboardAnalysis/src/components/TopSearch.tsx

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

DashboardAnalysis/src/components/Trend/index.tsx

-import React from 'react';
 import { Icon } from 'antd';
+import React from 'react';
 import classNames from 'classnames';
 import styles from './index.less';
 

DashboardAnalysis/src/index.tsx

+import { Col, Dropdown, Icon, Menu, Row } from 'antd';
 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 { RadioChangeEvent } from 'antd/es/radio';
+import { RangePickerValue } from 'antd/es/date-picker/interface';
+import { connect } from 'dva';
 import PageLoading from './components/PageLoading';
 import { IAnalysisData } from './data.d';
+import { getTimeDistance } from './utils/utils';
+import styles from './style.less';
 
 const IntroduceRow = React.lazy(() => import('./components/IntroduceRow'));
 const SalesCard = React.lazy(() => import('./components/SalesCard'));

DashboardAnalysis/src/model.tsx

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { IAnalysisData } from './data';
 import { fakeChartData } from './service';
 

DashboardAnalysis/src/utils/utils.ts

-import moment from 'moment';
 import { RangePickerValue } from 'antd/es/date-picker/interface';
+import moment from 'moment';
 
 export function fixedZero(val: number) {
   return val * 1 < 10 ? `0${val}` : val;

DashboardMonitor/src/components/ActiveChart/index.tsx

 import React, { Component } from 'react';
+
 import { Statistic } from 'antd';
 import Charts from '../Charts';
 import styles from './index.less';

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

+import { Axis, Chart, Coord, Geom, Guide, Shape } from 'bizcharts';
+
 import React from 'react';
-import { Chart, Geom, Axis, Coord, Guide, Shape } from 'bizcharts';
 import autoHeight from '../autoHeight';
 
 const { Arc, Html, Line } = Guide;

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

+import { Axis, Chart, Geom, Tooltip } from 'bizcharts';
+
 import React from 'react';
-import { Chart, Axis, Tooltip, Geom } from 'bizcharts';
 import autoHeight from '../autoHeight';
 import styles from '../index.less';
 

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

+import { Chart, Coord, Geom, Tooltip } from 'bizcharts';
 import React, { Component } from 'react';
-import { Chart, Tooltip, Geom, Coord } from 'bizcharts';
+
+import Bind from 'lodash-decorators/bind';
 import { DataView } from '@antv/data-set';
+import Debounce from 'lodash-decorators/debounce';
 import { Divider } from 'antd';
-import classNames from 'classnames';
 import ReactFitText from 'react-fittext';
-import Debounce from 'lodash-decorators/debounce';
-import Bind from 'lodash-decorators/bind';
+import classNames from 'classnames';
 import autoHeight from '../autoHeight';
-
 import styles from './index.less';
 
 export interface IPieProps {

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

+import { Chart, Coord, Geom, Shape, Tooltip } from 'bizcharts';
 import React, { Component } from 'react';
-import { Chart, Geom, Coord, Shape, Tooltip } from 'bizcharts';
+
+import Bind from 'lodash-decorators/bind';
 import DataSet from '@antv/data-set';
 import Debounce from 'lodash-decorators/debounce';
-import Bind from 'lodash-decorators/bind';
 import classNames from 'classnames';
 import autoHeight from '../autoHeight';
 import styles from './index.less';

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

 import React, { Component } from 'react';
+
 import autoHeight from '../autoHeight';
 import styles from './index.less';
 

DashboardMonitor/src/components/Charts/index.tsx

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

DashboardMonitor/src/index.tsx

+import { Card, Col, Row, Statistic, Tooltip } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Component } from 'react';
-import { connect } from 'dva';
-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 { connect } from 'dva';
+import numeral from 'numeral';
 import { IStateType } from './model';
+import Charts from './components/Charts';
 import ActiveChart from './components/ActiveChart';
 import styles from './style.less';
-import Charts from './components/Charts';
 
 const { Countdown } = Statistic;
 

DashboardMonitor/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { ITag } from './data';
 import { queryTags } from './service';
 

DashboardWorkplace/src/components/EditableLinkGroup/index.tsx

 import React, { PureComponent, createElement } from 'react';
+
 import { Button } from 'antd';
 import styles from './index.less';
 

DashboardWorkplace/src/components/Radar/index.tsx

+import { Axis, Chart, Coord, Geom, Tooltip } from 'bizcharts';
+import { Col, Row } from 'antd';
 import React, { Component } from 'react';
-import { Chart, Tooltip, Geom, Coord, Axis } from 'bizcharts';
-import { Row, Col } from 'antd';
+
 import autoHeight from './autoHeight';
 import styles from './index.less';
 

DashboardWorkplace/src/index.tsx

+import { Avatar, Card, Col, List, Row } from 'antd';
 import React, { PureComponent } from 'react';
-import moment from 'moment';
-import { connect } from 'dva';
-import Link from 'umi/link';
-import { Row, Col, Card, List, Avatar } from 'antd';
-import { Dispatch } from 'redux';
 
+import { Dispatch } from 'redux';
+import Link from 'umi/link';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import EditableLinkGroup from './components/EditableLinkGroup';
+import { connect } from 'dva';
+import moment from 'moment';
 import Radar from './components/Radar';
 import { ModalState } from './model';
-import { ICurrentUser, IActivities, IRadarData, INotice } from './data';
-
+import EditableLinkGroup from './components/EditableLinkGroup';
+import { IActivities, ICurrentUser, INotice, IRadarData } from './data';
 import styles from './style.less';
 
 const links = [

DashboardWorkplace/src/model.ts

+import { AnyAction, Reducer } from 'redux';
 import { EffectsCommandMap } from 'dva';
-import { Reducer, AnyAction } from 'redux';
-import { queryCurrent, queryProjectNotice, queryActivities, fakeChartData } from './service';
-import { CurrentUser, Notice, Activeties, RadarData } from './data';
+import { Activeties, CurrentUser, Notice, RadarData } from './data';
+import { fakeChartData, queryActivities, queryCurrent, queryProjectNotice } from './service';
 
 export interface ModalState {
   currentUser: Partial<CurrentUser>;

EditorFlow/src/components/EditorContextMenu/FlowContextMenu.tsx

+import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -29,6 +30,6 @@ const FlowContextMenu = () => (
       <MenuItem command="pasteHere" icon="paste" text="Paste Here" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default FlowContextMenu;

EditorFlow/src/components/EditorContextMenu/MenuItem.tsx

-import React from 'react';
 import { Command } from 'gg-editor';
+import React from 'react';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => 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

+import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -17,6 +18,6 @@ const MindContextMenu = () => (
       <MenuItem command="redo" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default MindContextMenu;

EditorFlow/src/components/EditorContextMenu/index.tsx

 import FlowContextMenu from './FlowContextMenu';
-import MindContextMenu from './MindContextMenu';
 import KoniContextMenu from './KoniContextMenu';
+import MindContextMenu from './MindContextMenu';
 
 export { FlowContextMenu, MindContextMenu, KoniContextMenu };

EditorFlow/src/components/EditorDetailPanel/DetailForm.tsx

-import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
-import { withPropsAPI } from 'gg-editor';
+import React, { Fragment } from 'react';
+
 import { FormComponentProps } from 'antd/es/form';
+import { withPropsAPI } from 'gg-editor';
 
-const upperFirst = (str: string) => 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;

EditorFlow/src/components/EditorDetailPanel/FlowDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -22,6 +23,6 @@ const FlowDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default FlowDetailPanel;

EditorFlow/src/components/EditorDetailPanel/MindDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -13,6 +14,6 @@ const MindDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default MindDetailPanel;

EditorFlow/src/components/EditorDetailPanel/index.tsx

 import FlowDetailPanel from './FlowDetailPanel';
-import MindDetailPanel from './MindDetailPanel';
 import KoniDetailPanel from './KoniDetailPanel';
+import MindDetailPanel from './MindDetailPanel';
 
 export { FlowDetailPanel, MindDetailPanel, KoniDetailPanel };

EditorFlow/src/components/EditorItemPanel/FlowItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const FlowItemPanel = () => (
@@ -48,6 +49,6 @@ const FlowItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default FlowItemPanel;

EditorFlow/src/components/EditorItemPanel/KoniItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const KoniItemPanel = () => (
@@ -47,6 +48,6 @@ const KoniItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default KoniItemPanel;

EditorFlow/src/components/EditorMinimap/index.tsx

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

EditorFlow/src/components/EditorToolbar/FlowToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -25,6 +25,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="addGroup" icon="group" text="Add Group" />
     <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorFlow/src/components/EditorToolbar/MindToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -20,6 +20,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="collapse" text="Fold" />
     <ToolbarButton command="expand" text="Unfold" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorFlow/src/components/EditorToolbar/ToolbarButton.tsx

+import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
-import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => 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/components/EditorToolbar/index.tsx

 import FlowToolbar from './FlowToolbar';
-import MindToolbar from './MindToolbar';
 import KoniToolbar from './KoniToolbar';
+import MindToolbar from './MindToolbar';
 
 export { FlowToolbar, MindToolbar, KoniToolbar };

EditorFlow/src/index.tsx

-import React from 'react';
-import { Row, Col } from 'antd';
+import { Col, Row } from 'antd';
 import GGEditor, { Flow } from 'gg-editor';
+
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import React from 'react';
 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 { FlowItemPanel } from './components/EditorItemPanel';
+import { FlowToolbar } from './components/EditorToolbar';
 import styles from './index.less';
 
 GGEditor.setTrackable(false);

EditorKoni/src/components/EditorContextMenu/FlowContextMenu.tsx

+import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -29,6 +30,6 @@ const FlowContextMenu = () => (
       <MenuItem command="pasteHere" icon="paste" text="Paste Here" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default FlowContextMenu;

EditorKoni/src/components/EditorContextMenu/MenuItem.tsx

-import React from 'react';
 import { Command } from 'gg-editor';
+import React from 'react';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 

EditorKoni/src/components/EditorContextMenu/MindContextMenu.tsx

+import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -17,6 +18,6 @@ const MindContextMenu = () => (
       <MenuItem command="redo" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default MindContextMenu;

EditorKoni/src/components/EditorContextMenu/index.tsx

 import FlowContextMenu from './FlowContextMenu';
-import MindContextMenu from './MindContextMenu';
 import KoniContextMenu from './KoniContextMenu';
+import MindContextMenu from './MindContextMenu';
 
 export { FlowContextMenu, MindContextMenu, KoniContextMenu };

EditorKoni/src/components/EditorDetailPanel/DetailForm.tsx

-import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
-import { withPropsAPI } from 'gg-editor';
+import React, { Fragment } from 'react';
+
 import { FormComponentProps } from 'antd/es/form';
+import { withPropsAPI } from 'gg-editor';
 
-const upperFirst = (str: string) => 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;

EditorKoni/src/components/EditorDetailPanel/FlowDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -22,6 +23,6 @@ const FlowDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default FlowDetailPanel;

EditorKoni/src/components/EditorDetailPanel/MindDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -13,6 +14,6 @@ const MindDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default MindDetailPanel;

EditorKoni/src/components/EditorDetailPanel/index.tsx

 import FlowDetailPanel from './FlowDetailPanel';
-import MindDetailPanel from './MindDetailPanel';
 import KoniDetailPanel from './KoniDetailPanel';
+import MindDetailPanel from './MindDetailPanel';
 
 export { FlowDetailPanel, MindDetailPanel, KoniDetailPanel };

EditorKoni/src/components/EditorItemPanel/FlowItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const FlowItemPanel = () => (
@@ -48,6 +49,6 @@ const FlowItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default FlowItemPanel;

EditorKoni/src/components/EditorItemPanel/KoniItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const KoniItemPanel = () => (
@@ -47,6 +48,6 @@ const KoniItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default KoniItemPanel;

EditorKoni/src/components/EditorMinimap/index.tsx

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

EditorKoni/src/components/EditorToolbar/FlowToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -25,6 +25,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="addGroup" icon="group" text="Add Group" />
     <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorKoni/src/components/EditorToolbar/MindToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -20,6 +20,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="collapse" text="Fold" />
     <ToolbarButton command="expand" text="Unfold" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorKoni/src/components/EditorToolbar/ToolbarButton.tsx

+import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
-import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => 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/components/EditorToolbar/index.tsx

 import FlowToolbar from './FlowToolbar';
-import MindToolbar from './MindToolbar';
 import KoniToolbar from './KoniToolbar';
+import MindToolbar from './MindToolbar';
 
 export { FlowToolbar, MindToolbar, KoniToolbar };

EditorKoni/src/index.tsx

-import React from 'react';
-import { Row, Col } from 'antd';
+import { Col, Row } from 'antd';
 import GGEditor, { Koni } from 'gg-editor';
+
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import React from 'react';
 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 { KoniItemPanel } from './components/EditorItemPanel';
+import { KoniToolbar } from './components/EditorToolbar';
 import styles from './index.less';
 
 GGEditor.setTrackable(false);
@@ -40,4 +41,4 @@ export default () => (
       <KoniContextMenu />
     </GGEditor>
   </PageHeaderWrapper>
-  );
+);

EditorMind/src/components/EditorContextMenu/FlowContextMenu.tsx

+import { CanvasMenu, ContextMenu, EdgeMenu, GroupMenu, MultiMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, EdgeMenu, GroupMenu, MultiMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -29,6 +30,6 @@ const FlowContextMenu = () => (
       <MenuItem command="pasteHere" icon="paste" text="Paste Here" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default FlowContextMenu;

EditorMind/src/components/EditorContextMenu/MenuItem.tsx

-import React from 'react';
 import { Command } from 'gg-editor';
+import React from 'react';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => 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

+import { CanvasMenu, ContextMenu, NodeMenu } from 'gg-editor';
+
 import React from 'react';
-import { NodeMenu, CanvasMenu, ContextMenu } from 'gg-editor';
 import MenuItem from './MenuItem';
 import styles from './index.less';
 
@@ -17,6 +18,6 @@ const MindContextMenu = () => (
       <MenuItem command="redo" />
     </CanvasMenu>
   </ContextMenu>
-  );
+);
 
 export default MindContextMenu;

EditorMind/src/components/EditorContextMenu/index.tsx

 import FlowContextMenu from './FlowContextMenu';
-import MindContextMenu from './MindContextMenu';
 import KoniContextMenu from './KoniContextMenu';
+import MindContextMenu from './MindContextMenu';
 
 export { FlowContextMenu, MindContextMenu, KoniContextMenu };

EditorMind/src/components/EditorDetailPanel/DetailForm.tsx

-import React, { Fragment } from 'react';
 import { Card, Form, Input, Select } from 'antd';
-import { withPropsAPI } from 'gg-editor';
+import React, { Fragment } from 'react';
+
 import { FormComponentProps } from 'antd/es/form';
+import { withPropsAPI } from 'gg-editor';
 
-const upperFirst = (str: string) => 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;

EditorMind/src/components/EditorDetailPanel/FlowDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, EdgePanel, GroupPanel, MultiPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -22,6 +23,6 @@ const FlowDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default FlowDetailPanel;

EditorMind/src/components/EditorDetailPanel/MindDetailPanel.tsx

-import React from 'react';
+import { CanvasPanel, DetailPanel, NodePanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { NodePanel, CanvasPanel, DetailPanel } from 'gg-editor';
+import React from 'react';
 import DetailForm from './DetailForm';
 import styles from './index.less';
 
@@ -13,6 +14,6 @@ const MindDetailPanel = () => (
       <Card type="inner" size="small" title="Canvas" bordered={false} />
     </CanvasPanel>
   </DetailPanel>
-  );
+);
 
 export default MindDetailPanel;

EditorMind/src/components/EditorDetailPanel/index.tsx

 import FlowDetailPanel from './FlowDetailPanel';
-import MindDetailPanel from './MindDetailPanel';
 import KoniDetailPanel from './KoniDetailPanel';
+import MindDetailPanel from './MindDetailPanel';
 
 export { FlowDetailPanel, MindDetailPanel, KoniDetailPanel };

EditorMind/src/components/EditorItemPanel/FlowItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const FlowItemPanel = () => (
@@ -48,6 +49,6 @@ const FlowItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default FlowItemPanel;

EditorMind/src/components/EditorItemPanel/KoniItemPanel.tsx

-import React from 'react';
+import { Item, ItemPanel } from 'gg-editor';
+
 import { Card } from 'antd';
-import { ItemPanel, Item } from 'gg-editor';
+import React from 'react';
 import styles from './index.less';
 
 const KoniItemPanel = () => (
@@ -47,6 +48,6 @@ const KoniItemPanel = () => (
       />
     </Card>
   </ItemPanel>
-  );
+);
 
 export default KoniItemPanel;

EditorMind/src/components/EditorMinimap/index.tsx

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

EditorMind/src/components/EditorToolbar/FlowToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -25,6 +25,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="addGroup" icon="group" text="Add Group" />
     <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorMind/src/components/EditorToolbar/MindToolbar.tsx

-import React from 'react';
 import { Divider } from 'antd';
+import React from 'react';
 import { Toolbar } from 'gg-editor';
 import ToolbarButton from './ToolbarButton';
 import styles from './index.less';
@@ -20,6 +20,6 @@ const FlowToolbar = () => (
     <ToolbarButton command="collapse" text="Fold" />
     <ToolbarButton command="expand" text="Unfold" />
   </Toolbar>
-  );
+);
 
 export default FlowToolbar;

EditorMind/src/components/EditorToolbar/ToolbarButton.tsx

+import { Command } from 'gg-editor';
 import React from 'react';
 import { Tooltip } from 'antd';
-import { Command } from 'gg-editor';
 import IconFont from '../../common/IconFont';
 import styles from './index.less';
 
-const upperFirst = (str: string) => 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/components/EditorToolbar/index.tsx

 import FlowToolbar from './FlowToolbar';
-import MindToolbar from './MindToolbar';
 import KoniToolbar from './KoniToolbar';
+import MindToolbar from './MindToolbar';
 
 export { FlowToolbar, MindToolbar, KoniToolbar };

EditorMind/src/index.tsx

-import React from 'react';
-import { Row, Col } from 'antd';
+import { Col, Row } from 'antd';
 import GGEditor, { Mind } from 'gg-editor';
+
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import React from 'react';
 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 { MindToolbar } from './components/EditorToolbar';
 import data from './worldCup2018.json';
 import styles from './index.less';
 
@@ -37,4 +38,4 @@ export default () => (
       <MindContextMenu />
     </GGEditor>
   </PageHeaderWrapper>
-  );
+);

Exception403/src/components/Exception/index.tsx

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

Exception403/src/index.tsx

+import Link from 'umi/link';
 import React from 'react';
 import { formatMessage } from 'umi-plugin-react/locale';
-import Link from 'umi/link';
 import Exception from './components/Exception';
 
 export default () => (

Exception404/src/components/Exception/index.tsx

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

Exception404/src/index.tsx

+import Link from 'umi/link';
 import React from 'react';
 import { formatMessage } from 'umi-plugin-react/locale';
-import Link from 'umi/link';
 import Exception from './components/Exception';
 
 export default () => (

Exception500/src/components/Exception/index.tsx

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

Exception500/src/index.tsx

+import Link from 'umi/link';
 import React from 'react';
 import { formatMessage } from 'umi-plugin-react/locale';
-import Link from 'umi/link';
 import Exception from './components/Exception';
 
 export default () => (

FormAdvancedForm/src/components/FooterToolbar/index.tsx

 import React, { Component } from 'react';
+
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import styles from './index.less';

FormAdvancedForm/src/components/TableForm.tsx

-import React, { PureComponent, Fragment } from 'react';
-import { Table, Button, Input, message, Popconfirm, Divider } from 'antd';
+import { Button, Divider, Input, Popconfirm, Table, message } from 'antd';
+import React, { Fragment, PureComponent } from 'react';
+
 import { isEqual } from 'lodash';
 import styles from '../style.less';
 

FormAdvancedForm/src/index.tsx

-import React, { Component } from 'react';
 import {
-  Card,
-  Form,
-  Icon,
   Button,
+  Card,
   Col,
-  Row,
   DatePicker,
-  TimePicker,
+  Form,
+  Icon,
   Input,
-  Select,
   Popover,
+  Row,
+  Select,
+  TimePicker,
 } from 'antd';
-import { connect } from 'dva';
-import { FormComponentProps } from 'antd/es/form';
+import React, { Component } from 'react';
+
 import { Dispatch } from 'redux';
+import { FormComponentProps } from 'antd/es/form';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
 import TableForm from './components/TableForm';
-import styles from './style.less';
 import FooterToolbar from './components/FooterToolbar';
+import styles from './style.less';
 
 const { Option } = Select;
 const { RangePicker } = DatePicker;

FormAdvancedForm/src/model.ts

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

FormBasicForm/src/index.tsx

-import React, { Component } from 'react';
-import { connect } from 'dva';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import {
-  Form,
-  Input,
-  DatePicker,
-  Select,
   Button,
   Card,
+  DatePicker,
+  Form,
+  Icon,
+  Input,
   InputNumber,
   Radio,
-  Icon,
+  Select,
   Tooltip,
 } from 'antd';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { FormComponentProps } from 'antd/es/form';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
+import React, { Component } from 'react';
+
 import { Dispatch } from 'redux';
+import { FormComponentProps } from 'antd/es/form';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
 import styles from './style.less';
 
 const FormItem = Form.Item;

FormBasicForm/src/model.ts

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

FormStepForm/src/components/Result/index.tsx

+import { Icon } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
-import { Icon } from 'antd';
 import styles from './index.less';
 
 export interface ResultProps {

FormStepForm/src/components/Step1/index.tsx

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

FormStepForm/src/components/Step2/index.tsx

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

FormStepForm/src/components/Step3/index.tsx

+import { Button, Col, Row } from 'antd';
 import React, { Fragment } from 'react';
-import { connect } from 'dva';
-import { Button, Row, Col } from 'antd';
+
 import { Dispatch } from 'redux';
+import { connect } from 'dva';
+import { IStateType } from '../../model';
 import Result from '../Result';
 import styles from './index.less';
-import { IStateType } from '../../model';
 
 interface Step3Props {
   data?: IStateType['step'];

FormStepForm/src/index.tsx

-import React, { Component, Fragment } from 'react';
 import { Card, Steps } from 'antd';
-import { connect } from 'dva';
+import React, { Component, Fragment } from 'react';
+
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
+import { IStateType } from './model';
 import Step1 from './components/Step1';
 import Step2 from './components/Step2';
 import Step3 from './components/Step3';
 import styles from './style.less';
-import { IStateType } from './model';
 
 const { Step } = Steps;
 

FormStepForm/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { fakeSubmitForm } from './service';
 
 export interface IStateType {

ListBasicList/src/Result/index.tsx

+import { Icon } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
-import { Icon } from 'antd';
 import styles from './index.less';
 
 export interface ResultProps {

ListBasicList/src/index.tsx

-import React, { Component } from 'react';
-import { findDOMNode } from 'react-dom';
-import moment from 'moment';
-import { connect } from 'dva';
 import {
-  List,
+  Avatar,
+  Button,
   Card,
-  Row,
   Col,
-  Radio,
-  Input,
-  Progress,
-  Button,
-  Icon,
+  DatePicker,
   Dropdown,
+  Form,
+  Icon,
+  Input,
+  List,
   Menu,
-  Avatar,
   Modal,
-  Form,
-  DatePicker,
+  Progress,
+  Radio,
+  Row,
   Select,
 } from 'antd';
-import { FormComponentProps } from 'antd/es/form';
+import React, { Component } from 'react';
+
 import { Dispatch } from 'redux';
+import { FormComponentProps } from 'antd/es/form';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
+import { findDOMNode } from 'react-dom';
+import moment from 'moment';
+import Result from './Result';
 import { IStateType } from './model';
 import { BasicListItemDataType } from './data';
-import Result from './Result';
-
 import styles from './style.less';
 
 const FormItem = Form.Item;

ListBasicList/src/model.ts

-import { Reducer, AnyAction } from 'redux';
+import { AnyAction, Reducer } from 'redux';
 import { EffectsCommandMap } from 'dva';
+import { addFakeList, queryFakeList, removeFakeList, updateFakeList } from './service';
 
 import { BasicListItemDataType } from './data';
-import { queryFakeList, removeFakeList, addFakeList, updateFakeList } from './service';
 
 export interface IStateType {
   list: BasicListItemDataType[];

ListCardList/src/index.tsx

+import { Button, Card, Icon, List, Typography } from 'antd';
 import React, { Component } from 'react';
-import { connect } from 'dva';
+
 import { Dispatch } from 'redux';
-import { Card, Button, Typography, Icon, List } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
 import { IStateType } from './model';
 import { CardListItemDataType } from './data';
-
 import styles from './style.less';
 
 const { Paragraph } = Typography;
@@ -96,7 +96,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
             grid={{ gutter: 24, lg: 3, md: 2, sm: 1, xs: 1 }}
             dataSource={[nullData, ...list]}
             renderItem={item =>
-              (item && item.id ? (
+              item && item.id ? (
                 <List.Item key={item.id}>
                   <Card
                     hoverable
@@ -120,7 +120,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
                     <Icon type="plus" /> 新增产品
                   </Button>
                 </List.Item>
-              ))
+              )
             }
           />
         </div>

ListCardList/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { CardListItemDataType } from './data';
 import { queryFakeList } from './service';
 

ListSearch/src/index.tsx

 import React, { Component } from 'react';
-import router from 'umi/router';
-import { connect } from 'dva';
+
 import { Input } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
+import router from 'umi/router';
 
 interface PAGE_NAME_UPPER_CAMEL_CASEProps {
   match: {

ListSearchApplications/src/components/TagSelect/index.tsx

+import { Icon, Tag } from 'antd';
 import React, { Component } from 'react';
-import classNames from 'classnames';
-import { Tag, Icon } from 'antd';
 
+import classNames from 'classnames';
 import styles from './index.less';
 
 const { CheckableTag } = Tag;

ListSearchApplications/src/index.tsx

+import { Avatar, Card, Col, Dropdown, Form, Icon, List, Menu, Row, Select, Tooltip } from 'antd';
 import React, { Component } from 'react';
-import numeral from 'numeral';
-import { connect } from 'dva';
-import { Row, Col, Form, Card, Select, Icon, Avatar, List, Tooltip, Dropdown, Menu } from 'antd';
+
 import { Dispatch } from 'redux';
 import { FormComponentProps } from 'antd/es/form';
-import TagSelect from './components/TagSelect';
-import StandardFormRow from './components/StandardFormRow';
-import styles from './style.less';
+import { connect } from 'dva';
+import numeral from 'numeral';
 import { IStateType } from './model';
 import { ListItemDataType } from './data';
+import StandardFormRow from './components/StandardFormRow';
+import TagSelect from './components/TagSelect';
+import styles from './style.less';
 
 const { Option } = Select;
 const FormItem = Form.Item;

ListSearchApplications/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { ListItemDataType } from './data';
 import { queryFakeList } from './service';
 

ListSearchArticles/src/components/ArticleListContent/index.tsx

+import { Avatar } from 'antd';
 import React from 'react';
 import moment from 'moment';
-import { Avatar } from 'antd';
 import styles from './index.less';
 
 interface ArticleListContentProps {

ListSearchArticles/src/components/TagSelect/index.tsx

+import { Icon, Tag } from 'antd';
 import React, { Component } from 'react';
-import classNames from 'classnames';
-import { Tag, Icon } from 'antd';
 
+import classNames from 'classnames';
 import styles from './index.less';
 
 const { CheckableTag } = Tag;

ListSearchArticles/src/index.tsx

+import { Button, Card, Col, Form, Icon, List, Row, Select, Tag } from 'antd';
 import React, { Component } from 'react';
-import { connect } from 'dva';
-import { Form, Card, Select, List, Tag, Icon, Row, Col, Button } from 'antd';
 
 import { Dispatch } from 'redux';
 import { FormComponentProps } from 'antd/es/form';
-import TagSelect from './components/TagSelect';
-import StandardFormRow from './components/StandardFormRow';
+import { connect } from 'dva';
 import ArticleListContent from './components/ArticleListContent';
-import styles from './style.less';
-import { ListItemDataType } from './data';
 import { IStateType } from './model';
+import { ListItemDataType } from './data';
+import StandardFormRow from './components/StandardFormRow';
+import TagSelect from './components/TagSelect';
+import styles from './style.less';
 
 const { Option } = Select;
 const FormItem = Form.Item;

ListSearchArticles/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { ListItemDataType } from './data';
 import { queryFakeList } from './service';
 

ListSearchProjects/src/components/AvatarList/index.tsx

+import { Avatar, Tooltip } from 'antd';
+
 import React from 'react';
-import { Tooltip, Avatar } from 'antd';
 import classNames from 'classnames';
 import styles from './index.less';
 

ListSearchProjects/src/components/TagSelect/index.tsx

+import { Icon, Tag } from 'antd';
 import React, { Component } from 'react';
-import classNames from 'classnames';
-import { Tag, Icon } from 'antd';
 
+import classNames from 'classnames';
 import styles from './index.less';
 
 const { CheckableTag } = Tag;

ListSearchProjects/src/index.tsx

+import { Card, Col, Form, List, Row, Select, Typography } from 'antd';
 import React, { Component } from 'react';
-import moment from 'moment';
-import { connect } from 'dva';
-import { Row, Col, Form, Card, Select, List, Typography } from 'antd';
+
 import { Dispatch } from 'redux';
 import { FormComponentProps } from 'antd/es/form';
-import StandardFormRow from './components/StandardFormRow';
-import TagSelect from './components/TagSelect';
+import { connect } from 'dva';
+import moment from 'moment';
 import AvatarList from './components/AvatarList';
-import styles from './style.less';
 import { IStateType } from './model';
 import { ListItemDataType } from './data';
+import StandardFormRow from './components/StandardFormRow';
+import TagSelect from './components/TagSelect';
+import styles from './style.less';
 
 const { Option } = Select;
 const FormItem = Form.Item;

ListSearchProjects/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { ListItemDataType } from './data';
 import { queryFakeList } from './service';
 

ListTableList/src/_mock.ts

 import { parse } from 'url';
 import { TableListItem, TableListParams } from './data';
+
 // mock tableListDataSource
 let tableListDataSource: TableListItem[] = [];
 

ListTableList/src/components/CreateForm.tsx

-import React from 'react';
-import { Input, Modal, Form } from 'antd';
+import { Form, Input, Modal } from 'antd';
+
 import { FormComponentProps } from 'antd/es/form';
+import React from 'react';
 
 const FormItem = Form.Item;
 

ListTableList/src/components/StandardTable/index.tsx

+import { Alert, Table } from 'antd';
+import { ColumnProps, SorterResult, TableProps } from 'antd/es/table';
 import React, { Component, Fragment } from 'react';
-import { Table, Alert } from 'antd';
-import { TableProps, ColumnProps, SorterResult } from 'antd/es/table';
-import styles from './index.less';
+
 import { TableListItem } from '../../data';
+import styles from './index.less';
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 

ListTableList/src/components/UpdateForm.tsx

+import { Button, DatePicker, Form, Input, Modal, Radio, Select, Steps } from 'antd';
 import React, { Component } from 'react';
-import { Input, Select, Button, DatePicker, Form, Modal, Steps, Radio } from 'antd';
+
 import { FormComponentProps } from 'antd/es/form';
 import { TableListItem } from '../data';
 

ListTableList/src/index.tsx

-import React, { Component, Fragment } from 'react';
-import { connect } from 'dva';
-import moment from 'moment';
 import {
-  Row,
-  Col,
+  Badge,
+  Button,
   Card,
+  Col,
+  DatePicker,
+  Divider,
+  Dropdown,
   Form,
-  Input,
-  Select,
   Icon,
-  Button,
-  Dropdown,
-  Menu,
+  Input,
   InputNumber,
-  DatePicker,
+  Menu,
+  Row,
+  Select,
   message,
-  Badge,
-  Divider,
 } from 'antd';
-import { FormComponentProps } from 'antd/es/form';
-import { SorterResult } from 'antd/es/table';
+import React, { Component, Fragment } from 'react';
+
 import { Dispatch } from 'redux';
+import { FormComponentProps } from 'antd/es/form';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import StandardTable, { StandardTableColumnProps } from './components/StandardTable';
-import { TableListItem, TableListParams, TableListPagination } from './data';
+import { SorterResult } from 'antd/es/table';
+import { connect } from 'dva';
+import moment from 'moment';
 import { IStateType } from './model';
-import styles from './style.less';
-import UpdateForm, { IFormValsType } from './components/UpdateForm';
 import CreateForm from './components/CreateForm';
+import UpdateForm, { IFormValsType } from './components/UpdateForm';
+import { TableListItem, TableListPagination, TableListParams } from './data';
+import StandardTable, { StandardTableColumnProps } from './components/StandardTable';
+import styles from './style.less';
 
 const FormItem = Form.Item;
 const { Option } = Select;

ListTableList/src/model.ts

-import { Reducer, AnyAction } from 'redux';
+import { AnyAction, Reducer } from 'redux';
 import { EffectsCommandMap } from 'dva';
+import { addRule, queryRule, removeRule, updateRule } from './service';
 
 import { TableListDate } from './data';
-import { queryRule, removeRule, addRule, updateRule } from './service';
 
 export interface IStateType {
   data: TableListDate;

ProfileAdvanced/src/index.tsx

-import React, { Component, Fragment } from 'react';
-import { Dispatch } from 'redux';
-import { GridContent, PageHeaderWrapper } from '@ant-design/pro-layout';
-import { connect } from 'dva';
 import {
+  Badge,
   Button,
-  Menu,
+  Card,
+  Col,
+  Descriptions,
+  Divider,
   Dropdown,
   Icon,
+  Menu,
+  Popover,
   Row,
-  Col,
   Steps,
-  Card,
-  Popover,
-  Badge,
   Table,
   Tooltip,
-  Divider,
-  Descriptions,
 } from 'antd';
+import { GridContent, PageHeaderWrapper } from '@ant-design/pro-layout';
+import React, { Component, Fragment } from 'react';
+
+import { Dispatch } from 'redux';
 import classNames from 'classnames';
-import styles from './style.less';
+import { connect } from 'dva';
 import { AdvancedProfileData } from './data';
+import styles from './style.less';
 
 const { Step } = Steps;
 const ButtonGroup = Button.Group;
@@ -122,13 +123,13 @@ const customDot = (
     status: string;
   },
 ) =>
-  (status === 'process' ? (
+  status === 'process' ? (
     <Popover placement="topLeft" arrowPointAtCenter content={popoverContent}>
       {dot}
     </Popover>
   ) : (
     dot
-  ));
+  );
 
 const operationTabList = [
   {
@@ -161,11 +162,11 @@ const columns = [
     dataIndex: 'status',
     key: 'status',
     render: (text: string) =>
-      (text === 'agree' ? (
+      text === 'agree' ? (
         <Badge status="success" text="成功" />
       ) : (
         <Badge status="error" text="驳回" />
-      )),
+      ),
   },
   {
     title: '操作时间',

ProfileAdvanced/src/model.ts

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

ProfileBasic/src/index.tsx

+import { Badge, Card, Descriptions, Divider, Table } from 'antd';
 import React, { Component } from 'react';
-import { connect } from 'dva';
-import { Card, Badge, Table, Descriptions, Divider } from 'antd';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
+
 import { Dispatch } from 'redux';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { connect } from 'dva';
+import { BasicGood, BasicProfileDataType } from './data';
 import styles from './style.less';
-import { BasicProfileDataType, BasicGood } from './data';
 
 const progressColumns = [
   {
@@ -22,11 +23,11 @@ const progressColumns = [
     dataIndex: 'status',
     key: 'status',
     render: (text: string) =>
-      (text === 'success' ? (
+      text === 'success' ? (
         <Badge status="success" text="成功" />
       ) : (
         <Badge status="processing" text="进行中" />
-      )),
+      ),
   },
   {
     title: '操作员ID',

ProfileBasic/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { BasicGood } from './data';
 import { queryBasicProfile } from './service';
 

ResultFail/src/Result/index.tsx

+import { Icon } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
-import { Icon } from 'antd';
 import styles from './index.less';
 
 export interface ResultProps {

ResultFail/src/index.tsx

+import { Button, Card, Icon } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
-import { Button, Icon, Card } from 'antd';
+
 import { GridContent } from '@ant-design/pro-layout';
 import Result from './Result';
 import styles from './index.less';

ResultSuccess/src/Result/index.tsx

+import { Icon } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
-import { Icon } from 'antd';
 import styles from './index.less';
 
 export interface ResultProps {

ResultSuccess/src/index.tsx

+import { Button, Card, Col, Icon, Row, Steps } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Fragment } from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
-import { Button, Row, Col, Icon, Steps, Card } from 'antd';
+
 import { GridContent } from '@ant-design/pro-layout';
 import Result from './Result';
 import styles from './index.less';

UserLogin/src/components/Login/LoginItem.tsx

+import { Button, Col, Form, Input, Row } from 'antd';
 import React, { Component } from 'react';
-import { Form, Input, Button, Row, Col } from 'antd';
-import omit from 'omit.js';
+
 import { FormComponentProps } from 'antd/es/form';
-import styles from './index.less';
+import omit from 'omit.js';
 import ItemMap from './map';
 import LoginContext, { ILoginContext } from './LoginContext';
+import styles from './index.less';
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 

UserLogin/src/components/Login/LoginSubmit.tsx

-import React from 'react';
-import classNames from 'classnames';
 import { Button, Form } from 'antd';
+
 import { ButtonProps } from 'antd/es/button';
+import React from 'react';
+import classNames from 'classnames';
 import styles from './index.less';
 
 const FormItem = Form.Item;

UserLogin/src/components/Login/LoginTab.tsx

 import React, { Component } from 'react';
-import { Tabs } from 'antd';
+
 import { TabPaneProps } from 'antd/es/tabs';
+import { Tabs } from 'antd';
 import LoginContext, { ILoginContext } from './LoginContext';
 
 const { TabPane } = Tabs;

UserLogin/src/components/Login/index.tsx

-import React, { Component } from 'react';
 import { Form, Tabs } from 'antd';
-import classNames from 'classnames';
+import React, { Component } from 'react';
 import { FormComponentProps } from 'antd/es/form';
-import LoginItem, { LoginItemType, LoginItemProps } from './LoginItem';
-import LoginTab from './LoginTab';
-import styles from './index.less';
+import classNames from 'classnames';
 import LoginContext, { ILoginContext } from './LoginContext';
+import LoginItem, { LoginItemProps, LoginItemType } from './LoginItem';
+
 import LoginSubmit from './LoginSubmit';
+import LoginTab from './LoginTab';
+import styles from './index.less';
 
 export interface LoginProps {
   defaultActiveKey?: string;

UserLogin/src/components/Login/map.tsx

-import React from 'react';
 import { Icon } from 'antd';
+import React from 'react';
 import styles from './index.less';
 
 export default {

UserLogin/src/index.tsx

+import { Alert, Checkbox, Icon } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Component } from 'react';
-import { connect } from 'dva';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
-import Link from 'umi/link';
-import { Checkbox, Alert, Icon } from 'antd';
+
+import { CheckboxChangeEvent } from 'antd/es/checkbox';
 import { Dispatch } from 'redux';
 import { FormComponentProps } from 'antd/es/form';
-import { CheckboxChangeEvent } from 'antd/es/checkbox';
+import Link from 'umi/link';
+import { connect } from 'dva';
+import { IStateType } from './model';
 import LoginComponents from './components/Login';
 import styles from './style.less';
-import { IStateType } from './model';
 
 const { Tab, UserName, Password, Mobile, Captcha, Submit } = LoginComponents;
 

UserLogin/src/model.ts

-import { routerRedux } from 'dva/router';
-import { Reducer, AnyAction } from 'redux';
+import { AnyAction, Reducer } from 'redux';
 import { EffectsCommandMap } from 'dva';
-
+import { routerRedux } from 'dva/router';
 import { fakeAccountLogin, getFakeCaptcha } from './service';
 import { getPageQuery, setAuthority } from './utils/utils';
 

UserRegister/src/index.tsx

+import { Button, Col, Form, Input, Popover, Progress, Row, Select, message } from 'antd';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
 import React, { Component } from 'react';
-import { connect } from 'dva';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
-import Link from 'umi/link';
-import { Form, Input, message, Button, Select, Row, Col, Popover, Progress } from 'antd';
+
 import { Dispatch } from 'redux';
 import { FormComponentProps } from 'antd/es/form';
+import Link from 'umi/link';
+import { connect } from 'dva';
 import router from 'umi/router';
 import { IStateType } from './model';
 import styles from './style.less';
@@ -246,7 +247,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
           <FormItem help={help}>
             <Popover
               getPopupContainer={node =>
-                (node && node.parentNode ? (node.parentNode as HTMLElement) : node)
+                node && node.parentNode ? (node.parentNode as HTMLElement) : node
               }
               content={
                 <div style={{ padding: '4px 0' }}>

UserRegister/src/model.ts

-import { Reducer, AnyAction } from 'redux';
-import { EffectsCommandMap } from 'dva';
+import { AnyAction, Reducer } from 'redux';
 
+import { EffectsCommandMap } from 'dva';
 import { fakeRegister } from './service';
 
 export interface IStateType {

UserRegisterResult/src/Result/index.tsx

+import { Icon } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
-import { Icon } from 'antd';
 import styles from './index.less';
 
 export interface ResultProps {

UserRegisterResult/src/index.tsx

-import React from 'react';
-import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
+import { FormattedMessage, formatMessage } from 'umi-plugin-react/locale';
+
 import { Button } from 'antd';
 import Link from 'umi/link';
+import React from 'react';
 import { RouteChildrenProps } from 'react-router';
 import Result from './Result';
 import styles from './style.less';

package.json

@@ -9,7 +9,8 @@
     "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty  ./ && npm run lint:style",
     "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./",
     "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
-    "prettier": "prettier -c --write **/*"
+    "prettier": "prettier -c --write **/*",
+    "format-imports": "import-sort --write '**/*.{js,jsx,ts,tsx}'"
   },
   "husky": {
     "hooks": {
@@ -52,7 +53,11 @@
     "umi-plugin-block-dev": "^2.1.11",
     "umi-plugin-react": "^1.7.6",
     "umi-request": "^1.0.0",
-    "@umijs/fabric": "^1.0.4"
+    "@umijs/fabric": "^1.0.4",
+    "import-sort-cli": "^6.0.0",
+    "import-sort-parser-babylon": "^6.0.0",
+    "import-sort-parser-typescript": "^6.0.0",
+    "import-sort-style-module": "^6.0.0"
   },
   "peerDependencies": {
     "antd": "^3.17.0"