@riil-frontend/component-topology 11.0.25 → 11.0.27
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/build/1.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +11 -11
- package/es/common/components/ResourceTable/ResourceTable.module.scss +0 -4
- package/es/components/BatchAttrMetric/index.js +4 -6
- package/es/components/BatchAttrMetric/utils.js +20 -21
- package/es/components/BatchAttrMetric2/setting.js +2 -4
- package/es/components/BatchAttrMetric2/utils.js +5 -57
- package/es/components/Drawer/index.module.scss +0 -2
- package/es/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +2 -2
- package/es/components/MultiResourceDrawer/ResourceSelect.js +2 -3
- package/es/components/ResourceList/ResourceSelect.module.scss +0 -4
- package/es/components/TagSelect/index.js +0 -1
- package/es/components/TagSelect/index.scss +0 -2
- package/es/components/VerticalIconTab/VerticalIconTab.js +2 -2
- package/es/core/components/AlarmListPanel/index.module.scss +0 -13
- package/es/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -5
- package/es/core/editor/components/BottomFloatTool/HelpIcon.js +5 -3
- package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss +7 -0
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +1 -1
- package/es/core/hooks/useCanvasThemeConfig.js +8 -4
- package/es/core/hooks/useTopoEdit.js +161 -140
- package/es/core/models/Alarm.js +2 -3
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/models/topoData.js +1 -1
- package/es/core/models/utils/linkUtils.js +1 -1
- package/es/core/store/models/topoConfig.js +1 -1
- package/lib/common/components/ResourceTable/ResourceTable.module.scss +0 -4
- package/lib/components/BatchAttrMetric/index.js +4 -6
- package/lib/components/BatchAttrMetric/utils.js +18 -19
- package/lib/components/BatchAttrMetric2/setting.js +2 -4
- package/lib/components/BatchAttrMetric2/utils.js +5 -60
- package/lib/components/Drawer/index.module.scss +0 -2
- package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js +2 -2
- package/lib/components/MultiResourceDrawer/ResourceSelect.js +1 -2
- package/lib/components/ResourceList/ResourceSelect.module.scss +0 -4
- package/lib/components/TagSelect/index.js +0 -1
- package/lib/components/TagSelect/index.scss +0 -2
- package/lib/components/VerticalIconTab/VerticalIconTab.js +2 -2
- package/lib/core/components/AlarmListPanel/index.module.scss +0 -13
- package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js +2 -5
- package/lib/core/editor/components/BottomFloatTool/HelpIcon.js +5 -3
- package/lib/core/editor/components/BottomFloatTool/HelpIcon.module.scss +7 -0
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js +1 -1
- package/lib/core/hooks/useCanvasThemeConfig.js +8 -4
- package/lib/core/hooks/useTopoEdit.js +162 -139
- package/lib/core/models/Alarm.js +2 -3
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/models/topoData.js +1 -1
- package/lib/core/models/utils/linkUtils.js +1 -1
- package/lib/core/store/models/topoConfig.js +1 -1
- package/package.json +3 -6
- package/es/core/components/DisplaySettingDrawer/ResourceDisplay/useElementTagTipConfig.js +0 -127
- package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/useElementTagTipConfig.js +0 -132
package/es/core/models/Alarm.js
CHANGED
@@ -468,12 +468,12 @@ var Alarm = /*#__PURE__*/function () {
|
|
468
468
|
sendAl = [];
|
469
469
|
idsList = [].concat(nodeIdsList, linkIdsList);
|
470
470
|
operations = [];
|
471
|
-
idsList.
|
471
|
+
idsList.forEach(function (idItem) {
|
472
472
|
if (idItem.operation === null) {
|
473
473
|
operations.push(idItem.ciId);
|
474
474
|
}
|
475
475
|
});
|
476
|
-
alertData.
|
476
|
+
alertData.forEach(function (item, index) {
|
477
477
|
var _item$resourceId;
|
478
478
|
var ciId = (_item$resourceId = item.resourceId) !== null && _item$resourceId !== void 0 ? _item$resourceId : item.ciId;
|
479
479
|
var obj = {
|
@@ -489,7 +489,6 @@ var Alarm = /*#__PURE__*/function () {
|
|
489
489
|
if (resIdsList.indexOf(ciId) >= 0 && operations.indexOf(ciId) < 0) {
|
490
490
|
sendAl.push(obj);
|
491
491
|
}
|
492
|
-
return obj;
|
493
492
|
});
|
494
493
|
|
495
494
|
// console.log("before-combAlarmData", sendAl, idsList);
|
@@ -25,7 +25,7 @@ import SelectionModel from "./SelectionModel";
|
|
25
25
|
import CiCache from "./cache/CiCache";
|
26
26
|
|
27
27
|
// eslint-disable-next-line no-undef
|
28
|
-
var version = typeof "11.0.
|
28
|
+
var version = typeof "11.0.27" === 'string' ? "11.0.27" : null;
|
29
29
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
30
30
|
|
31
31
|
/**
|
@@ -158,7 +158,7 @@ export var showLinkByConfig = function showLinkByConfig(props) {
|
|
158
158
|
var showAgg = types.indexOf("agg") >= 0;
|
159
159
|
// console.log("edges----types",showType, types,showPhy, showAgg);
|
160
160
|
if (Array.isArray(edges) && edges.length > 0) {
|
161
|
-
edges.
|
161
|
+
edges.forEach(function (edge) {
|
162
162
|
if (showType === 1 || showType === true) {
|
163
163
|
// 单链路全部显示
|
164
164
|
// console.log("单链路全部显示", edge);
|
@@ -28,13 +28,11 @@ var BatchAttrMetricDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
28
28
|
setTrue = _useBoolean$.setTrue,
|
29
29
|
setFalse = _useBoolean$.setFalse;
|
30
30
|
// 选择类型,single/batch
|
31
|
-
var
|
32
|
-
selectType = _useState[0],
|
33
|
-
setSelectType = _useState[1];
|
31
|
+
var selectType = 'batch';
|
34
32
|
// 数据类型,tip/tag
|
35
|
-
var
|
36
|
-
showType =
|
37
|
-
setShowType =
|
33
|
+
var _useState = (0, _react.useState)(),
|
34
|
+
showType = _useState[0],
|
35
|
+
setShowType = _useState[1];
|
38
36
|
(0, _react.useImperativeHandle)(ref, function () {
|
39
37
|
return {
|
40
38
|
/**
|
@@ -6,7 +6,6 @@ exports.updateCiSetSeleted = exports.treeDs = exports.saveTransform = exports.in
|
|
6
6
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
7
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
9
|
-
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
10
9
|
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
11
10
|
var _excluded = ["list"];
|
12
11
|
/**
|
@@ -35,7 +34,7 @@ var toId = function toId(_ref) {
|
|
35
34
|
|
36
35
|
// id反解析回对象
|
37
36
|
var reverseToId = function reverseToId(id) {
|
38
|
-
var _id$split = id.split(
|
37
|
+
var _id$split = id.split('-'),
|
39
38
|
code = _id$split[0],
|
40
39
|
type = _id$split[1];
|
41
40
|
return {
|
@@ -91,20 +90,20 @@ var saveTransform = function saveTransform(submit) {
|
|
91
90
|
*/
|
92
91
|
exports.saveTransform = saveTransform;
|
93
92
|
var initSelected = function initSelected(allCiSet, showType) {
|
94
|
-
_rlog["default"].debug(
|
93
|
+
_rlog["default"].debug('initSelected-allCiSet, dataType', allCiSet, showType);
|
95
94
|
var values = {};
|
96
|
-
Object.keys(allCiSet).
|
95
|
+
Object.keys(allCiSet).forEach(function (key) {
|
97
96
|
var _value$list;
|
98
97
|
var value = allCiSet[key];
|
99
98
|
var result = [];
|
100
|
-
(_value$list = value.list) === null || _value$list === void 0 ? void 0 : _value$list.
|
99
|
+
(_value$list = value.list) === null || _value$list === void 0 ? void 0 : _value$list.forEach(function (item) {
|
101
100
|
if (item[showType]) {
|
102
101
|
result.push(item.id);
|
103
102
|
}
|
104
103
|
});
|
105
104
|
values[key] = result;
|
106
105
|
});
|
107
|
-
_rlog["default"].debug(
|
106
|
+
_rlog["default"].debug('initSelected-allCiSet-result, dataType', values);
|
108
107
|
return values;
|
109
108
|
};
|
110
109
|
|
@@ -117,7 +116,7 @@ var initSelected = function initSelected(allCiSet, showType) {
|
|
117
116
|
exports.initSelected = initSelected;
|
118
117
|
var updateCiSetSeleted = function updateCiSetSeleted(selected, allCiSet, showType) {
|
119
118
|
var newCiSet = (0, _extends2["default"])({}, allCiSet);
|
120
|
-
Object.keys(selected).
|
119
|
+
Object.keys(selected).forEach(function (key) {
|
121
120
|
var selectedArr = selected[key];
|
122
121
|
var list = allCiSet[key].list.map(function (item) {
|
123
122
|
var obj = showType === 'tag' ? (0, _extends2["default"])({}, item, {
|
@@ -131,7 +130,7 @@ var updateCiSetSeleted = function updateCiSetSeleted(selected, allCiSet, showTyp
|
|
131
130
|
list: list
|
132
131
|
});
|
133
132
|
});
|
134
|
-
_rlog["default"].debug(
|
133
|
+
_rlog["default"].debug('updateCiSetSeleted-selected,newCiSet', selected, newCiSet);
|
135
134
|
return newCiSet;
|
136
135
|
};
|
137
136
|
|
@@ -168,12 +167,12 @@ var defaultSelected = function defaultSelected(allCiSet, defaultSet, dataType) {
|
|
168
167
|
};
|
169
168
|
exports.defaultSelected = defaultSelected;
|
170
169
|
var typeCell = function typeCell(text) {
|
171
|
-
if (text ===
|
172
|
-
return
|
173
|
-
} else if (text ===
|
174
|
-
return
|
170
|
+
if (text === 'attribute') {
|
171
|
+
return '属性';
|
172
|
+
} else if (text === 'metric') {
|
173
|
+
return '指标';
|
175
174
|
}
|
176
|
-
return
|
175
|
+
return '-';
|
177
176
|
};
|
178
177
|
|
179
178
|
/**
|
@@ -187,9 +186,9 @@ var columns = function columns(dataType, showCiNum) {
|
|
187
186
|
// const ciNumKey = `ci${dataTypeUp}Num`;
|
188
187
|
// const ciArrKey = `ci${dataTypeUp}Arr`;
|
189
188
|
var values = [{
|
190
|
-
width:
|
191
|
-
dataIndex:
|
192
|
-
title:
|
189
|
+
width: '100%',
|
190
|
+
dataIndex: 'name',
|
191
|
+
title: '数据',
|
193
192
|
cellOption: {
|
194
193
|
nowrap: true
|
195
194
|
}
|
@@ -221,9 +220,9 @@ var columns = function columns(dataType, showCiNum) {
|
|
221
220
|
// },
|
222
221
|
// },
|
223
222
|
{
|
224
|
-
width:
|
225
|
-
dataIndex:
|
226
|
-
title:
|
223
|
+
width: '70px',
|
224
|
+
dataIndex: 'type',
|
225
|
+
title: '类型',
|
227
226
|
cellOption: {
|
228
227
|
nowrap: {
|
229
228
|
nowrapCell: typeCell,
|
@@ -93,7 +93,6 @@ var Setting = function Setting(_ref) {
|
|
93
93
|
};
|
94
94
|
var tableData = (0, _react.useMemo)(function () {
|
95
95
|
var _allCiSet$ciType;
|
96
|
-
// console.log('allCiSet,ciType,search', allCiSet, ciType, search);
|
97
96
|
var list = ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [];
|
98
97
|
if (search) {
|
99
98
|
list = list.filter(function (item) {
|
@@ -103,9 +102,8 @@ var Setting = function Setting(_ref) {
|
|
103
102
|
}
|
104
103
|
return list;
|
105
104
|
}, [allCiSet, ciType, search]);
|
106
|
-
function onSearch(
|
107
|
-
|
108
|
-
setSearch(value);
|
105
|
+
function onSearch(searchValue) {
|
106
|
+
setSearch(searchValue);
|
109
107
|
}
|
110
108
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
111
109
|
className: _indexModule["default"].layout
|
@@ -1,13 +1,8 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
3
|
exports.__esModule = true;
|
5
|
-
exports.defaultSelected = void 0;
|
6
4
|
exports.getDefaultSelectedCiType = getDefaultSelectedCiType;
|
7
5
|
exports.typeCell = exports.treeDs = void 0;
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
|
10
|
-
var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
|
11
6
|
var _treeUtil = require("../../utils/treeUtil");
|
12
7
|
/**
|
13
8
|
* 获取树结构数据源
|
@@ -24,64 +19,14 @@ var treeDs = function treeDs(allCiSet) {
|
|
24
19
|
};
|
25
20
|
});
|
26
21
|
};
|
27
|
-
|
28
|
-
// 由于属性和指标code存在重复,拼接code与类型作为id
|
29
22
|
exports.treeDs = treeDs;
|
30
|
-
var toId = function toId(_ref) {
|
31
|
-
var code = _ref.code,
|
32
|
-
type = _ref.type;
|
33
|
-
return type ? code + "-" + type : code;
|
34
|
-
};
|
35
|
-
|
36
|
-
// id反解析回对象
|
37
|
-
var reverseToId = function reverseToId(id) {
|
38
|
-
var _id$split = id.split("-"),
|
39
|
-
code = _id$split[0],
|
40
|
-
type = _id$split[1];
|
41
|
-
return {
|
42
|
-
code: code,
|
43
|
-
type: type
|
44
|
-
};
|
45
|
-
};
|
46
|
-
|
47
|
-
/**
|
48
|
-
* 获取默认选择项,用于重置
|
49
|
-
* @param {*} allCiSet 数据源
|
50
|
-
* @param {*} defaultSet 默认选择项数据源
|
51
|
-
* @param {*} dataType 数据类型
|
52
|
-
* @returns
|
53
|
-
*/
|
54
|
-
var defaultSelected = function defaultSelected(allCiSet, defaultSet, dataType) {
|
55
|
-
if (defaultSet === void 0) {
|
56
|
-
defaultSet = {};
|
57
|
-
}
|
58
|
-
var values = {};
|
59
|
-
Object.keys(allCiSet).forEach(function (key) {
|
60
|
-
var ciTypeSelected = defaultSet[key] || defaultSet[allCiSet[key].code];
|
61
|
-
// 没有ci类型对应的默认配置 -> 使用通用的配置项
|
62
|
-
// const selected = (ciTypeSelected || defaultSet['common'])[dataType] || [];
|
63
|
-
var selected = [];
|
64
|
-
var selectedIds = selected.map(function (item) {
|
65
|
-
return toId(item);
|
66
|
-
});
|
67
|
-
var data = allCiSet[key].list;
|
68
|
-
var selectedData = data === null || data === void 0 ? void 0 : data.filter(function (item) {
|
69
|
-
return selectedIds.includes(item.id);
|
70
|
-
});
|
71
|
-
values[key] = selectedData.map(function (item) {
|
72
|
-
return item.id;
|
73
|
-
}) || [];
|
74
|
-
});
|
75
|
-
return values;
|
76
|
-
};
|
77
|
-
exports.defaultSelected = defaultSelected;
|
78
23
|
var typeCell = function typeCell(text) {
|
79
|
-
if (text ===
|
80
|
-
return
|
81
|
-
} else if (text ===
|
82
|
-
return
|
24
|
+
if (text === 'attribute') {
|
25
|
+
return '属性';
|
26
|
+
} else if (text === 'metric') {
|
27
|
+
return '指标';
|
83
28
|
}
|
84
|
-
return
|
29
|
+
return '-';
|
85
30
|
};
|
86
31
|
|
87
32
|
/**
|
package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js
CHANGED
@@ -52,8 +52,8 @@ var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/(0, _react.forwardRef)(func
|
|
52
52
|
});
|
53
53
|
|
54
54
|
// 保存指标设置
|
55
|
-
var save = function save(
|
56
|
-
_rlog["default"].debug('saveMarkSetting',
|
55
|
+
var save = function save(xx, parm) {
|
56
|
+
_rlog["default"].debug('saveMarkSetting', parm);
|
57
57
|
var newSelected = {};
|
58
58
|
Object.keys(parm).forEach(function (ciType) {
|
59
59
|
newSelected[ciType] = parm[ciType].map(function (id) {
|
@@ -11,8 +11,7 @@ function ResourceSelect(props, ref) {
|
|
11
11
|
var store = props.store,
|
12
12
|
initialData = props.initialData,
|
13
13
|
totalSelection = props.totalSelection;
|
14
|
-
var
|
15
|
-
staticRes = initialData["static"];
|
14
|
+
var staticRes = initialData["static"];
|
16
15
|
var staticRef = (0, _react.useRef)();
|
17
16
|
(0, _react.useImperativeHandle)(ref, function () {
|
18
17
|
return {
|
@@ -17,7 +17,6 @@ var TagSelect = function TagSelect(props) {
|
|
17
17
|
value = props.value,
|
18
18
|
defaultValue = props.defaultValue,
|
19
19
|
dataSource = props.dataSource,
|
20
|
-
size = props.size,
|
21
20
|
boxProps = props.boxProps,
|
22
21
|
tagProps = props.tagProps;
|
23
22
|
var _useState = (0, _react.useState)(value || defaultValue),
|
@@ -56,10 +56,10 @@ function VerticalIconTab(props) {
|
|
56
56
|
return /*#__PURE__*/_react["default"].createElement(_tab["default"], (0, _extends2["default"])({
|
57
57
|
shape: "wrapped",
|
58
58
|
tabPosition: "left",
|
59
|
-
tabRender: function tabRender(key,
|
59
|
+
tabRender: function tabRender(key, tabProps) {
|
60
60
|
return /*#__PURE__*/_react["default"].createElement(CustomTabItem, (0, _extends2["default"])({
|
61
61
|
key: key
|
62
|
-
},
|
62
|
+
}, tabProps));
|
63
63
|
}
|
64
64
|
}, props, {
|
65
65
|
className: _VerticalIconTabModule["default"].tabs,
|
@@ -64,21 +64,8 @@
|
|
64
64
|
box-shadow: 0px 1px 0px 0px #E4E9EE;
|
65
65
|
}
|
66
66
|
|
67
|
-
.#{$css-prefix}list-header {
|
68
|
-
padding: 8px 16px 12px 16px !important;
|
69
|
-
border-bottom: none;
|
70
|
-
height: 44px;
|
71
|
-
box-shadow: 0px 1px 0px 0px #E4E9EE;
|
72
|
-
}
|
73
|
-
|
74
67
|
.#{$css-prefix}list-empty {
|
75
68
|
padding: 1px;
|
76
|
-
|
77
|
-
}
|
78
|
-
|
79
|
-
.#{$css-prefix}list-items {
|
80
|
-
// max-height: 230px;
|
81
|
-
// overflow-y: auto;
|
82
69
|
}
|
83
70
|
|
84
71
|
.#{$css-prefix}list-item {
|
@@ -25,18 +25,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
25
25
|
*/
|
26
26
|
function DisplaySetting(props, ref) {
|
27
27
|
var topo = props.topo,
|
28
|
-
displaySettingProps = props.displaySettingProps
|
29
|
-
isEditor = props.isEditor;
|
28
|
+
displaySettingProps = props.displaySettingProps;
|
30
29
|
var displayConfig = topo.store.getModelState('displayConfig');
|
31
30
|
var _ref = displaySettingProps || {},
|
32
31
|
linkTagConfig = _ref.linkTagConfig,
|
33
32
|
linkTipConfig = _ref.linkTipConfig,
|
34
|
-
showEdgeExpandConfig = _ref.showEdgeExpandConfig,
|
35
33
|
extraConfig = _ref.extraConfig,
|
36
34
|
showLinkConfig = _ref.showLinkConfig,
|
37
35
|
nodeTagProps = _ref.nodeTagProps,
|
38
|
-
nodeTipProps = _ref.nodeTipProps
|
39
|
-
isNetworkTopo = _ref.isNetworkTopo;
|
36
|
+
nodeTipProps = _ref.nodeTipProps;
|
40
37
|
var field = _field["default"].useField({
|
41
38
|
autoUnmount: false,
|
42
39
|
values: {
|
@@ -8,6 +8,7 @@ var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
9
|
var _HelpIconModule = _interopRequireDefault(require("./HelpIcon.module.scss"));
|
10
10
|
var _useCanvasThemeConfig2 = _interopRequireDefault(require("../../../hooks/useCanvasThemeConfig"));
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
11
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
12
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
13
14
|
var Row = _grid["default"].Row,
|
@@ -24,6 +25,7 @@ function HelpIcon(props) {
|
|
24
25
|
}),
|
25
26
|
themeConfig = _useCanvasThemeConfig.themeConfig;
|
26
27
|
var helpIconNames = themeConfig.editor.helpIcon;
|
28
|
+
var helpIconName = themeConfig.editor.helpIconName;
|
27
29
|
var onChange = function onChange(visible, type) {
|
28
30
|
if (type != 'docClick') {
|
29
31
|
setHelpBoxIsShow(visible);
|
@@ -53,12 +55,12 @@ function HelpIcon(props) {
|
|
53
55
|
align: "t",
|
54
56
|
trigger: /*#__PURE__*/_react["default"].createElement("div", {
|
55
57
|
ref: topoViewerRef,
|
56
|
-
className: _HelpIconModule["default"].topoHelpIconBtn,
|
58
|
+
className: (0, _classnames["default"])(_HelpIconModule["default"].topoHelpIconBtn, _HelpIconModule["default"]["topoHelpIconBtn-" + helpIconNames]),
|
57
59
|
onClick: function onClick() {
|
58
60
|
open;
|
59
61
|
}
|
60
62
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
61
|
-
src: "/img/topo/editor/
|
63
|
+
src: "/img/topo/editor/bottomTool/help_icon_" + helpIconName + ".svg",
|
62
64
|
alt: ""
|
63
65
|
})),
|
64
66
|
closable: true,
|
@@ -69,7 +71,7 @@ function HelpIcon(props) {
|
|
69
71
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
70
72
|
className: _HelpIconModule["default"].topoHelpIcon
|
71
73
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
72
|
-
className: _HelpIconModule["default"][helpIconNames +
|
74
|
+
className: _HelpIconModule["default"][helpIconNames + "Box"]
|
73
75
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
74
76
|
className: _HelpIconModule["default"].title
|
75
77
|
}, "\u5FEB\u6377\u952E"), /*#__PURE__*/_react["default"].createElement("div", {
|
@@ -97,7 +97,7 @@ function getValuesByEdges(topo) {
|
|
97
97
|
return edgeValues;
|
98
98
|
}
|
99
99
|
var selectionEdges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
|
100
|
-
var edgeValues = getEdgesValues(selectionEdges
|
100
|
+
var edgeValues = getEdgesValues(selectionEdges);
|
101
101
|
var values = {
|
102
102
|
baseAgreement: false,
|
103
103
|
lineButton: undefined,
|
@@ -11,7 +11,8 @@ var themeMap = [{
|
|
11
11
|
color: '#FFFFFF',
|
12
12
|
editor: {
|
13
13
|
// 快捷帮助
|
14
|
-
helpIcon: 'white'
|
14
|
+
helpIcon: 'white',
|
15
|
+
helpIconName: 'dark'
|
15
16
|
}
|
16
17
|
}, {
|
17
18
|
name: 'lightblue',
|
@@ -19,7 +20,8 @@ var themeMap = [{
|
|
19
20
|
color: '#F9FBFF',
|
20
21
|
editor: {
|
21
22
|
// 快捷帮助
|
22
|
-
helpIcon: 'white'
|
23
|
+
helpIcon: 'white',
|
24
|
+
helpIconName: 'dark'
|
23
25
|
}
|
24
26
|
},
|
25
27
|
// {
|
@@ -38,7 +40,8 @@ var themeMap = [{
|
|
38
40
|
color: '#031425',
|
39
41
|
editor: {
|
40
42
|
// 快捷帮助
|
41
|
-
helpIcon: 'dark'
|
43
|
+
helpIcon: 'dark',
|
44
|
+
helpIconName: 'light'
|
42
45
|
}
|
43
46
|
}, {
|
44
47
|
name: 'poly',
|
@@ -46,7 +49,8 @@ var themeMap = [{
|
|
46
49
|
backgroundImage: '/img/topo/themes/poly.png',
|
47
50
|
editor: {
|
48
51
|
// 快捷帮助
|
49
|
-
helpIcon: 'dark'
|
52
|
+
helpIcon: 'dark',
|
53
|
+
helpIconName: 'light'
|
50
54
|
}
|
51
55
|
}].reduce(function (map, item) {
|
52
56
|
var _extends2;
|