fix style import

src/components/ActiveChart/index.js

 import React, { Component } from 'react';
-import { MiniArea } from 'ant-design-pro/lib/Charts';
-import NumberInfo from 'ant-design-pro/lib/NumberInfo';
+import { NumberInfo, Charts } from 'ant-design-pro';
 
 import styles from './index.less';
 
+const { MiniArea } =  Charts;
+
 function fixedZero(val) {
   return val * 1 < 10 ? `0${val}` : val;
 }

src/components/GlobalHeader/RightContent.js

@@ -3,7 +3,7 @@ import { FormattedMessage, formatMessage } from 'umi/locale';
 import { Spin, Tag, Menu, Icon, Avatar, Tooltip } from 'antd';
 import moment from 'moment';
 import groupBy from 'lodash/groupBy';
-import NoticeIcon from 'ant-design-pro/lib/NoticeIcon';
+import { NoticeIcon } from 'ant-design-pro';
 import HeaderSearch from '../HeaderSearch';
 import HeaderDropdown from '../HeaderDropdown';
 import SelectLang from '../SelectLang';

src/components/PageHeaderWrapper/index.js

 import React from 'react';
 import { FormattedMessage } from 'umi/locale';
 import Link from 'umi/link';
-import PageHeader from 'ant-design-pro/lib/PageHeader';
+import { PageHeader } from 'ant-design-pro';
 import { connect } from 'dva';
 import GridContent from './GridContent';
 import styles from './index.less';

src/global.js

 import React from 'react';
 import { notification, Button, message } from 'antd';
 import { formatMessage } from 'umi/locale';
-import 'ant-design-pro/dist/ant-design-pro.css';
 
 // Notify user if offline now
 window.addEventListener('sw.offline', () => {

src/layouts/Footer.js

 import React, { Fragment } from 'react';
 import { Layout, Icon } from 'antd';
-import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
+import { GlobalFooter } from 'ant-design-pro';
 
 const { Footer } = Layout;
 const FooterView = () => (

src/layouts/UserLayout.js

@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import { formatMessage } from 'umi/locale';
 import Link from 'umi/link';
 import { Icon } from 'antd';
-import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
+import { GlobalFooter } from 'ant-design-pro';
 import SelectLang from '@/components/SelectLang';
 import styles from './UserLayout.less';
 import logo from '../assets/logo.svg';

src/models/list.js

-import { queryFakeList, removeFakeList, addFakeList, updateFakeList } from '@/services/api';
-
-export default {
-  namespace: 'list',
-
-  state: {
-    list: [],
-  },
-
-  effects: {
-    *fetch({ payload }, { call, put }) {
-      const response = yield call(queryFakeList, payload);
-      yield put({
-        type: 'queryList',
-        payload: Array.isArray(response) ? response : [],
-      });
-    },
-    *appendFetch({ payload }, { call, put }) {
-      const response = yield call(queryFakeList, payload);
-      yield put({
-        type: 'appendList',
-        payload: Array.isArray(response) ? response : [],
-      });
-    },
-    *submit({ payload }, { call, put }) {
-      let callback;
-      if (payload.id) {
-        callback = Object.keys(payload).length === 1 ? removeFakeList : updateFakeList;
-      } else {
-        callback = addFakeList;
-      }
-      const response = yield call(callback, payload); // post
-      yield put({
-        type: 'queryList',
-        payload: response,
-      });
-    },
-  },
-
-  reducers: {
-    queryList(state, action) {
-      return {
-        ...state,
-        list: action.payload,
-      };
-    },
-    appendList(state, action) {
-      return {
-        ...state,
-        list: state.list.concat(action.payload),
-      };
-    },
-  },
-};

src/utils/Authorized.js

-import RenderAuthorized from 'ant-design-pro/lib/Authorized';
+import { Authorized as RenderAuthorized } from 'ant-design-pro';
 import { getAuthority } from './authority';
 
 let Authorized = RenderAuthorized(getAuthority()); // eslint-disable-line

src/utils/Yuan.js

 import React from 'react';
-import { yuan } from 'ant-design-pro/lib/Charts';
+import { Charts } from 'ant-design-pro';
+
+const { yuan } = Charts;
 /**
  * 减少使用 dangerouslySetInnerHTML
  */