@cloud-app-dev/vidc 2.3.0 → 3.0.0

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 (310) hide show
  1. package/.umirc.ts +2 -2
  2. package/es/Config/interface.d.ts +2 -1
  3. package/es/DomMove/demo.d.ts +2 -0
  4. package/es/DomMove/demo.js +16 -0
  5. package/es/DomMove/index.d.ts +16 -0
  6. package/es/DomMove/index.js +145 -0
  7. package/es/DomMove/utils.d.ts +8 -0
  8. package/es/{Picture/component/MoveContent → DomMove}/utils.js +19 -0
  9. package/es/Drawer/index.d.ts +2 -2
  10. package/es/Drawer/interface.d.ts +4 -174
  11. package/es/ErrorBoundary/index.d.ts +18 -0
  12. package/es/ErrorBoundary/index.js +84 -0
  13. package/es/List/DynamicGridList/Demo.js +40 -27
  14. package/es/List/DynamicGridList/index.d.ts +20 -29
  15. package/es/List/DynamicGridList/index.js +40 -63
  16. package/es/List/DynamicList/index.css +15 -0
  17. package/es/List/DynamicList/index.d.ts +14 -0
  18. package/es/List/DynamicList/index.js +105 -0
  19. package/es/List/DynamicList/interface.d.ts +19 -0
  20. package/es/List/DynamicList/utils.d.ts +4 -0
  21. package/es/List/DynamicList/utils.js +6 -0
  22. package/es/List/GridList/Demo.js +27 -4
  23. package/es/List/GridList/index.css +1 -0
  24. package/es/List/GridList/index.d.ts +2 -2
  25. package/es/List/GridList/index.js +8 -12
  26. package/es/List/GridList/interface.d.ts +1 -1
  27. package/es/List/VList/index.js +2 -3
  28. package/es/List/index.css +2 -54
  29. package/es/List/index.d.ts +6 -7
  30. package/es/List/index.js +14 -153
  31. package/es/List/interface.d.ts +3 -61
  32. package/es/LoaderApp/index.d.ts +1 -1
  33. package/es/LoaderApp/index.js +27 -46
  34. package/es/LoaderApp/interface.d.ts +3 -0
  35. package/es/LoaderApp/loader.d.ts +6 -7
  36. package/es/LoaderApp/loader.js +20 -30
  37. package/es/LoaderApp/sandbox.back.d.ts +18 -0
  38. package/es/LoaderApp/sandbox.back.js +356 -0
  39. package/es/LoaderApp/sandbox.d.ts +12 -0
  40. package/es/LoaderApp/sandbox.js +110 -0
  41. package/es/LoaderApp/utils.d.ts +5 -1
  42. package/es/LoaderApp/utils.js +98 -2
  43. package/es/Map/AMap.d.ts +1572 -0
  44. package/es/Map/BasicMap/AMapInstance.d.ts +15 -0
  45. package/es/Map/BasicMap/AMapInstance.js +66 -0
  46. package/es/Map/BasicMap/LeafletInstance.d.ts +15 -0
  47. package/es/Map/BasicMap/LeafletInstance.js +98 -0
  48. package/es/Map/BasicMap/index.css +24 -0
  49. package/es/Map/BasicMap/index.d.ts +9 -0
  50. package/es/Map/BasicMap/index.js +108 -0
  51. package/es/Map/ClusterLayer/hook.d.ts +5 -0
  52. package/es/Map/ClusterLayer/hook.js +144 -0
  53. package/es/Map/ClusterLayer/index.css +26 -0
  54. package/es/Map/ClusterLayer/index.d.ts +5 -0
  55. package/es/Map/ClusterLayer/index.js +31 -0
  56. package/es/Map/ClusterLayer/props.d.ts +8 -0
  57. package/es/Map/Config/index.d.ts +7 -0
  58. package/es/{InitialConfig → Map/Config}/index.js +35 -36
  59. package/es/Map/Config/utils.d.ts +2 -0
  60. package/es/{List/DynamicDeviceList → Map/Config}/utils.js +48 -45
  61. package/es/Map/Context/index.d.ts +11 -0
  62. package/es/Map/Context/index.js +66 -0
  63. package/es/Map/FindPio/index.css +7 -0
  64. package/es/Map/FindPio/index.d.ts +4 -0
  65. package/es/Map/FindPio/index.js +16 -0
  66. package/es/{WorkerFlow/Demo.d.ts → Map/InfoWindow/demo.d.ts} +0 -0
  67. package/es/{List/DynamicDeviceList/Demo.js → Map/InfoWindow/demo.js} +27 -25
  68. package/es/Map/InfoWindow/index.d.ts +8 -0
  69. package/es/Map/InfoWindow/index.js +74 -0
  70. package/es/Map/LevelCenter/DragMarker/index.d.ts +12 -0
  71. package/es/Map/LevelCenter/DragMarker/index.js +48 -0
  72. package/es/{List/DeviceList → Map/LevelCenter}/index.css +0 -0
  73. package/es/Map/LevelCenter/index.d.ts +13 -0
  74. package/es/Map/LevelCenter/index.js +42 -0
  75. package/es/Map/LoaderMap/index.d.ts +12 -0
  76. package/es/Map/LoaderMap/index.js +58 -0
  77. package/es/Map/ResetTools/index.css +32 -0
  78. package/es/Map/ResetTools/index.d.ts +9 -0
  79. package/es/Map/ResetTools/index.js +61 -0
  80. package/es/Map/SinglePoint/Marker/index.d.ts +7 -0
  81. package/es/Map/SinglePoint/Marker/index.js +29 -0
  82. package/es/Map/SinglePoint/icon/Place_icon_OnLine_Hover.svg +15 -0
  83. package/es/Map/SinglePoint/icon/Place_icon_OnLine_Normal.svg +15 -0
  84. package/es/Map/SinglePoint/icon/Place_icon_OutLine_Hover.svg +15 -0
  85. package/es/Map/SinglePoint/icon/Place_icon_OutLine_Normal.svg +15 -0
  86. package/es/Map/SinglePoint/index.css +29 -0
  87. package/es/Map/SinglePoint/index.d.ts +7 -0
  88. package/es/Map/SinglePoint/index.js +32 -0
  89. package/es/Map/hook/useMapType.d.ts +4 -0
  90. package/es/Map/hook/useMapType.js +13 -0
  91. package/es/Map/icon.d.ts +2 -0
  92. package/es/Map/icon.js +10 -0
  93. package/es/Map/index.d.ts +23 -0
  94. package/es/Map/index.js +25 -0
  95. package/es/Map/interface.d.ts +55 -0
  96. package/es/Map/points.json +61247 -0
  97. package/es/{Picture/component/MoveContent → Map/useMarker}/index.css +0 -0
  98. package/es/Map/useMarker/index.d.ts +11 -0
  99. package/es/{WorkerFlow/Form/FormAuth.js → Map/useMarker/index.js} +57 -80
  100. package/es/Map/withMap/index.d.ts +2 -0
  101. package/es/Map/withMap/index.js +12 -0
  102. package/es/Picture/index.d.ts +1 -1
  103. package/es/Picture/index.js +2 -2
  104. package/es/Player/api/index.d.ts +1 -0
  105. package/es/Player/api/index.js +7 -1
  106. package/es/Player/demo.js +13 -21
  107. package/es/Player/event/index.js +5 -1
  108. package/es/Player/frontend_player.d.ts +1 -1
  109. package/es/Player/frontend_player.js +20 -13
  110. package/es/Player/frontend_timeline.d.ts +1 -1
  111. package/es/Player/live_heart.js +45 -12
  112. package/es/Player/message.js +23 -12
  113. package/es/Player/player.d.ts +31 -7
  114. package/es/Player/segment_player.d.ts +1 -1
  115. package/es/Player/segment_player.js +30 -18
  116. package/es/Player/segment_timeline.js +6 -6
  117. package/es/Player/single_player.js +50 -9
  118. package/es/Player/timeline.js +8 -6
  119. package/es/Player/util.d.ts +2 -1
  120. package/es/Player/util.js +4 -1
  121. package/es/PlayerExt/index.css +2 -2
  122. package/es/PlayerExt/index.d.ts +3 -1
  123. package/es/PlayerExt/index.js +19 -5
  124. package/es/ScreenPlayer/Live.d.ts +5 -0
  125. package/es/ScreenPlayer/Live.js +109 -0
  126. package/es/ScreenPlayer/LiveTools.d.ts +15 -0
  127. package/es/ScreenPlayer/LiveTools.js +95 -0
  128. package/es/ScreenPlayer/PlayerWithExt.d.ts +22 -0
  129. package/es/ScreenPlayer/PlayerWithExt.js +169 -0
  130. package/es/ScreenPlayer/Record.d.ts +5 -0
  131. package/es/{WorkerFlow/index.js → ScreenPlayer/Record.js} +290 -273
  132. package/es/ScreenPlayer/RecordTools.d.ts +17 -0
  133. package/es/ScreenPlayer/RecordTools.js +102 -0
  134. package/es/ScreenPlayer/SegmentTimeLine.d.ts +10 -0
  135. package/es/ScreenPlayer/SegmentTimeLine.js +40 -0
  136. package/es/ScreenPlayer/TimeSlider.d.ts +127 -0
  137. package/es/ScreenPlayer/TimeSlider.js +528 -0
  138. package/es/ScreenPlayer/demo.d.ts +2 -0
  139. package/es/ScreenPlayer/demo.js +25 -0
  140. package/es/ScreenPlayer/demo2.d.ts +2 -0
  141. package/es/ScreenPlayer/demo2.js +153 -0
  142. package/es/ScreenPlayer/index.css +50 -0
  143. package/es/ScreenPlayer/index.d.ts +6 -0
  144. package/es/ScreenPlayer/index.js +7 -0
  145. package/es/ScreenPlayer/interface.d.ts +81 -0
  146. package/es/ScreenPlayer/useRecordList.d.ts +3 -0
  147. package/es/{WorkerFlow/Form/UserAndGroupSelect.js → ScreenPlayer/useRecordList.js} +173 -176
  148. package/es/ScreenPlayer/useVideoFit.d.ts +5 -0
  149. package/es/ScreenPlayer/useVideoFit.js +46 -0
  150. package/es/ScreenPlayer/utils.d.ts +25 -0
  151. package/es/ScreenPlayer/utils.js +84 -0
  152. package/es/Tree/demo.js +9 -12
  153. package/es/Tree/index.css +55 -29
  154. package/es/Tree/index.d.ts +20 -19
  155. package/es/Tree/index.js +70 -185
  156. package/es/index.d.ts +7 -9
  157. package/es/index.js +7 -9
  158. package/es/useInfiniteScroll/index.d.ts +16 -0
  159. package/es/{useHttp → useInfiniteScroll}/index.js +79 -43
  160. package/es/useVirtualList/index.d.ts +13 -0
  161. package/es/useVirtualList/index.js +175 -0
  162. package/es/withErrorBoundary/index.d.ts +8 -0
  163. package/es/withErrorBoundary/index.js +43 -0
  164. package/package.json +18 -21
  165. package/test.js +48 -0
  166. package/es/DeviceIcon/icon.d.ts +0 -9
  167. package/es/DeviceIcon/icon.js +0 -138
  168. package/es/DeviceIcon/index.css +0 -8
  169. package/es/DeviceIcon/index.d.ts +0 -14
  170. package/es/DeviceIcon/index.js +0 -37
  171. package/es/DeviceSelect/TreeType.d.ts +0 -7
  172. package/es/DeviceSelect/TreeType.js +0 -36
  173. package/es/DeviceSelect/demo.d.ts +0 -3
  174. package/es/DeviceSelect/demo.js +0 -22
  175. package/es/DeviceSelect/index.css +0 -11
  176. package/es/DeviceSelect/index.d.ts +0 -13
  177. package/es/DeviceSelect/index.js +0 -191
  178. package/es/Dict/cache.d.ts +0 -3
  179. package/es/Dict/cache.js +0 -21
  180. package/es/Dict/device.d.ts +0 -28
  181. package/es/Dict/device.js +0 -117
  182. package/es/Dict/hook.d.ts +0 -3
  183. package/es/Dict/hook.js +0 -98
  184. package/es/Dict/index.d.ts +0 -9
  185. package/es/Dict/index.js +0 -10
  186. package/es/Dict/interface.d.ts +0 -16
  187. package/es/Dict/utils.d.ts +0 -10
  188. package/es/Dict/utils.js +0 -44
  189. package/es/InitialConfig/index.d.ts +0 -8
  190. package/es/InitialConfig/utils.d.ts +0 -20
  191. package/es/InitialConfig/utils.js +0 -110
  192. package/es/InitialRequest/index.d.ts +0 -9
  193. package/es/InitialRequest/index.js +0 -97
  194. package/es/InitialRequest/utils.d.ts +0 -10
  195. package/es/InitialRequest/utils.js +0 -116
  196. package/es/List/CheckExt.d.ts +0 -9
  197. package/es/List/CheckExt.js +0 -36
  198. package/es/List/DeviceList/index.d.ts +0 -11
  199. package/es/List/DeviceList/index.js +0 -50
  200. package/es/List/DynamicDeviceList/Demo.d.ts +0 -3
  201. package/es/List/DynamicDeviceList/index.css +0 -39
  202. package/es/List/DynamicDeviceList/index.d.ts +0 -12
  203. package/es/List/DynamicDeviceList/index.js +0 -205
  204. package/es/List/DynamicDeviceList/interface.d.ts +0 -37
  205. package/es/List/DynamicDeviceList/utils.d.ts +0 -16
  206. package/es/List/ListExt/index.css +0 -3
  207. package/es/List/ListExt/index.d.ts +0 -19
  208. package/es/List/ListExt/index.js +0 -44
  209. package/es/Picture/component/MoveContent/index.d.ts +0 -39
  210. package/es/Picture/component/MoveContent/index.js +0 -244
  211. package/es/Picture/component/MoveContent/utils.d.ts +0 -4
  212. package/es/Title/index.css +0 -25
  213. package/es/Title/index.d.ts +0 -12
  214. package/es/Title/index.js +0 -30
  215. package/es/Tree/BaseTree/index.css +0 -64
  216. package/es/Tree/BaseTree/index.d.ts +0 -24
  217. package/es/Tree/BaseTree/index.js +0 -83
  218. package/es/UserSelect/demo.d.ts +0 -3
  219. package/es/UserSelect/demo.js +0 -21
  220. package/es/UserSelect/index.css +0 -16
  221. package/es/UserSelect/index.d.ts +0 -18
  222. package/es/UserSelect/index.js +0 -194
  223. package/es/WorkerFlow/Demo.js +0 -57
  224. package/es/WorkerFlow/Form/Approver.d.ts +0 -10
  225. package/es/WorkerFlow/Form/Approver.js +0 -33
  226. package/es/WorkerFlow/Form/Condition.d.ts +0 -11
  227. package/es/WorkerFlow/Form/Condition.js +0 -235
  228. package/es/WorkerFlow/Form/EmptyUserSet.d.ts +0 -8
  229. package/es/WorkerFlow/Form/EmptyUserSet.js +0 -137
  230. package/es/WorkerFlow/Form/FormAuth.d.ts +0 -8
  231. package/es/WorkerFlow/Form/GroupList.d.ts +0 -12
  232. package/es/WorkerFlow/Form/GroupList.js +0 -44
  233. package/es/WorkerFlow/Form/GroupSelect.d.ts +0 -8
  234. package/es/WorkerFlow/Form/GroupSelect.js +0 -167
  235. package/es/WorkerFlow/Form/GroupSelectModalContent.d.ts +0 -6
  236. package/es/WorkerFlow/Form/GroupSelectModalContent.js +0 -177
  237. package/es/WorkerFlow/Form/Handle.d.ts +0 -10
  238. package/es/WorkerFlow/Form/Handle.js +0 -33
  239. package/es/WorkerFlow/Form/LevelGroupSelect.d.ts +0 -12
  240. package/es/WorkerFlow/Form/LevelGroupSelect.js +0 -208
  241. package/es/WorkerFlow/Form/Notifier.d.ts +0 -8
  242. package/es/WorkerFlow/Form/Notifier.js +0 -16
  243. package/es/WorkerFlow/Form/UserAndGroupSelect.d.ts +0 -8
  244. package/es/WorkerFlow/Form/UserSelect.d.ts +0 -8
  245. package/es/WorkerFlow/Form/UserSelect.js +0 -150
  246. package/es/WorkerFlow/Form/UserSelectModalContent.d.ts +0 -6
  247. package/es/WorkerFlow/Form/UserSelectModalContent.js +0 -166
  248. package/es/WorkerFlow/Form/UserSet.d.ts +0 -14
  249. package/es/WorkerFlow/Form/UserSet.js +0 -308
  250. package/es/WorkerFlow/Form/UsersHandleType.d.ts +0 -7
  251. package/es/WorkerFlow/Form/UsersHandleType.js +0 -32
  252. package/es/WorkerFlow/Form/utils.d.ts +0 -3
  253. package/es/WorkerFlow/Form/utils.js +0 -47
  254. package/es/WorkerFlow/Nodes/Add.d.ts +0 -7
  255. package/es/WorkerFlow/Nodes/Add.js +0 -98
  256. package/es/WorkerFlow/Nodes/AddOption.d.ts +0 -10
  257. package/es/WorkerFlow/Nodes/AddOption.js +0 -23
  258. package/es/WorkerFlow/Nodes/AddOptionList.d.ts +0 -8
  259. package/es/WorkerFlow/Nodes/AddOptionList.js +0 -46
  260. package/es/WorkerFlow/Nodes/Approver.d.ts +0 -11
  261. package/es/WorkerFlow/Nodes/Approver.js +0 -53
  262. package/es/WorkerFlow/Nodes/Condition.d.ts +0 -10
  263. package/es/WorkerFlow/Nodes/Condition.js +0 -140
  264. package/es/WorkerFlow/Nodes/Constants.d.ts +0 -35
  265. package/es/WorkerFlow/Nodes/Constants.js +0 -150
  266. package/es/WorkerFlow/Nodes/End.d.ts +0 -7
  267. package/es/WorkerFlow/Nodes/End.js +0 -16
  268. package/es/WorkerFlow/Nodes/Handle.d.ts +0 -11
  269. package/es/WorkerFlow/Nodes/Handle.js +0 -52
  270. package/es/WorkerFlow/Nodes/Node.d.ts +0 -8
  271. package/es/WorkerFlow/Nodes/Node.js +0 -26
  272. package/es/WorkerFlow/Nodes/Notifier.d.ts +0 -11
  273. package/es/WorkerFlow/Nodes/Notifier.js +0 -52
  274. package/es/WorkerFlow/Nodes/Render.d.ts +0 -8
  275. package/es/WorkerFlow/Nodes/Render.js +0 -16
  276. package/es/WorkerFlow/Nodes/Start.d.ts +0 -12
  277. package/es/WorkerFlow/Nodes/Start.js +0 -26
  278. package/es/WorkerFlow/Nodes/TitleElement.d.ts +0 -10
  279. package/es/WorkerFlow/Nodes/TitleElement.js +0 -127
  280. package/es/WorkerFlow/Nodes/Wrap.d.ts +0 -13
  281. package/es/WorkerFlow/Nodes/Wrap.js +0 -35
  282. package/es/WorkerFlow/OperatorContext.d.ts +0 -4
  283. package/es/WorkerFlow/OperatorContext.js +0 -3
  284. package/es/WorkerFlow/Tools.d.ts +0 -8
  285. package/es/WorkerFlow/Tools.js +0 -78
  286. package/es/WorkerFlow/XML/CanvasTag.d.ts +0 -3
  287. package/es/WorkerFlow/XML/CanvasTag.js +0 -142
  288. package/es/WorkerFlow/XML/EndEvent.d.ts +0 -1
  289. package/es/WorkerFlow/XML/EndEvent.js +0 -14
  290. package/es/WorkerFlow/XML/ExclusiveGateway.d.ts +0 -9
  291. package/es/WorkerFlow/XML/ExclusiveGateway.js +0 -101
  292. package/es/WorkerFlow/XML/Root.d.ts +0 -1
  293. package/es/WorkerFlow/XML/Root.js +0 -5
  294. package/es/WorkerFlow/XML/StartEvent.d.ts +0 -5
  295. package/es/WorkerFlow/XML/StartEvent.js +0 -28
  296. package/es/WorkerFlow/XML/UserTask.d.ts +0 -5
  297. package/es/WorkerFlow/XML/UserTask.js +0 -93
  298. package/es/WorkerFlow/XML/index.d.ts +0 -4
  299. package/es/WorkerFlow/XML/index.js +0 -100
  300. package/es/WorkerFlow/XML/utils.d.ts +0 -6
  301. package/es/WorkerFlow/XML/utils.js +0 -97
  302. package/es/WorkerFlow/data.json +0 -83
  303. package/es/WorkerFlow/index.css +0 -779
  304. package/es/WorkerFlow/index.d.ts +0 -13
  305. package/es/WorkerFlow/interface.d.ts +0 -93
  306. package/es/WorkerFlow/template.d.ts +0 -2
  307. package/es/WorkerFlow/template.js +0 -17
  308. package/es/WorkerFlow/utils.d.ts +0 -14
  309. package/es/WorkerFlow/utils.js +0 -212
  310. package/es/useHttp/index.d.ts +0 -8
@@ -1,779 +0,0 @@
1
- .worker-flow-container {
2
- width: 100%;
3
- height: 100%;
4
- overflow: hidden;
5
- position: relative;
6
- }
7
- .worker-flow-design {
8
- width: 100%;
9
- height: 100%;
10
- background-color: #f5f5f7;
11
- overflow: auto;
12
- z-index: 1;
13
- }
14
- .worker-flow-design .box-scale {
15
- transform: scale(1);
16
- display: inline-block;
17
- position: relative;
18
- width: 100%;
19
- padding: 54.5px 0;
20
- -webkit-box-align: start;
21
- -ms-flex-align: start;
22
- align-items: flex-start;
23
- -webkit-box-pack: center;
24
- -ms-flex-pack: center;
25
- justify-content: center;
26
- -ms-flex-wrap: wrap;
27
- flex-wrap: wrap;
28
- min-width: -webkit-min-content;
29
- min-width: -moz-min-content;
30
- min-width: min-content;
31
- background-color: #f5f5f7;
32
- -webkit-transform-origin: 0 0 0;
33
- transform-origin: 0 0 0;
34
- }
35
- .worker-flow-design .ie-polyfill-container {
36
- display: -ms-grid;
37
- -ms-grid-columns: min-content;
38
- }
39
- .worker-flow-design .add-node-btn-box {
40
- width: 240px;
41
- display: -webkit-inline-box;
42
- display: -ms-inline-flexbox;
43
- display: inline-flex;
44
- -ms-flex-negative: 0;
45
- flex-shrink: 0;
46
- -webkit-box-flex: 1;
47
- -ms-flex-positive: 1;
48
- height: 88px;
49
- position: relative;
50
- }
51
- .worker-flow-design .add-node-btn-box:before {
52
- content: '';
53
- position: absolute;
54
- top: 0;
55
- left: 0;
56
- right: 0;
57
- bottom: 0;
58
- z-index: -1;
59
- margin: auto;
60
- width: 2px;
61
- height: 100%;
62
- background-color: #cacaca;
63
- }
64
- .worker-flow-design .node-wrap {
65
- flex-direction: column;
66
- -webkit-box-pack: start;
67
- -ms-flex-pack: start;
68
- justify-content: flex-start;
69
- -webkit-box-align: center;
70
- -ms-flex-align: center;
71
- align-items: center;
72
- -ms-flex-wrap: wrap;
73
- flex-wrap: wrap;
74
- -webkit-box-flex: 1;
75
- -ms-flex-positive: 1;
76
- padding: 0 50px;
77
- position: relative;
78
- }
79
- .worker-flow-design .branch-wrap,
80
- .worker-flow-design .node-wrap {
81
- display: inline-flex;
82
- width: 100%;
83
- }
84
- .worker-flow-design .branch-box-wrap {
85
- display: flex;
86
- -webkit-box-orient: vertical;
87
- -webkit-box-direction: normal;
88
- -ms-flex-direction: column;
89
- flex-direction: column;
90
- -ms-flex-wrap: wrap;
91
- flex-wrap: wrap;
92
- -webkit-box-align: center;
93
- -ms-flex-align: center;
94
- align-items: center;
95
- min-height: 270px;
96
- width: 100%;
97
- -ms-flex-negative: 0;
98
- flex-shrink: 0;
99
- }
100
- .worker-flow-design .branch-box {
101
- display: flex;
102
- overflow: visible;
103
- min-height: 180px;
104
- height: auto;
105
- border-bottom: 2px solid #ccc;
106
- border-top: 2px solid #ccc;
107
- position: relative;
108
- }
109
- .worker-flow-design .branch-box .col-box {
110
- background: #f5f5f7;
111
- }
112
- .worker-flow-design .branch-box .col-box:before {
113
- content: '';
114
- position: absolute;
115
- top: 0;
116
- left: 0;
117
- right: 0;
118
- bottom: 0;
119
- z-index: 0;
120
- margin: auto;
121
- width: 2px;
122
- height: 100%;
123
- background-color: #cacaca;
124
- }
125
- .worker-flow-design .add-branch {
126
- border: none;
127
- outline: none;
128
- user-select: none;
129
- justify-content: center;
130
- font-size: 12px;
131
- padding: 0 10px;
132
- height: 30px;
133
- line-height: 30px;
134
- border-radius: 15px;
135
- color: #3296fa;
136
- background: #fff;
137
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
138
- position: absolute;
139
- top: -16px;
140
- left: 50%;
141
- transform: translateX(-50%);
142
- transform-origin: center center;
143
- cursor: pointer;
144
- z-index: 1;
145
- display: inline-flex;
146
- align-items: center;
147
- -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
148
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
149
- }
150
- .worker-flow-design .add-branch:hover {
151
- transform: translateX(-50%) scale(1.1);
152
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
153
- }
154
- .worker-flow-design .add-branch:active {
155
- transform: translateX(-50%);
156
- box-shadow: none;
157
- }
158
- .worker-flow-design .col-box {
159
- display: inline-flex;
160
- -webkit-box-orient: vertical;
161
- -webkit-box-direction: normal;
162
- flex-direction: column;
163
- -webkit-box-align: center;
164
- align-items: center;
165
- position: relative;
166
- }
167
- .worker-flow-design .condition-node {
168
- min-height: 220px;
169
- }
170
- .worker-flow-design .condition-node,
171
- .worker-flow-design .condition-node-box {
172
- display: inline-flex;
173
- -webkit-box-orient: vertical;
174
- -webkit-box-direction: normal;
175
- flex-direction: column;
176
- -webkit-box-flex: 1;
177
- }
178
- .worker-flow-design .condition-node-box {
179
- padding-top: 30px;
180
- padding-right: 50px;
181
- padding-left: 50px;
182
- -webkit-box-pack: center;
183
- justify-content: center;
184
- -webkit-box-align: center;
185
- align-items: center;
186
- flex-grow: 1;
187
- position: relative;
188
- }
189
- .worker-flow-design .condition-node-box:before {
190
- content: '';
191
- position: absolute;
192
- top: 0;
193
- left: 0;
194
- right: 0;
195
- bottom: 0;
196
- margin: auto;
197
- width: 2px;
198
- height: 100%;
199
- background-color: #cacaca;
200
- }
201
- .worker-flow-design .auto-judge {
202
- position: relative;
203
- width: 220px;
204
- min-height: 72px;
205
- background: #fff;
206
- border-radius: 4px;
207
- padding: 14px 19px;
208
- cursor: pointer;
209
- }
210
- .worker-flow-design .auto-judge:after {
211
- pointer-events: none;
212
- content: '';
213
- position: absolute;
214
- top: 0;
215
- bottom: 0;
216
- left: 0;
217
- right: 0;
218
- z-index: 2;
219
- border-radius: 4px;
220
- border: 1px solid transparent;
221
- transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
222
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
223
- }
224
- .worker-flow-design .auto-judge.active:after,
225
- .worker-flow-design .auto-judge:active:after,
226
- .worker-flow-design .auto-judge:hover:after {
227
- border: 1px solid #3296fa;
228
- box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
229
- }
230
- .worker-flow-design .auto-judge.active .worker-flow-node-del,
231
- .worker-flow-design .auto-judge:active .worker-flow-node-del,
232
- .worker-flow-design .auto-judge:hover .worker-flow-node-del {
233
- display: block;
234
- }
235
- .worker-flow-design .auto-judge.error:after {
236
- border: 1px solid #f25643;
237
- box-shadow: 0 2px 5px 0 rgba(238, 55, 55, 0.5);
238
- }
239
- .worker-flow-design .auto-judge .title-wrapper {
240
- font-size: 12px;
241
- color: #15bc83;
242
- text-align: left;
243
- line-height: 16px;
244
- width: 100%;
245
- }
246
- .worker-flow-design .auto-judge .title-wrapper .node-title-ele {
247
- display: flex;
248
- justify-content: space-between;
249
- }
250
- .worker-flow-design .auto-judge .title-wrapper .editable-title {
251
- display: inline-block;
252
- overflow: hidden;
253
- white-space: nowrap;
254
- text-overflow: ellipsis;
255
- margin-right: 10px;
256
- height: 20px;
257
- }
258
- .worker-flow-design .auto-judge .title-wrapper .editable-title-input {
259
- margin-right: 10px;
260
- height: 20px;
261
- }
262
- .worker-flow-design .auto-judge .title-wrapper .anticon {
263
- color: #333;
264
- }
265
- .worker-flow-design .auto-judge .content {
266
- font-size: 14px;
267
- color: #191f25;
268
- text-align: left;
269
- margin-top: 6px;
270
- overflow: hidden;
271
- text-overflow: ellipsis;
272
- display: -webkit-box;
273
- -webkit-line-clamp: 3;
274
- -webkit-box-orient: vertical;
275
- }
276
- .worker-flow-design .auto-judge .sort-left,
277
- .worker-flow-design .auto-judge .sort-right {
278
- position: absolute;
279
- top: 0;
280
- bottom: 0;
281
- display: none;
282
- z-index: 1;
283
- }
284
- .worker-flow-design .auto-judge .sort-left {
285
- left: 0;
286
- border-right: 1px solid #f6f6f6;
287
- }
288
- .worker-flow-design .auto-judge .sort-right {
289
- right: 0;
290
- border-left: 1px solid #f6f6f6;
291
- }
292
- .worker-flow-design .auto-judge:hover .sort-left,
293
- .worker-flow-design .auto-judge:hover .sort-right {
294
- display: flex;
295
- align-items: center;
296
- }
297
- .worker-flow-design .auto-judge .sort-left:hover,
298
- .worker-flow-design .auto-judge .sort-right:hover {
299
- background: #efefef;
300
- }
301
- .worker-flow-design .add-node-btn {
302
- user-select: none;
303
- width: 240px;
304
- padding: 26px 0 32px;
305
- display: flex;
306
- -webkit-box-pack: center;
307
- justify-content: center;
308
- flex-shrink: 0;
309
- -webkit-box-flex: 1;
310
- flex-grow: 1;
311
- position: relative;
312
- }
313
- .worker-flow-design .add-node-btn .add-popover {
314
- width: 410px;
315
- position: absolute;
316
- z-index: 10;
317
- left: 65%;
318
- top: calc(50% - 15px);
319
- background-color: #fff;
320
- border: 1px solid #ddd;
321
- padding: 20px 20px 10px 20px;
322
- border-radius: 4px;
323
- }
324
- .worker-flow-design .add-node-btn .btn {
325
- outline: none;
326
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
327
- width: 26px;
328
- height: 26px;
329
- background: #3296fa;
330
- border-radius: 50%;
331
- position: relative;
332
- border: none;
333
- line-height: 26px;
334
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
335
- color: white;
336
- font-size: 24px;
337
- text-align: center;
338
- padding: 0;
339
- cursor: pointer;
340
- }
341
- .worker-flow-design .add-node-btn .btn .iconfont {
342
- color: #fff;
343
- font-size: 16px;
344
- }
345
- .worker-flow-design .add-node-btn .btn:hover {
346
- transform: scale(1.3);
347
- box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.1);
348
- }
349
- .worker-flow-design .add-node-btn .btn:active {
350
- transform: none;
351
- background: #1e83e9;
352
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
353
- }
354
- .worker-flow-design .end-node {
355
- border-radius: 50%;
356
- font-size: 14px;
357
- color: rgba(25, 31, 37, 0.4);
358
- text-align: left;
359
- }
360
- .worker-flow-design .end-node .end-node-circle {
361
- width: 10px;
362
- height: 10px;
363
- margin: auto;
364
- border-radius: 50%;
365
- background: #dbdcdc;
366
- }
367
- .worker-flow-design .end-node .end-node-text {
368
- margin-top: 5px;
369
- text-align: center;
370
- }
371
- .worker-flow-design .zoom {
372
- display: flex;
373
- position: absolute;
374
- -webkit-box-align: center;
375
- -ms-flex-align: center;
376
- align-items: center;
377
- -webkit-box-pack: justify;
378
- -ms-flex-pack: justify;
379
- justify-content: space-between;
380
- height: 40px;
381
- width: 125px;
382
- right: 40px;
383
- margin-top: 30px;
384
- z-index: 10;
385
- }
386
- .worker-flow-design .zoom-in,
387
- .worker-flow-design .zoom-out {
388
- width: 30px;
389
- height: 30px;
390
- background: #fff;
391
- color: #c1c1cd;
392
- cursor: pointer;
393
- background-size: 100%;
394
- background-repeat: no-repeat;
395
- }
396
- .worker-flow-design .zoom-out {
397
- background-image: url(https://gw.alicdn.com/tfs/TB1s0qhBHGYBuNjy0FoXXciBFXa-90-90.png);
398
- }
399
- .worker-flow-design .zoom-out.disabled {
400
- opacity: 0.5;
401
- }
402
- .worker-flow-design .zoom-in {
403
- background-image: url(https://gw.alicdn.com/tfs/TB1UIgJBTtYBeNjy1XdXXXXyVXa-90-90.png);
404
- }
405
- .worker-flow-design .zoom-in.disabled {
406
- opacity: 0.5;
407
- }
408
- .worker-flow-design .tools {
409
- position: absolute;
410
- left: 40px;
411
- top: 30px;
412
- z-index: 1;
413
- }
414
- .auto-judge:hover .editable-title {
415
- border-bottom: 1px dashed #15bc83;
416
- }
417
- .node-wrap-box:hover .editable-title {
418
- border-bottom: 1px dashed #fff;
419
- }
420
- .auto-judge:hover .editable-title.editing,
421
- .node-wrap-box:hover .editable-title.editing {
422
- text-decoration: none;
423
- border: 1px solid #d9d9d9;
424
- }
425
- .editable-title {
426
- line-height: 15px;
427
- overflow: hidden;
428
- white-space: nowrap;
429
- text-overflow: ellipsis;
430
- border-bottom: 1px dashed transparent;
431
- flex: 1;
432
- }
433
- .editable-title:hover {
434
- border-bottom: 1px dashed #fff;
435
- }
436
- .editable-title-input {
437
- flex: none;
438
- height: 18px;
439
- padding-left: 4px;
440
- text-indent: 0;
441
- font-size: 12px;
442
- line-height: 18px;
443
- z-index: 1;
444
- color: #333 !important;
445
- flex: 1;
446
- }
447
- .editable-title-input:hover {
448
- text-decoration: none;
449
- }
450
- .node-wrap-box {
451
- display: -webkit-inline-box;
452
- display: -ms-inline-flexbox;
453
- display: inline-flex;
454
- -webkit-box-orient: vertical;
455
- -webkit-box-direction: normal;
456
- -ms-flex-direction: column;
457
- flex-direction: column;
458
- position: relative;
459
- width: 220px;
460
- min-height: 72px;
461
- -ms-flex-negative: 0;
462
- flex-shrink: 0;
463
- background: #fff;
464
- border-radius: 4px;
465
- cursor: pointer;
466
- }
467
- .node-wrap-box:after {
468
- pointer-events: none;
469
- content: '';
470
- position: absolute;
471
- top: 0;
472
- bottom: 0;
473
- left: 0;
474
- right: 0;
475
- z-index: 2;
476
- border-radius: 4px;
477
- border: 1px solid transparent;
478
- transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
479
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
480
- }
481
- .node-wrap-box.active:after,
482
- .node-wrap-box:active:after,
483
- .node-wrap-box:hover:after {
484
- border: 1px solid #3296fa;
485
- box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
486
- }
487
- .node-wrap-box.active .worker-flow-node-del,
488
- .node-wrap-box:active .worker-flow-node-del,
489
- .node-wrap-box:hover .worker-flow-node-del {
490
- display: block;
491
- }
492
- .node-wrap-box.error:after {
493
- border: 1px solid #f25643;
494
- box-shadow: 0 2px 5px 0 rgba(238, 55, 55, 0.5);
495
- }
496
- .node-wrap-box .title {
497
- position: relative;
498
- padding-left: 10px;
499
- padding-right: 40px;
500
- width: 100%;
501
- height: 30px;
502
- line-height: 30px;
503
- font-size: 12px;
504
- color: #fff;
505
- background: #576a95;
506
- border-radius: 4px 4px 0 0;
507
- }
508
- .node-wrap-box .title .node-title-ele {
509
- width: 100%;
510
- height: 100%;
511
- display: flex;
512
- align-items: center;
513
- }
514
- .node-wrap-box .title .iconfont {
515
- font-size: 12px;
516
- margin-right: 5px;
517
- }
518
- .placeholder {
519
- color: #bfbfbf;
520
- }
521
- .node-wrap-box .content {
522
- position: relative;
523
- font-size: 14px;
524
- padding: 16px 10px;
525
- }
526
- .condition-node .content .text,
527
- .node-wrap-box .content .text {
528
- display: flex;
529
- align-items: center;
530
- }
531
- .condition-node .content .text span,
532
- .node-wrap-box .content .text span {
533
- flex: 1;
534
- overflow: hidden;
535
- text-overflow: ellipsis;
536
- display: inline-block;
537
- font-size: 12px;
538
- white-space: nowrap;
539
- }
540
- .condition-node .content .text .anticon,
541
- .node-wrap-box .content .text .anticon {
542
- font-size: 18px;
543
- color: var(--icon);
544
- }
545
- .node-wrap-box .content .arrow {
546
- position: absolute;
547
- right: 10px;
548
- top: 50%;
549
- transform: translateY(-50%);
550
- width: 20px;
551
- height: 14px;
552
- font-size: 14px;
553
- color: #979797;
554
- }
555
- .node-wrapper-box-new {
556
- padding: 12px 10px;
557
- }
558
- .node-wrapper-box-new .actions {
559
- margin-top: 11px;
560
- text-align: right;
561
- }
562
- .node-wrapper-box-new .cloudapp-btn {
563
- margin-left: 8px;
564
- }
565
- .node-wrap-box:before {
566
- content: '';
567
- position: absolute;
568
- top: -12px;
569
- left: 50%;
570
- -webkit-transform: translateX(-50%);
571
- transform: translateX(-50%);
572
- width: 0;
573
- height: 4px;
574
- border-style: solid;
575
- border-width: 8px 6px 4px;
576
- border-color: #cacaca transparent transparent;
577
- background: #f5f5f7;
578
- }
579
- .node-wrap-box.start-node {
580
- cursor: unset;
581
- }
582
- .node-wrap-box.start-node:before {
583
- content: none;
584
- }
585
- .add-node-popover {
586
- min-height: 160px;
587
- }
588
- .add-node-popover-header {
589
- position: relative;
590
- margin-bottom: 15px;
591
- }
592
- .add-node-popover-close {
593
- cursor: pointer;
594
- position: absolute;
595
- top: 5px;
596
- right: 5px;
597
- color: rgba(0, 0, 0, 0.25);
598
- }
599
- .add-node-popover-body {
600
- width: 400px;
601
- display: flex;
602
- flex-wrap: wrap;
603
- }
604
- .worker-flow-node-del {
605
- position: absolute;
606
- right: 10px;
607
- top: 8px;
608
- cursor: pointer;
609
- font-size: 16px;
610
- color: #fff;
611
- display: none;
612
- }
613
- .add-node-popover-item {
614
- width: 180px;
615
- margin-right: 10px;
616
- cursor: pointer;
617
- text-align: center;
618
- color: #191f25 !important;
619
- display: flex;
620
- align-items: center;
621
- background-color: #fafafa;
622
- margin-bottom: 10px;
623
- }
624
- .add-node-popover-item span:last-child {
625
- padding-left: 10px;
626
- }
627
- .add-node-popover-item .item-wrapper {
628
- user-select: none;
629
- display: inline-block;
630
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
631
- padding: 5px;
632
- }
633
- .add-node-popover-item .item-wrapper .anticon {
634
- font-size: 30px;
635
- background: #fff;
636
- padding: 10px;
637
- border-radius: 6px;
638
- }
639
- .add-node-popover-item:hover {
640
- background: #fff;
641
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
642
- }
643
- .top-left-cover-line {
644
- left: -1px;
645
- }
646
- .top-left-cover-line,
647
- .top-right-cover-line {
648
- position: absolute;
649
- height: 3px;
650
- width: 50%;
651
- background-color: #f5f5f7;
652
- top: -2px;
653
- }
654
- .top-right-cover-line {
655
- right: -1px;
656
- }
657
- .bottom-left-cover-line {
658
- left: -1px;
659
- }
660
- .bottom-left-cover-line,
661
- .bottom-right-cover-line {
662
- position: absolute;
663
- height: 3px;
664
- width: 50%;
665
- background-color: #f5f5f7;
666
- bottom: -2px;
667
- }
668
- .bottom-right-cover-line {
669
- right: -1px;
670
- }
671
- .user-select-type-wrapper .user-select-type-group {
672
- display: flex;
673
- padding: 20px;
674
- flex-wrap: wrap;
675
- display: grid;
676
- grid-template-columns: repeat(4, 1fr);
677
- grid-row-gap: 20px;
678
- }
679
- .user-select-component {
680
- padding: 20px;
681
- padding-top: 0;
682
- }
683
- .user-list-wrapper {
684
- padding: 10px 0;
685
- }
686
- .user-select-tools {
687
- display: flex;
688
- align-items: center;
689
- }
690
- .user-select-tools .cloudapp-btn {
691
- margin-right: 20px;
692
- }
693
- .user-select-component.user-and-group-select-component .select-title {
694
- font-weight: 600;
695
- padding-bottom: 10px;
696
- }
697
- .users-handle-type-content {
698
- padding: 20px;
699
- border-top: 1px solid var(--gray2);
700
- }
701
- .users-handle-type-content .handle-title {
702
- font-size: var(--fs);
703
- font-weight: bold;
704
- color: #000000;
705
- padding-bottom: 20px;
706
- }
707
- .users-handle-type-content .users-handle-type-group {
708
- display: flex;
709
- justify-content: space-between;
710
- }
711
- .user-select-modal-content {
712
- display: flex;
713
- height: 480px;
714
- }
715
- .user-select-modal-content > div {
716
- flex: 1;
717
- }
718
- .user-select-modal-content .bc-org-user-tree-layout {
719
- border-right: none;
720
- }
721
- .user-select-modal-content .user-source-list {
722
- border-right: none;
723
- }
724
- .user-select-modal-content .lm-c-check-list-wrapper {
725
- background-color: #fff;
726
- }
727
- .user-form-table .cloudapp-table-thead > tr > th,
728
- .user-form-table .cloudapp-table-tbody > tr > td,
729
- .user-form-table .cloudapp-table tfoot > tr > th,
730
- .user-form-table .cloudapp-table tfoot > tr > td {
731
- padding: 10px;
732
- }
733
- .empty-user-select {
734
- padding: 20px;
735
- border-top: 1px solid var(--gray2);
736
- }
737
- .empty-user-select .title {
738
- font-size: var(--fs);
739
- font-weight: bold;
740
- color: #000000;
741
- padding-bottom: 20px;
742
- }
743
- .empty-user-select .user-select-tools .cloudapp-btn {
744
- margin: 0 10px;
745
- }
746
- .level-group-select-component .user-select-tools > span {
747
- padding-bottom: 10px;
748
- display: block;
749
- font-weight: bold;
750
- }
751
- .level-group-select-component .user-select-tools > span .anticon {
752
- font-size: 16px;
753
- }
754
- .post-group-list .post-check-item {
755
- display: flex;
756
- margin-left: 0;
757
- }
758
- .post-group-list .lm-c-base-list-layout {
759
- padding: 16px;
760
- width: 100%;
761
- overflow: auto;
762
- }
763
- .post-group-list .cloudapp-checkbox-group {
764
- width: 100%;
765
- }
766
- .post-group-list .post-org-title {
767
- padding-bottom: 4px;
768
- border-bottom: 1px solid var(--gray2);
769
- font-weight: bold;
770
- }
771
- .post-group-list .post-check-item {
772
- padding: 4px 0;
773
- }
774
- .post-group-list .post-org-groups {
775
- padding-top: 4px;
776
- }
777
- .post-group-list .post-group-box {
778
- padding-bottom: 10px;
779
- }