@riil-frontend/component-topology 6.0.19 → 6.0.21
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 +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +29 -29
- package/es/core/editor/components/settings/propertyViews/index.js +2 -1
- package/es/core/editor/components/settings/propertyViews/view/ViewPropertyViewV2.js +53 -0
- package/es/core/models/TopoApp.js +1 -1
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +27 -25
- package/es/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
- package/lib/core/editor/components/settings/propertyViews/index.js +3 -1
- package/lib/core/editor/components/settings/propertyViews/view/ViewPropertyViewV2.js +66 -0
- package/lib/core/models/TopoApp.js +1 -1
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/ResourceOverview.js +27 -26
- package/lib/core/viewer/components/plugins/ResourceDetail/components/ResourceOverview/index.module.scss +1 -0
- package/package.json +2 -2
@@ -3,8 +3,9 @@ import LayerPropertyView from "./layer/LayerPropertyView";
|
|
3
3
|
import TextPropertyView from "./text/TextPropertyView";
|
4
4
|
import GroupPropertyView from "./group/GroupPropertyView";
|
5
5
|
import BoxPropertyView from "./box/BoxPropertyView";
|
6
|
+
import ViewPropertyView from "./view/ViewPropertyViewV2";
|
6
7
|
var propertyPanelMap = {
|
7
|
-
|
8
|
+
view: ViewPropertyView,
|
8
9
|
group: GroupPropertyView,
|
9
10
|
node: NodePropertyView,
|
10
11
|
// edge: EdgePropertyView,
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import _Form from "@alifd/next/es/form";
|
2
|
+
import _Collapse from "@alifd/next/es/collapse";
|
3
|
+
import React from 'react';
|
4
|
+
import useBackgroundConfig from "./hooks/useBackgroundConfig";
|
5
|
+
import BackgroundSize from "./BackgroundSize";
|
6
|
+
var CollapsePanel = _Collapse.Panel;
|
7
|
+
export default function ViewPropertyView(props) {
|
8
|
+
var topo = props.topo,
|
9
|
+
topoShowType = props.topoShowType,
|
10
|
+
editorProps = props.editorProps,
|
11
|
+
settingRuntimeState = props.settingRuntimeState;
|
12
|
+
var backgroundConfig = useBackgroundConfig({
|
13
|
+
topo: topo
|
14
|
+
});
|
15
|
+
var collapsePanels = [{
|
16
|
+
key: '背景',
|
17
|
+
visible: !!backgroundConfig.current,
|
18
|
+
createCollapsePanel: function createCollapsePanel() {
|
19
|
+
return /*#__PURE__*/React.createElement(CollapsePanel, {
|
20
|
+
key: "\u80CC\u666F",
|
21
|
+
title: "\u80CC\u666F"
|
22
|
+
}, /*#__PURE__*/React.createElement(_Form.Item, {
|
23
|
+
label: "\u80CC\u666F\u5C3A\u5BF8",
|
24
|
+
style: {
|
25
|
+
marginBottom: 0
|
26
|
+
}
|
27
|
+
}, /*#__PURE__*/React.createElement(BackgroundSize, {
|
28
|
+
topo: topo,
|
29
|
+
backgroundConfig: backgroundConfig,
|
30
|
+
settingRuntimeState: settingRuntimeState
|
31
|
+
})));
|
32
|
+
}
|
33
|
+
}];
|
34
|
+
var visibleCollapsePanels = collapsePanels.filter(function (panel) {
|
35
|
+
return panel.visible;
|
36
|
+
});
|
37
|
+
return /*#__PURE__*/React.createElement("div", {
|
38
|
+
style: {
|
39
|
+
paddingTop: 4
|
40
|
+
}
|
41
|
+
}, /*#__PURE__*/React.createElement(_Form, {
|
42
|
+
labelAlign: "top"
|
43
|
+
}, /*#__PURE__*/React.createElement(_Form.Item, null, !!collapsePanels.length && /*#__PURE__*/React.createElement(_Collapse, {
|
44
|
+
defaultExpandedKeys: collapsePanels.map(function (panel) {
|
45
|
+
return panel.key;
|
46
|
+
}),
|
47
|
+
style: {
|
48
|
+
border: 'none'
|
49
|
+
}
|
50
|
+
}, visibleCollapsePanels.map(function (panel) {
|
51
|
+
return panel.createCollapsePanel();
|
52
|
+
})))));
|
53
|
+
}
|
@@ -23,7 +23,7 @@ import topoFactory from "./topoFactory";
|
|
23
23
|
import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
|
24
24
|
import SelectionModel from "./SelectionModel"; // eslint-disable-next-line no-undef
|
25
25
|
|
26
|
-
var version = typeof "6.0.
|
26
|
+
var version = typeof "6.0.21" === 'string' ? "6.0.21" : null;
|
27
27
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
28
28
|
/**
|
29
29
|
* 拓扑显示和编辑
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import _Message from "@alifd/next/es/message";
|
2
2
|
import _Table from "@alifd/next/es/table";
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
4
|
-
import _Button from "@alifd/next/es/button";
|
5
4
|
import _Icon from "@alifd/next/es/icon";
|
6
5
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
7
6
|
|
@@ -442,30 +441,33 @@ export default function ResourceOverview(props) {
|
|
442
441
|
title: moment(value).format('YYYY-MM-DD HH:mm:ss')
|
443
442
|
}, moment(value).format('YYYY-MM-DD HH:mm:ss'));
|
444
443
|
}
|
445
|
-
}
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
}
|
444
|
+
} // {
|
445
|
+
// title: '操作',
|
446
|
+
// dataIndex: 'status',
|
447
|
+
// key: 'status',
|
448
|
+
// width: 64,
|
449
|
+
// cell: (status, index, record) => {
|
450
|
+
// if (record.type === 'alarm') {
|
451
|
+
// return status === 'toDeal' ? (
|
452
|
+
// <Button
|
453
|
+
// text
|
454
|
+
// type="primary"
|
455
|
+
// onClick={() => alarmRiskOperation(record.type, record.params)}
|
456
|
+
// >
|
457
|
+
// 受理
|
458
|
+
// </Button>
|
459
|
+
// ) : (
|
460
|
+
// <Button disabled text type="primary">
|
461
|
+
// 已受理
|
462
|
+
// </Button>
|
463
|
+
// );
|
464
|
+
// } else {
|
465
|
+
// // return <Button text type="primary" onClick={() => alarmRiskOperation(record.type, record)}>受理</Button>
|
466
|
+
// return '';
|
467
|
+
// }
|
468
|
+
// },
|
469
|
+
// },
|
470
|
+
]; // 告警/风险 操作 (受理)
|
469
471
|
|
470
472
|
function alarmRiskOperation(_x3, _x4) {
|
471
473
|
return _alarmRiskOperation.apply(this, arguments);
|
@@ -15,8 +15,10 @@ var _GroupPropertyView = _interopRequireDefault(require("./group/GroupPropertyVi
|
|
15
15
|
|
16
16
|
var _BoxPropertyView = _interopRequireDefault(require("./box/BoxPropertyView"));
|
17
17
|
|
18
|
+
var _ViewPropertyViewV = _interopRequireDefault(require("./view/ViewPropertyViewV2"));
|
19
|
+
|
18
20
|
var propertyPanelMap = {
|
19
|
-
|
21
|
+
view: _ViewPropertyViewV["default"],
|
20
22
|
group: _GroupPropertyView["default"],
|
21
23
|
node: _NodePropertyView["default"],
|
22
24
|
// edge: EdgePropertyView,
|
@@ -0,0 +1,66 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports["default"] = ViewPropertyView;
|
7
|
+
|
8
|
+
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
9
|
+
|
10
|
+
var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
|
11
|
+
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
14
|
+
var _useBackgroundConfig = _interopRequireDefault(require("./hooks/useBackgroundConfig"));
|
15
|
+
|
16
|
+
var _BackgroundSize = _interopRequireDefault(require("./BackgroundSize"));
|
17
|
+
|
18
|
+
var CollapsePanel = _collapse["default"].Panel;
|
19
|
+
|
20
|
+
function ViewPropertyView(props) {
|
21
|
+
var topo = props.topo,
|
22
|
+
topoShowType = props.topoShowType,
|
23
|
+
editorProps = props.editorProps,
|
24
|
+
settingRuntimeState = props.settingRuntimeState;
|
25
|
+
var backgroundConfig = (0, _useBackgroundConfig["default"])({
|
26
|
+
topo: topo
|
27
|
+
});
|
28
|
+
var collapsePanels = [{
|
29
|
+
key: '背景',
|
30
|
+
visible: !!backgroundConfig.current,
|
31
|
+
createCollapsePanel: function createCollapsePanel() {
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
|
33
|
+
key: "\u80CC\u666F",
|
34
|
+
title: "\u80CC\u666F"
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, {
|
36
|
+
label: "\u80CC\u666F\u5C3A\u5BF8",
|
37
|
+
style: {
|
38
|
+
marginBottom: 0
|
39
|
+
}
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_BackgroundSize["default"], {
|
41
|
+
topo: topo,
|
42
|
+
backgroundConfig: backgroundConfig,
|
43
|
+
settingRuntimeState: settingRuntimeState
|
44
|
+
})));
|
45
|
+
}
|
46
|
+
}];
|
47
|
+
var visibleCollapsePanels = collapsePanels.filter(function (panel) {
|
48
|
+
return panel.visible;
|
49
|
+
});
|
50
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
51
|
+
style: {
|
52
|
+
paddingTop: 4
|
53
|
+
}
|
54
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
55
|
+
labelAlign: "top"
|
56
|
+
}, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, null, !!collapsePanels.length && /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
|
57
|
+
defaultExpandedKeys: collapsePanels.map(function (panel) {
|
58
|
+
return panel.key;
|
59
|
+
}),
|
60
|
+
style: {
|
61
|
+
border: 'none'
|
62
|
+
}
|
63
|
+
}, visibleCollapsePanels.map(function (panel) {
|
64
|
+
return panel.createCollapsePanel();
|
65
|
+
})))));
|
66
|
+
}
|
@@ -54,7 +54,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
|
|
54
54
|
var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
55
55
|
|
56
56
|
// eslint-disable-next-line no-undef
|
57
|
-
var version = typeof "6.0.
|
57
|
+
var version = typeof "6.0.21" === 'string' ? "6.0.21" : null;
|
58
58
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
59
59
|
/**
|
60
60
|
* 拓扑显示和编辑
|
@@ -13,8 +13,6 @@ var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
|
|
13
13
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
15
15
|
|
16
|
-
var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
|
17
|
-
|
18
16
|
var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
|
19
17
|
|
20
18
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
@@ -474,30 +472,33 @@ function ResourceOverview(props) {
|
|
474
472
|
title: (0, _moment["default"])(value).format('YYYY-MM-DD HH:mm:ss')
|
475
473
|
}, (0, _moment["default"])(value).format('YYYY-MM-DD HH:mm:ss'));
|
476
474
|
}
|
477
|
-
}
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
|
484
|
-
|
485
|
-
|
486
|
-
|
487
|
-
|
488
|
-
|
489
|
-
|
490
|
-
|
491
|
-
|
492
|
-
|
493
|
-
|
494
|
-
|
495
|
-
|
496
|
-
|
497
|
-
|
498
|
-
|
499
|
-
|
500
|
-
}
|
475
|
+
} // {
|
476
|
+
// title: '操作',
|
477
|
+
// dataIndex: 'status',
|
478
|
+
// key: 'status',
|
479
|
+
// width: 64,
|
480
|
+
// cell: (status, index, record) => {
|
481
|
+
// if (record.type === 'alarm') {
|
482
|
+
// return status === 'toDeal' ? (
|
483
|
+
// <Button
|
484
|
+
// text
|
485
|
+
// type="primary"
|
486
|
+
// onClick={() => alarmRiskOperation(record.type, record.params)}
|
487
|
+
// >
|
488
|
+
// 受理
|
489
|
+
// </Button>
|
490
|
+
// ) : (
|
491
|
+
// <Button disabled text type="primary">
|
492
|
+
// 已受理
|
493
|
+
// </Button>
|
494
|
+
// );
|
495
|
+
// } else {
|
496
|
+
// // return <Button text type="primary" onClick={() => alarmRiskOperation(record.type, record)}>受理</Button>
|
497
|
+
// return '';
|
498
|
+
// }
|
499
|
+
// },
|
500
|
+
// },
|
501
|
+
]; // 告警/风险 操作 (受理)
|
501
502
|
|
502
503
|
function alarmRiskOperation(_x3, _x4) {
|
503
504
|
return _alarmRiskOperation.apply(this, arguments);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "6.0.
|
3
|
+
"version": "6.0.21",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.21/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|