@zgfe/modules-dm 1.0.56-zhongyuan.11 → 1.0.56-zhongyuan.13
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.
- package/es/modules/CutsModal.d.ts +17 -34
- package/es/modules/dataManage/components/tablePlus.js +0 -1
- package/es/modules/dataManage/demo/index.js +1 -2
- package/es/modules/dataMap/component/selectAttr.d.ts +7 -0
- package/es/modules/dataMap/component/selectAttr.js +92 -0
- package/es/modules/dataReal/index1.js +26 -7
- package/package.json +2 -2
|
@@ -28,40 +28,6 @@ export interface mapDataType {
|
|
|
28
28
|
remarkAttrName: string;
|
|
29
29
|
updatedTime: string;
|
|
30
30
|
}
|
|
31
|
-
export interface mapFilterType {
|
|
32
|
-
attr1?: string | undefined;
|
|
33
|
-
attr2?: string | undefined;
|
|
34
|
-
attr3?: string | undefined;
|
|
35
|
-
attr4?: string | undefined;
|
|
36
|
-
attr5?: string | undefined;
|
|
37
|
-
mapId: Number;
|
|
38
|
-
}
|
|
39
|
-
export interface andFilterType {
|
|
40
|
-
relation: string;
|
|
41
|
-
conditions: andFilterConditionsType[];
|
|
42
|
-
}
|
|
43
|
-
export interface andFilterConditionsType {
|
|
44
|
-
attrId: number;
|
|
45
|
-
attrName: string;
|
|
46
|
-
dimensionSub: string;
|
|
47
|
-
label: string;
|
|
48
|
-
operator: string;
|
|
49
|
-
propCategory: string;
|
|
50
|
-
type: number;
|
|
51
|
-
values: string[];
|
|
52
|
-
}
|
|
53
|
-
export interface eventAttrListItemType {
|
|
54
|
-
alias: string;
|
|
55
|
-
dimensionSub: string;
|
|
56
|
-
eventId: number;
|
|
57
|
-
id: number;
|
|
58
|
-
isHidden: number;
|
|
59
|
-
key: string;
|
|
60
|
-
label: string;
|
|
61
|
-
propCategory: string;
|
|
62
|
-
realTime: boolean;
|
|
63
|
-
type: number;
|
|
64
|
-
}
|
|
65
31
|
export declare const mapContext: React.Context<{
|
|
66
32
|
setMapViewFlg?: Function | undefined;
|
|
67
33
|
mapData?: mapDataType[] | undefined;
|
|
@@ -98,3 +64,20 @@ export interface FiltersType {
|
|
|
98
64
|
label: string;
|
|
99
65
|
attrName: string;
|
|
100
66
|
}
|
|
67
|
+
export interface mapFilterType {
|
|
68
|
+
mapId: number;
|
|
69
|
+
}
|
|
70
|
+
export interface andFilterConditionsType {
|
|
71
|
+
attrId: number;
|
|
72
|
+
propCategory: string;
|
|
73
|
+
type: number;
|
|
74
|
+
operator: string;
|
|
75
|
+
values: any;
|
|
76
|
+
dimensionSub: string;
|
|
77
|
+
label: string;
|
|
78
|
+
attrName: string;
|
|
79
|
+
}
|
|
80
|
+
export interface andFilterType {
|
|
81
|
+
relation: string;
|
|
82
|
+
conditions: andFilterConditionsType[];
|
|
83
|
+
}
|
|
@@ -28,7 +28,6 @@ import { getAppID, getTableScroll } from '../../../utils';
|
|
|
28
28
|
import { DmContext } from '../../../store';
|
|
29
29
|
var Text = Typography.Text;
|
|
30
30
|
var TablePlus = function TablePlus(props) {
|
|
31
|
-
console.log(props, 'kkk');
|
|
32
31
|
var classPrefix = 'table-plus';
|
|
33
32
|
var tableHandleData = props.tableHandleData,
|
|
34
33
|
queryPlanData = props.queryPlanData,
|
|
@@ -80,11 +80,10 @@ export default (function () {
|
|
|
80
80
|
return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(DataManage
|
|
81
81
|
// isSelect={true}
|
|
82
82
|
// isSelectTab={'1'}
|
|
83
|
-
// selectTreeName="新页面_点击"
|
|
84
83
|
, {
|
|
85
84
|
// isSelect={true}
|
|
86
85
|
// isSelectTab={'1'}
|
|
87
|
-
|
|
86
|
+
selectTreeName: "\u65B0\u9875\u9762_\u70B9\u51FB",
|
|
88
87
|
onChangeSelectObj: setSelectObj,
|
|
89
88
|
selectObj: selectObj
|
|
90
89
|
}));
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
3
|
+
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."); }
|
|
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
9
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
10
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
12
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
+
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; } }
|
|
14
|
+
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; }
|
|
15
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
17
|
+
import React, { useEffect, useState } from 'react';
|
|
18
|
+
import { BizAttributeSelector, ValuesList } from '@zgfe/business-lib';
|
|
19
|
+
var SelectAttr = function SelectAttr(_ref) {
|
|
20
|
+
var event = _ref.event,
|
|
21
|
+
onChange = _ref.onChange,
|
|
22
|
+
onDelete = _ref.onDelete;
|
|
23
|
+
console.log(event, 'event');
|
|
24
|
+
var _useState = useState(),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
attrArr = _useState2[0],
|
|
27
|
+
setAttrArr = _useState2[1];
|
|
28
|
+
var _useState3 = useState(),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
currentData = _useState4[0],
|
|
31
|
+
setCurrentData = _useState4[1];
|
|
32
|
+
var _useState5 = useState(),
|
|
33
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
34
|
+
a = _useState6[0],
|
|
35
|
+
setA = _useState6[1];
|
|
36
|
+
var handleFlex = function handleFlex(value) {
|
|
37
|
+
setA(_objectSpread(_objectSpread({}, value), {}, {
|
|
38
|
+
operator: 'equal'
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
41
|
+
var handleSelectFlexValues = function handleSelectFlexValues(value) {
|
|
42
|
+
console.log(value, 'ss');
|
|
43
|
+
value[0] && setCurrentData(function (pre) {
|
|
44
|
+
return _objectSpread(_objectSpread({}, a), {}, {
|
|
45
|
+
values: value
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
var deleteFlex = function deleteFlex() {
|
|
50
|
+
console.log(currentData, attrArr, 'current');
|
|
51
|
+
// onChange();
|
|
52
|
+
};
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
console.log(currentData, attrArr);
|
|
55
|
+
// setAttrArr((pre) => [...pre, currentData]);
|
|
56
|
+
}, [currentData]);
|
|
57
|
+
var add = function add() {
|
|
58
|
+
attrArr ? setAttrArr(function (pre) {
|
|
59
|
+
return [].concat(_toConsumableArray(pre), [currentData]);
|
|
60
|
+
}) : setAttrArr([currentData]);
|
|
61
|
+
};
|
|
62
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, attrArr && attrArr.map(function (o, index) {
|
|
63
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
64
|
+
key: index
|
|
65
|
+
}, /*#__PURE__*/React.createElement(BizAttributeSelector, {
|
|
66
|
+
eventIdList: [event.id],
|
|
67
|
+
enableDelete: false,
|
|
68
|
+
enableEventProp: true,
|
|
69
|
+
enableEnvProp: true,
|
|
70
|
+
value: a,
|
|
71
|
+
enableUserProp: false,
|
|
72
|
+
placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
|
|
73
|
+
onChange: function onChange(e) {
|
|
74
|
+
handleFlex(e);
|
|
75
|
+
}
|
|
76
|
+
}), /*#__PURE__*/React.createElement("div", null, "\u662F"), /*#__PURE__*/React.createElement(ValuesList, {
|
|
77
|
+
theme: "secondary",
|
|
78
|
+
attr: a && a,
|
|
79
|
+
operate: "equal",
|
|
80
|
+
onChange: function onChange(value) {
|
|
81
|
+
handleSelectFlexValues(value);
|
|
82
|
+
}
|
|
83
|
+
}), /*#__PURE__*/React.createElement("a", {
|
|
84
|
+
onClick: deleteFlex
|
|
85
|
+
}, "\u5220\u9664"));
|
|
86
|
+
}), /*#__PURE__*/React.createElement("button", {
|
|
87
|
+
onClick: function onClick() {
|
|
88
|
+
return add();
|
|
89
|
+
}
|
|
90
|
+
}, "\u6DFB\u52A0"));
|
|
91
|
+
};
|
|
92
|
+
export default SelectAttr;
|
|
@@ -22,10 +22,8 @@ import './css/index.less';
|
|
|
22
22
|
import DataRealViewTable from './table';
|
|
23
23
|
import * as _ from 'lodash';
|
|
24
24
|
var classNameBase = 'dataReal';
|
|
25
|
-
|
|
26
|
-
//
|
|
27
|
-
// }/eventtracking/ws?type=realTime`;
|
|
28
|
-
var webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
|
|
25
|
+
var webSocketUrl = "".concat(location.protocol == 'http:' ? 'ws' : 'wss', "://").concat(location.host, "/eventtracking/ws?type=realTime");
|
|
26
|
+
// const webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
|
|
29
27
|
// 点击单元格 添加悬浮框 2。看宽度是否可自适应,可能需要适应大屏
|
|
30
28
|
function matchesFilterData(o, filterData) {
|
|
31
29
|
return new RegExp(_.escapeRegExp(filterData), 'i').test(JSON.stringify(o === null || o === void 0 ? void 0 : o.data));
|
|
@@ -88,9 +86,17 @@ var DataRealView = function DataRealView() {
|
|
|
88
86
|
data: "".concat(JSON.stringify(message))
|
|
89
87
|
};
|
|
90
88
|
setCurrentMessageObj(obj);
|
|
89
|
+
// 最多为500条 超出去掉第一条
|
|
90
|
+
// setOldList((prev: any) => {
|
|
91
|
+
// if (prev.length <= 49) {
|
|
92
|
+
// return [obj, ...prev];
|
|
93
|
+
// }
|
|
94
|
+
// prev.pop();
|
|
95
|
+
// return [obj, ...prev];
|
|
96
|
+
// });
|
|
91
97
|
// 最多1000条数据
|
|
92
98
|
// setOldList((prev: any) => {
|
|
93
|
-
// if (prev.length
|
|
99
|
+
// if (prev.length <= 200) {
|
|
94
100
|
// return [obj, ...prev];
|
|
95
101
|
// }
|
|
96
102
|
// prev.pop();
|
|
@@ -173,6 +179,19 @@ var DataRealView = function DataRealView() {
|
|
|
173
179
|
return _ref.apply(this, arguments);
|
|
174
180
|
};
|
|
175
181
|
}();
|
|
182
|
+
useEffect(function () {
|
|
183
|
+
// 组件挂载时执行的操作
|
|
184
|
+
console.log('组件挂载');
|
|
185
|
+
// 返回一个清理函数,在组件卸载时执行
|
|
186
|
+
return function () {
|
|
187
|
+
if (textStatus) {
|
|
188
|
+
setTextStatus(false);
|
|
189
|
+
ws === null || ws === void 0 ? void 0 : ws.close(); // 停止刷新 关闭链接
|
|
190
|
+
setWs(null);
|
|
191
|
+
return;
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
}, []);
|
|
176
195
|
useMemo(function () {
|
|
177
196
|
if (currentMessageObj) {
|
|
178
197
|
var _currentMessageObj$ev, _currentMessageObj$us, _currentMessageObj$us2;
|
|
@@ -181,7 +200,7 @@ var DataRealView = function DataRealView() {
|
|
|
181
200
|
var hasFilterData = !filterData || matchesFilterData(currentMessageObj, filterData);
|
|
182
201
|
if (hasEventName && hasUserId && hasFilterData) {
|
|
183
202
|
setOldList(function (prev) {
|
|
184
|
-
if (prev.length <
|
|
203
|
+
if (prev.length < 51) {
|
|
185
204
|
return [currentMessageObj].concat(_toConsumableArray(prev));
|
|
186
205
|
}
|
|
187
206
|
prev.pop();
|
|
@@ -202,7 +221,7 @@ var DataRealView = function DataRealView() {
|
|
|
202
221
|
});
|
|
203
222
|
}
|
|
204
223
|
var newList = matchesSearchCriteria(oldList, eventName, searchUserId, filterData);
|
|
205
|
-
// const aa = newList?.slice(0,
|
|
224
|
+
// const aa = newList?.slice(0, 50);
|
|
206
225
|
setList(newList);
|
|
207
226
|
}, [eventName, searchUserId, oldList, filterData]);
|
|
208
227
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-dm",
|
|
3
|
-
"version": "1.0.56-zhongyuan.
|
|
3
|
+
"version": "1.0.56-zhongyuan.13",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"typings": "es/index.d.ts",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"umi-request": "^1.4.0",
|
|
58
58
|
"yorkie": "^2.0.0"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "d2dfa3c7a8f86fea47c792a28e9597a5801e4551",
|
|
61
61
|
"gitHooks": {
|
|
62
62
|
"pre-commit": "lint-staged"
|
|
63
63
|
}
|