aldehyde 0.1.41 → 0.1.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/lib/chart/antd/Chart.d.ts.map +1 -1
  2. package/lib/chart/antd/Chart.js.map +1 -1
  3. package/lib/chart/antd/column-chart-sub.d.ts.map +1 -1
  4. package/lib/chart/antd/column-chart-sub.js.map +1 -1
  5. package/lib/chart/antd/line-chart-sub.d.ts.map +1 -1
  6. package/lib/chart/antd/line-chart-sub.js.map +1 -1
  7. package/lib/chart/antd/pie-chart-sub.d.ts.map +1 -1
  8. package/lib/chart/antd/pie-chart-sub.js.map +1 -1
  9. package/lib/controls/file-view/drawer-file-view.d.ts.map +1 -1
  10. package/lib/controls/file-view/drawer-file-view.js +4 -2
  11. package/lib/controls/file-view/drawer-file-view.js.map +1 -1
  12. package/lib/controls/file-view/index.d.ts.map +1 -1
  13. package/lib/controls/file-view/index.js.map +1 -1
  14. package/lib/index.d.ts +19 -18
  15. package/lib/index.d.ts.map +1 -1
  16. package/lib/index.js +40 -18
  17. package/lib/index.js.map +1 -1
  18. package/lib/layout/menu/user-bar.d.ts.map +1 -1
  19. package/lib/layout/menu/user-bar.js +3 -0
  20. package/lib/layout/menu/user-bar.js.map +1 -1
  21. package/lib/welcome/HCWelcome.d.ts.map +1 -1
  22. package/lib/welcome/HCWelcome.js +19 -22
  23. package/lib/welcome/HCWelcome.js.map +1 -1
  24. package/package.json +4 -3
  25. package/src/aldehyde/chart/antd/Chart.js +0 -1
  26. package/src/aldehyde/chart/antd/column-chart-sub.tsx +12 -2
  27. package/src/aldehyde/chart/antd/line-chart-sub.tsx +12 -2
  28. package/src/aldehyde/chart/antd/pie-chart-sub.tsx +12 -1
  29. package/src/aldehyde/controls/file-view/drawer-file-view.tsx +7 -3
  30. package/src/aldehyde/controls/file-view/index.tsx +0 -2
  31. package/src/aldehyde/index.tsx +69 -18
  32. package/src/aldehyde/layout/menu/user-bar.tsx +3 -0
  33. package/src/aldehyde/welcome/HCWelcome.js +20 -23
  34. package/lib/chart/antd/Chart10000.d.ts +0 -11
  35. package/lib/chart/antd/Chart10000.d.ts.map +0 -1
  36. package/lib/chart/antd/Chart10000.js +0 -72
  37. package/lib/chart/antd/Chart10000.js.map +0 -1
  38. package/lib/chart/antd/PieChart1.d.ts +0 -4
  39. package/lib/chart/antd/PieChart1.d.ts.map +0 -1
  40. package/lib/chart/antd/PieChart1.js +0 -54
  41. package/lib/chart/antd/PieChart1.js.map +0 -1
  42. package/lib/chart/antd/PieChart2.d.ts +0 -7
  43. package/lib/chart/antd/PieChart2.d.ts.map +0 -1
  44. package/lib/chart/antd/PieChart2.js +0 -56
  45. package/lib/chart/antd/PieChart2.js.map +0 -1
  46. package/src/aldehyde/chart/antd/Chart10000.js +0 -90
  47. package/src/aldehyde/chart/antd/PieChart1.tsx +0 -55
  48. package/src/aldehyde/chart/antd/PieChart2.js +0 -56
@@ -1,26 +1,15 @@
1
- import ActTable from './table/act-table';
2
- import SelectTable from './table/select-table';
3
- import Loginit from './login/login';
4
- import DtmplRoute from './routable/dtmpl-route';
5
- import ImportRoute from './routable/import-route';
6
- import LtmplRoute from "./routable/ltmpl-route";
7
- import DtmplViewPage from './module/dtmpl-view-page';
8
- import DtmplEdit from './detail/edit/dtmpl-edit';
9
- import LtmplPage from './module/ltmpl-page';
10
- import Menu2layers from './layout/menu/menu-2layers';
11
- import Block from './layout/menu/block';
12
- import UserBar from './layout/menu/user-bar';
13
- import ResetPassword from "./layout/menu/reset-password";
14
- import Footer from './layout/footer';
15
- import EntryControl from './controls/entry-control';
16
- import ViewControl from "./controls/view-control";
1
+
2
+
3
+
4
+ // import EntryControl from './controls/entry-control';
5
+ // import ViewControl from "./controls/view-control";
17
6
  import ProgramConfig from './units';
18
7
  import HydrocarbonService from "./tmpl/hcservice-v3";
19
8
  import QuickEntrance from './welcome/quick-entrance'
20
9
  import Workbench from './welcome/workbench';
21
10
  import PopoverEntitySelect from "./controls/entity-select/popover-entity-select";
22
11
  import DatePicker from "./controls/date-picker";
23
- import DtmplEditPage from "./detail/edit/dtmpl-edit-page";
12
+
24
13
  import TmplDataSource from './tmpl/hc-data-source';
25
14
  import * as TmplInterface from './tmpl/interface';
26
15
  import Superagent from './tmpl/superagent';
@@ -28,9 +17,71 @@ import HCWelcome from './welcome/HCWelcome';
28
17
  import MainPage from './layout/MainPage';
29
18
  import ExcelImportRoute from './routable/import-route';
30
19
  import CustomPageRouter from './custom-page/custom-page-router'
20
+ import loadable from '@loadable/component';
21
+ import {Spin} from "antd";
22
+ import React from "react";
23
+ const Loading = <Spin tip="Loading...">
24
+ {/*<Alert*/}
25
+ {/* message="正在加载数据。。。"*/}
26
+ {/* description="初次访问加载数据较多,可能需要几秒或几分钟,请耐心等待!!"*/}
27
+ {/* type="info"*/}
28
+ {/*/>*/}
29
+ </Spin>
30
+ // import ActTable from './table/act-table';
31
+ const ActTable = loadable(() =>
32
+ import("./table/act-table"), {fallback: Loading});
33
+ //import SelectTable from './table/select-table';
34
+ const SelectTable = loadable(() =>
35
+ import("./table/select-table"), {fallback: Loading});
36
+ //import Loginit from './login/login';
37
+ const Loginit = loadable(() =>
38
+ import("./login/login"), {fallback: Loading});
39
+ //import DtmplRoute from './routable/dtmpl-route';
40
+ const DtmplRoute = loadable(() =>
41
+ import("./routable/dtmpl-route"), {fallback: Loading});
42
+ //import ImportRoute from './routable/import-route';
43
+ const ImportRoute = loadable(() =>
44
+ import("./routable/import-route"), {fallback: Loading});
45
+ //import LtmplRoute from "./routable/ltmpl-route";
46
+ const LtmplRoute = loadable(() =>
47
+ import("./routable/ltmpl-route"), {fallback: Loading});
48
+ //import DtmplViewPage from './module/dtmpl-view-page';
49
+ const DtmplViewPage = loadable(() =>
50
+ import("./module/dtmpl-view-page"), {fallback: Loading});
51
+ // import DtmplEdit from './detail/edit/dtmpl-edit';
52
+ const DtmplEdit = loadable(() =>
53
+ import("./detail/edit/dtmpl-edit"), {fallback: Loading});
54
+ // import LtmplPage from './module/ltmpl-page';
55
+ const LtmplPage = loadable(() =>
56
+ import("./module/ltmpl-page"), {fallback: Loading});
57
+
58
+ //import Menu2layers from './layout/menu/menu-2layers';
59
+ const Menu2layers = loadable(() =>
60
+ import("./layout/menu/menu-2layers"), {fallback: Loading});
61
+ //import Block from './layout/menu/block';
62
+ const Block = loadable(() =>
63
+ import("./layout/menu/block"), {fallback: Loading});
64
+ //import UserBar from './layout/menu/user-bar';
65
+ const UserBar = loadable(() =>
66
+ import("./layout/menu/user-bar"), {fallback: Loading});
67
+ //import ResetPassword from "./layout/menu/reset-password";
68
+ const ResetPassword = loadable(() =>
69
+ import("./layout/menu/reset-password"), {fallback: Loading});
70
+ //import Footer from './layout/footer';
71
+ const Footer = loadable(() =>
72
+ import("./layout/footer"), {fallback: Loading});
31
73
 
74
+ const EntryControl = loadable(() =>
75
+ import("./controls/entry-control"), {fallback: Loading});
76
+ const ViewControl = loadable(() =>
77
+ import("./controls/view-control"), {fallback: Loading});
78
+ const HCCustomPageRouter = loadable(() =>
79
+ import("./custom-page/custom-page-router"), {fallback: Loading});
80
+ //import DtmplEditPage from "./detail/edit/dtmpl-edit-page";
81
+ const DtmplEditPage = loadable(() =>
82
+ import("./detail/edit/dtmpl-edit-page"), {fallback: Loading});
32
83
 
33
84
  export {ActTable,SelectTable,Loginit,DtmplRoute,ImportRoute,LtmplRoute,DtmplViewPage,LtmplPage,Menu2layers,Block,UserBar,
34
85
  ResetPassword,Footer,EntryControl,ViewControl,ProgramConfig,HydrocarbonService,QuickEntrance,Workbench,PopoverEntitySelect
35
- ,DatePicker,DtmplEditPage,TmplInterface,TmplDataSource,Superagent,DtmplEdit,HCWelcome,MainPage,ExcelImportRoute,CustomPageRouter}
86
+ ,DatePicker,DtmplEditPage,TmplInterface,TmplDataSource,Superagent,DtmplEdit,HCWelcome,MainPage,ExcelImportRoute,CustomPageRouter,HCCustomPageRouter}
36
87
 
@@ -34,7 +34,10 @@ class UserBar extends React.PureComponent<UserBarProps, UserBarState> {
34
34
 
35
35
  cleanCache=()=>{
36
36
  let {roles}=this.state;
37
+ let loading = document.getElementById('ajaxLoading');
38
+ loading.style.display = "block";
37
39
  HCDataSource.clear(roles);
40
+ loading.style.display = "none";
38
41
  }
39
42
 
40
43
 
@@ -1,11 +1,8 @@
1
1
  import React from 'react'
2
- import AntdPieChart from "../chart/antd/PieChart2";
3
2
  import {Card, Col, Row,Image,Carousel} from 'antd';
4
- import HcserviceV3 from "../tmpl/hcservice-v3";
5
3
  import QuickEntrance from './quick-entrance'
6
4
  import Workbench from './workbench';
7
5
  import './index.css';
8
- import * as Echarts from 'echarts';
9
6
  import TimeCost from './img/time-cost.png';
10
7
  import TimePrograss from './img/time-prograss.png';
11
8
  import PainPoint from './img/pain-point.png';
@@ -18,17 +15,17 @@ export default class HCWelcome extends React.Component {
18
15
  intervals = [];
19
16
 
20
17
  async componentDidMount() {
21
- let l2MenuCharts = await HcserviceV3.requestSimpleCharts();
22
- let piecharts = [];
23
- for (const item of l2MenuCharts) {
24
- let data = await HcserviceV3.requestSimpleChartsEntities( item.id);
25
- if (data) {
26
- piecharts.push(<Col span={12}> <AntdPieChart data={data} key={item.id}></AntdPieChart></Col>)
27
- }
28
- }
29
-
30
- var chartDom = document.getElementById('echart1');
31
- var myChart = Echarts.init(chartDom);
18
+ // let l2MenuCharts = await HcserviceV3.requestSimpleCharts();
19
+ // let piecharts = [];
20
+ // for (const item of l2MenuCharts) {
21
+ // let data = await HcserviceV3.requestSimpleChartsEntities( item.id);
22
+ // if (data) {
23
+ // piecharts.push(<Col span={12}> <AntdPieChart data={data} key={item.id}></AntdPieChart></Col>)
24
+ // }
25
+ // }
26
+ //
27
+ // var chartDom = document.getElementById('echart1');
28
+ // var myChart = Echarts.init(chartDom);
32
29
  var option;
33
30
 
34
31
  option = {
@@ -94,11 +91,11 @@ export default class HCWelcome extends React.Component {
94
91
  ]
95
92
  };
96
93
 
97
- option && myChart.setOption(option);
94
+ // option && myChart.setOption(option);
98
95
 
99
- var chartDom = document.getElementById('echart2');
100
- var myChart = Echarts.init(chartDom);
101
- var option;
96
+ // var chartDom = document.getElementById('echart2');
97
+ // var myChart = Echarts.init(chartDom);
98
+ var option;
102
99
 
103
100
  option = {
104
101
  legend: {
@@ -137,11 +134,11 @@ export default class HCWelcome extends React.Component {
137
134
  ]
138
135
  };
139
136
 
140
- option && myChart.setOption(option);
141
-
142
- this.setState({
143
- piecharts
144
- })
137
+ // option && myChart.setOption(option);
138
+ //
139
+ // this.setState({
140
+ // piecharts
141
+ // })
145
142
  }
146
143
 
147
144
  componentWillUnmount() {
@@ -1,11 +0,0 @@
1
- export default class Chart extends React.Component<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- state: {
5
- dataArray: any[];
6
- };
7
- componentWillReceiveProps(nextProps: any): Promise<void>;
8
- render(): JSX.Element;
9
- }
10
- import React from "react";
11
- //# sourceMappingURL=Chart10000.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chart10000.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/Chart10000.js"],"names":[],"mappings":"AAMA;IAoFs+hB,wBAA8C;IAAA,sCAAyJ;IAlFzqiB;;MAEC;IAgBD,yDA+BC;IAED,sBA4BC;CAEJ"}
@@ -1,72 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import React from 'react';
11
- import LineChart from './LineChart-sub';
12
- import { Col, Row } from "antd";
13
- import chartUtils from "./ChartUtils";
14
- export default class Chart extends React.Component {
15
- constructor() {
16
- super(...arguments);
17
- this.state = {
18
- dataArray: [],
19
- };
20
- }
21
- // data = [
22
- // {xField: '1800', 收率: 3},
23
- // {xField: '1992', 收率: 4},
24
- // {xField: '1993', 收率: 3.5},
25
- // {xField: 'X1994', 收率: 50},
26
- // {xField: '1995', 收率: 4.9},
27
- // {xField: '1999', 收率: 60},
28
- // {xField: '1997', 收率: 7},
29
- // {xField: '1996', 收率: 7},
30
- // {xField: '1998', 收率: 190},
31
- // {xField: '1011', 收率: 1300},
32
- // {xField: '1997', 收率: 1200},
33
- // ];
34
- componentWillReceiveProps(nextProps) {
35
- return __awaiter(this, void 0, void 0, function* () {
36
- let dataArray = [];
37
- let { data, statView, ltmpl } = nextProps;
38
- console.log("data:", data);
39
- console.log("statView:", statView);
40
- console.log("ltmpl:", ltmpl);
41
- let data_ = chartUtils.transValueFloat(ltmpl, data);
42
- let obj1 = {};
43
- obj1.data = data_;
44
- obj1.config = { xAxisTitle: '主变量', yAxisTitle: '收率(%)', xField: '特征值', yField: '收率' };
45
- dataArray.push(obj1);
46
- let obj2 = {};
47
- obj2.data = data_;
48
- obj2.config = { xAxisTitle: '主变量', yAxisTitle: '转换率(%)', xField: '特征值', yField: '转换率' };
49
- dataArray.push(obj2);
50
- let obj3 = {};
51
- obj3.data = data_;
52
- obj3.config = { xAxisTitle: '主变量', yAxisTitle: '纯度(%)', xField: '特征值', yField: '纯度' };
53
- dataArray.push(obj3);
54
- let obj4 = {};
55
- obj4.data = data_;
56
- obj4.config = { xAxisTitle: '主变量', yAxisTitle: '含量(%)', xField: '特征值', yField: '含量' };
57
- dataArray.push(obj4);
58
- this.setState({
59
- dataArray
60
- });
61
- });
62
- }
63
- render() {
64
- let { dataArray } = this.state;
65
- return React.createElement("div", null,
66
- React.createElement(Row, { style: { padding: '8px 0' }, gutter: [32, { xs: 8, sm: 16, md: 24, lg: 32 }] }, dataArray.map(function (val) {
67
- return React.createElement(Col, { span: 12, key: val.config.yAxisTitle },
68
- React.createElement(LineChart, { data: val.data, config: val.config }));
69
- })));
70
- }
71
- }
72
- //# sourceMappingURL=Chart10000.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chart10000.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/Chart10000.js"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const DemoPie: React.FunctionComponent;
3
- export default DemoPie;
4
- //# sourceMappingURL=PieChart1.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PieChart1.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAiDpB,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,54 +0,0 @@
1
- import React from 'react';
2
- import { Pie } from '@ant-design/charts';
3
- const DemoPie = () => {
4
- var data = [
5
- {
6
- type: '分类一',
7
- value: 27,
8
- },
9
- {
10
- type: '分类二',
11
- value: 25,
12
- },
13
- {
14
- type: '分类三',
15
- value: 18,
16
- },
17
- {
18
- type: '分类四',
19
- value: 15,
20
- },
21
- {
22
- type: '分类五',
23
- value: 10,
24
- },
25
- {
26
- type: '其他',
27
- value: 5,
28
- },
29
- ];
30
- var config = {
31
- appendPadding: 10,
32
- data: data,
33
- angleField: 'value',
34
- colorField: 'type',
35
- radius: 0.5,
36
- label: {
37
- type: 'inner',
38
- offset: '-30%',
39
- content: function content(_ref) {
40
- var percent = _ref.percent;
41
- let a = percent * 100 + "";
42
- return ''.concat(a, '%');
43
- },
44
- style: {
45
- fontSize: 14,
46
- textAlign: 'center',
47
- },
48
- },
49
- interactions: [{ type: 'element-active' }],
50
- };
51
- return React.createElement(Pie, Object.assign({}, config));
52
- };
53
- export default DemoPie;
54
- //# sourceMappingURL=PieChart1.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PieChart1.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,OAAO,GAA4B,GAAG,EAAE;IAC1C,IAAI,IAAI,GAAG;QACP;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE;SACZ;QACD;YACI,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC;SACX;KACJ,CAAC;IACF,IAAI,MAAM,GAAG;QACT,aAAa,EAAE,EAAE;QACjB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACH,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,SAAS,OAAO,CAAC,IAAI;gBAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC3B,IAAI,CAAC,GAAC,OAAO,GAAG,GAAG,GAAC,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAC7B,CAAC;YACD,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,QAAQ;aACtB;SACJ;QACD,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;KAC7C,CAAC;IACF,OAAO,oBAAC,GAAG,oBAAK,MAAM,EAAI,CAAC;AAC/B,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,7 +0,0 @@
1
- export default class PieChart extends React.Component<any, any, any> {
2
- constructor(props: any);
3
- constructor(props: any, context: any);
4
- render(): JSX.Element;
5
- }
6
- import React from "react";
7
- //# sourceMappingURL=PieChart2.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PieChart2.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart2.js"],"names":[],"mappings":"AAGA;IAoD2zkB,wBAA8C;IAAA,sCAAyJ;IAnD9/kB,sBAkDC;CACJ"}
@@ -1,56 +0,0 @@
1
- import React from 'react';
2
- import { Pie } from '@ant-design/charts';
3
- export default class PieChart extends React.Component {
4
- render() {
5
- let { data, key } = this.props;
6
- // let data = [
7
- // {
8
- // type: '分类一',
9
- // value: 27,
10
- // },
11
- // {
12
- // type: '分类二',
13
- // value: 25,
14
- // },
15
- // {
16
- // type: '分类三',
17
- // value: 18,
18
- // },
19
- // {
20
- // type: '分类四',
21
- // value: 15,
22
- // },
23
- // {
24
- // type: '分类五',
25
- // value: 10,
26
- // },
27
- // {
28
- // type: '其他',
29
- // value: 5,
30
- // },
31
- // ];
32
- var config = {
33
- appendPadding: 10,
34
- data: data,
35
- angleField: 'value',
36
- colorField: 'type',
37
- radius: 0.6,
38
- label: {
39
- type: 'inner',
40
- offset: '-30%',
41
- content: function content(_ref) {
42
- var percent = _ref.percent;
43
- return ''.concat((percent * 100).toFixed(2), '%');
44
- },
45
- style: {
46
- fontSize: 14,
47
- textAlign: 'center',
48
- },
49
- },
50
- interactions: [{ type: 'element-active' }],
51
- };
52
- return React.createElement(Pie, Object.assign({ key: key }, config));
53
- }
54
- }
55
- ;
56
- //# sourceMappingURL=PieChart2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PieChart2.js","sourceRoot":"","sources":["../../../../../src/aldehyde/chart/antd/PieChart2.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS;IACjD,MAAM;QACF,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,eAAe;QACf,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,qBAAqB;QACrB,SAAS;QACT,QAAQ;QACR,sBAAsB;QACtB,oBAAoB;QACpB,SAAS;QACT,KAAK;QAEL,IAAI,MAAM,GAAG;YACT,aAAa,EAAE,EAAE;YACjB,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,SAAS,OAAO,CAAC,IAAI;oBAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;oBAC3B,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;gBACtD,CAAC;gBACD,KAAK,EAAE;oBACH,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,QAAQ;iBACtB;aACJ;YACD,YAAY,EAAE,CAAC,EAAC,IAAI,EAAE,gBAAgB,EAAC,CAAC;SAC3C,CAAC;QACF,OAAO,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,MAAM,EAAI,CAAC;IACzC,CAAC;CACJ;AAAA,CAAC"}
@@ -1,90 +0,0 @@
1
- import React from 'react';
2
-
3
- import LineChart from './LineChart-sub'
4
- import {Col, Row} from "antd";
5
- import chartUtils from "./ChartUtils";
6
-
7
- export default class Chart extends React.Component {
8
-
9
- state = {
10
- dataArray: [],
11
- }
12
-
13
- // data = [
14
- // {xField: '1800', 收率: 3},
15
- // {xField: '1992', 收率: 4},
16
- // {xField: '1993', 收率: 3.5},
17
- // {xField: 'X1994', 收率: 50},
18
- // {xField: '1995', 收率: 4.9},
19
- // {xField: '1999', 收率: 60},
20
- // {xField: '1997', 收率: 7},
21
- // {xField: '1996', 收率: 7},
22
- // {xField: '1998', 收率: 190},
23
- // {xField: '1011', 收率: 1300},
24
- // {xField: '1997', 收率: 1200},
25
- // ];
26
-
27
- async componentWillReceiveProps(nextProps) {
28
- let dataArray=[];
29
- let {data,statView,ltmpl}=nextProps;
30
- console.log("data:",data);
31
- console.log("statView:",statView);
32
- console.log("ltmpl:",ltmpl);
33
-
34
- let data_=chartUtils.transValueFloat(ltmpl,data);
35
-
36
- let obj1 = {};
37
- obj1.data = data_;
38
- obj1.config = {xAxisTitle: '主变量', yAxisTitle: '收率(%)',xField:'特征值',yField:'收率'};
39
- dataArray.push(obj1);
40
- let obj2 = {};
41
- obj2.data = data_;
42
- obj2.config = {xAxisTitle: '主变量', yAxisTitle: '转换率(%)',xField:'特征值',yField:'转换率'};
43
- dataArray.push(obj2);
44
-
45
- let obj3 = {};
46
- obj3.data = data_;
47
- obj3.config = {xAxisTitle: '主变量', yAxisTitle: '纯度(%)',xField:'特征值',yField:'纯度'};
48
- dataArray.push(obj3);
49
-
50
- let obj4 = {};
51
- obj4.data = data_;
52
- obj4.config = {xAxisTitle: '主变量', yAxisTitle: '含量(%)',xField:'特征值',yField:'含量'};
53
- dataArray.push(obj4);
54
-
55
- this.setState({
56
- dataArray
57
- })
58
- }
59
-
60
- render() {
61
- let {dataArray} = this.state;
62
-
63
- return <div>
64
- <Row style={{padding: '8px 0'}} gutter={[32, {xs: 8, sm: 16, md: 24, lg: 32}]}>
65
-
66
- {dataArray.map(function (val) {
67
- return <Col span={12} key={val.config.yAxisTitle}>
68
- <LineChart data={val.data} config={val.config}/>
69
- </Col>
70
- })
71
- }
72
-
73
- {/*<Col span={12}>*/}
74
- {/* <LineChart data={data} config={}/>*/}
75
- {/*</Col>*/}
76
- {/*<Col span={12}>*/}
77
- {/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
78
- {/*</Col>*/}
79
- {/*<Col span={12}>*/}
80
- {/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
81
- {/*</Col>*/}
82
- {/*<Col span={12}>*/}
83
- {/* <LineChart data={data} config={{xAxisTitle: '主变量', yAxisTitle: '收率(%)'}}/>*/}
84
- {/*</Col>*/}
85
- </Row>
86
-
87
- </div>
88
- }
89
-
90
- }
@@ -1,55 +0,0 @@
1
- import React, { useState, useEffect } from 'react';
2
- import { Pie } from '@ant-design/charts';
3
-
4
- const DemoPie: React.FunctionComponent = () => {
5
- var data = [
6
- {
7
- type: '分类一',
8
- value: 27,
9
- },
10
- {
11
- type: '分类二',
12
- value: 25,
13
- },
14
- {
15
- type: '分类三',
16
- value: 18,
17
- },
18
- {
19
- type: '分类四',
20
- value: 15,
21
- },
22
- {
23
- type: '分类五',
24
- value: 10,
25
- },
26
- {
27
- type: '其他',
28
- value: 5,
29
- },
30
- ];
31
- var config = {
32
- appendPadding: 10,
33
- data: data,
34
- angleField: 'value',
35
- colorField: 'type',
36
- radius: 0.5,
37
- label: {
38
- type: 'inner',
39
- offset: '-30%',
40
- content: function content(_ref) {
41
- var percent = _ref.percent;
42
- let a=percent * 100+"";
43
- return ''.concat(a, '%');
44
- },
45
- style: {
46
- fontSize: 14,
47
- textAlign: 'center',
48
- },
49
- },
50
- interactions: [{ type: 'element-active' }],
51
- };
52
- return <Pie {...config} />;
53
- };
54
-
55
- export default DemoPie;
@@ -1,56 +0,0 @@
1
- import React from 'react';
2
- import {Pie} from '@ant-design/charts';
3
-
4
- export default class PieChart extends React.Component {
5
- render() {
6
- let { data,key} = this.props;
7
- // let data = [
8
- // {
9
- // type: '分类一',
10
- // value: 27,
11
- // },
12
- // {
13
- // type: '分类二',
14
- // value: 25,
15
- // },
16
- // {
17
- // type: '分类三',
18
- // value: 18,
19
- // },
20
- // {
21
- // type: '分类四',
22
- // value: 15,
23
- // },
24
- // {
25
- // type: '分类五',
26
- // value: 10,
27
- // },
28
- // {
29
- // type: '其他',
30
- // value: 5,
31
- // },
32
- // ];
33
-
34
- var config = {
35
- appendPadding: 10,
36
- data: data,
37
- angleField: 'value',
38
- colorField: 'type',
39
- radius: 0.6,
40
- label: {
41
- type: 'inner',
42
- offset: '-30%',
43
- content: function content(_ref) {
44
- var percent = _ref.percent;
45
- return ''.concat((percent * 100).toFixed(2), '%');
46
- },
47
- style: {
48
- fontSize: 14,
49
- textAlign: 'center',
50
- },
51
- },
52
- interactions: [{type: 'element-active'}],
53
- };
54
- return <Pie key={key} {...config} />;
55
- }
56
- };