@zgfe/modules-dm 1.0.56-zhongyuan.6 → 1.0.56-zhongyuan.8
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 +34 -0
- package/es/modules/dataMap/component/leftTree.d.ts +1 -0
- package/es/modules/dataMap/component/leftTree.js +32 -13
- package/es/modules/dataMap/component/rightDetail.d.ts +2 -1
- package/es/modules/dataMap/component/rightDetail.js +104 -141
- package/es/modules/dataMap/component/rightDetail1.d.ts +7 -0
- package/es/modules/dataMap/component/rightDetail1.js +643 -0
- package/es/modules/dataMap/css/index.css +11 -6
- package/es/modules/dataMap/css/index.less +9 -1
- package/es/modules/dataMap/mapDetail.js +11 -2
- package/es/modules/dataReal/index1.js +13 -6
- package/es/modules/dataReal/table.js +1 -0
- package/package.json +2 -2
- package/es/modules/dataMap/component/selectAttr.d.ts +0 -7
- package/es/modules/dataMap/component/selectAttr.js +0 -92
|
@@ -74,6 +74,11 @@
|
|
|
74
74
|
}
|
|
75
75
|
.leftTreePage {
|
|
76
76
|
background-color: white;
|
|
77
|
+
display: flex;
|
|
78
|
+
flex-direction: column;
|
|
79
|
+
}
|
|
80
|
+
.leftTreePage-top {
|
|
81
|
+
flex: 1;
|
|
77
82
|
}
|
|
78
83
|
.leftTreePage_selectMap {
|
|
79
84
|
display: grid;
|
|
@@ -110,7 +115,7 @@
|
|
|
110
115
|
display: grid;
|
|
111
116
|
grid-template-columns: 1fr 60px;
|
|
112
117
|
align-items: center;
|
|
113
|
-
padding:
|
|
118
|
+
padding: 20px;
|
|
114
119
|
background-color: #fafafb;
|
|
115
120
|
border: 1px solid #eee;
|
|
116
121
|
}
|
|
@@ -150,14 +155,14 @@
|
|
|
150
155
|
background-color: transparent;
|
|
151
156
|
}
|
|
152
157
|
.mapSetting .ant-dropdown-trigger.biz-select-handle.biz-condition-item-single-select::after {
|
|
153
|
-
content: "是";
|
|
154
|
-
display: inline-block;
|
|
155
158
|
position: absolute;
|
|
156
|
-
width: 100%;
|
|
157
|
-
background-color: white;
|
|
158
159
|
top: 0px;
|
|
159
160
|
left: 0;
|
|
161
|
+
display: inline-block;
|
|
162
|
+
width: 100%;
|
|
163
|
+
padding-top: 8px;
|
|
160
164
|
text-align: center;
|
|
161
165
|
vertical-align: middle;
|
|
162
|
-
|
|
166
|
+
background-color: white;
|
|
167
|
+
content: '是';
|
|
163
168
|
}
|
|
@@ -78,7 +78,15 @@
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.leftTreePage {
|
|
81
|
+
display: flex;
|
|
82
|
+
flex-direction: column;
|
|
81
83
|
background-color: white;
|
|
84
|
+
&-top {
|
|
85
|
+
flex: 1;
|
|
86
|
+
}
|
|
87
|
+
&-tree {
|
|
88
|
+
// max-height: 100%;
|
|
89
|
+
}
|
|
82
90
|
&_selectMap {
|
|
83
91
|
display: grid;
|
|
84
92
|
grid-gap: 10px;
|
|
@@ -115,7 +123,7 @@
|
|
|
115
123
|
display: grid;
|
|
116
124
|
grid-template-columns: 1fr 60px;
|
|
117
125
|
align-items: center;
|
|
118
|
-
padding:
|
|
126
|
+
padding: 20px;
|
|
119
127
|
background-color: #fafafb;
|
|
120
128
|
border: 1px solid #eee;
|
|
121
129
|
}
|
|
@@ -23,6 +23,13 @@ var MapDetail = function MapDetail() {
|
|
|
23
23
|
var onCurrentMap = function onCurrentMap(value) {
|
|
24
24
|
setCurrentMap(value);
|
|
25
25
|
};
|
|
26
|
+
var _useState5 = useState(),
|
|
27
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
28
|
+
filterValue = _useState6[0],
|
|
29
|
+
setFilterValue = _useState6[1];
|
|
30
|
+
var onFilterValue = function onFilterValue(searchValue) {
|
|
31
|
+
setFilterValue(searchValue);
|
|
32
|
+
};
|
|
26
33
|
return /*#__PURE__*/React.createElement(Row, {
|
|
27
34
|
gutter: 24
|
|
28
35
|
}, /*#__PURE__*/React.createElement(Col, {
|
|
@@ -33,12 +40,14 @@ var MapDetail = function MapDetail() {
|
|
|
33
40
|
}
|
|
34
41
|
}, /*#__PURE__*/React.createElement(LeftTree, {
|
|
35
42
|
onChangeTree: onChangeTree,
|
|
36
|
-
onCurrentMap: onCurrentMap
|
|
43
|
+
onCurrentMap: onCurrentMap,
|
|
44
|
+
onFilterValue: onFilterValue
|
|
37
45
|
})), /*#__PURE__*/React.createElement(Col, {
|
|
38
46
|
span: 16
|
|
39
47
|
}, /*#__PURE__*/React.createElement(RightDetail, {
|
|
40
48
|
currentTreeData: currentTreeData && JSON.stringify(currentTreeData) != '{}' && currentTreeData,
|
|
41
|
-
currentMap: currentMap
|
|
49
|
+
currentMap: currentMap,
|
|
50
|
+
filterValue: filterValue
|
|
42
51
|
})));
|
|
43
52
|
};
|
|
44
53
|
export default MapDetail;
|
|
@@ -64,13 +64,19 @@ var DataRealView = function DataRealView() {
|
|
|
64
64
|
};
|
|
65
65
|
// 监听消息事件
|
|
66
66
|
socket.onmessage = function (event) {
|
|
67
|
-
var _message$detail, _message$detail$0$pr, _message$detail2, _message$detail2$, _message$detail2$$pr;
|
|
67
|
+
var _message$detail, _message$detail$0$pr, _message$detail2, _message$detail2$, _message$detail2$$pr, _message$detail3, _message$detail3$, _message$detail3$$pr;
|
|
68
68
|
var message = JSON.parse(event.data);
|
|
69
69
|
var obj = {
|
|
70
|
-
time:
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
// time:
|
|
71
|
+
// moment(message?.detail?.[0].pr?.$ct).format('YYYY-MM-DD HH:mm:ss') ||
|
|
72
|
+
// filterPro('$ct', event),
|
|
73
|
+
// eventName: filterPro('$eid', event),
|
|
74
|
+
// userId: message?.detail?.[0]?.pr?.$cuid || filterPro('$cuid', event),
|
|
75
|
+
// data: event.data,
|
|
76
|
+
time: moment(message === null || message === void 0 ? void 0 : (_message$detail = message.detail) === null || _message$detail === void 0 ? void 0 : (_message$detail$0$pr = _message$detail[0].pr) === null || _message$detail$0$pr === void 0 ? void 0 : _message$detail$0$pr.$ct).format('YYYY-MM-DD HH:mm:ss'),
|
|
77
|
+
eventName: (message === null || message === void 0 ? void 0 : (_message$detail2 = message.detail) === null || _message$detail2 === void 0 ? void 0 : (_message$detail2$ = _message$detail2[0]) === null || _message$detail2$ === void 0 ? void 0 : (_message$detail2$$pr = _message$detail2$.pr) === null || _message$detail2$$pr === void 0 ? void 0 : _message$detail2$$pr.$eid) || filterPro('$eid', event),
|
|
78
|
+
userId: (message === null || message === void 0 ? void 0 : (_message$detail3 = message.detail) === null || _message$detail3 === void 0 ? void 0 : (_message$detail3$ = _message$detail3[0]) === null || _message$detail3$ === void 0 ? void 0 : (_message$detail3$$pr = _message$detail3$.pr) === null || _message$detail3$$pr === void 0 ? void 0 : _message$detail3$$pr.$cuid) || filterPro('$cuid', event),
|
|
79
|
+
data: "".concat(JSON.stringify(message))
|
|
74
80
|
};
|
|
75
81
|
// 最多为500条 超出去掉第一条
|
|
76
82
|
// setOldList((prev: any) => {
|
|
@@ -121,7 +127,8 @@ var DataRealView = function DataRealView() {
|
|
|
121
127
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
122
128
|
var match = _step.value;
|
|
123
129
|
if (match && match[1]) {
|
|
124
|
-
|
|
130
|
+
// 事件名去重
|
|
131
|
+
!eidValues.includes(match[1]) && eidValues.push(match[1]);
|
|
125
132
|
}
|
|
126
133
|
}
|
|
127
134
|
} catch (err) {
|
|
@@ -139,6 +139,7 @@ var DataRealViewTable = function DataRealViewTable(_ref) {
|
|
|
139
139
|
maxCharactersNumber: 1000000,
|
|
140
140
|
autoWrapText: true,
|
|
141
141
|
defaultHeaderRowHeight: 70,
|
|
142
|
+
// defaultRowHeight: 'auto', // 默认单元格行高
|
|
142
143
|
defaultRowHeight: 470,
|
|
143
144
|
enableLineBreak: true,
|
|
144
145
|
rowSeriesNumber: {
|
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.8",
|
|
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": "4167723151cc0471948be5b94234107de9c48281",
|
|
61
61
|
"gitHooks": {
|
|
62
62
|
"pre-commit": "lint-staged"
|
|
63
63
|
}
|
|
@@ -1,92 +0,0 @@
|
|
|
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;
|