61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
import React, { Suspense } from 'react';
|
|
import numeral from 'numeral';
|
|
import ChartCard from './ChartCard';
|
|
import Field from './Field';
|
|
|
|
const getComponent = Component => {
|
|
return props => {
|
|
return (
|
|
<Suspense fallback="...">
|
|
<Component {...props} />
|
|
</Suspense>
|
|
);
|
|
};
|
|
};
|
|
|
|
const Bar = getComponent(React.lazy(() => import('./Bar')));
|
|
const Pie = getComponent(React.lazy(() => import('./Pie')));
|
|
const Radar = getComponent(React.lazy(() => import('./Radar')));
|
|
const Gauge = getComponent(React.lazy(() => import('./Gauge')));
|
|
const MiniArea = getComponent(React.lazy(() => import('./MiniArea')));
|
|
const MiniBar = getComponent(React.lazy(() => import('./MiniBar')));
|
|
const MiniProgress = getComponent(React.lazy(() => import('./MiniProgress')));
|
|
const WaterWave = getComponent(React.lazy(() => import('./WaterWave')));
|
|
const TagCloud = getComponent(React.lazy(() => import('./TagCloud')));
|
|
const TimelineChart = getComponent(React.lazy(() => import('./TimelineChart')));
|
|
|
|
const yuan = val => `¥ ${numeral(val).format('0,0')}`;
|
|
|
|
const Charts = {
|
|
yuan,
|
|
Bar,
|
|
Pie,
|
|
Gauge,
|
|
Radar,
|
|
MiniBar,
|
|
MiniArea,
|
|
MiniProgress,
|
|
ChartCard,
|
|
Field,
|
|
WaterWave,
|
|
TagCloud,
|
|
TimelineChart,
|
|
};
|
|
|
|
export {
|
|
Charts as default,
|
|
yuan,
|
|
Bar,
|
|
Pie,
|
|
Gauge,
|
|
Radar,
|
|
MiniBar,
|
|
MiniArea,
|
|
MiniProgress,
|
|
ChartCard,
|
|
Field,
|
|
WaterWave,
|
|
TagCloud,
|
|
TimelineChart,
|
|
};
|