dcim-topology2d 2.2.3 → 2.2.5

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 (191) hide show
  1. package/chart-diagram/src/echarts/index.js +2 -1
  2. package/chart-diagram/src/utils/conversion.js +12 -3
  3. package/core/src/activeLayer.d.ts +2 -0
  4. package/core/src/activeLayer.js +13 -0
  5. package/core/src/common.d.ts +1 -1
  6. package/core/src/common.js +109 -47
  7. package/core/src/core.d.ts +1 -1
  8. package/core/src/core.js +389 -317
  9. package/core/src/divLayer.js +65 -28
  10. package/core/src/element/select.js +2 -1
  11. package/core/src/healps/changeData.d.ts +0 -1
  12. package/core/src/healps/changeData.js +0 -4
  13. package/core/src/middles/default.js +8 -3
  14. package/core/src/middles/index.d.ts +1 -0
  15. package/core/src/middles/index.js +1 -0
  16. package/core/src/middles/nodes/{arbitrarygraph.anchor.d.ts → basic/arbitrarygraph.anchor.d.ts} +1 -1
  17. package/core/src/middles/nodes/{arbitrarygraph.anchor.js → basic/arbitrarygraph.anchor.js} +1 -1
  18. package/core/src/middles/nodes/{arbitrarygraph.d.ts → basic/arbitrarygraph.d.ts} +1 -1
  19. package/core/src/middles/nodes/{arrow.anchor.d.ts → basic/arrow.anchor.d.ts} +1 -1
  20. package/core/src/middles/nodes/{arrow.anchor.js → basic/arrow.anchor.js} +2 -2
  21. package/core/src/middles/nodes/{arrow.d.ts → basic/arrow.d.ts} +1 -1
  22. package/core/src/middles/nodes/{arrow.rect.d.ts → basic/arrow.rect.d.ts} +1 -1
  23. package/core/src/middles/nodes/{arrow.rect.js → basic/arrow.rect.js} +1 -1
  24. package/core/src/middles/nodes/{circle.anchor.d.ts → basic/circle.anchor.d.ts} +1 -1
  25. package/core/src/middles/nodes/{circle.anchor.js → basic/circle.anchor.js} +2 -2
  26. package/core/src/middles/nodes/{circle.d.ts → basic/circle.d.ts} +1 -1
  27. package/core/src/middles/nodes/basic/circle.js +8 -0
  28. package/core/src/middles/nodes/{circle.rect.d.ts → basic/circle.rect.d.ts} +1 -1
  29. package/core/src/middles/nodes/{circle.rect.js → basic/circle.rect.js} +1 -1
  30. package/core/src/middles/nodes/{cloud.anchor.d.ts → basic/cloud.anchor.d.ts} +1 -1
  31. package/core/src/middles/nodes/{cloud.anchor.js → basic/cloud.anchor.js} +2 -2
  32. package/core/src/middles/nodes/{cloud.d.ts → basic/cloud.d.ts} +1 -1
  33. package/core/src/middles/nodes/{cloud.rect.d.ts → basic/cloud.rect.d.ts} +1 -1
  34. package/core/src/middles/nodes/{cloud.rect.js → basic/cloud.rect.js} +1 -1
  35. package/core/src/middles/nodes/{cube.anchor.d.ts → basic/cube.anchor.d.ts} +1 -1
  36. package/core/src/middles/nodes/{cube.anchor.js → basic/cube.anchor.js} +2 -2
  37. package/core/src/middles/nodes/{cube.d.ts → basic/cube.d.ts} +1 -1
  38. package/core/src/middles/nodes/{cube.model.d.ts → basic/cube.model.d.ts} +2 -2
  39. package/core/src/middles/nodes/{cube.model.js → basic/cube.model.js} +2 -2
  40. package/core/src/middles/nodes/{cube.rect.d.ts → basic/cube.rect.d.ts} +1 -1
  41. package/core/src/middles/nodes/{cube.rect.js → basic/cube.rect.js} +1 -1
  42. package/core/src/middles/nodes/{diamond.d.ts → basic/diamond.d.ts} +1 -1
  43. package/core/src/middles/nodes/{diamond.rect.d.ts → basic/diamond.rect.d.ts} +1 -1
  44. package/core/src/middles/nodes/{diamond.rect.js → basic/diamond.rect.js} +1 -1
  45. package/core/src/middles/nodes/{file.d.ts → basic/file.d.ts} +1 -1
  46. package/core/src/middles/nodes/{iframe.d.ts → basic/iframe.d.ts} +1 -1
  47. package/core/src/middles/nodes/{iframe.js → basic/iframe.js} +7 -5
  48. package/core/src/middles/nodes/{image.anchor.d.ts → basic/image.anchor.d.ts} +1 -1
  49. package/core/src/middles/nodes/{image.anchor.js → basic/image.anchor.js} +2 -2
  50. package/core/src/middles/nodes/{image.rect.d.ts → basic/image.rect.d.ts} +1 -1
  51. package/core/src/middles/nodes/{image.rect.js → basic/image.rect.js} +1 -1
  52. package/core/src/middles/nodes/{line.anchor.d.ts → basic/line.anchor.d.ts} +1 -1
  53. package/core/src/middles/nodes/{line.anchor.js → basic/line.anchor.js} +2 -2
  54. package/core/src/middles/nodes/{line.d.ts → basic/line.d.ts} +1 -1
  55. package/core/src/middles/nodes/{line.rect.d.ts → basic/line.rect.d.ts} +1 -1
  56. package/core/src/middles/nodes/{line.rect.js → basic/line.rect.js} +1 -1
  57. package/core/src/middles/nodes/{message.anchor.d.ts → basic/message.anchor.d.ts} +1 -1
  58. package/core/src/middles/nodes/{message.anchor.js → basic/message.anchor.js} +2 -2
  59. package/core/src/middles/nodes/{message.d.ts → basic/message.d.ts} +1 -1
  60. package/core/src/middles/nodes/{message.rect.d.ts → basic/message.rect.d.ts} +1 -1
  61. package/core/src/middles/nodes/{message.rect.js → basic/message.rect.js} +1 -1
  62. package/core/src/middles/nodes/{pentagon.anchor.d.ts → basic/pentagon.anchor.d.ts} +1 -1
  63. package/core/src/middles/nodes/{pentagon.anchor.js → basic/pentagon.anchor.js} +2 -2
  64. package/core/src/middles/nodes/{pentagon.d.ts → basic/pentagon.d.ts} +1 -1
  65. package/core/src/middles/nodes/{pentagon.rect.d.ts → basic/pentagon.rect.d.ts} +1 -1
  66. package/core/src/middles/nodes/{pentagon.rect.js → basic/pentagon.rect.js} +1 -1
  67. package/core/src/middles/nodes/{pentagram.anchor.d.ts → basic/pentagram.anchor.d.ts} +1 -1
  68. package/core/src/middles/nodes/{pentagram.anchor.js → basic/pentagram.anchor.js} +2 -2
  69. package/core/src/middles/nodes/{pentagram.d.ts → basic/pentagram.d.ts} +1 -1
  70. package/core/src/middles/nodes/{pentagram.rect.d.ts → basic/pentagram.rect.d.ts} +1 -1
  71. package/core/src/middles/nodes/{pentagram.rect.js → basic/pentagram.rect.js} +1 -1
  72. package/core/src/middles/nodes/{people.d.ts → basic/people.d.ts} +1 -1
  73. package/core/src/middles/nodes/{people.rect.d.ts → basic/people.rect.d.ts} +1 -1
  74. package/core/src/middles/nodes/{people.rect.js → basic/people.rect.js} +1 -1
  75. package/core/src/middles/nodes/{rectangle.d.ts → basic/rectangle.d.ts} +1 -1
  76. package/core/src/middles/nodes/{rectangle.js → basic/rectangle.js} +1 -1
  77. package/core/src/middles/nodes/{rectangle.rect.d.ts → basic/rectangle.rect.d.ts} +1 -1
  78. package/core/src/middles/nodes/{rectangle.rect.js → basic/rectangle.rect.js} +1 -1
  79. package/core/src/middles/nodes/{text.d.ts → basic/text.d.ts} +3 -2
  80. package/core/src/middles/nodes/{triangle.anchor.d.ts → basic/triangle.anchor.d.ts} +1 -1
  81. package/core/src/middles/nodes/{triangle.anchor.js → basic/triangle.anchor.js} +2 -2
  82. package/core/src/middles/nodes/{triangle.d.ts → basic/triangle.d.ts} +1 -1
  83. package/core/src/middles/nodes/{triangle.rect.d.ts → basic/triangle.rect.d.ts} +1 -1
  84. package/core/src/middles/nodes/{triangle.rect.js → basic/triangle.rect.js} +1 -1
  85. package/core/src/middles/nodes/custom/humiture.d.ts +2 -0
  86. package/core/src/middles/nodes/custom/humiture.js +24 -0
  87. package/core/src/middles/nodes/{hexagon.anchor.d.ts → flow/hexagon.anchor.d.ts} +1 -1
  88. package/core/src/middles/nodes/{hexagon.anchor.js → flow/hexagon.anchor.js} +2 -2
  89. package/core/src/middles/nodes/{hexagon.d.ts → flow/hexagon.d.ts} +1 -1
  90. package/core/src/middles/nodes/{hexagon.rect.d.ts → flow/hexagon.rect.d.ts} +1 -1
  91. package/core/src/middles/nodes/{hexagon.rect.js → flow/hexagon.rect.js} +1 -1
  92. package/core/src/middles/nodes/form/formDatePicker.d.ts +2 -0
  93. package/core/src/middles/nodes/{formDatePicker.js → form/formDatePicker.js} +12 -5
  94. package/core/src/middles/nodes/{formoverflow.js → form/formoverflow.js} +11 -8
  95. package/core/src/middles/nodes/{formselect.d.ts → form/formselect.d.ts} +1 -1
  96. package/core/src/middles/nodes/{formselect.js → form/formselect.js} +6 -7
  97. package/core/src/middles/nodes/{formtable.d.ts → form/formtable.d.ts} +1 -1
  98. package/core/src/middles/nodes/{progress.d.ts → form/progress.d.ts} +2 -2
  99. package/core/src/middles/nodes/{tablePagination.d.ts → form/tablePagination.d.ts} +1 -1
  100. package/core/src/middles/nodes/{time.d.ts → form/time.d.ts} +1 -1
  101. package/core/src/middles/nodes/icon/echartLine.d.ts +2 -0
  102. package/core/src/middles/nodes/icon/echartLine.js +99 -0
  103. package/core/src/middles/nodes/index.d.ts +54 -52
  104. package/core/src/middles/nodes/index.js +54 -53
  105. package/core/src/models/line.js +1 -1
  106. package/core/src/models/node.js +16 -12
  107. package/core/src/models/pen.d.ts +6 -0
  108. package/core/src/models/rect.d.ts +1 -0
  109. package/core/src/models/rect.js +13 -7
  110. package/core/src/options.js +5 -1
  111. package/core/src/preview.js +55 -23
  112. package/core/src/renderLayer.js +5 -0
  113. package/core/src/store/data.d.ts +0 -1
  114. package/core/src/store/data.js +3 -46
  115. package/core/src/utils/assignment.js +41 -43
  116. package/core/src/utils/construction.d.ts +18 -0
  117. package/core/src/utils/construction.js +23 -0
  118. package/core/src/utils/conversion.d.ts +5 -7
  119. package/core/src/utils/conversion.js +212 -25
  120. package/core/src/utils/params.js +1 -0
  121. package/myShape-diagram/index.js +1 -2
  122. package/package.json +1 -1
  123. package/static/icon.js +10 -0
  124. package/static/index.js +2 -1
  125. package/store/actions.js +15 -1
  126. package/store/clear.js +67 -4
  127. package/core/src/middles/nodes/circle.js +0 -7
  128. package/core/src/middles/nodes/formDatePicker.d.ts +0 -2
  129. /package/core/src/middles/nodes/{arbitrarygraph.js → basic/arbitrarygraph.js} +0 -0
  130. /package/core/src/middles/nodes/{arrow.anchor.js.map → basic/arrow.anchor.js.map} +0 -0
  131. /package/core/src/middles/nodes/{arrow.js → basic/arrow.js} +0 -0
  132. /package/core/src/middles/nodes/{arrow.js.map → basic/arrow.js.map} +0 -0
  133. /package/core/src/middles/nodes/{arrow.rect.js.map → basic/arrow.rect.js.map} +0 -0
  134. /package/core/src/middles/nodes/{circle.anchor.js.map → basic/circle.anchor.js.map} +0 -0
  135. /package/core/src/middles/nodes/{circle.js.map → basic/circle.js.map} +0 -0
  136. /package/core/src/middles/nodes/{circle.rect.js.map → basic/circle.rect.js.map} +0 -0
  137. /package/core/src/middles/nodes/{cloud.anchor.js.map → basic/cloud.anchor.js.map} +0 -0
  138. /package/core/src/middles/nodes/{cloud.js → basic/cloud.js} +0 -0
  139. /package/core/src/middles/nodes/{cloud.js.map → basic/cloud.js.map} +0 -0
  140. /package/core/src/middles/nodes/{cloud.rect.js.map → basic/cloud.rect.js.map} +0 -0
  141. /package/core/src/middles/nodes/{cube.anchor.js.map → basic/cube.anchor.js.map} +0 -0
  142. /package/core/src/middles/nodes/{cube.js → basic/cube.js} +0 -0
  143. /package/core/src/middles/nodes/{cube.js.map → basic/cube.js.map} +0 -0
  144. /package/core/src/middles/nodes/{cube.model.js.map → basic/cube.model.js.map} +0 -0
  145. /package/core/src/middles/nodes/{cube.rect.js.map → basic/cube.rect.js.map} +0 -0
  146. /package/core/src/middles/nodes/{diamond.js → basic/diamond.js} +0 -0
  147. /package/core/src/middles/nodes/{diamond.js.map → basic/diamond.js.map} +0 -0
  148. /package/core/src/middles/nodes/{diamond.rect.js.map → basic/diamond.rect.js.map} +0 -0
  149. /package/core/src/middles/nodes/{file.js → basic/file.js} +0 -0
  150. /package/core/src/middles/nodes/{file.js.map → basic/file.js.map} +0 -0
  151. /package/core/src/middles/nodes/{image.anchor.js.map → basic/image.anchor.js.map} +0 -0
  152. /package/core/src/middles/nodes/{image.rect.js.map → basic/image.rect.js.map} +0 -0
  153. /package/core/src/middles/nodes/{line.anchor.js.map → basic/line.anchor.js.map} +0 -0
  154. /package/core/src/middles/nodes/{line.js → basic/line.js} +0 -0
  155. /package/core/src/middles/nodes/{line.js.map → basic/line.js.map} +0 -0
  156. /package/core/src/middles/nodes/{line.rect.js.map → basic/line.rect.js.map} +0 -0
  157. /package/core/src/middles/nodes/{message.anchor.js.map → basic/message.anchor.js.map} +0 -0
  158. /package/core/src/middles/nodes/{message.js → basic/message.js} +0 -0
  159. /package/core/src/middles/nodes/{message.js.map → basic/message.js.map} +0 -0
  160. /package/core/src/middles/nodes/{message.rect.js.map → basic/message.rect.js.map} +0 -0
  161. /package/core/src/middles/nodes/{pentagon.anchor.js.map → basic/pentagon.anchor.js.map} +0 -0
  162. /package/core/src/middles/nodes/{pentagon.js → basic/pentagon.js} +0 -0
  163. /package/core/src/middles/nodes/{pentagon.js.map → basic/pentagon.js.map} +0 -0
  164. /package/core/src/middles/nodes/{pentagon.rect.js.map → basic/pentagon.rect.js.map} +0 -0
  165. /package/core/src/middles/nodes/{pentagram.anchor.js.map → basic/pentagram.anchor.js.map} +0 -0
  166. /package/core/src/middles/nodes/{pentagram.js → basic/pentagram.js} +0 -0
  167. /package/core/src/middles/nodes/{pentagram.js.map → basic/pentagram.js.map} +0 -0
  168. /package/core/src/middles/nodes/{pentagram.rect.js.map → basic/pentagram.rect.js.map} +0 -0
  169. /package/core/src/middles/nodes/{people.js → basic/people.js} +0 -0
  170. /package/core/src/middles/nodes/{people.js.map → basic/people.js.map} +0 -0
  171. /package/core/src/middles/nodes/{people.rect.js.map → basic/people.rect.js.map} +0 -0
  172. /package/core/src/middles/nodes/{rectangle.js.map → basic/rectangle.js.map} +0 -0
  173. /package/core/src/middles/nodes/{rectangle.rect.js.map → basic/rectangle.rect.js.map} +0 -0
  174. /package/core/src/middles/nodes/{text.js → basic/text.js} +0 -0
  175. /package/core/src/middles/nodes/{text.js.map → basic/text.js.map} +0 -0
  176. /package/core/src/middles/nodes/{triangle.anchor.js.map → basic/triangle.anchor.js.map} +0 -0
  177. /package/core/src/middles/nodes/{triangle.js → basic/triangle.js} +0 -0
  178. /package/core/src/middles/nodes/{triangle.js.map → basic/triangle.js.map} +0 -0
  179. /package/core/src/middles/nodes/{triangle.rect.js.map → basic/triangle.rect.js.map} +0 -0
  180. /package/core/src/middles/nodes/{hexagon.anchor.js.map → flow/hexagon.anchor.js.map} +0 -0
  181. /package/core/src/middles/nodes/{hexagon.js → flow/hexagon.js} +0 -0
  182. /package/core/src/middles/nodes/{hexagon.js.map → flow/hexagon.js.map} +0 -0
  183. /package/core/src/middles/nodes/{hexagon.rect.js.map → flow/hexagon.rect.js.map} +0 -0
  184. /package/core/src/middles/nodes/{formtable.js → form/formtable.js} +0 -0
  185. /package/core/src/middles/nodes/{progress.js → form/progress.js} +0 -0
  186. /package/core/src/middles/nodes/{progress.js.map → form/progress.js.map} +0 -0
  187. /package/core/src/middles/nodes/{switchs.d.ts → form/switchs.d.ts} +0 -0
  188. /package/core/src/middles/nodes/{switchs.js → form/switchs.js} +0 -0
  189. /package/core/src/middles/nodes/{tablePagination.js → form/tablePagination.js} +0 -0
  190. /package/core/src/middles/nodes/{time.js → form/time.js} +0 -0
  191. /package/static/{echartsDefaultData.js → echarts.js} +0 -0
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function pentagonIconRect(node: Node): void;
3
3
  export declare function pentagonTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models';
1
+ import { Rect } from '../../../models';
2
2
  export function pentagonIconRect(node) {
3
3
  var w = node.rect.width / 2;
4
4
  var h = node.rect.height / 2;
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function pentagramAnchors(node: Node): void;
@@ -1,5 +1,5 @@
1
- import { Point } from '../../models/point';
2
- import { Direction } from '../../models/direction';
1
+ import { Point } from '../../../models/point';
2
+ import { Direction } from '../../../models/direction';
3
3
  export function pentagramAnchors(node) {
4
4
  node.anchors.push(new Point((Math.cos((18 / 180) * Math.PI) * node.rect.width) / 2 + node.rect.x + node.rect.width / 2, (-Math.sin((18 / 180) * Math.PI) * node.rect.width) / 2 + node.rect.y + node.rect.height / 2, Direction.Right));
5
5
  node.anchors.push(new Point((Math.cos(((18 + 72) / 180) * Math.PI) * node.rect.width) / 2 + node.rect.x + node.rect.width / 2, (-Math.sin(((18 + 72) / 180) * Math.PI) * node.rect.width) / 2 + node.rect.y + node.rect.height / 2, Direction.Up));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function pentagram(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function pentagramIconRect(node: Node): void;
3
3
  export declare function pentagramTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models/rect';
1
+ import { Rect } from '../../../models/rect';
2
2
  export function pentagramIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function people(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function peopleIconRect(node: Node): void;
3
3
  export declare function peopleTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models/rect';
1
+ import { Rect } from '../../../models/rect';
2
2
  export function peopleIconRect(node) {
3
3
  node.iconRect = new Rect(0, 0, 0, 0);
4
4
  }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function rectangle(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -61,4 +61,4 @@ export function rectangle(ctx, node) {
61
61
  (node.fillStyle || node.bkType) && ctx.fill();
62
62
  ctx.stroke();
63
63
  }
64
- //# sourceMappingURL=rectangle.js.map
64
+ //# sourceMappingURL=rectangle.js.map defaultStrokeStyle
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function rectangleIconRect(node: Node): void;
3
3
  export declare function rectangleTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models';
1
+ import { Rect } from '../../../models';
2
2
  export function rectangleIconRect(node) {
3
3
  node.iconRect = new Rect(node.rect.x + node.paddingLeftNum, node.rect.y + node.paddingTopNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum);
4
4
  node.fullIconRect = new Rect(node.rect.x + node.paddingLeftNum, node.rect.y + node.paddingTopNum, node.rect.width - node.paddingLeftNum - node.paddingRightNum, node.rect.height - node.paddingTopNum - node.paddingBottomNum);
@@ -1,8 +1,9 @@
1
- import { Node } from '../../models/node';
2
- import { Line } from '../../models/line';
1
+ import { Node } from '../../../models/node';
2
+ import { Line } from '../../../models/line';
3
3
  export declare function getWords(txt: string): any[];
4
4
  export declare function getLines(ctx: CanvasRenderingContext2D, words: string[], maxWidth: number, fontSize: number): any[];
5
5
  export declare function fillText(ctx: CanvasRenderingContext2D, lines: string[], x: number, y: number, width: number, height: number, lineHeight: number, maxLineLen?: number, bk?: string): void;
6
6
  export declare function text(ctx: CanvasRenderingContext2D, node: Node | Line): void;
7
+ export declare function defaultText(ctx: CanvasRenderingContext2D, node: Node, type: string): void;
7
8
  export declare function tableText(ctx: CanvasRenderingContext2D, node: Node, type: string): void;
8
9
  export declare function iconfont(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function triangleAnchors(node: Node): void;
@@ -1,5 +1,5 @@
1
- import { Point } from '../../models/point';
2
- import { Direction } from '../../models/direction';
1
+ import { Point } from '../../../models/point';
2
+ import { Direction } from '../../../models/direction';
3
3
  export function triangleAnchors(node) {
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
5
5
  node.anchors.push(new Point(node.rect.x + (node.rect.width * 3) / 4, node.rect.y + node.rect.height / 2, Direction.Right));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function triangle(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function triangleIconRect(node: Node): void;
3
3
  export declare function triangleTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models/rect';
1
+ import { Rect } from '../../../models/rect';
2
2
  export function triangleIconRect(node) {
3
3
  var w = (node.rect.width * 2) / 7;
4
4
  var h = (node.rect.height * 2) / 7;
@@ -0,0 +1,2 @@
1
+ import { Node } from '../../../models/node';
2
+ export declare function humiture(ctx: CanvasRenderingContext2D, node: Node, state?: boolean): void;
@@ -0,0 +1,24 @@
1
+ import {defaultTextRect} from '../../index';
2
+ export function humiture(ctx, node, state) {
3
+ if(node.name === 'combine' && !state) return;
4
+ node.name = 'combine';
5
+ node.children.forEach((item, index) => {
6
+ if(index === 0) {
7
+ item.rect.width = Math.round(node.rect.width * 0.318840);
8
+ item.rect.height = node.rect.height;
9
+ }else {
10
+ item.rect.width = Math.round(node.rect.width * 0.666666);
11
+ item.rect.height = (node.rect.height - 1) / 2;
12
+ }
13
+ item.rect.x = index === 0 ? node.rect.x : node.rect.x + item.rect.width / 2;
14
+ item.rect.y = index === 2 ? node.rect.y + item.rect.height + 1 : node.rect.y;
15
+ item.rect.center = {
16
+ x: item.rect.x + item.rect.width / 2,
17
+ y: item.rect.y + item.rect.height / 2
18
+ }
19
+ item.rect.ex = item.rect.x + item.rect.width;
20
+ item.rect.ey = item.rect.y + item.rect.height;
21
+ item.calcRectInParent(node);
22
+ defaultTextRect(item);
23
+ });
24
+ }
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function hexagonAnchors(node: Node): void;
@@ -1,5 +1,5 @@
1
- import { Point } from '../../models/point';
2
- import { Direction } from '../../models/direction';
1
+ import { Point } from '../../../models/point';
2
+ import { Direction } from '../../../models/direction';
3
3
  export function hexagonAnchors(node) {
4
4
  node.anchors.push(new Point(node.rect.x + node.rect.width / 2, node.rect.y, Direction.Up));
5
5
  node.anchors.push(new Point(node.rect.x + node.rect.width, node.rect.y + node.rect.height / 2, Direction.Right));
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function hexagon(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,3 +1,3 @@
1
- import { Node } from '../../models/node';
1
+ import { Node } from '../../../models/node';
2
2
  export declare function hexagonIconRect(node: Node): void;
3
3
  export declare function hexagonTextRect(node: Node): void;
@@ -1,4 +1,4 @@
1
- import { Rect } from '../../models/rect';
1
+ import { Rect } from '../../../models/rect';
2
2
  export function hexagonIconRect(node) {
3
3
  var w = (node.rect.width * 3) / 5;
4
4
  var h = (node.rect.height * 3) / 4;
@@ -0,0 +1,2 @@
1
+ import { Node } from '../../../models';
2
+ export declare function fromDatePicker(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,9 +1,9 @@
1
1
  import {Store} from "le5le-store";
2
- import {rectangle} from './rectangle';
3
- import { createDatePickerElement, loadJS, setDataPickerElementStyle } from '../../element';
4
- import { s8, datePickerValueFormatting } from '../../utils';
5
- import {commonStore} from "../../store";
6
- import {datePickerType} from "../../../../store";
2
+ import {rectangle} from '../basic/rectangle';
3
+ import { createDatePickerElement, loadJS, setDataPickerElementStyle } from '../../../element';
4
+ import { s8, datePickerValueFormatting } from '../../../utils';
5
+ import {commonStore} from "../../../store";
6
+ import {datePickerType} from "../../../../../store";
7
7
 
8
8
  export async function fromDatePicker(ctx, node) {
9
9
  // 绘制一个底图,类似于占位符。
@@ -84,6 +84,8 @@ export async function fromDatePicker(ctx, node) {
84
84
 
85
85
  layDatePicker = laydate.render(pickerOptions);
86
86
 
87
+ currentStore.pickerDataPool[node.id].layDatePicker = layDatePicker;
88
+
87
89
  }, 100)
88
90
  }else {
89
91
  if(node.formData.resetStyle) {
@@ -101,6 +103,11 @@ export async function fromDatePicker(ctx, node) {
101
103
  };
102
104
  Object.assign(currentStore.pickerDataPool[node.id], params);
103
105
  }
106
+ if(currentStore.pickerDataPool[node.id].update) {
107
+ // 更新日期元件数据
108
+ currentStore.pickerDataPool[node.id].update = false;
109
+ currentStore.pickerDataPool[node.id].layDatePicker.updateDate();
110
+ }
104
111
  }
105
112
  }
106
113
  function isValidInteger(str) {
@@ -1,5 +1,5 @@
1
- import {rectangle, createDiv, s8, Preview} from '../../../../core';
2
- import {commonStore} from "../../store";
1
+ import {rectangle, createDiv, s8, Preview} from '../../../../index';
2
+ import {commonStore} from "../../../store";
3
3
 
4
4
  export async function formOverflow(ctx, node) {
5
5
  // 绘制一个底图,类似于占位符。
@@ -13,7 +13,8 @@ export async function formOverflow(ctx, node) {
13
13
  const color = node.formData.scrollbarColor? node.formData.scrollbarColor: 'auto'
14
14
  const colorBg = node.formData.scrollbarColorBg? node.formData.scrollbarColorBg: 'auto'
15
15
  const scrollbarColor = color + ' ' + colorBg
16
-
16
+ const scrollbarShow = node.formData.scrollbarShow
17
+ const scrollbarWidth = node.formData.scrollbarWidth? node.formData.scrollbarWidth: 'auto'
17
18
  if (!node.elementLoaded && !formoverData) {
18
19
  if(!formoverData) {
19
20
  formoverData = {
@@ -24,7 +25,7 @@ export async function formOverflow(ctx, node) {
24
25
  }
25
26
  formoverData.div.setAttribute('class', 'topoOverflow');
26
27
  formoverData.div.style.setProperty('scrollbar-color', scrollbarColor);
27
- formoverData.div.style.setProperty('scrollbar-width', 'thin');
28
+ formoverData.div.style.setProperty('scrollbar-Width', scrollbarWidth);
28
29
 
29
30
  node.elementLoaded = true
30
31
  document.body.appendChild(formoverData.div)
@@ -37,8 +38,9 @@ export async function formOverflow(ctx, node) {
37
38
  if (window.location.pathname.includes('workspace') || window.location.pathname.includes('Preview')) {
38
39
  let canvas = new Preview(node.id, {
39
40
  rotateCursor: '/img/rotate.cur',
41
+ type: 'overflow'
40
42
  })
41
- canvas.formOverflowOpen(node.formData.detailPageData)
43
+ canvas.formOverflowOpen(node.formData.detailPageData, scrollbarShow)
42
44
  commonStore[node.TID].formoverCanvasDataPool[node.id] = canvas
43
45
  }
44
46
  setTimeout(() => {
@@ -55,8 +57,9 @@ export async function formOverflow(ctx, node) {
55
57
  export function formOverflowChange(node) {
56
58
  // 绘制画布
57
59
  // console.log('更新滚动组件中子页面-',node)
58
- let canvas = commonStore[node.TID].formoverCanvasDataPool[node.id]
59
- let data = node.formData.detailPageData
60
- canvas.formOverflowOpen(data)
60
+ const canvas = commonStore[node.TID].formoverCanvasDataPool[node.id]
61
+ const data = node.formData.detailPageData
62
+ const scrollbarShow = node.formData.scrollbarShow
63
+ canvas.formOverflowOpen(data, scrollbarShow)
61
64
  }
62
65
 
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models';
1
+ import { Node } from '../../../models';
2
2
  export declare function formSelect(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,12 +1,12 @@
1
- import {rectangle} from './rectangle';
1
+ import {rectangle} from '../basic/rectangle';
2
2
  import {
3
3
  createSelectElement,
4
- createSelectDropdown} from '../../element';
4
+ createSelectDropdown} from '../../../element';
5
5
  import {
6
6
  setEventListener,
7
- s8} from '../../utils';
8
- import {selectDefaultData} from '../../../../static';
9
- import {commonStore} from "../../store";
7
+ s8} from '../../../utils';
8
+ import {selectDefaultData} from '../../../../../static';
9
+ import {commonStore} from "../../../store";
10
10
 
11
11
  export function formSelect(ctx, node) {
12
12
  // 绘制一个底图,类似于占位符。
@@ -14,14 +14,13 @@ export function formSelect(ctx, node) {
14
14
  if (!commonStore[node.TID].selectDataPool[node.id]) {
15
15
  const currentStore = commonStore[node.TID];
16
16
  node.elementId = s8();
17
- node.dash = 4;
18
17
  // 下拉切换类型
19
18
  const selectedType = node.events && node.events.find((item) => {
20
19
  return !!item.dcimStaticForType
21
20
  });
22
21
  currentStore.selectDataPool[node.id] = {
23
22
  slideState: node.selectDropdown,
24
- staticType: selectedType.dcimStaticForType,
23
+ staticType: selectedType && selectedType.dcimStaticForType || '',
25
24
  node: {
26
25
  id: node.id,
27
26
  color: node.font.color,
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models';
1
+ import { Node } from '../../../models';
2
2
  export declare function formtable(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,2 +1,2 @@
1
- import { Node } from "../../models";
2
- export default function progress(ctx: CanvasRenderingContext2D, node: Node): void;
1
+ import { Node } from "../../../models";
2
+ export default function progress(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models';
1
+ import { Node } from '../../../models';
2
2
  export declare function tablePagination(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -1,2 +1,2 @@
1
- import { Node } from '../../models';
1
+ import { Node } from '../../../models';
2
2
  export declare function time(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -0,0 +1,2 @@
1
+ import { Node } from '../../../models';
2
+ export declare function svgEchartsLine(ctx: CanvasRenderingContext2D, node: Node): void;
@@ -0,0 +1,99 @@
1
+ import {svgPathInstance} from "../../../../../store";
2
+
3
+ export function svgEchartsLine(ctx, node) {
4
+ // 将 SVG 中的路径坐标等比缩放到相应尺寸的画布上
5
+ // SVG 范围: x: 0~1024, y: 0~1024
6
+ try {
7
+ let path1 = null;
8
+ let path2 = null;
9
+ if(svgPathInstance.has(node.id)) {
10
+ const pathData = svgPathInstance.get(node.id);
11
+ path1 = pathData.path1;
12
+ path2 = pathData.path2;
13
+ }else {
14
+ // 创建两个 Path2D 对象
15
+ path1 = new Path2D(node.path[0]);
16
+ path2 = new Path2D(node.path[1]);
17
+ svgPathInstance.set(node.id, {
18
+ path1,
19
+ path2
20
+ })
21
+ }
22
+ //console.log('path1====', path1, path2)
23
+ // 保存当前状态
24
+ ctx.save();
25
+ ctx.translate(node.rect.x, node.rect.y);
26
+ // 应用缩放变换: 将 SVG 坐标系 (0~1024) 缩放到 canvas 上
27
+ ctx.scale(node.rect.width / 1024, node.rect.height / 1024);
28
+ // 绘制第一个路径 (坐标轴)
29
+ ctx.fillStyle = node.strokeStyle; // 双坐标轴颜色
30
+ ctx.lineWidth = node.lineWidth;
31
+ ctx.fill(path1);
32
+ // 绘制第二个路径 (折线趋势)
33
+ ctx.fillStyle = node.strokeStyle; // 折线颜色
34
+ ctx.lineWidth = node.lineWidth;
35
+ ctx.fill(path2);
36
+ // 恢复变换
37
+ ctx.restore();
38
+ } catch (error) {
39
+ // 降级方案 手动绘制相似形状 (确保兼容性)
40
+ //console.info('Path2D 解析失败,使用备用手动绘制>>>', error);
41
+ ctx.save();
42
+ ctx.beginPath();
43
+ ctx.strokeStyle = node.strokeStyle;
44
+ ctx.lineWidth = node.lineWidth;
45
+ ctx.lineCap = 'round';
46
+
47
+ // X轴 (水平)
48
+ ctx.moveTo(node.rect.x, node.rect.y + node.rect.height);
49
+ ctx.lineTo(node.rect.x + node.rect.width, node.rect.y + node.rect.height);
50
+ ctx.stroke();
51
+
52
+ // Y轴 (垂直)
53
+ ctx.moveTo(node.rect.x, node.rect.y + node.rect.height / 5);
54
+ ctx.lineTo(node.rect.x, node.rect.y + node.rect.height);
55
+ ctx.stroke();
56
+
57
+ // 起点坐标
58
+ const startX = node.rect.x + node.rect.width / 10;
59
+ const startY = node.rect.y + node.rect.height * (5/6);
60
+
61
+ // 第一个折角
62
+ const x2 = node.rect.x + node.rect.width / 4 ;
63
+ const y2 = startY - node.rect.height / 3;
64
+
65
+ // 第二个折点: 离X轴的距离
66
+ const x3 = node.rect.x + node.rect.width * 3 / 5;
67
+ const y3 = node.rect.y + node.rect.height / 1.3;
68
+
69
+ // 终点: 在X轴末端附近,向上收尾
70
+ const xEnd = node.rect.x + node.rect.width;
71
+ const yEnd = startY - node.rect.height * 3 / 5;
72
+
73
+ // 收集所有点
74
+ const points = [
75
+ { x: startX, y: startY },
76
+ { x: x2, y: y2 },
77
+ { x: x3, y: y3 },
78
+ { x: xEnd, y: yEnd }
79
+ ];
80
+ // 边界保护 (确保点在画布内)
81
+ for (let p of points) {
82
+ p.y = Math.min(node.rect.y + node.rect.height - 2, Math.max(node.rect.y + 2, p.y));
83
+ p.x = Math.min(node.rect.x + node.rect.width + 2, Math.max( node.rect.x - 2, p.x));
84
+ }
85
+ // ---------- 绘制折线 ----------
86
+ ctx.beginPath();
87
+ ctx.lineWidth = node.lineWidth;
88
+ ctx.strokeStyle = node.strokeStyle;
89
+ ctx.lineJoin = 'round';
90
+ ctx.lineCap = 'round';
91
+
92
+ ctx.moveTo(points[0].x, points[0].y);
93
+ for (let i = 1; i < points.length; i++) {
94
+ ctx.lineTo(points[i].x, points[i].y);
95
+ }
96
+ ctx.stroke();
97
+ ctx.restore();
98
+ }
99
+ }
@@ -1,52 +1,54 @@
1
- export * from './arbitrarygraph';
2
- export * from './arbitrarygraph.anchor';
3
- export * from './arrow';
4
- export * from './arrow.rect';
5
- export * from './arrow.anchor';
6
- export * from './circle';
7
- export * from './circle.rect';
8
- export * from './circle.anchor';
9
- export * from './cloud';
10
- export * from './cloud.rect';
11
- export * from './cloud.anchor';
12
- export * from './cube';
13
- export * from './cube.rect';
14
- export * from './cube.anchor';
15
- export * from './cube.model';
16
- export * from './diamond';
17
- export * from './diamond.rect';
18
- export * from './file';
19
- export * from './formtable';
20
- export * from './formselect';
21
- export * from './hexagon';
22
- export * from './hexagon.anchor';
23
- export * from './hexagon.rect';
24
- export * from './image.rect';
25
- export * from './image.anchor';
26
- export * from './iframe';
27
- export * from './line';
28
- export * from './line.anchor';
29
- export * from './line.rect';
30
- export * from './message';
31
- export * from './message.anchor';
32
- export * from './message.rect';
33
- export * from './pentagon';
34
- export * from './pentagon.anchor';
35
- export * from './pentagon.rect';
36
- export * from './pentagram';
37
- export * from './pentagram.anchor';
38
- export * from './pentagram.rect';
39
- export * from './people';
40
- export * from './people.rect';
41
- export * from './rectangle';
42
- export * from './rectangle.rect';
43
- export * from './tablePagination';
44
- export * from './text';
45
- export * from './triangle';
46
- export * from './triangle.anchor';
47
- export * from './triangle.rect';
48
- export * from './formoverflow';
49
- export * from './time';
50
- export * from './formDatePicker';
51
- export * from './switchs';
52
- export * from './progress';
1
+ export * from './basic/arbitrarygraph';
2
+ export * from './basic/arbitrarygraph.anchor';
3
+ export * from './basic/arrow';
4
+ export * from './basic/arrow.rect';
5
+ export * from './basic/arrow.anchor';
6
+ export * from './basic/circle';
7
+ export * from './basic/circle.rect';
8
+ export * from './basic/circle.anchor';
9
+ export * from './basic/cloud';
10
+ export * from './basic/cloud.rect';
11
+ export * from './basic/cloud.anchor';
12
+ export * from './basic/cube';
13
+ export * from './basic/cube.rect';
14
+ export * from './basic/cube.anchor';
15
+ export * from './basic/cube.model';
16
+ export * from './basic/diamond';
17
+ export * from './basic/diamond.rect';
18
+ export * from './basic/file';
19
+ export * from './basic/image.rect';
20
+ export * from './basic/image.anchor';
21
+ export * from './basic/iframe';
22
+ export * from './basic/line';
23
+ export * from './basic/line.anchor';
24
+ export * from './basic/line.rect';
25
+ export * from './basic/message';
26
+ export * from './basic/message.anchor';
27
+ export * from './basic/message.rect';
28
+ export * from './basic/pentagon';
29
+ export * from './basic/pentagon.anchor';
30
+ export * from './basic/pentagon.rect';
31
+ export * from './basic/pentagram';
32
+ export * from './basic/pentagram.anchor';
33
+ export * from './basic/pentagram.rect';
34
+ export * from './basic/people';
35
+ export * from './basic/people.rect';
36
+ export * from './basic/rectangle';
37
+ export * from './basic/rectangle.rect';
38
+ export * from './basic/text';
39
+ export * from './basic/triangle';
40
+ export * from './basic/triangle.anchor';
41
+ export * from './basic/triangle.rect';
42
+ export * from './icon/echartLine';
43
+ export * from './flow/hexagon';
44
+ export * from './flow/hexagon.anchor';
45
+ export * from './flow/hexagon.rect';
46
+ export * from './form/formtable';
47
+ export * from './form/formselect';
48
+ export * from './form/tablePagination';
49
+ export * from './form/formoverflow';
50
+ export * from './form/time';
51
+ export * from './form/formDatePicker';
52
+ export * from './form/switchs';
53
+ export * from './form/progress';
54
+ export * from './custom/humiture';