@riil-frontend/component-topology 0.2.2 → 0.2.3

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.
Files changed (189) hide show
  1. package/README.md +5 -1
  2. package/build/1.js +2 -2
  3. package/build/2.js +1 -1
  4. package/build/index.js +37 -37
  5. package/demo/{usage.md → 1/345/237/272/346/234/254/usage.md} +0 -0
  6. package/demo/{usage1.md → 1/345/237/272/346/234/254/usage1.md} +0 -0
  7. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/TopoCenterViewer.jsx +75 -0
  8. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/createMockRequest.js +38 -0
  9. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/api/v1/model/getAllDict +1029 -0
  10. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/alarm +0 -0
  11. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/alarm.json +0 -0
  12. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/attributes/once +2596 -0
  13. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/attributes/once.json +2596 -0
  14. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/attributes/polling +2293 -0
  15. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/attributes/polling.json +2293 -0
  16. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/auth/permission/2 +1 -0
  17. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/auth/permission/2.json +1 -0
  18. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/menu +48 -0
  19. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/menu.json +48 -0
  20. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/shape +1 -0
  21. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/shape.json +1 -0
  22. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/structure/both/2 +618 -0
  23. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/structure/both/2.json +618 -0
  24. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/structure/relationList +192 -0
  25. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/structure/relationList.json +192 -0
  26. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/webUrl/list +1 -0
  27. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/topo/v1/webUrl/list.json +1 -0
  28. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/v1/api/authFunc/checkFuncAuthentication +14 -0
  29. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/mock/appserver/v1/api/authFunc/checkFuncAuthentication.json +14 -0
  30. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203/js/request.js +7 -0
  31. package/demo/2/346/213/223/346/211/221/344/270/255/345/277/203//345/261/225/347/244/272/346/250/241/345/274/217.md +10 -0
  32. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/AppInstallTopo.jsx +90 -0
  33. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/api/v1/model/getAllDict +1029 -0
  34. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/alarm +0 -0
  35. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/alarm.json +0 -0
  36. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/attributes/once +2596 -0
  37. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/attributes/once.json +2596 -0
  38. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/attributes/polling +2293 -0
  39. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/attributes/polling.json +2293 -0
  40. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/auth/permission/2 +1 -0
  41. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/auth/permission/2.json +1 -0
  42. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/menu +48 -0
  43. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/menu.json +48 -0
  44. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/shape +1 -0
  45. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/shape.json +1 -0
  46. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/structure/both/1 +3 -0
  47. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/structure/both/2 +618 -0
  48. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/structure/both/2.json +618 -0
  49. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/webUrl/list +1 -0
  50. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/topo/v1/webUrl/list.json +1 -0
  51. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/v1/api/authFunc/checkFuncAuthentication +14 -0
  52. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/appserver/v1/api/authFunc/checkFuncAuthentication.json +14 -0
  53. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/mock/data/simple.json +190 -0
  54. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221/src/request.js +7 -0
  55. package/demo/3/345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221//345/272/224/347/224/250/351/203/250/347/275/262/346/213/223/346/211/221.md +10 -0
  56. package/demo/{/346/213/223/346/211/221/344/270/255/345/277/203.md → 4/345/210/206/345/261/202/351/205/215/347/275/256/347/273/204/344/273/266/js/a.js} +15 -25
  57. package/demo/4/345/210/206/345/261/202/351/205/215/347/275/256/347/273/204/344/273/266//345/261/225/347/244/272/347/273/204/344/273/266.md +10 -0
  58. package/demo/{API.md → API/API.md} +0 -0
  59. package/es/components/BatchAttrMetric/index.js +2 -2
  60. package/es/components/BatchAttrMetric/setting.js +12 -9
  61. package/es/components/BatchAttrMetric/utils.js +4 -3
  62. package/es/components/Drawer/index.js +5 -4
  63. package/es/components/FormTable/index.js +7 -5
  64. package/es/components/IndexSettingDrawer/CiList.js +2 -2
  65. package/es/components/IndexSettingDrawer/CiListItem.js +2 -2
  66. package/es/components/IndexSettingDrawer/IndexList.js +3 -3
  67. package/es/components/IndexSettingDrawer/index.js +2 -2
  68. package/es/components/Link/form.js +19 -13
  69. package/es/components/Link/index.js +4 -3
  70. package/es/components/Link/setting.js +12 -9
  71. package/es/components/MultiResourceDrawer/Content.js +5 -3
  72. package/es/components/MultiResourceDrawer/ResourceCard/index.js +5 -4
  73. package/es/components/SingleResourceDrawer/index.js +3 -2
  74. package/es/components/TopoView/Topo.js +2 -2
  75. package/es/components/TopoView/plugins/ResourceDetail/topoDrawer.js +6 -4
  76. package/es/components/TopoView/plugins/ResourceWebControllUrlSettingDialog.js +13 -7
  77. package/es/components/TopoView/settings/LayerSettingsForm.js +35 -26
  78. package/es/components/TopoView/settings/ResourceList.js +4 -3
  79. package/es/components/TopoView/settings/SelectResource/index.js +18 -12
  80. package/es/components/TopoView/settings/Settings.js +0 -1
  81. package/es/components/TopoView/settings/SettingsForm.js +4 -3
  82. package/es/components/TopoView/settings/Style.js +22 -14
  83. package/es/components/TopoView/toolbar/TopoEditorTitleBar.js +3 -3
  84. package/es/components/TopoView/toolbar/TopoViewerTitleBar.js +2 -2
  85. package/es/components/TopoView/toolbar/ViewTools.js +8 -6
  86. package/es/components/TopoView/toolbar/widgets/SearchWidget.js +2 -2
  87. package/es/components/TopoView/topoView.js +9 -23
  88. package/es/components/edit/EditPlugin.js +2 -2
  89. package/es/components/edit/LinkDynamicStyleSettingDrawer/RuleSetting.js +4 -3
  90. package/es/components/edit/LinkDynamicStyleSettingDrawer/rule/ColorPicker.js +2 -2
  91. package/es/components/edit/LinkDynamicStyleSettingDrawer/rule/Rule.js +2 -2
  92. package/es/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleCondition.js +18 -17
  93. package/es/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleStyle.js +16 -11
  94. package/es/components/edit/iconManage/RenameDialog.js +11 -6
  95. package/es/components/edit/iconManage/UploadIconDialog.js +11 -7
  96. package/es/core/models/TopoApp.js +73 -107
  97. package/es/core/models/cache/DictCache.js +79 -0
  98. package/es/core/models/plugins/resourceWebControllUrl.js +8 -4
  99. package/es/core/utils/showMessage.js +2 -2
  100. package/es/createTopo.js +2 -31
  101. package/es/hooks/usePolling.js +9 -5
  102. package/es/hooks/useTopoEdit.js +14 -8
  103. package/es/models/iconManage.js +9 -5
  104. package/es/models/linkDynamicStyleConfig.js +3 -2
  105. package/es/models/linkManager.js +0 -1
  106. package/es/models/resourceWebControllUrlSetting.js +0 -1
  107. package/es/models/topoAlarm.js +0 -1
  108. package/es/models/topoBizMod.js +11 -8
  109. package/es/models/topoEdit.js +0 -1
  110. package/es/models/topoGraphView.js +0 -1
  111. package/es/models/topoMod.js +54 -30
  112. package/es/models/topoView.js +0 -1
  113. package/es/models/topocenter/functionAuth.js +0 -1
  114. package/es/models/topocenter/topoCenter.js +0 -1
  115. package/es/style.js +25 -1
  116. package/es/topoCenter/getTopoData.js +41 -0
  117. package/es/topoCenter/models/Topo.js +0 -0
  118. package/es/topoCenter/models/TopoCenter.js +104 -0
  119. package/es/topoCenter/viewer/TitleBar.js +10 -0
  120. package/es/topoCenter/viewer/components/TopologyViewer.js +27 -0
  121. package/es/topoCenter/viewer/createTopoViewer.js +2 -34
  122. package/es/topoCenter/viewer/index.js +2 -2
  123. package/es/utils/topoData.js +8 -5
  124. package/lib/components/BatchAttrMetric/index.js +3 -3
  125. package/lib/components/BatchAttrMetric/setting.js +16 -10
  126. package/lib/components/BatchAttrMetric/utils.js +6 -4
  127. package/lib/components/Drawer/index.js +7 -5
  128. package/lib/components/FormTable/index.js +13 -9
  129. package/lib/components/IndexSettingDrawer/CiList.js +3 -3
  130. package/lib/components/IndexSettingDrawer/CiListItem.js +3 -3
  131. package/lib/components/IndexSettingDrawer/IndexList.js +7 -7
  132. package/lib/components/IndexSettingDrawer/index.js +3 -3
  133. package/lib/components/Link/form.js +24 -14
  134. package/lib/components/Link/index.js +6 -4
  135. package/lib/components/Link/setting.js +16 -10
  136. package/lib/components/MultiResourceDrawer/Content.js +4 -4
  137. package/lib/components/MultiResourceDrawer/ResourceCard/index.js +7 -5
  138. package/lib/components/SingleResourceDrawer/index.js +3 -3
  139. package/lib/components/TopoView/Topo.js +3 -3
  140. package/lib/components/TopoView/plugins/ResourceDetail/topoDrawer.js +9 -5
  141. package/lib/components/TopoView/plugins/ResourceWebControllUrlSettingDialog.js +16 -8
  142. package/lib/components/TopoView/settings/LayerSettingsForm.js +41 -27
  143. package/lib/components/TopoView/settings/ResourceList.js +6 -4
  144. package/lib/components/TopoView/settings/SelectResource/index.js +25 -13
  145. package/lib/components/TopoView/settings/Settings.js +0 -2
  146. package/lib/components/TopoView/settings/SettingsForm.js +6 -4
  147. package/lib/components/TopoView/settings/Style.js +27 -15
  148. package/lib/components/TopoView/toolbar/TopoEditorTitleBar.js +4 -4
  149. package/lib/components/TopoView/toolbar/TopoViewerTitleBar.js +3 -3
  150. package/lib/components/TopoView/toolbar/ViewTools.js +11 -7
  151. package/lib/components/TopoView/toolbar/widgets/SearchWidget.js +5 -3
  152. package/lib/components/TopoView/topoView.js +11 -26
  153. package/lib/components/edit/EditPlugin.js +3 -3
  154. package/lib/components/edit/LinkDynamicStyleSettingDrawer/RuleSetting.js +6 -4
  155. package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/ColorPicker.js +3 -3
  156. package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/Rule.js +3 -3
  157. package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleCondition.js +20 -18
  158. package/lib/components/edit/LinkDynamicStyleSettingDrawer/rule/RuleStyle.js +18 -12
  159. package/lib/components/edit/iconManage/RenameDialog.js +13 -7
  160. package/lib/components/edit/iconManage/UploadIconDialog.js +14 -8
  161. package/lib/core/models/TopoApp.js +73 -107
  162. package/lib/core/models/cache/DictCache.js +95 -0
  163. package/lib/core/models/plugins/resourceWebControllUrl.js +5 -5
  164. package/lib/core/utils/showMessage.js +3 -3
  165. package/lib/createTopo.js +3 -34
  166. package/lib/hooks/usePolling.js +10 -5
  167. package/lib/hooks/useTopoEdit.js +11 -9
  168. package/lib/models/iconManage.js +8 -6
  169. package/lib/models/linkDynamicStyleConfig.js +3 -3
  170. package/lib/models/linkManager.js +0 -2
  171. package/lib/models/resourceWebControllUrlSetting.js +0 -2
  172. package/lib/models/topoAlarm.js +0 -2
  173. package/lib/models/topoBizMod.js +11 -8
  174. package/lib/models/topoEdit.js +0 -2
  175. package/lib/models/topoGraphView.js +0 -2
  176. package/lib/models/topoMod.js +54 -30
  177. package/lib/models/topoView.js +0 -2
  178. package/lib/models/topocenter/functionAuth.js +0 -2
  179. package/lib/models/topocenter/topoCenter.js +0 -2
  180. package/lib/style.js +25 -1
  181. package/lib/topoCenter/getTopoData.js +53 -0
  182. package/lib/topoCenter/models/Topo.js +1 -0
  183. package/lib/topoCenter/models/TopoCenter.js +118 -0
  184. package/lib/topoCenter/viewer/TitleBar.js +21 -0
  185. package/lib/topoCenter/viewer/components/TopologyViewer.js +43 -0
  186. package/lib/topoCenter/viewer/createTopoViewer.js +3 -36
  187. package/lib/topoCenter/viewer/index.js +4 -4
  188. package/lib/utils/topoData.js +7 -5
  189. package/package.json +7 -5
@@ -0,0 +1,14 @@
1
+ [
2
+ {
3
+ "func": "topo_createTopo",
4
+ "passed": "PASS"
5
+ },
6
+ {
7
+ "func": "topo_manageNavTree",
8
+ "passed": "PASS"
9
+ },
10
+ {
11
+ "func": "topo_setTopoPermission",
12
+ "passed": "PASS"
13
+ }
14
+ ]
@@ -0,0 +1,14 @@
1
+ [
2
+ {
3
+ "func": "topo_createTopo",
4
+ "passed": "PASS"
5
+ },
6
+ {
7
+ "func": "topo_manageNavTree",
8
+ "passed": "PASS"
9
+ },
10
+ {
11
+ "func": "topo_setTopoPermission",
12
+ "passed": "PASS"
13
+ }
14
+ ]
@@ -0,0 +1,190 @@
1
+ {
2
+ "config": {
3
+ "id": 1,
4
+ "name": "拓扑1",
5
+ "layout": "towardsouth",
6
+ "showType": "layers"
7
+ },
8
+ "global": null,
9
+ "groups": [
10
+ {
11
+ "id": 20,
12
+ "name": "3",
13
+ "type": null,
14
+ "layout": "circular",
15
+ "parentId": -1,
16
+ "order": 2,
17
+ "tag": null
18
+ },
19
+ {
20
+ "id": 19,
21
+ "name": "2",
22
+ "type": null,
23
+ "layout": "circular",
24
+ "parentId": -1,
25
+ "order": 1,
26
+ "tag": null
27
+ },
28
+ {
29
+ "id": 18,
30
+ "name": "1",
31
+ "type": null,
32
+ "layout": "circular",
33
+ "parentId": -1,
34
+ "order": 0,
35
+ "tag": null
36
+ }
37
+ ],
38
+ "nodes": [
39
+ {
40
+ "id": "000000004e2f8f55",
41
+ "name": "HuiJu166.2_20002",
42
+ "ciType": "ruijieSwitch",
43
+ "ciName": "ruijieSwitch",
44
+ "operation": "delete",
45
+ "attributes": [
46
+ {
47
+ "code": "ipAddress",
48
+ "name": "IP地址",
49
+ "tips": true,
50
+ "tags": true,
51
+ "value": "172.17.160.114"
52
+ },
53
+ {
54
+ "code": "macAddress",
55
+ "name": "Mac地址",
56
+ "tips": true,
57
+ "tags": false,
58
+ "value": "00-74-9C-8F-F3-7D"
59
+ }
60
+ ],
61
+ "groupId": 20,
62
+ "groupTag": null
63
+ },
64
+ {
65
+ "id": "000000004e2f8f51",
66
+ "name": "HuiJu166.2_20001",
67
+ "ciType": "ruijieSwitch",
68
+ "ciName": "ruijieSwitch",
69
+ "operation": "delete",
70
+ "attributes": [
71
+ {
72
+ "code": "ipAddress",
73
+ "name": "IP地址",
74
+ "tips": true,
75
+ "tags": true,
76
+ "value": "172.17.160.114"
77
+ },
78
+ {
79
+ "code": "macAddress",
80
+ "name": "Mac地址",
81
+ "tips": true,
82
+ "tags": false,
83
+ "value": "00-74-9C-8F-F3-7D"
84
+ }
85
+ ],
86
+ "groupId": 19,
87
+ "groupTag": null
88
+ },
89
+ {
90
+ "id": "000000004e2f8f59",
91
+ "name": "HuiJu166.2_20003",
92
+ "ciType": "ruijieSwitch",
93
+ "ciName": "ruijieSwitch",
94
+ "operation": "delete",
95
+ "attributes": [
96
+ {
97
+ "code": "ipAddress",
98
+ "name": "IP地址",
99
+ "tips": true,
100
+ "tags": true,
101
+ "value": "172.17.160.114"
102
+ },
103
+ {
104
+ "code": "macAddress",
105
+ "name": "Mac地址",
106
+ "tips": true,
107
+ "tags": false,
108
+ "value": "00-74-9C-8F-F3-7D"
109
+ }
110
+ ],
111
+ "groupId": 20,
112
+ "groupTag": null
113
+ },
114
+ {
115
+ "id": "000000004e2f28e7",
116
+ "name": "HuiJu166.2",
117
+ "ciType": "ruijieSwitch",
118
+ "ciName": "ruijieSwitch",
119
+ "operation": "delete",
120
+ "attributes": [
121
+ {
122
+ "code": "ipAddress",
123
+ "name": "IP地址",
124
+ "tips": true,
125
+ "tags": true,
126
+ "value": "172.17.166.2"
127
+ },
128
+ {
129
+ "code": "macAddress",
130
+ "name": "Mac地址",
131
+ "tips": true,
132
+ "tags": false,
133
+ "value": "00-74-9C-8F-F3-7D"
134
+ }
135
+ ],
136
+ "groupId": 18,
137
+ "groupTag": null
138
+ }
139
+ ],
140
+ "links": [
141
+ {
142
+ "id": "r647792732420440064",
143
+ "ciType": "networkLink",
144
+ "name": "172.17.160.114(Gi 0/1) - 172.17.160.114(Gi 0/1)",
145
+ "source": "000000004e2f8f51",
146
+ "target": "000000004e2f8f55",
147
+ "operation": "delete"
148
+ },
149
+ {
150
+ "id": "r647792732873424896",
151
+ "ciType": "networkAggLink",
152
+ "name": "172.17.160.114(AggregatePort 3) - 172.17.160.114(AggregatePort 3)",
153
+ "source": "000000004e2f8f51",
154
+ "target": "000000004e2f8f55",
155
+ "operation": "delete"
156
+ },
157
+ {
158
+ "id": "r647792733318021120",
159
+ "ciType": "networkAggLink",
160
+ "name": "链路111",
161
+ "source": "000000004e2f8f51",
162
+ "target": "000000004e2f8f55",
163
+ "operation": "delete"
164
+ },
165
+ {
166
+ "id": "r647792733741645824",
167
+ "ciType": "networkAggLink",
168
+ "name": "链路111",
169
+ "source": "000000004e2f8f51",
170
+ "target": "000000004e2f8f55",
171
+ "operation": "delete"
172
+ },
173
+ {
174
+ "id": "r647792734152687616",
175
+ "ciType": "networkLink",
176
+ "name": "链路111",
177
+ "source": "000000004e2f8f51",
178
+ "target": "000000004e2f8f55",
179
+ "operation": "delete"
180
+ },
181
+ {
182
+ "id": "r647792734572118016",
183
+ "ciType": "networkLink",
184
+ "name": "链路111",
185
+ "source": "000000004e2f8f51",
186
+ "target": "000000004e2f8f59",
187
+ "operation": "delete"
188
+ }
189
+ ]
190
+ }
@@ -0,0 +1,7 @@
1
+ import createMockRequest from "../../2拓扑中心/js/createMockRequest";
2
+
3
+ const request = createMockRequest({
4
+ baseURL: '/demo/3应用部署拓扑/src/mock'
5
+ });
6
+
7
+ export default request;
@@ -0,0 +1,10 @@
1
+ ---
2
+ title: 应用部署拓扑
3
+ order: 2
4
+ ---
5
+
6
+
7
+
8
+ ```jsx
9
+ <DemoCode src="./src/AppInstallTopo.jsx" />
10
+ ```
@@ -1,25 +1,15 @@
1
- ---
2
- title: 拓扑中心
3
- order: 2
4
- ---
5
-
6
-
7
-
8
- ```jsx
9
- import React, { Component } from 'react';
10
- import ReactDOM from 'react-dom';
11
- import {createTopo, Topo} from '@riil-frontend/component-topology';
12
-
13
- class App extends Component {
14
- render() {
15
- return (
16
- <div>
17
- </div>
18
- );
19
- }
20
- }
21
-
22
- ReactDOM.render((
23
- <App />
24
- ), mountNode);
25
- ```
1
+ import React, { Component } from 'react';
2
+ import ReactDOM from 'react-dom';
3
+ import {createTopo, Topo} from '@riil-frontend/component-topology';
4
+
5
+ class App extends Component {
6
+ render() {
7
+ return (
8
+ <div>
9
+ 11
10
+ </div>
11
+ );
12
+ }
13
+ }
14
+
15
+ export default App;
@@ -0,0 +1,10 @@
1
+ ---
2
+ title: 展示组件
3
+ order: 2
4
+ ---
5
+
6
+
7
+
8
+ ```jsx
9
+ <DemoCode src="./js/a.js" />
10
+ ```
File without changes
@@ -1,9 +1,9 @@
1
+ import _Drawer from "@alifd/next/es/drawer";
1
2
  import _extends from "@babel/runtime/helpers/extends";
2
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
4
  var _excluded = ["saveCb"],
4
5
  _excluded2 = ["drawerTitle", "drawerWidth"];
5
6
  import React, { forwardRef, useImperativeHandle, useState } from 'react';
6
- import { Drawer } from '@alifd/next';
7
7
  import { useBoolean } from 'ahooks';
8
8
  import PropTypes from 'prop-types';
9
9
  import styles from './index.module.scss';
@@ -59,7 +59,7 @@ var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
59
59
  drawerWidth = config.drawerWidth,
60
60
  pageConfig = _objectWithoutPropertiesLoose(config, _excluded2);
61
61
 
62
- return /*#__PURE__*/React.createElement(Drawer, {
62
+ return /*#__PURE__*/React.createElement(_Drawer, {
63
63
  closeMode: ['close', 'esc'],
64
64
  visible: visible,
65
65
  onClose: setFalse,
@@ -1,9 +1,12 @@
1
+ import _Button from "@alifd/next/es/button";
2
+ import _Table from "@alifd/next/es/table";
3
+ import _Grid from "@alifd/next/es/grid";
4
+ import _Message from "@alifd/next/es/message";
1
5
  import _extends from "@babel/runtime/helpers/extends";
2
6
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
7
  var _excluded = ["defaultSet", "dataType"];
4
8
  import React, { useState } from 'react';
5
9
  import rlog from '@riil-frontend/component-topology-utils/es/utils/rlog';
6
- import { Button, Grid, Table, Message } from '@alifd/next';
7
10
  import ActionTree from '@riil-frontend/component-action-tree';
8
11
  import NoDataPage from '@riil-frontend/component-topology-utils/es/components/NoDataPage';
9
12
  import TableLayout from '@riil-frontend/component-table-layout';
@@ -60,11 +63,11 @@ var Setting = function Setting(_ref) {
60
63
  className: styles.layout
61
64
  }, /*#__PURE__*/React.createElement("div", {
62
65
  className: styles.message
63
- }, /*#__PURE__*/React.createElement(Message, {
66
+ }, /*#__PURE__*/React.createElement(_Message, {
64
67
  type: "notice"
65
- }, props.message)), /*#__PURE__*/React.createElement(Grid.Row, {
68
+ }, props.message)), /*#__PURE__*/React.createElement(_Grid.Row, {
66
69
  className: styles.content
67
- }, props.showTree && /*#__PURE__*/React.createElement(Grid.Col, {
70
+ }, props.showTree && /*#__PURE__*/React.createElement(_Grid.Col, {
68
71
  span: 8,
69
72
  className: styles['tree-wrap']
70
73
  }, /*#__PURE__*/React.createElement(ActionTree, {
@@ -74,10 +77,10 @@ var Setting = function Setting(_ref) {
74
77
  treeProps: {
75
78
  selectedKeys: [ciType]
76
79
  }
77
- })), /*#__PURE__*/React.createElement(Grid.Col, {
80
+ })), /*#__PURE__*/React.createElement(_Grid.Col, {
78
81
  className: styles['table-wrap']
79
82
  }, /*#__PURE__*/React.createElement(TableLayout, {
80
- table: /*#__PURE__*/React.createElement(Table, {
83
+ table: /*#__PURE__*/React.createElement(_Table, {
81
84
  fixedHeader: true,
82
85
  hasBorder: false,
83
86
  dataSource: ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [],
@@ -97,16 +100,16 @@ var Setting = function Setting(_ref) {
97
100
  }, columnNodes)
98
101
  }))), /*#__PURE__*/React.createElement("div", {
99
102
  className: "riil-footer right"
100
- }, /*#__PURE__*/React.createElement(Button, {
103
+ }, /*#__PURE__*/React.createElement(_Button, {
101
104
  text: true,
102
105
  type: "primary",
103
106
  onClick: onReset
104
- }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
107
+ }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(_Button, {
105
108
  type: "primary",
106
109
  onClick: function onClick() {
107
110
  return props.saveCb(utils.saveTransform(selected));
108
111
  }
109
- }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(Button, {
112
+ }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(_Button, {
110
113
  onClick: props.cancelCb
111
114
  }, "\u53D6\u6D88")));
112
115
  };
@@ -1,8 +1,9 @@
1
+ import _Balloon from "@alifd/next/es/balloon";
2
+ import _Button from "@alifd/next/es/button";
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/extends";
3
5
  var _excluded = ["list"];
4
6
  import React from 'react';
5
- import { Button, Balloon } from '@alifd/next';
6
7
  import styles from './index.module.scss';
7
8
  /**
8
9
  * 获取树结构数据源
@@ -161,11 +162,11 @@ export var columns = function columns(dataType, showCiNum) {
161
162
  dataIndex: ciNumKey,
162
163
  title: '匹配资源',
163
164
  cell: function cell(text, index, record) {
164
- var trigger = /*#__PURE__*/React.createElement(Button, {
165
+ var trigger = /*#__PURE__*/React.createElement(_Button, {
165
166
  text: true,
166
167
  type: "primary"
167
168
  }, text || 0);
168
- return /*#__PURE__*/React.createElement(Balloon, {
169
+ return /*#__PURE__*/React.createElement(_Balloon, {
169
170
  needAdjust: true,
170
171
  trigger: trigger,
171
172
  closable: false,
@@ -1,6 +1,7 @@
1
+ import _Drawer from "@alifd/next/es/drawer";
1
2
  import _extends from "@babel/runtime/helpers/extends";
3
+ import _Button from "@alifd/next/es/button";
2
4
  import React from 'react';
3
- import { Button, Drawer as BaseDrawer } from '@alifd/next';
4
5
  import styles from './index.module.scss';
5
6
  var headerStyle = {
6
7
  position: 'absolute',
@@ -25,7 +26,7 @@ var Drawer = function Drawer(props) {
25
26
  onSave = props.onSave,
26
27
  drawerProps = props.drawerProps,
27
28
  children = props.children;
28
- return /*#__PURE__*/React.createElement(BaseDrawer, _extends({
29
+ return /*#__PURE__*/React.createElement(_Drawer, _extends({
29
30
  title: title,
30
31
  placement: "right",
31
32
  width: "40%",
@@ -37,13 +38,13 @@ var Drawer = function Drawer(props) {
37
38
  onClose: onClose
38
39
  }), children, /*#__PURE__*/React.createElement("div", {
39
40
  className: styles.footer
40
- }, /*#__PURE__*/React.createElement(Button, {
41
+ }, /*#__PURE__*/React.createElement(_Button, {
41
42
  className: styles.button,
42
43
  type: "primary",
43
44
  disabled: disabled,
44
45
  loading: loading,
45
46
  onClick: onSave
46
- }, buttons[0]), /*#__PURE__*/React.createElement(Button, {
47
+ }, buttons[0]), /*#__PURE__*/React.createElement(_Button, {
47
48
  className: styles.button,
48
49
  onClick: onClose
49
50
  }, buttons[1])));
@@ -1,6 +1,8 @@
1
+ import _Table from "@alifd/next/es/table";
2
+ import _Button from "@alifd/next/es/button";
1
3
  import _extends from "@babel/runtime/helpers/extends";
4
+ import _Search from "@alifd/next/es/search";
2
5
  import React from 'react';
3
- import { Table, Button, Search } from '@alifd/next';
4
6
  import { SchemaForm, SchemaMarkupField as Field } from '@formily/next';
5
7
  import Pagination from '@riil-frontend/component-pager';
6
8
  import MoreButtonsMenu from '@riil-frontend/component-more-buttons-menu';
@@ -29,7 +31,7 @@ var FormTable = function FormTable(props) {
29
31
  className: "filter"
30
32
  }, /*#__PURE__*/React.createElement(SchemaForm, _extends({}, formProps, {
31
33
  components: {
32
- Search: Search
34
+ Search: _Search
33
35
  }
34
36
  }), /*#__PURE__*/React.createElement(Field, {
35
37
  name: "like",
@@ -46,7 +48,7 @@ var FormTable = function FormTable(props) {
46
48
  }, /*#__PURE__*/React.createElement(MoreButtonsMenu, {
47
49
  moreThreshold: 5
48
50
  }, menu.map(function (item) {
49
- return /*#__PURE__*/React.createElement(Button, {
51
+ return /*#__PURE__*/React.createElement(_Button, {
50
52
  key: item.key,
51
53
  type: item.type,
52
54
  onClick: function onClick() {
@@ -64,14 +66,14 @@ var FormTable = function FormTable(props) {
64
66
  return tableProps.onFilter(fp);
65
67
  }
66
68
  }),
67
- table: /*#__PURE__*/React.createElement(Table, _extends({}, tableProps, {
69
+ table: /*#__PURE__*/React.createElement(_Table, _extends({}, tableProps, {
68
70
  fixedHeader: true,
69
71
  hasBorder: false,
70
72
  emptyContent: /*#__PURE__*/React.createElement(NoDataPage, {
71
73
  type: "table"
72
74
  })
73
75
  }), columns.map(function (column) {
74
- return /*#__PURE__*/React.createElement(Table.Column, _extends({}, column, {
76
+ return /*#__PURE__*/React.createElement(_Table.Column, _extends({}, column, {
75
77
  key: column.dataIndex
76
78
  }));
77
79
  }))
@@ -1,5 +1,5 @@
1
+ import _List from "@alifd/next/es/list";
1
2
  import React from 'react';
2
- import { List } from '@alifd/next';
3
3
  import ListItem from './CiListItem';
4
4
  import styles from './index.module.scss';
5
5
 
@@ -18,7 +18,7 @@ var CiList = function CiList(props) {
18
18
  });
19
19
  };
20
20
 
21
- return /*#__PURE__*/React.createElement(List, {
21
+ return /*#__PURE__*/React.createElement(_List, {
22
22
  className: styles.cilist,
23
23
  size: "small",
24
24
  loading: loading,
@@ -1,5 +1,5 @@
1
+ import _Icon from "@alifd/next/es/icon";
1
2
  import React from 'react';
2
- import { Icon } from '@alifd/next';
3
3
  import styles from './index.module.scss';
4
4
 
5
5
  var getIcon = function getIcon(icon) {
@@ -29,7 +29,7 @@ var CiListItem = function CiListItem(props) {
29
29
  return /*#__PURE__*/React.createElement("div", {
30
30
  className: className,
31
31
  onClick: onClick
32
- }, isCustom ? /*#__PURE__*/React.createElement(Icon, {
32
+ }, isCustom ? /*#__PURE__*/React.createElement(_Icon, {
33
33
  className: styles.icon,
34
34
  size: "xs",
35
35
  type: data.icon
@@ -1,6 +1,6 @@
1
+ import _Table from "@alifd/next/es/table";
1
2
  import _extends from "@babel/runtime/helpers/extends";
2
3
  import React, { useMemo, useState } from 'react';
3
- import { Table } from '@alifd/next';
4
4
  import NoDataPage from '@riil-frontend/component-topology-utils/es/components/NoDataPage';
5
5
  import { getTitleCell } from '@riil-frontend/component-topology-utils/es/utils/table'; // import styles from './index.module.scss';
6
6
 
@@ -43,7 +43,7 @@ var IndexList = function IndexList(props) {
43
43
  return getTitleCell(TYPES_NAME[type]);
44
44
  }
45
45
  }];
46
- return /*#__PURE__*/React.createElement(Table, {
46
+ return /*#__PURE__*/React.createElement(_Table, {
47
47
  dataSource: data,
48
48
  primaryKey: "code",
49
49
  rowSelection: rowSelection,
@@ -58,7 +58,7 @@ var IndexList = function IndexList(props) {
58
58
  type: "table"
59
59
  })
60
60
  }, columns.map(function (column) {
61
- return /*#__PURE__*/React.createElement(Table.Column, _extends({}, column, {
61
+ return /*#__PURE__*/React.createElement(_Table.Column, _extends({}, column, {
62
62
  key: column.dataIndex
63
63
  }));
64
64
  }));
@@ -1,7 +1,7 @@
1
+ import _Divider from "@alifd/next/es/divider";
1
2
  import React, { useEffect, useRef } from 'react';
2
3
  import { store as pageStore } from 'ice/TopoCenter';
3
4
  import { isAvailableArray } from '@riil-frontend/utils';
4
- import { Divider } from '@alifd/next';
5
5
  import Drawer from '../Drawer';
6
6
  import CiList from './CiList';
7
7
  import IndexList from './IndexList';
@@ -54,7 +54,7 @@ var IndexSettingDrawer = function IndexSettingDrawer(props) {
54
54
  loading: ciLoading,
55
55
  onSelect: onCiSelect,
56
56
  selected: code
57
- }), /*#__PURE__*/React.createElement(Divider, {
57
+ }), /*#__PURE__*/React.createElement(_Divider, {
58
58
  className: styles.separator,
59
59
  direction: "ver"
60
60
  }), code && /*#__PURE__*/React.createElement(IndexList, {
@@ -1,8 +1,13 @@
1
+ import _Button from "@alifd/next/es/button";
2
+ import _Icon from "@alifd/next/es/icon";
1
3
  import _extends from "@babel/runtime/helpers/extends";
4
+ import _Form from "@alifd/next/es/form";
5
+ import _Field from "@alifd/next/es/field";
2
6
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
7
+ import _Grid from "@alifd/next/es/grid";
8
+ import _Select from "@alifd/next/es/select";
3
9
  var _excluded = ["isAddMode", "link"];
4
10
  import React, { forwardRef, useState, useImperativeHandle, useEffect, useCallback } from 'react';
5
- import { Button, Icon, Form, Input, Select, Field, Grid } from '@alifd/next';
6
11
  import { isAvailableArray } from '@riil-frontend/utils';
7
12
  import _ from 'lodash';
8
13
  import styles from './index.module.scss';
@@ -103,21 +108,21 @@ var SelectGroup = /*#__PURE__*/forwardRef(function (_ref3, ref) {
103
108
 
104
109
  return item.label.toUpperCase().indexOf(key.toUpperCase()) > -1;
105
110
  }, []);
106
- return /*#__PURE__*/React.createElement(Grid.Row, {
111
+ return /*#__PURE__*/React.createElement(_Grid.Row, {
107
112
  gutter: "8",
108
113
  className: styles.row
109
- }, /*#__PURE__*/React.createElement(Grid.Col, {
114
+ }, /*#__PURE__*/React.createElement(_Grid.Col, {
110
115
  span: "14"
111
- }, /*#__PURE__*/React.createElement(Select, {
116
+ }, /*#__PURE__*/React.createElement(_Select, {
112
117
  value: main,
113
118
  showSearch: true,
114
119
  disabled: disableMain,
115
120
  dataSource: mainDs(mainList),
116
121
  filter: filter,
117
122
  onChange: onMainChange
118
- })), /*#__PURE__*/React.createElement(Grid.Col, {
123
+ })), /*#__PURE__*/React.createElement(_Grid.Col, {
119
124
  span: "10"
120
- }, /*#__PURE__*/React.createElement(Select, {
125
+ }, /*#__PURE__*/React.createElement(_Select, {
121
126
  value: sub,
122
127
  showSearch: true,
123
128
  dataSource: subDs(main, subList),
@@ -130,7 +135,8 @@ var LinkForm = /*#__PURE__*/forwardRef(function (_ref4, ref) {
130
135
  link = _ref4.link,
131
136
  props = _objectWithoutPropertiesLoose(_ref4, _excluded);
132
137
 
133
- var field = Field.useField(); // 交换链路起点和链路终点
138
+ var field = _Field.useField(); // 交换链路起点和链路终点
139
+
134
140
 
135
141
  var onExchange = function onExchange() {
136
142
  var _field$getValues = field.getValues(),
@@ -170,18 +176,18 @@ var LinkForm = /*#__PURE__*/forwardRef(function (_ref4, ref) {
170
176
  field.setValues(values);
171
177
  }
172
178
  }, [link]);
173
- return /*#__PURE__*/React.createElement(Form, {
179
+ return /*#__PURE__*/React.createElement(_Form, {
174
180
  className: styles.form,
175
181
  labelCol: {
176
182
  fixedSpan: 2
177
183
  },
178
184
  field: field
179
- }, isAddMode ? null : /*#__PURE__*/React.createElement(Form.Item, {
185
+ }, isAddMode ? null : /*#__PURE__*/React.createElement(_Form.Item, {
180
186
  label: "\u540D\u79F0",
181
187
  asterisk: false
182
188
  }, /*#__PURE__*/React.createElement("p", null, link === null || link === void 0 ? void 0 : link.name)), /*#__PURE__*/React.createElement("div", {
183
189
  className: styles.point
184
- }, /*#__PURE__*/React.createElement(Form.Item, {
190
+ }, /*#__PURE__*/React.createElement(_Form.Item, {
185
191
  label: "\u8D77\u70B9",
186
192
  labelCol: {
187
193
  fixedSpan: 2
@@ -193,7 +199,7 @@ var LinkForm = /*#__PURE__*/forwardRef(function (_ref4, ref) {
193
199
  name: "src",
194
200
  disableMain: !isAddMode,
195
201
  placeholder: "\u8BF7\u9009\u62E9"
196
- }, props))), /*#__PURE__*/React.createElement(Form.Item, {
202
+ }, props))), /*#__PURE__*/React.createElement(_Form.Item, {
197
203
  label: "\u7EC8\u70B9",
198
204
  labelCol: {
199
205
  fixedSpan: 2
@@ -205,10 +211,10 @@ var LinkForm = /*#__PURE__*/forwardRef(function (_ref4, ref) {
205
211
  name: "dst",
206
212
  disableMain: !isAddMode,
207
213
  placeholder: "\u8BF7\u9009\u62E9"
208
- }, props))), isAddMode && /*#__PURE__*/React.createElement(Button, {
214
+ }, props))), isAddMode && /*#__PURE__*/React.createElement(_Button, {
209
215
  text: true,
210
216
  onClick: onExchange
211
- }, /*#__PURE__*/React.createElement(Icon, {
217
+ }, /*#__PURE__*/React.createElement(_Icon, {
212
218
  type: "lianlufangxiangqiehuan"
213
219
  }))));
214
220
  });