@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.
@@ -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
- // view: ViewPropertyView,
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.19" === 'string' ? "6.0.19" : null;
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
- title: '操作',
447
- dataIndex: 'status',
448
- key: 'status',
449
- width: 64,
450
- cell: function cell(status, index, record) {
451
- if (record.type === 'alarm') {
452
- return status === 'toDeal' ? /*#__PURE__*/React.createElement(_Button, {
453
- text: true,
454
- type: "primary",
455
- onClick: function onClick() {
456
- return alarmRiskOperation(record.type, record.params);
457
- }
458
- }, "\u53D7\u7406") : /*#__PURE__*/React.createElement(_Button, {
459
- disabled: true,
460
- text: true,
461
- type: "primary"
462
- }, "\u5DF2\u53D7\u7406");
463
- } else {
464
- // return <Button text type="primary" onClick={() => alarmRiskOperation(record.type, record)}>受理</Button>
465
- return '';
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);
@@ -98,6 +98,7 @@
98
98
  }
99
99
  .alarm {
100
100
  margin-top: 12px;
101
+ margin-bottom: 16px;
101
102
  .alarm-title {
102
103
  overflow: hidden;
103
104
  text-overflow: ellipsis;
@@ -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
- // view: ViewPropertyView,
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.19" === 'string' ? "6.0.19" : null;
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
- title: '操作',
479
- dataIndex: 'status',
480
- key: 'status',
481
- width: 64,
482
- cell: function cell(status, index, record) {
483
- if (record.type === 'alarm') {
484
- return status === 'toDeal' ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
485
- text: true,
486
- type: "primary",
487
- onClick: function onClick() {
488
- return alarmRiskOperation(record.type, record.params);
489
- }
490
- }, "\u53D7\u7406") : /*#__PURE__*/_react["default"].createElement(_button["default"], {
491
- disabled: true,
492
- text: true,
493
- type: "primary"
494
- }, "\u5DF2\u53D7\u7406");
495
- } else {
496
- // return <Button text type="primary" onClick={() => alarmRiskOperation(record.type, record)}>受理</Button>
497
- return '';
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);
@@ -98,6 +98,7 @@
98
98
  }
99
99
  .alarm {
100
100
  margin-top: 12px;
101
+ margin-bottom: 16px;
101
102
  .alarm-title {
102
103
  overflow: hidden;
103
104
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riil-frontend/component-topology",
3
- "version": "6.0.19",
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.19/build/index.html",
119
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.21/build/index.html",
120
120
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
121
121
  }