dcim-topology2d 2.1.0 → 3.0.2

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 (215) hide show
  1. package/activity-diagram/src/final/final.d.ts +1 -1
  2. package/activity-diagram/src/final/final.rect.d.ts +1 -1
  3. package/activity-diagram/src/final/final.rect.js +1 -1
  4. package/activity-diagram/src/fork/fork.anchor.d.ts +1 -1
  5. package/activity-diagram/src/fork/fork.anchor.js +1 -1
  6. package/activity-diagram/src/fork/fork.d.ts +1 -1
  7. package/activity-diagram/src/fork/fork.rect.d.ts +1 -1
  8. package/activity-diagram/src/fork/fork.rect.js +1 -1
  9. package/activity-diagram/src/register.js +1 -1
  10. package/activity-diagram/src/swimlaneH/swimlaneH.d.ts +1 -1
  11. package/activity-diagram/src/swimlaneH/swimlaneH.rect.d.ts +1 -1
  12. package/activity-diagram/src/swimlaneH/swimlaneH.rect.js +1 -1
  13. package/activity-diagram/src/swimlaneV/swimlaneV.d.ts +1 -1
  14. package/activity-diagram/src/swimlaneV/swimlaneV.rect.d.ts +1 -1
  15. package/activity-diagram/src/swimlaneV/swimlaneV.rect.js +1 -1
  16. package/chart-diagram/index.d.ts +1 -3
  17. package/chart-diagram/index.js +1 -2
  18. package/chart-diagram/src/echarts/index.d.ts +2 -1
  19. package/chart-diagram/src/echarts/index.js +104 -109
  20. package/chart-diagram/src/register.js +8 -9
  21. package/class-diagram/src/class/class.d.ts +1 -1
  22. package/class-diagram/src/class/class.rect.d.ts +1 -1
  23. package/class-diagram/src/class/class.rect.js +1 -1
  24. package/class-diagram/src/register.js +1 -1
  25. package/core/index.d.ts +0 -2
  26. package/core/index.js +0 -2
  27. package/core/src/activeLayer.d.ts +10 -2
  28. package/core/src/activeLayer.js +47 -42
  29. package/core/src/animateLayer.d.ts +7 -3
  30. package/core/src/animateLayer.js +12 -10
  31. package/core/src/calling.d.ts +4 -1
  32. package/core/src/calling.js +41 -43
  33. package/core/src/canvas.d.ts +6 -1
  34. package/core/src/canvas.js +21 -22
  35. package/core/src/common.d.ts +7 -6
  36. package/core/src/common.js +674 -341
  37. package/core/src/core.d.ts +4 -5
  38. package/core/src/core.js +385 -522
  39. package/core/src/divLayer.d.ts +36 -2
  40. package/core/src/divLayer.js +305 -33
  41. package/core/src/healps/changeData.d.ts +2 -1
  42. package/core/src/healps/changeData.js +66 -32
  43. package/core/src/hoverLayer.d.ts +9 -2
  44. package/core/src/hoverLayer.js +34 -31
  45. package/core/src/middles/default.d.ts +3 -1
  46. package/core/src/middles/default.js +51 -59
  47. package/core/src/middles/index.js +2 -3
  48. package/core/src/middles/nodes/arbitrarygraph.js +9 -11
  49. package/core/src/middles/nodes/pentagon.rect.js +1 -1
  50. package/core/src/middles/nodes/rectangle.rect.js +1 -1
  51. package/core/src/models/data.d.ts +26 -0
  52. package/core/src/models/data.js +77 -0
  53. package/core/src/models/data.js.map +1 -0
  54. package/core/src/models/index.d.ts +1 -0
  55. package/core/src/models/index.js +1 -0
  56. package/core/src/models/node.d.ts +0 -10
  57. package/core/src/models/node.js +36 -81
  58. package/core/src/models/pen.js +59 -19
  59. package/core/src/models/rect.js +2 -2
  60. package/core/src/mqtt.d.ts +14 -0
  61. package/core/src/mqtt.js +82 -0
  62. package/core/src/mqtt.js.map +1 -0
  63. package/core/src/offscreen.d.ts +4 -1
  64. package/core/src/offscreen.js +8 -10
  65. package/core/src/options.d.ts +1 -3
  66. package/core/src/options.js +0 -2
  67. package/core/src/poll.js +39 -0
  68. package/core/src/preview.d.ts +13 -2
  69. package/core/src/preview.js +43 -135
  70. package/core/src/renderLayer.d.ts +9 -11
  71. package/core/src/renderLayer.js +61 -60
  72. package/core/src/socket.d.ts +10 -0
  73. package/core/src/socket.js +51 -0
  74. package/core/src/socket.js.map +1 -0
  75. package/core/src/utils/canvas.js +1 -1
  76. package/core/src/utils/construction.d.ts +3 -12
  77. package/core/src/utils/construction.js +1 -8
  78. package/core/src/utils/conversion.d.ts +0 -13
  79. package/core/src/utils/conversion.js +0 -210
  80. package/core/src/utils/dom.d.ts +8 -0
  81. package/core/src/utils/dom.js +67 -0
  82. package/core/src/utils/dom.js.map +1 -0
  83. package/core/src/utils/index.d.ts +1 -2
  84. package/core/src/utils/index.js +1 -2
  85. package/core/src/utils/math.d.ts +0 -1
  86. package/core/src/utils/math.js +0 -3
  87. package/core/src/utils/onmousevent.d.ts +0 -3
  88. package/core/src/utils/onmousevent.js +10 -42
  89. package/flow-diagram/src/comment/comment.anchor.d.ts +1 -1
  90. package/flow-diagram/src/comment/comment.anchor.js +1 -1
  91. package/flow-diagram/src/comment/comment.d.ts +1 -1
  92. package/flow-diagram/src/data/data.anchor.d.ts +1 -1
  93. package/flow-diagram/src/data/data.anchor.js +1 -1
  94. package/flow-diagram/src/data/data.d.ts +1 -1
  95. package/flow-diagram/src/data/data.rect.d.ts +1 -1
  96. package/flow-diagram/src/data/data.rect.js +1 -1
  97. package/flow-diagram/src/db/db.d.ts +1 -1
  98. package/flow-diagram/src/db/db.rect.d.ts +1 -1
  99. package/flow-diagram/src/db/db.rect.js +1 -1
  100. package/flow-diagram/src/display/display.anchor.d.ts +1 -1
  101. package/flow-diagram/src/display/display.anchor.js +1 -1
  102. package/flow-diagram/src/display/display.d.ts +1 -1
  103. package/flow-diagram/src/display/display.rect.d.ts +1 -1
  104. package/flow-diagram/src/display/display.rect.js +1 -1
  105. package/flow-diagram/src/document/document.anchor.d.ts +1 -1
  106. package/flow-diagram/src/document/document.anchor.js +1 -1
  107. package/flow-diagram/src/document/document.d.ts +1 -1
  108. package/flow-diagram/src/document/document.rect.d.ts +1 -1
  109. package/flow-diagram/src/document/document.rect.js +1 -1
  110. package/flow-diagram/src/externStorage/externStorage.anchor.d.ts +1 -1
  111. package/flow-diagram/src/externStorage/externStorage.anchor.js +1 -1
  112. package/flow-diagram/src/externStorage/externStorage.d.ts +1 -1
  113. package/flow-diagram/src/externStorage/externStorage.rect.d.ts +1 -1
  114. package/flow-diagram/src/externStorage/externStorage.rect.js +1 -1
  115. package/flow-diagram/src/internalStorage/internalStorage.d.ts +1 -1
  116. package/flow-diagram/src/internalStorage/internalStorage.rect.d.ts +1 -1
  117. package/flow-diagram/src/internalStorage/internalStorage.rect.js +1 -1
  118. package/flow-diagram/src/manually/manually.anchor.d.ts +1 -1
  119. package/flow-diagram/src/manually/manually.anchor.js +1 -1
  120. package/flow-diagram/src/manually/manually.d.ts +1 -1
  121. package/flow-diagram/src/manually/manually.rect.d.ts +1 -1
  122. package/flow-diagram/src/manually/manually.rect.js +1 -1
  123. package/flow-diagram/src/parallel/parallel.anchor.d.ts +1 -1
  124. package/flow-diagram/src/parallel/parallel.anchor.js +1 -1
  125. package/flow-diagram/src/parallel/parallel.d.ts +1 -1
  126. package/flow-diagram/src/queue/queue.d.ts +1 -1
  127. package/flow-diagram/src/queue/queue.rect.d.ts +1 -1
  128. package/flow-diagram/src/queue/queue.rect.js +1 -1
  129. package/flow-diagram/src/register.js +1 -1
  130. package/flow-diagram/src/subprocess/subprocess.d.ts +1 -1
  131. package/flow-diagram/src/subprocess/subprocess.rect.d.ts +1 -1
  132. package/flow-diagram/src/subprocess/subprocess.rect.js +1 -1
  133. package/layout/src/align.d.ts +1 -1
  134. package/layout/src/align.js +1 -1
  135. package/layout/src/layout.d.ts +1 -1
  136. package/layout/src/layout.js +1 -1
  137. package/myShape-diagram/{index.js → myShape.js} +1 -4
  138. package/package.json +1 -1
  139. package/sequence-diagram/src/focus/focus.anchor.d.ts +1 -1
  140. package/sequence-diagram/src/focus/focus.anchor.js +1 -1
  141. package/sequence-diagram/src/focus/focus.d.ts +1 -1
  142. package/sequence-diagram/src/focus/focus.rect.d.ts +1 -1
  143. package/sequence-diagram/src/focus/focus.rect.js +1 -1
  144. package/sequence-diagram/src/lifeline/lifeline.anchor.d.ts +1 -1
  145. package/sequence-diagram/src/lifeline/lifeline.anchor.js +1 -1
  146. package/sequence-diagram/src/lifeline/lifeline.d.ts +1 -1
  147. package/sequence-diagram/src/lifeline/lifeline.rect.d.ts +1 -1
  148. package/sequence-diagram/src/lifeline/lifeline.rect.js +1 -1
  149. package/sequence-diagram/src/register.js +1 -1
  150. package/chart-diagram/src/utils/changeOptions.d.ts +0 -8
  151. package/chart-diagram/src/utils/changeOptions.js +0 -267
  152. package/chart-diagram/src/utils/conversion.d.ts +0 -19
  153. package/chart-diagram/src/utils/conversion.js +0 -559
  154. package/chart-diagram/src/utils/drawGraphic.d.ts +0 -3
  155. package/chart-diagram/src/utils/drawGraphic.js +0 -97
  156. package/chart-diagram/src/utils/formatter.d.ts +0 -1
  157. package/chart-diagram/src/utils/formatter.js +0 -206
  158. package/chart-diagram/src/utils/index.d.ts +0 -5
  159. package/chart-diagram/src/utils/index.js +0 -5
  160. package/chart-diagram/src/utils/render.d.ts +0 -8
  161. package/chart-diagram/src/utils/render.js +0 -219
  162. package/chart-diagram/src/utils/surfaceParametricConversion.d.ts +0 -3
  163. package/chart-diagram/src/utils/surfaceParametricConversion.js +0 -252
  164. package/core/src/element/common.d.ts +0 -6
  165. package/core/src/element/common.js +0 -54
  166. package/core/src/element/datePicker.d.ts +0 -3
  167. package/core/src/element/datePicker.js +0 -47
  168. package/core/src/element/iframe.d.ts +0 -3
  169. package/core/src/element/iframe.js +0 -12
  170. package/core/src/element/index.d.ts +0 -5
  171. package/core/src/element/index.js +0 -6
  172. package/core/src/element/select.d.ts +0 -11
  173. package/core/src/element/select.js +0 -275
  174. package/core/src/element/tab.d.ts +0 -1
  175. package/core/src/element/tab.js +0 -25
  176. package/core/src/element/time.d.ts +0 -3
  177. package/core/src/element/time.js +0 -44
  178. package/core/src/middles/arrows/index.d.ts +0 -4
  179. package/core/src/middles/arrows/index.js +0 -5
  180. package/core/src/middles/lines/index.d.ts +0 -4
  181. package/core/src/middles/lines/index.js +0 -5
  182. package/core/src/middles/nodes/formDatePicker.d.ts +0 -2
  183. package/core/src/middles/nodes/formDatePicker.js +0 -66
  184. package/core/src/middles/nodes/formoverflow.js +0 -61
  185. package/core/src/middles/nodes/formselect.d.ts +0 -2
  186. package/core/src/middles/nodes/formselect.js +0 -102
  187. package/core/src/middles/nodes/iframe.d.ts +0 -2
  188. package/core/src/middles/nodes/iframe.js +0 -29
  189. package/core/src/middles/nodes/index.d.ts +0 -50
  190. package/core/src/middles/nodes/index.js +0 -52
  191. package/core/src/middles/nodes/time.d.ts +0 -2
  192. package/core/src/middles/nodes/time.js +0 -98
  193. package/core/src/store/common.d.ts +0 -9
  194. package/core/src/store/common.js +0 -5
  195. package/core/src/store/data.d.ts +0 -194
  196. package/core/src/store/data.js +0 -187
  197. package/core/src/store/index.d.ts +0 -2
  198. package/core/src/store/index.js +0 -2
  199. package/core/src/utils/assignment.d.ts +0 -7
  200. package/core/src/utils/assignment.js +0 -185
  201. package/core/src/utils/params.d.ts +0 -2
  202. package/core/src/utils/params.js +0 -65
  203. package/static/echartsDefaultData.js +0 -178
  204. package/static/element.js +0 -14
  205. package/static/form.js +0 -11
  206. package/static/index.js +0 -3
  207. package/store/actions.js +0 -1
  208. package/store/clear.js +0 -10
  209. package/store/index.js +0 -2
  210. package/style/common.css +0 -15
  211. package/style/datePicker.css +0 -44
  212. package/style/editor.css +0 -16
  213. package/style/index.css +0 -5
  214. package/style/select.css +0 -143
  215. /package/myShape-diagram/{index.ts → myShape.ts} +0 -0
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowExternStorageIconRect(node: Node): void;
3
3
  export declare function flowExternStorageTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function flowExternStorageIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowInternalStorage(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowInternalStorageIconRect(node: Node): void;
3
3
  export declare function flowInternalStorageTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function flowInternalStorageIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowManuallyAnchors(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Point, Direction } from '../../../core';
1
+ import { Point, Direction } from 'dcim-topology/core';
2
2
  export function flowManuallyAnchors(node) {
3
3
  node.anchors.push(new Point(node.rect.x, node.rect.y + (node.rect.height * 5) / 8, Direction.Left));
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y + node.rect.height / 8, Direction.Up));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowManually(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowManuallyIconRect(node: Node): void;
3
3
  export declare function flowManuallyTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function flowManuallyIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowParallelAnchors(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Point, Direction } from '../../../core';
1
+ import { Point, Direction } from 'dcim-topology/core';
2
2
  export function flowParallelAnchors(node) {
3
3
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y + node.rect.height, Direction.Bottom));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowParallel(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowQueue(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowQueueIconRect(node: Node): void;
3
3
  export declare function flowQueueTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function flowQueueIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,4 +1,4 @@
1
- import { registerNode } from '../../core';
1
+ import { registerNode } from 'dcim-topology/core';
2
2
  import { flowData, flowDataAnchors, flowDataIconRect, flowDataTextRect } from './data';
3
3
  import { flowSubprocess, flowSubprocessIconRect, flowSubprocessTextRect } from './subprocess';
4
4
  import { flowDb, flowDbIconRect, flowDbTextRect } from './db';
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowSubprocess(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function flowSubprocessIconRect(node: Node): void;
3
3
  export declare function flowSubprocessTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function flowSubprocessIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,3 +1,3 @@
1
- import { Pen, Rect } from '../../core';
1
+ import { Pen, Rect } from 'dcim-topology/core';
2
2
  export declare function alignNodes(pens: Pen[], rect: Rect, align: string): void;
3
3
  export declare function spaceBetween(pens: Pen[], width: number): void;
@@ -1,4 +1,4 @@
1
- import { Node } from '../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export function alignNodes(pens, rect, align) {
3
3
  for (var _i = 0, pens_1 = pens; _i < pens_1.length; _i++) {
4
4
  var item = pens_1[_i];
@@ -1,4 +1,4 @@
1
- import { Pen } from '../../core';
1
+ import { Pen } from 'dcim-topology/core';
2
2
  export declare function layout(pens: Pen[], params: {
3
3
  maxWidth: number;
4
4
  nodeWidth?: number;
@@ -1,4 +1,4 @@
1
- import { PenType, getRect } from '../../core';
1
+ import { PenType, getRect } from 'dcim-topology/core';
2
2
  import { alignNodes, spaceBetween } from './align';
3
3
  export function layout(pens, params) {
4
4
  var spaceWidth = params.spaceWidth || 30;
@@ -1,7 +1,5 @@
1
1
  // 源码版写法
2
- import { registerNode } from '../core'
3
- import { formOverflow } from '../core/src/middles/nodes/formoverflow'
4
-
2
+ import { registerNode } from 'dcim-topology/core'
5
3
 
6
4
  // 组件版写法和bundle一致
7
5
  // window.Le5leTopology.registerNode
@@ -193,7 +191,6 @@ export function registerMyShape() {
193
191
  registerNode('electricFan', electricFan);
194
192
  registerNode('pool', pool);
195
193
  registerNode('thermometer', thermometer);
196
- registerNode('formOverflow', formOverflow);
197
194
  }
198
195
 
199
196
  // src\views\data.ts 里面加载到工具栏,第一个就是此自定义图形库
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dcim-topology2d",
3
- "version": "2.1.0",
3
+ "version": "3.0.2",
4
4
  "description": "",
5
5
  "main": "-",
6
6
  "scripts": {
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function sequenceFocusAnchors(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Point, Direction } from '../../../core';
1
+ import { Point, Direction } from 'dcim-topology/core';
2
2
  export function sequenceFocusAnchors(node) {
3
3
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.ey, Direction.Bottom));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function sequenceFocus(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function sequenceFocusIconRect(node: Node): void;
3
3
  export declare function sequenceFocusTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function sequenceFocusIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function lifelineAnchors(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Point, Direction } from '../../../core';
1
+ import { Point, Direction } from 'dcim-topology/core';
2
2
  export function lifelineAnchors(node) {
3
3
  node.anchors.push(new Point(node.rect.x, node.rect.y + 25, Direction.Left));
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function lifeline(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../../core';
1
+ import { Node } from 'dcim-topology/core';
2
2
  export declare function lifelineIconRect(node: Node): void;
3
3
  export declare function lifelineTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../../core';
1
+ import { Rect } from 'dcim-topology/core';
2
2
  export function lifelineIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,4 +1,4 @@
1
- import { registerNode } from '../../core';
1
+ import { registerNode } from 'dcim-topology/core';
2
2
  import { lifeline, lifelineAnchors, lifelineIconRect, lifelineTextRect } from './lifeline';
3
3
  import { sequenceFocus, sequenceFocusAnchors, sequenceFocusIconRect, sequenceFocusTextRect } from './focus';
4
4
  export function register() {
@@ -1,8 +0,0 @@
1
- export declare function setRingChartText<T>(textData: T): void;
2
- export declare function setRingPreSeriesOptions<T>(option: T, appearance: T): void;
3
- export declare function setRingProSeriesOptions<T>(option: T, appearance: T): void;
4
- export declare function set3DPieOptions<T>(option: T, appearance: T, labelLineData: any, realData: any): {};
5
- export declare function setChartLegendData<T>(legend: T, appearance: T): void;
6
- export declare function setChartXAxisData<T>(xAxis: [], appearance: T): void;
7
- export declare function setChartYAxisData<T>(yAxis: [], appearance: T): void;
8
- export declare function setLineSeriesStyleData<T>(series: [], appearance: T): void;
@@ -1,267 +0,0 @@
1
- // 初始化图例数据和图例配置数据
2
- import {
3
- echartsXAxisDefaultStyleData,
4
- echartsYAxisDefaultStyleData,
5
- echartsLineSeriesStyleData,
6
- echartsColorData
7
- } from '../../../static';
8
- import {getPie3D} from './surfaceParametricConversion';
9
-
10
- // 配置环形图中间区域文字样式
11
- export function setRingChartText(textData) {
12
- const {
13
- vFontSize, vFontWeight, vColor,
14
- vTop, unitTop, unitFontSize, unitFontWeight,
15
- unitColor} = textData;
16
- if(!unitTop) textData.unitTop = 0;
17
- return {
18
- v: {
19
- fontSize: vFontSize,
20
- fontWeight: vFontWeight,
21
- color: vColor,
22
- padding: [vTop, 0, 0, 0]
23
- },
24
- unit: {
25
- fontSize: unitFontSize,
26
- fontWeight: unitFontWeight,
27
- color: unitColor,
28
- padding: [unitTop, 0, 0, 0]
29
- }
30
- };
31
- }
32
- // 配置环形‘设备告警统计图’节点展示
33
- export function setRingPreSeriesOptions(option, appearance) {
34
- const rich = setRingChartText(appearance.text);
35
- Object.assign(option.title.textStyle.rich, rich);
36
- option.title.y = `${appearance.text.y}%`;
37
- option.series[0].radius[1] = `${appearance.inner.borderWidth}%`;
38
- option.series[0].data[0].itemStyle.color = appearance.inner.borderColor;
39
- option.series[0].data[1].itemStyle.color = appearance.inner.borderBgColor;
40
- option.series[1].radius[1] = `${appearance.outer.borderWidth}%`;
41
- option.series[1].data[0].itemStyle.color = appearance.outer.borderColor;
42
- }
43
- // 配置环形‘内存、硬盘、CPU指标占比统计’节点展示
44
- export function setRingProSeriesOptions(option, appearance) {
45
- const seriesFirstChildNode = option.series[0];
46
- const rich = setRingChartText(appearance.text);
47
- Object.assign(seriesFirstChildNode.data[0].label.normal.rich, rich);
48
- seriesFirstChildNode.data[0].label.normal.formatter = function(params){
49
- return `{v|${params.value}}{unit|%}`;
50
- }
51
- seriesFirstChildNode.data[0].value = appearance.proportion;
52
- seriesFirstChildNode.radius = appearance.outer.radius;
53
- seriesFirstChildNode.data[0].itemStyle = {
54
- normal: {
55
- color: appearance.outer.borderColor,
56
- shadowColor: appearance.outer.borderColor,
57
- shadowBlur: 0
58
- }
59
- };
60
- seriesFirstChildNode.data[1].value = 100 - appearance.proportion;
61
- seriesFirstChildNode.data[1].itemStyle.normal.color = appearance.outer.borderBgColor;
62
- const seriesLastChildNode = option.series[1];
63
- seriesLastChildNode.radius = appearance.inner.radius;
64
- seriesLastChildNode.itemStyle.normal.color.colorStops[0].color = appearance.inner.borderColor;
65
- }
66
-
67
- // 3D饼图 | 环形图 属性配置
68
- export function set3DPieOptions(option, appearance, labelLineData, realData){
69
- let type = appearance.type.includes('pie') ? 'pie' : 'ring';
70
- const {legendData, series, node, total, boxHeight} = getPie3D(appearance.grid.internalDiameterRatio, type, appearance, labelLineData, realData);
71
- option.grid3D.boxHeight = boxHeight;
72
- option.legend.data = legendData;
73
- option.series = series;
74
- return {
75
- node,
76
- total
77
- };
78
- }
79
-
80
- // 图表X轴数据
81
- export function setChartXAxisData(xAxis, appearance) {
82
- for (let i = 0; i < xAxis.length; i++) {
83
- const item = xAxis[i];
84
- if (!item.axisLabel) {
85
- item.axisLabel = JSON.parse(JSON.stringify(echartsXAxisDefaultStyleData['x1AxisLabel']));
86
- }
87
- const axisLabelStr = `x${i + 1}AxisLabel`;
88
- if (!appearance[axisLabelStr]) {
89
- appearance[axisLabelStr] = JSON.parse(JSON.stringify(echartsXAxisDefaultStyleData[axisLabelStr]));
90
- Object.assign(appearance[axisLabelStr], item.axisLabel);
91
- } else {
92
- item.axisLabel.color = appearance[axisLabelStr].color || '';
93
- item.axisLabel.fontSize = appearance[axisLabelStr].fontSize || 12;
94
- }
95
- }
96
- //return xAxis;
97
- }
98
-
99
- /**
100
- * 图表Y轴数据
101
- * @param yAxis Y轴配置数据
102
- * @param appearance 图表自定义配置
103
- */
104
- export function setChartYAxisData(yAxis, appearance) {
105
- if (typeof appearance.ySplitLineShow !== 'boolean') {
106
- appearance.ySplitLineShow = yAxis[0].splitLine.show;
107
- }
108
- if (!appearance.ysplitLineLineStyle && yAxis[0].splitLine.show) {
109
- appearance.ysplitLineLineStyle = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData['ysplitLineLineStyle']));
110
- }
111
- if(appearance.total && appearance.total.length && appearance.totalLabelSynchroYData) {
112
- const newYAxisData = [];
113
- for (let i = 0; i < appearance.total.length; i++) {
114
- const item = appearance.total[i];
115
- if(item.value) newYAxisData.push(item.label);
116
- }
117
- yAxis[0].data = newYAxisData;
118
- }
119
- for (let i = 0; i < yAxis.length; i++) {
120
- const item = yAxis[i];
121
- if(!item.axisLabel) item.axisLabel = {};
122
- if (!item.axisLabel.textStyle) {
123
- item.axisLabel.textStyle = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData['y1axisLabelTextStyle']));
124
- }
125
- if(!item.splitLine) item.splitLine = {};
126
- if (!item.splitLine.lineStyle) {
127
- item.splitLine.lineStyle = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData['ysplitLineLineStyle']));
128
- }
129
- const axisLabelTextStyleStr = `y${i + 1}axisLabelTextStyle`;
130
- if (!appearance[axisLabelTextStyleStr]) {
131
- appearance[axisLabelTextStyleStr] = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData[axisLabelTextStyleStr]));
132
- Object.assign(appearance[axisLabelTextStyleStr], item.axisLabel.textStyle);
133
- } else {
134
- const axisLabelTextStyNode = appearance[axisLabelTextStyleStr];
135
- item.axisLabel.textStyle.color = axisLabelTextStyNode.color || '';
136
- item.axisLabel.textStyle.fontSize = axisLabelTextStyNode.fontSize || '12';
137
- item.axisLabel.textStyle.padding = axisLabelTextStyNode.padding || [20, 20, 20, 20];
138
- }
139
- if (appearance.ysplitLineLineStyle) {
140
- item.splitLine.show = appearance.ySplitLineShow;
141
- const axisLabelTextStyNode = appearance.ysplitLineLineStyle;
142
- item.splitLine.lineStyle.type = axisLabelTextStyNode.type || 'solid';
143
- item.splitLine.lineStyle.color = axisLabelTextStyNode.color || '';
144
- }
145
- const minMaxStr = `y${i + 1}MinMaxData`;
146
- if (!appearance[minMaxStr] && item.max) {
147
- appearance[minMaxStr] = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData[minMaxStr]));
148
- const minMaxParams = {
149
- max: item.max,
150
- min: item.min,
151
- interval: item.interval
152
- };
153
- Object.assign(appearance[minMaxStr], minMaxParams);
154
- } else {
155
- const minMaxNode = appearance[minMaxStr];
156
- if (minMaxNode) {
157
- item.max = minMaxNode.max;
158
- item.min = minMaxNode.min;
159
- item.interval = minMaxNode.interval;
160
- }
161
- }
162
- const nameStr = `y${i + 1}NameData`;
163
- if (!appearance[nameStr] && item.name) {
164
- appearance[nameStr] = JSON.parse(JSON.stringify(echartsYAxisDefaultStyleData[nameStr]));
165
- const nameParams = {
166
- name: item.name,
167
- nameTextStyle: {
168
- color: item.nameTextStyle.color,
169
- padding: item.nameTextStyle.padding,
170
- },
171
- nameGap: item.nameGap
172
- };
173
- Object.assign(appearance[nameStr], nameParams);
174
- } else {
175
- const nameNode = appearance[nameStr];
176
- if (nameNode) {
177
- item.name = nameNode.name;
178
- item.nameTextStyle.color = nameNode.nameTextStyle.color;
179
- item.nameTextStyle.padding = nameNode.nameTextStyle.padding;
180
- item.nameGap = nameNode.nameGap;
181
- }
182
- }
183
- }
184
- //return yAxis;
185
- }
186
-
187
- // 图表图例数据
188
- export function setChartLegendData(legend, appearance) {
189
- // 设置默认图例文字配置,如果想改变初始化文字属性,在 appearance中配置即可
190
- if (!legend.textStyle) legend.textStyle = {
191
- color: '#fff',
192
- height: 8
193
- };
194
- legend.textStyle.rich = {
195
- a: {
196
- fontSize: 12,
197
- verticalAlign: 'bottom',
198
- }
199
- };
200
- const {
201
- icon,
202
- itemWidth,
203
- itemHeight,
204
- itemGap,
205
- top,
206
- right,
207
- bottom,
208
- left,
209
- padding,
210
- color,
211
- height,
212
- fontSize
213
- } = appearance.legend;
214
- legend.icon = icon || '';
215
- legend.itemWidth = itemWidth || 12;
216
- legend.itemHeight = itemHeight || 12;
217
- legend.itemGap = itemGap || 8;
218
- legend.top = top || 'auto';
219
- legend.right = right || 'auto';
220
- legend.bottom = bottom || 'auto';
221
- legend.left = left || 'auto';
222
- legend.padding = padding || [5, 5, 5, 5];
223
- legend.textStyle.color = color || '';
224
- legend.textStyle.height = height || 8;
225
- legend.textStyle.rich.a = fontSize || 12;
226
- //return legend;
227
- }
228
-
229
- // 图表曲线数据配置
230
- export function setLineSeriesStyleData(series, appearance) {
231
- let seriesOptions = [];
232
- for (let i = 0; i < series.length; i++) {
233
- const defaultSeriesStyle = JSON.parse(JSON.stringify(echartsLineSeriesStyleData));
234
- const item = series[i];
235
- let appearanceSeries = appearance.seriesOptions && appearance.seriesOptions[i];
236
- if(!appearanceSeries) {
237
- appearanceSeries = defaultSeriesStyle;
238
- appearanceSeries.name = item.name;
239
- appearanceSeries.itemLineStyle.color = i === 0 ? defaultSeriesStyle.itemLineStyle.color : echartsColorData[i];
240
- seriesOptions.push(defaultSeriesStyle);
241
- }else {
242
- seriesOptions.push(appearanceSeries);
243
- }
244
- item.symbol = appearanceSeries.symbol;
245
- item.smooth = appearanceSeries.smooth;
246
- item.symbolSize = appearanceSeries.symbolSize || 18;
247
- item.itemStyle = {
248
- normal: {
249
- color: appearanceSeries.itemLineStyle.color,
250
- lineStyle: appearanceSeries.itemLineStyle
251
- }
252
- };
253
- if (appearanceSeries.area) {
254
- item.areaStyle = {
255
- color: appearanceSeries.areaColor && {...appearanceSeries.areaColor} || {...defaultSeriesStyle.areaColor}
256
- };
257
- appearanceSeries.linear ?
258
- item.areaStyle.color.colorStops = [...appearanceSeries.areaColorStops] :
259
- item.areaStyle = Object.assign({}, item.areaStyle, {color: appearanceSeries.areaBgColor || 'rgba(49, 144, 255, 0.21)'});
260
- } else {
261
- if (item.areaStyle) delete item['areaStyle'];
262
- }
263
- }
264
-
265
- appearance.seriesOptions = seriesOptions;
266
- //return series;
267
- }
@@ -1,19 +0,0 @@
1
- interface echartsOptions {
2
- color: '',
3
- xAxis: [],
4
- yAxis: [],
5
- series: [],
6
- tooltip: null
7
- }
8
- export declare function getXYAxisLabelVal(index: number, intervalNum: number, value: any): string;
9
- export declare function initBindTabSetting(node: any): string;
10
- export declare function setMapScatterOptions(option: echartsOptions, node: any): void;
11
- export declare function setMapLineBarOptions(option: echartsOptions, node: any): void;
12
- export declare function setMapGaugeOptions(option: echartsOptions, node: any): void;
13
- export declare function setMapRingOptions(option: echartsOptions, node: any): void;
14
- export declare function setMap3dBarOptions(option: echartsOptions, node: any): void;
15
- export declare function setMapTopOptions(option: echartsOptions, node: any): void;
16
- export declare function setMapGlobalOptions(option: echartsOptions, node: any): void;
17
- export declare function setMapDataOptions(option: echartsOptions, node: any): void;
18
- export declare function setMapAutoMoveOptions(option: echartsOptions, chartNode: string,node: any, callback: any): void;
19
- export declare function setMapStopAutoMoveOptions(chartNode: string): void;