@zgfe/modules-event 1.0.6 → 1.0.29-zhongyuan-event.1

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 (50) hide show
  1. package/README.md +35 -35
  2. package/es/components/eventFilter/index.js +111 -55
  3. package/es/components/eventFilter/setCascade.d.ts +3 -0
  4. package/es/components/eventFilter/setCascade.js +286 -0
  5. package/es/components/eventFilter/styles/index.less +148 -36
  6. package/es/components/eventFilter/types.d.ts +1 -0
  7. package/es/components/renderContent/index.js +16 -27
  8. package/es/components/renderContent/styles/index.less +19 -19
  9. package/es/components/renderContent/types.d.ts +0 -1
  10. package/es/components/searchPanel/index.js +35 -17
  11. package/es/components/searchPanel/styles/index.less +22 -18
  12. package/es/components/searchPanel/types.d.ts +2 -2
  13. package/es/components/table/index.js +106 -35
  14. package/es/components/table/styles/index.css +236 -0
  15. package/es/components/table/styles/index.less +249 -193
  16. package/es/components/table/types.d.ts +0 -1
  17. package/es/components/topBar/index.d.ts +6 -1
  18. package/es/components/topBar/index.js +62 -45
  19. package/es/components/topBar/styles/index.less +58 -63
  20. package/es/components/topBar/types.d.ts +0 -1
  21. package/es/constants/apis.d.ts +3 -1
  22. package/es/constants/apis.js +4 -2
  23. package/es/constants/fields.d.ts +0 -14
  24. package/es/constants/fields.js +1 -45
  25. package/es/index.d.ts +2 -1
  26. package/es/index.js +2 -1
  27. package/es/modules/chart/demo/index.js +5 -5
  28. package/es/modules/chart/demo/panel.js +7 -2
  29. package/es/modules/chart/index.js +120 -45
  30. package/es/modules/chart/types.d.ts +3 -0
  31. package/es/modules/content/index.d.ts +1 -1
  32. package/es/modules/content/index.js +116 -75
  33. package/es/modules/content/styles/index.less +19 -7
  34. package/es/modules/content/utils.d.ts +3 -2
  35. package/es/modules/content/utils.js +63 -34
  36. package/es/modules/home/demo/create.js +8 -8
  37. package/es/modules/home/demo/edit.js +14 -15
  38. package/es/modules/home/demo/index.js +13 -10
  39. package/es/modules/home/demo/scene.js +8 -8
  40. package/es/modules/home/demo/styles/index.less +33 -33
  41. package/es/modules/home/index.js +59 -41
  42. package/es/modules/home/styles/index.less +49 -49
  43. package/es/modules/topPanel/index.js +51 -23
  44. package/es/modules/topPanel/styles/index.less +50 -49
  45. package/es/style/image/ring.svg +8 -8
  46. package/es/style/index.less +62 -62
  47. package/es/types.d.ts +8 -0
  48. package/es/utils/formData.d.ts +2 -1
  49. package/es/utils/formData.js +67 -18
  50. package/package.json +24 -20
@@ -1,62 +1,62 @@
1
- @import '~@zgfe/business-lib/es/assets/styles/variable.less';
2
- .event-form-data {
3
- &-table-td {
4
- padding: 0 !important;
5
-
6
- &-show {
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- min-width: 60px;
11
- height: 48px;
12
- cursor: pointer;
13
- span {
14
- width: 10px;
15
- height: 10px;
16
- border-radius: 50%;
17
- cursor: pointer;
18
- }
19
- }
20
-
21
- &-name {
22
- display: flex;
23
- align-items: center;
24
- .bsicon {
25
- margin-right: 4px;
26
- color: #fd9f41;
27
- }
28
-
29
- &-content {
30
- display: inline-block;
31
- max-width: 300px;
32
- overflow: hidden;
33
- white-space: nowrap;
34
- text-overflow: ellipsis;
35
- cursor: pointer;
36
- }
37
- }
38
-
39
- &-link {
40
- display: flex;
41
- justify-content: flex-end;
42
- &:hover {
43
- .a-yanjingkai {
44
- display: block;
45
- }
46
- }
47
- .a-yanjingkai {
48
- display: none;
49
- margin-right: 10px;
50
- }
51
- }
52
- &-link:not(.not-to-detail) {
53
- cursor: pointer;
54
- &:hover {
55
- color: @primary-color;
56
- }
57
- }
58
- }
59
- &-table-event-data {
60
- text-align: right !important;
61
- }
62
- }
1
+ @import '~@zgfe/business-lib/es/assets/styles/variable.less';
2
+ .event-form-data {
3
+ &-table-td {
4
+ padding: 0 !important;
5
+
6
+ &-show {
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: center;
10
+ min-width: 60px;
11
+ height: 48px;
12
+ cursor: pointer;
13
+ span {
14
+ width: 10px;
15
+ height: 10px;
16
+ border-radius: 50%;
17
+ cursor: pointer;
18
+ }
19
+ }
20
+
21
+ &-name {
22
+ display: flex;
23
+ align-items: center;
24
+ .bsicon {
25
+ margin-right: 4px;
26
+ color: #fd9f41;
27
+ }
28
+
29
+ &-content {
30
+ display: inline-block;
31
+ max-width: 300px;
32
+ overflow: hidden;
33
+ white-space: nowrap;
34
+ text-overflow: ellipsis;
35
+ cursor: pointer;
36
+ }
37
+ }
38
+
39
+ &-link {
40
+ display: flex;
41
+ justify-content: flex-end;
42
+ &:hover {
43
+ .a-yanjingkai {
44
+ display: block;
45
+ }
46
+ }
47
+ .a-yanjingkai {
48
+ display: none;
49
+ margin-right: 10px;
50
+ }
51
+ }
52
+ &-link:not(.not-to-detail) {
53
+ cursor: pointer;
54
+ &:hover {
55
+ color: @primary-color;
56
+ }
57
+ }
58
+ }
59
+ &-table-event-data {
60
+ text-align: right !important;
61
+ }
62
+ }
package/es/types.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface bizAttributeSelectorValueProp {
7
7
  value?: number | string;
8
8
  id?: number;
9
9
  key?: number | string;
10
+ encryptionType?: number;
10
11
  }
11
12
  export interface AnalysisSubject {
12
13
  subjectId?: number;
@@ -62,6 +63,12 @@ export interface ResponseDataProps {
62
63
  huanbi?: number[];
63
64
  total?: number[];
64
65
  yesterDay?: string[];
66
+ sum?: number;
67
+ yValues: number[];
68
+ userGroupEventTimeSum: [{
69
+ [k: string]: number[];
70
+ }];
71
+ eventPvTitle: string;
65
72
  }
66
73
  export interface SeriesProps {
67
74
  names?: string[];
@@ -70,6 +77,7 @@ export interface SeriesProps {
70
77
  index?: string;
71
78
  duration?: TableChildrenProps[];
72
79
  diyTarget?: boolean;
80
+ attrSum?: number;
73
81
  }
74
82
  export interface TableChildrenProps {
75
83
  name: string;
@@ -5,10 +5,11 @@ import { EventGroup, UserProp, EnvProp } from '@zgfe/business-lib/es/attributeSe
5
5
  import { ResponseDataProps, SearchValue } from '../types';
6
6
  import { EventProps } from '../modules/home/types';
7
7
  import '../style/index.less';
8
+ export declare function sortOriginalData(data: any, sorter: any): any;
8
9
  export declare function getColumns(eventGroupList: EventGroup[] | undefined, userPropList: UserProp[] | undefined, eventEnvList: EnvProp[] | undefined, columnData: string[], userGroup: number[] | string[], searchData: SearchValue, showList: string[], onShowCallback: Function, onClickToDetailCallback: Function, onSelectEvent?: (id: number, name: string) => void): ColumnsType<EventProps.ColumnsDataType>;
9
10
  export declare function getChartDataEventAliasName(dataSource: eventChartProps.ChartTypesProps, eventGroupList: EventGroup[] | undefined): eventChartProps.ChartTypesProps;
10
11
  export declare function getEventAliasName(name: string, eventGroupList: EventGroup[] | undefined): string;
11
- export declare function getEventAliasId(name: string, eventGroupList: EventGroup[] | undefined): number;
12
+ export declare function getEventAliasId(name: any, eventGroupList: EventGroup[] | undefined): number;
12
13
  export declare function getSortData(data: ResponseDataProps): ResponseDataProps;
13
14
  export declare function getUserGroupsCompareData(data: ResponseDataProps): ResponseDataProps;
14
15
  export declare function marketEventGroupList(eventGroupList: EventGroup[] | undefined): string[];
@@ -1,3 +1,9 @@
1
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
2
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
5
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
6
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
1
7
  import { util, IconFont } from '@zgfe/business-lib';
2
8
  import React from 'react';
3
9
  import { message } from 'antd';
@@ -9,6 +15,23 @@ import { Tooltip } from 'antd';
9
15
  import '../style/index.less';
10
16
  import { getValue } from '../modules/content/utils';
11
17
  var classPrefix = 'event-form-data';
18
+ export function sortOriginalData(data, sorter) {
19
+ var columnKey = sorter.columnKey,
20
+ order = sorter.order;
21
+ if (columnKey && order) {
22
+ var sortedData = _toConsumableArray(data).sort(function (a, b) {
23
+ if (order === 'ascend') {
24
+ return a[columnKey] - b[columnKey];
25
+ } else if (order === 'descend') {
26
+ return b[columnKey] - a[columnKey];
27
+ }
28
+ return 0;
29
+ });
30
+ return sortedData;
31
+ } else {
32
+ return data;
33
+ }
34
+ }
12
35
  export function getColumns(eventGroupList, userPropList, eventEnvList, columnData, userGroup, searchData, showList, onShowCallback, onClickToDetailCallback, onSelectEvent) {
13
36
  var marketEventNameList = marketEventGroupList(eventGroupList);
14
37
  var data = [{
@@ -23,7 +46,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
23
46
  render: function render(_, record) {
24
47
  var isActive = showList.includes(record.nameGroup);
25
48
  var cannotClick = showList.length >= 10 && !isActive;
26
- return /*#__PURE__*/React.createElement("div", {
49
+ return record.color ? (/*#__PURE__*/React.createElement("div", {
27
50
  className: "".concat(classPrefix, "-table-td-show"),
28
51
  onClick: function onClick() {
29
52
  if (cannotClick) return;
@@ -33,6 +56,8 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
33
56
  style: {
34
57
  background: isActive ? record.color : '#D9D9D9'
35
58
  }
59
+ }))) : (/*#__PURE__*/React.createElement("div", {
60
+ className: "".concat(classPrefix, "-table-td-show")
36
61
  }));
37
62
  }
38
63
  }];
@@ -45,7 +70,11 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
45
70
  ellipsis: true,
46
71
  fixed: 'left',
47
72
  render: function render(text) {
48
- return text;
73
+ return /*#__PURE__*/React.createElement("div", {
74
+ className: "tooltip-userGroup-box"
75
+ }, /*#__PURE__*/React.createElement(Tooltip, {
76
+ title: text
77
+ }, /*#__PURE__*/React.createElement("div", null, text)));
49
78
  }
50
79
  });
51
80
  }
@@ -53,7 +82,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
53
82
  var _getValue;
54
83
  data.push({
55
84
  title: (_getValue = getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.label,
56
- width: 150,
85
+ width: 180,
57
86
  dataIndex: 'dimension',
58
87
  key: 'dimension',
59
88
  ellipsis: true,
@@ -85,12 +114,12 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
85
114
  paddingLeft: '16px'
86
115
  }
87
116
  }, "\u4E8B\u4EF6"),
88
- width: 200,
117
+ width: 180,
89
118
  dataIndex: 'eventName',
90
119
  key: 'eventName',
91
120
  ellipsis: true,
92
121
  fixed: 'left',
93
- render: function render(val) {
122
+ render: function render(val, record) {
94
123
  var _val = val;
95
124
  return /*#__PURE__*/React.createElement("div", {
96
125
  className: "tooltip-name-box"
@@ -99,7 +128,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
99
128
  }, /*#__PURE__*/React.createElement("div", {
100
129
  className: "tooltip-name-box-market",
101
130
  onClick: function onClick() {
102
- onSelectEvent && onSelectEvent(getEventAliasId(val, eventGroupList), val);
131
+ !record.isAdd && onSelectEvent && onSelectEvent(getEventAliasId(record === null || record === void 0 ? void 0 : record.originalName, eventGroupList), val);
103
132
  }
104
133
  }, /*#__PURE__*/React.createElement(IconFont, {
105
134
  type: "shoucang",
@@ -117,6 +146,23 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
117
146
  }
118
147
  });
119
148
  }
149
+ data.push({
150
+ title: '合计',
151
+ width: 50,
152
+ dataIndex: 'attrSum',
153
+ ellipsis: true,
154
+ key: 'attrSum',
155
+ align: 'center',
156
+ className: "".concat(classPrefix, "-table-td"),
157
+ fixed: 'left',
158
+ render: function render(text) {
159
+ return /*#__PURE__*/React.createElement("div", {
160
+ className: "tooltip-userGroup-box"
161
+ }, /*#__PURE__*/React.createElement(Tooltip, {
162
+ title: text
163
+ }, /*#__PURE__*/React.createElement("div", null, text)));
164
+ }
165
+ });
120
166
  var _loop = function _loop(i) {
121
167
  var value = columnData[i];
122
168
  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
@@ -137,18 +183,19 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
137
183
  align: 'center',
138
184
  ellipsis: true,
139
185
  dataIndex: "field".concat(i),
186
+ defaultSortOrder: i === columnData.length - 1 ? 'descend' : null,
140
187
  className: "".concat(classPrefix, "-table-event-data"),
141
188
  sorter: function sorter(a, b) {
142
- return a["field".concat(i)] - b["field".concat(i)];
189
+ return a.isAdd || b.isAdd ? 0 : a["field".concat(i)] - b["field".concat(i)];
143
190
  },
144
191
  render: function render(text, record) {
145
192
  var click = text > 0 && (searchData.analysisIndex === 'number' ? true : false);
146
193
  return /*#__PURE__*/React.createElement("div", {
147
- className: "".concat(classPrefix, "-table-td-link ").concat(click ? '' : 'not-to-detail'),
194
+ className: "".concat(classPrefix, "-table-td-link ").concat(!record.isAdd && click ? '' : 'not-to-detail'),
148
195
  onClick: function onClick() {
149
- click ? onClickToDetailCallback(record, columnData[i], text) : null;
196
+ !record.isAdd && click ? onClickToDetailCallback(record, columnData[i], text) : null;
150
197
  }
151
- }, click && /*#__PURE__*/React.createElement(IconFont, {
198
+ }, !record.isAdd && click && /*#__PURE__*/React.createElement(IconFont, {
152
199
  type: "a-yanjingkai"
153
200
  }), text);
154
201
  }
@@ -162,7 +209,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
162
209
  export function getChartDataEventAliasName(dataSource, eventGroupList) {
163
210
  var data = _.cloneDeep(dataSource);
164
211
  var series = [];
165
- data.series.map(function (item) {
212
+ data === null || data === void 0 ? void 0 : data.series.map(function (item) {
166
213
  item.originalNames = item.names;
167
214
  item.names = item.names.length > 1 ? [item.names[0], getEventAliasName(item.names[1], eventGroupList)] : [getEventAliasName(item.names[0], eventGroupList)];
168
215
  series.push(item);
@@ -193,7 +240,7 @@ export function getEventAliasId(name, eventGroupList) {
193
240
  return eventId;
194
241
  }
195
242
  export function getSortData(data) {
196
- var series = data.series;
243
+ var series = data === null || data === void 0 ? void 0 : data.series;
197
244
  var sort = function sort(obj1, obj2) {
198
245
  var val1 = obj1.values[0];
199
246
  var val2 = obj2.values[0];
@@ -209,20 +256,20 @@ export function getSortData(data) {
209
256
  return data;
210
257
  }
211
258
  export function getUserGroupsCompareData(data) {
212
- if (data.series.length <= 0) {
259
+ if ((data === null || data === void 0 ? void 0 : data.series.length) <= 0) {
213
260
  return data;
214
261
  } else {
215
262
  var _data = _.cloneDeep(data);
216
263
  var _series = [];
217
- _data.series.map(function (item, index) {
264
+ _data === null || _data === void 0 ? void 0 : _data.series.map(function (item, index) {
218
265
  _series.push(item);
219
- _data.series.map(function (_item, _index) {
266
+ _data === null || _data === void 0 ? void 0 : _data.series.map(function (_item, _index) {
220
267
  if (item.names[1] === _item.names[1] && index !== _index) {
221
268
  _series.push(_item);
222
- delete _data.series[_index];
269
+ _data === null || _data === void 0 ? true : delete _data.series[_index];
223
270
  }
224
271
  });
225
- delete _data.series[index];
272
+ _data === null || _data === void 0 ? true : delete _data.series[index];
226
273
  });
227
274
  _data.series = _series;
228
275
  return _data;
@@ -311,10 +358,12 @@ export function formTableData(originalData, userGroups, attrNum, showList) {
311
358
  name: name,
312
359
  userGroup: userGroup,
313
360
  nameGroup: nameGroup,
314
- color: color
361
+ color: color,
362
+ attrSum: item.attrSum
315
363
  };
316
364
  if (attrNum) {
317
365
  data["dimension"] = name;
366
+ data['originalName'] = originalName;
318
367
  } else {
319
368
  data["eventName"] = name;
320
369
  data["originalName"] = originalName;
package/package.json CHANGED
@@ -1,26 +1,27 @@
1
1
  {
2
2
  "name": "@zgfe/modules-event",
3
- "version": "1.0.6",
4
- "scripts": {
5
- "start": "dumi dev",
6
- "docs:build": "dumi build",
7
- "docs:deploy": "gh-pages -d docs-dist",
8
- "build": "father-build",
9
- "deploy": "npm run docs:build && npm run docs:deploy",
10
- "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
11
- "test": "umi-test",
12
- "test:coverage": "umi-test --coverage",
13
- "prepublishOnly": "npm run build",
14
- "pub": "lerna publish"
15
- },
3
+ "version": "1.0.29-zhongyuan-event.1",
16
4
  "module": "es/index.js",
17
5
  "typings": "es/index.d.ts",
18
- "gitHooks": {
19
- "pre-commit": "lint-staged"
6
+ "private": false,
7
+ "publishConfig": {
8
+ "access": "public"
20
9
  },
21
10
  "files": [
22
11
  "es"
23
12
  ],
13
+ "scripts": {
14
+ "build": "father-build",
15
+ "deploy": "npm run docs:build && npm run docs:deploy",
16
+ "docs:build": "dumi build",
17
+ "docs:deploy": "gh-pages -d docs-dist",
18
+ "prepublishOnly": "npm run build",
19
+ "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
20
+ "pub": "lerna publish",
21
+ "start": "dumi dev",
22
+ "test": "umi-test",
23
+ "test:coverage": "umi-test --coverage"
24
+ },
24
25
  "lint-staged": {
25
26
  "*.{js,jsx,less,md,json}": [
26
27
  "prettier --write"
@@ -29,6 +30,10 @@
29
30
  "prettier --parser=typescript --write"
30
31
  ]
31
32
  },
33
+ "dependencies": {
34
+ "react-copy-to-clipboard": "^5.1.0",
35
+ "react-highlight": "^0.15.0"
36
+ },
32
37
  "devDependencies": {
33
38
  "@testing-library/jest-dom": "^5.15.1",
34
39
  "@testing-library/react": "^12.1.2",
@@ -36,7 +41,7 @@
36
41
  "@types/lodash": "^4.14.191",
37
42
  "@umijs/fabric": "^2.8.1",
38
43
  "@umijs/test": "^3.0.5",
39
- "@zgfe/business-lib": "1.2.17",
44
+ "@zgfe/business-lib": "1.2.71-hxd.39",
40
45
  "antd": "^4.22.6",
41
46
  "dumi": "^1.1.0",
42
47
  "echarts": "^5.3.2",
@@ -49,9 +54,8 @@
49
54
  "react": "^16.12.0 || ^17.0.0",
50
55
  "yorkie": "^2.0.0"
51
56
  },
52
- "gitHead": "2f2ec3eaf3e08f9cf57575ec2a07751305a4a436",
53
- "dependencies": {
54
- "react-copy-to-clipboard": "^5.1.0",
55
- "react-highlight": "^0.15.0"
57
+ "gitHead": "20d332eba164ff00500773debe6fdd32c6e09145",
58
+ "gitHooks": {
59
+ "pre-commit": "lint-staged"
56
60
  }
57
61
  }