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 = {