aldehyde 0.1.41 → 0.1.45

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 (61) 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/detail/edit/dtmpl-edit-page.d.ts.map +1 -1
  15. package/lib/detail/edit/dtmpl-edit-page.js +4 -2
  16. package/lib/detail/edit/dtmpl-edit-page.js.map +1 -1
  17. package/lib/index.d.ts +19 -18
  18. package/lib/index.d.ts.map +1 -1
  19. package/lib/index.js +40 -18
  20. package/lib/index.js.map +1 -1
  21. package/lib/layout/MainPage.d.ts +2 -0
  22. package/lib/layout/MainPage.d.ts.map +1 -1
  23. package/lib/layout/MainPage.js +2 -0
  24. package/lib/layout/MainPage.js.map +1 -1
  25. package/lib/layout/common.css +65 -0
  26. package/lib/layout/coverstyle.css +49 -0
  27. package/lib/layout/menu/user-bar.d.ts.map +1 -1
  28. package/lib/layout/menu/user-bar.js +3 -0
  29. package/lib/layout/menu/user-bar.js.map +1 -1
  30. package/lib/welcome/HCWelcome.d.ts.map +1 -1
  31. package/lib/welcome/HCWelcome.js +19 -22
  32. package/lib/welcome/HCWelcome.js.map +1 -1
  33. package/package.json +4 -3
  34. package/src/aldehyde/chart/antd/Chart.js +0 -1
  35. package/src/aldehyde/chart/antd/column-chart-sub.tsx +12 -2
  36. package/src/aldehyde/chart/antd/line-chart-sub.tsx +12 -2
  37. package/src/aldehyde/chart/antd/pie-chart-sub.tsx +12 -1
  38. package/src/aldehyde/controls/file-view/drawer-file-view.tsx +7 -3
  39. package/src/aldehyde/controls/file-view/index.tsx +0 -2
  40. package/src/aldehyde/detail/edit/dtmpl-edit-page.tsx +4 -3
  41. package/src/aldehyde/index.tsx +69 -18
  42. package/src/aldehyde/layout/MainPage.tsx +2 -1
  43. package/src/aldehyde/layout/common.css +65 -0
  44. package/src/aldehyde/layout/coverstyle.css +49 -0
  45. package/src/aldehyde/layout/menu/user-bar.tsx +3 -0
  46. package/src/aldehyde/welcome/HCWelcome.js +20 -23
  47. package/lib/chart/antd/Chart10000.d.ts +0 -11
  48. package/lib/chart/antd/Chart10000.d.ts.map +0 -1
  49. package/lib/chart/antd/Chart10000.js +0 -72
  50. package/lib/chart/antd/Chart10000.js.map +0 -1
  51. package/lib/chart/antd/PieChart1.d.ts +0 -4
  52. package/lib/chart/antd/PieChart1.d.ts.map +0 -1
  53. package/lib/chart/antd/PieChart1.js +0 -54
  54. package/lib/chart/antd/PieChart1.js.map +0 -1
  55. package/lib/chart/antd/PieChart2.d.ts +0 -7
  56. package/lib/chart/antd/PieChart2.d.ts.map +0 -1
  57. package/lib/chart/antd/PieChart2.js +0 -56
  58. package/lib/chart/antd/PieChart2.js.map +0 -1
  59. package/src/aldehyde/chart/antd/Chart10000.js +0 -90
  60. package/src/aldehyde/chart/antd/PieChart1.tsx +0 -55
  61. package/src/aldehyde/chart/antd/PieChart2.js +0 -56
@@ -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
- };