fix: ant-design-pro style in analysis

@@ -2,11 +2,13 @@ import React, { memo } from 'react';
 import { Row, Col, Icon, Tooltip } from 'antd';
 import { FormattedMessage } from 'umi/locale';
 import styles from './Analysis.less';
-import { ChartCard, MiniArea, MiniBar, MiniProgress, Field } from 'ant-design-pro/lib/Charts';
-import Trend from 'ant-design-pro/lib/Trend';
+import { Charts } from 'ant-design-pro';
+import { Trend } from 'ant-design-pro';
 import numeral from 'numeral';
 import Yuan from '@/utils/Yuan';
 
+const { ChartCard, MiniArea, MiniBar, MiniProgress, Field } = Charts;
+
 const topColResponsiveProps = {
   xs: 24,
   sm: 12,

 import React, { memo } from 'react';
 import { Card, Tabs, Row, Col } from 'antd';
 import { formatMessage, FormattedMessage } from 'umi/locale';
-import { TimelineChart, Pie } from 'ant-design-pro/lib/Charts';
-import NumberInfo from 'ant-design-pro/lib/NumberInfo';
+import { Charts } from 'ant-design-pro';
+import { NumberInfo } from 'ant-design-pro';
 import styles from './Analysis.less';
 
+const { TimelineChart, Pie } = Charts;
+
 const CustomTab = ({ data, currentTabKey: currentKey }) => (
   <Row gutter={8} style={{ width: 138, margin: '8px 0' }}>
     <Col span={12}>

@@ -2,9 +2,11 @@ import React, { memo } from 'react';
 import { Card, Radio } from 'antd';
 import { FormattedMessage } from 'umi/locale';
 import styles from './Analysis.less';
-import { Pie } from 'ant-design-pro/lib/Charts';
+import { Charts } from 'ant-design-pro';
 import Yuan from '@/utils/Yuan';
 
+const { Pie } = Charts;
+
 const ProportionSales = memo(
   ({ dropdownGroup, salesType, loading, salesPieData, handleChangeSalesType }) => (
     <Card

@@ -2,9 +2,11 @@ import React, { memo } from 'react';
 import { Row, Col, Card, Tabs, DatePicker } from 'antd';
 import { FormattedMessage, formatMessage } from 'umi/locale';
 import numeral from 'numeral';
-import { Bar } from 'ant-design-pro/lib/Charts';
+import { Charts } from 'ant-design-pro';
 import styles from './Analysis.less';
 
+const { Bar } = Charts;
+
 const { RangePicker } = DatePicker;
 const { TabPane } = Tabs;
 

 import React, { memo } from 'react';
 import { Row, Col, Table, Tooltip, Card, Icon } from 'antd';
 import { FormattedMessage } from 'umi/locale';
-import Trend from 'ant-design-pro/lib/Trend';
+import { Trend, NumberInfo, Charts } from 'ant-design-pro';
 import numeral from 'numeral';
-import NumberInfo from 'ant-design-pro/lib/NumberInfo';
-import { MiniArea } from 'ant-design-pro/lib/Charts';
 import styles from './Analysis.less';
 
+const { MiniArea } = Charts;
+
 const columns = [
   {
     title: <FormattedMessage id="app.analysis.table.rank" defaultMessage="Rank" />,