@zgfe/modules-dm 1.0.56-zhongyuan.7 → 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/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;
|
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;
|