@logicflow/core 2.2.0 → 2.2.1

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 (236) hide show
  1. package/dist/index.css +3 -2
  2. package/dist/index.min.js +1 -1
  3. package/dist/index.min.js.map +1 -1
  4. package/es/LogicFlow.d.ts +9 -0
  5. package/es/LogicFlow.js +0 -1
  6. package/es/constant/index.d.ts +1 -1
  7. package/es/constant/index.js +1 -1
  8. package/es/constant/theme.d.ts +136 -0
  9. package/es/constant/theme.js +680 -0
  10. package/es/index.css +3 -2
  11. package/es/model/GraphModel.d.ts +10 -2
  12. package/es/model/GraphModel.js +48 -14
  13. package/es/model/TransformModel.js +9 -9
  14. package/es/model/edge/BaseEdgeModel.js +7 -2
  15. package/es/model/edge/PolylineEdgeModel.d.ts +7 -0
  16. package/es/model/edge/PolylineEdgeModel.js +136 -7
  17. package/es/model/node/BaseNodeModel.d.ts +12 -1
  18. package/es/model/node/BaseNodeModel.js +9 -2
  19. package/es/model/node/HtmlNodeModel.d.ts +12 -0
  20. package/es/model/node/HtmlNodeModel.js +19 -0
  21. package/es/model/node/PolygonNodeModel.js +3 -3
  22. package/es/options.d.ts +4 -2
  23. package/es/style/index.css +3 -2
  24. package/es/style/index.less +3 -2
  25. package/es/style/raw.d.ts +1 -1
  26. package/es/style/raw.js +1 -1
  27. package/es/tool/MultipleSelectTool.js +10 -5
  28. package/es/util/drag.js +0 -1
  29. package/es/util/edge.d.ts +40 -1
  30. package/es/util/edge.js +43 -9
  31. package/es/util/geometry.d.ts +8 -0
  32. package/es/util/geometry.js +79 -0
  33. package/es/util/theme.d.ts +2 -65
  34. package/es/util/theme.js +4 -281
  35. package/es/view/Anchor.d.ts +1 -0
  36. package/es/view/Anchor.js +24 -21
  37. package/es/view/Control.d.ts +5 -0
  38. package/es/view/Control.js +44 -57
  39. package/es/view/edge/BaseEdge.js +9 -0
  40. package/es/view/edge/PolylineEdge.js +13 -2
  41. package/es/view/node/BaseNode.d.ts +1 -0
  42. package/es/view/node/BaseNode.js +23 -11
  43. package/es/view/node/HtmlNode.js +2 -4
  44. package/es/view/overlay/CanvasOverlay.js +5 -2
  45. package/es/view/overlay/Grid.d.ts +12 -1
  46. package/es/view/overlay/Grid.js +85 -23
  47. package/es/view/overlay/OutlineOverlay.d.ts +1 -0
  48. package/es/view/overlay/OutlineOverlay.js +18 -17
  49. package/es/view/overlay/gridConfig.d.ts +46 -0
  50. package/es/view/overlay/gridConfig.js +99 -0
  51. package/es/view/shape/Polygon.d.ts +0 -7
  52. package/es/view/shape/Polygon.js +12 -43
  53. package/lib/LogicFlow.d.ts +9 -0
  54. package/lib/LogicFlow.js +0 -1
  55. package/lib/constant/index.d.ts +1 -1
  56. package/lib/constant/index.js +16 -2
  57. package/lib/constant/theme.d.ts +136 -0
  58. package/lib/constant/theme.js +683 -0
  59. package/lib/index.css +3 -2
  60. package/lib/model/GraphModel.d.ts +10 -2
  61. package/lib/model/GraphModel.js +49 -15
  62. package/lib/model/TransformModel.js +9 -9
  63. package/lib/model/edge/BaseEdgeModel.js +7 -2
  64. package/lib/model/edge/PolylineEdgeModel.d.ts +7 -0
  65. package/lib/model/edge/PolylineEdgeModel.js +136 -7
  66. package/lib/model/node/BaseNodeModel.d.ts +12 -1
  67. package/lib/model/node/BaseNodeModel.js +9 -2
  68. package/lib/model/node/HtmlNodeModel.d.ts +12 -0
  69. package/lib/model/node/HtmlNodeModel.js +19 -0
  70. package/lib/model/node/PolygonNodeModel.js +3 -3
  71. package/lib/options.d.ts +4 -2
  72. package/lib/style/index.css +3 -2
  73. package/lib/style/index.less +3 -2
  74. package/lib/style/raw.d.ts +1 -1
  75. package/lib/style/raw.js +1 -1
  76. package/lib/tool/MultipleSelectTool.js +10 -5
  77. package/lib/util/drag.js +0 -1
  78. package/lib/util/edge.d.ts +40 -1
  79. package/lib/util/edge.js +43 -9
  80. package/lib/util/geometry.d.ts +8 -0
  81. package/lib/util/geometry.js +81 -1
  82. package/lib/util/theme.d.ts +2 -65
  83. package/lib/util/theme.js +15 -292
  84. package/lib/view/Anchor.d.ts +1 -0
  85. package/lib/view/Anchor.js +24 -21
  86. package/lib/view/Control.d.ts +5 -0
  87. package/lib/view/Control.js +44 -57
  88. package/lib/view/edge/BaseEdge.js +9 -0
  89. package/lib/view/edge/PolylineEdge.js +13 -2
  90. package/lib/view/node/BaseNode.d.ts +1 -0
  91. package/lib/view/node/BaseNode.js +22 -10
  92. package/lib/view/node/HtmlNode.js +1 -3
  93. package/lib/view/overlay/CanvasOverlay.js +5 -2
  94. package/lib/view/overlay/Grid.d.ts +12 -1
  95. package/lib/view/overlay/Grid.js +83 -21
  96. package/lib/view/overlay/OutlineOverlay.d.ts +1 -0
  97. package/lib/view/overlay/OutlineOverlay.js +18 -17
  98. package/lib/view/overlay/gridConfig.d.ts +46 -0
  99. package/lib/view/overlay/gridConfig.js +104 -0
  100. package/lib/view/shape/Polygon.d.ts +0 -7
  101. package/lib/view/shape/Polygon.js +13 -45
  102. package/package.json +6 -1
  103. package/.turbo/turbo-build$colon$dev.log +0 -10
  104. package/.turbo/turbo-build.log +0 -33
  105. package/CHANGELOG.md +0 -1849
  106. package/__tests__/algorithm/egde.test.ts +0 -131
  107. package/__tests__/algorithm/index.test.ts +0 -74
  108. package/__tests__/algorithm/outline.test.ts +0 -43
  109. package/__tests__/bugs/1545-spec.test.ts +0 -42
  110. package/__tests__/event/event.test.ts +0 -22
  111. package/__tests__/history/history.test.ts +0 -28
  112. package/__tests__/logicflow.test.ts +0 -575
  113. package/__tests__/model/graphmodel.test.ts +0 -87
  114. package/__tests__/util/compatible.test.ts +0 -48
  115. package/__tests__/util/edge.test.ts +0 -224
  116. package/__tests__/util/geometry.test.ts +0 -14
  117. package/__tests__/util/graph.test.ts +0 -16
  118. package/__tests__/util/matrix.test.ts +0 -41
  119. package/__tests__/util/node.test.ts +0 -68
  120. package/__tests__/util/sampling.test.ts +0 -12
  121. package/__tests__/util/vector.test.ts +0 -50
  122. package/__tests__/util/zIndex.test.ts +0 -10
  123. package/src/LogicFlow.tsx +0 -2008
  124. package/src/algorithm/edge.ts +0 -67
  125. package/src/algorithm/index.ts +0 -70
  126. package/src/algorithm/outline.ts +0 -77
  127. package/src/algorithm/rotate.ts +0 -55
  128. package/src/common/drag.ts +0 -219
  129. package/src/common/history.ts +0 -108
  130. package/src/common/index.ts +0 -6
  131. package/src/common/keyboard.ts +0 -108
  132. package/src/common/matrix.ts +0 -122
  133. package/src/common/vector.ts +0 -93
  134. package/src/constant/index.ts +0 -179
  135. package/src/event/event.md +0 -66
  136. package/src/event/eventArgs.ts +0 -643
  137. package/src/event/eventEmitter.ts +0 -156
  138. package/src/history/index.ts +0 -119
  139. package/src/index.less +0 -1
  140. package/src/index.ts +0 -26
  141. package/src/keyboard/index.ts +0 -112
  142. package/src/keyboard/shortcut.ts +0 -200
  143. package/src/model/BaseModel.ts +0 -250
  144. package/src/model/EditConfigModel.ts +0 -334
  145. package/src/model/GraphModel.ts +0 -1788
  146. package/src/model/NestedTransformModel.ts +0 -121
  147. package/src/model/SnaplineModel.ts +0 -256
  148. package/src/model/TransformModel.ts +0 -258
  149. package/src/model/edge/BaseEdgeModel.ts +0 -777
  150. package/src/model/edge/BezierEdgeModel.ts +0 -197
  151. package/src/model/edge/LineEdgeModel.ts +0 -36
  152. package/src/model/edge/PolylineEdgeModel.ts +0 -672
  153. package/src/model/edge/index.ts +0 -4
  154. package/src/model/index.ts +0 -9
  155. package/src/model/node/BaseNodeModel.ts +0 -949
  156. package/src/model/node/CircleNodeModel.ts +0 -91
  157. package/src/model/node/DiamondNodeModel.ts +0 -132
  158. package/src/model/node/EllipseNodeModel.ts +0 -98
  159. package/src/model/node/HtmlNodeModel.ts +0 -50
  160. package/src/model/node/PolygonNodeModel.ts +0 -150
  161. package/src/model/node/RectNodeModel.ts +0 -69
  162. package/src/model/node/TextNodeModel.ts +0 -54
  163. package/src/model/node/index.ts +0 -8
  164. package/src/options.ts +0 -145
  165. package/src/style/index.less +0 -261
  166. package/src/style/raw.ts +0 -220
  167. package/src/tool/MultipleSelectTool.tsx +0 -132
  168. package/src/tool/TextEditTool.tsx +0 -193
  169. package/src/tool/index.ts +0 -101
  170. package/src/typings.d.ts +0 -5
  171. package/src/util/animation.ts +0 -29
  172. package/src/util/browser.ts +0 -4
  173. package/src/util/compatible.ts +0 -15
  174. package/src/util/drag.ts +0 -220
  175. package/src/util/edge.ts +0 -1060
  176. package/src/util/geometry.ts +0 -55
  177. package/src/util/graph.ts +0 -46
  178. package/src/util/index.ts +0 -17
  179. package/src/util/matrix.ts +0 -129
  180. package/src/util/mobx.ts +0 -23
  181. package/src/util/node.ts +0 -543
  182. package/src/util/raf.ts +0 -28
  183. package/src/util/resize.ts +0 -606
  184. package/src/util/sampling.ts +0 -85
  185. package/src/util/theme.ts +0 -375
  186. package/src/util/uuid.ts +0 -26
  187. package/src/util/vector.ts +0 -93
  188. package/src/util/zIndex.ts +0 -6
  189. package/src/view/Anchor.tsx +0 -445
  190. package/src/view/Control.tsx +0 -512
  191. package/src/view/Graph.tsx +0 -141
  192. package/src/view/Rotate.tsx +0 -113
  193. package/src/view/behavior/dnd.ts +0 -162
  194. package/src/view/behavior/index.ts +0 -2
  195. package/src/view/behavior/snapline.ts +0 -16
  196. package/src/view/edge/AdjustPoint.tsx +0 -425
  197. package/src/view/edge/Arrow.tsx +0 -54
  198. package/src/view/edge/BaseEdge.tsx +0 -650
  199. package/src/view/edge/BezierEdge.tsx +0 -101
  200. package/src/view/edge/LineEdge.tsx +0 -81
  201. package/src/view/edge/PolylineEdge.tsx +0 -299
  202. package/src/view/edge/index.ts +0 -6
  203. package/src/view/index.ts +0 -8
  204. package/src/view/node/BaseNode.tsx +0 -571
  205. package/src/view/node/CircleNode.tsx +0 -21
  206. package/src/view/node/DiamondNode.tsx +0 -24
  207. package/src/view/node/EllipseNode.tsx +0 -22
  208. package/src/view/node/HtmlNode.tsx +0 -95
  209. package/src/view/node/PolygonNode.tsx +0 -28
  210. package/src/view/node/RectNode.tsx +0 -30
  211. package/src/view/node/TextNode.tsx +0 -39
  212. package/src/view/node/index.ts +0 -8
  213. package/src/view/overlay/BackgroundOverlay.tsx +0 -34
  214. package/src/view/overlay/BezierAdjustOverlay.tsx +0 -150
  215. package/src/view/overlay/CanvasOverlay.tsx +0 -288
  216. package/src/view/overlay/Grid.tsx +0 -162
  217. package/src/view/overlay/ModificationOverlay.tsx +0 -31
  218. package/src/view/overlay/OutlineOverlay.tsx +0 -170
  219. package/src/view/overlay/SnaplineOverlay.tsx +0 -44
  220. package/src/view/overlay/ToolOverlay.tsx +0 -65
  221. package/src/view/overlay/getTransformHoc.tsx +0 -50
  222. package/src/view/overlay/index.ts +0 -8
  223. package/src/view/shape/Circle.tsx +0 -41
  224. package/src/view/shape/Ellipse.tsx +0 -42
  225. package/src/view/shape/Line.tsx +0 -39
  226. package/src/view/shape/Path.tsx +0 -22
  227. package/src/view/shape/Polygon.tsx +0 -91
  228. package/src/view/shape/Polyline.tsx +0 -31
  229. package/src/view/shape/Rect.tsx +0 -44
  230. package/src/view/shape/Text.tsx +0 -169
  231. package/src/view/shape/index.ts +0 -8
  232. package/src/view/text/BaseText.tsx +0 -134
  233. package/src/view/text/LineText.tsx +0 -168
  234. package/src/view/text/index.ts +0 -2
  235. package/stats.html +0 -4842
  236. package/tsconfig.json +0 -18
@@ -1,131 +0,0 @@
1
- import { getCrossPointOfLine, isInSegment } from '../../src/algorithm/edge'
2
-
3
- describe('algorithm/edge', () => {
4
- // one intersection
5
- test('one intersection', () => {
6
- const line1 = [
7
- {
8
- x: 0,
9
- y: 0,
10
- },
11
- {
12
- x: 10,
13
- y: 10,
14
- },
15
- ]
16
- const line2 = [
17
- {
18
- x: 10,
19
- y: 0,
20
- },
21
- {
22
- x: 0,
23
- y: 10,
24
- },
25
- ]
26
- expect(
27
- getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
28
- ).toBeTruthy()
29
- })
30
- // multiple intersection
31
- test('multiple intersection', () => {
32
- const line1 = [
33
- {
34
- x: 0,
35
- y: 0,
36
- },
37
- {
38
- x: 10,
39
- y: 10,
40
- },
41
- ]
42
- const line2 = [
43
- {
44
- x: 0,
45
- y: 0,
46
- },
47
- {
48
- x: 10,
49
- y: 10,
50
- },
51
- ]
52
- expect(
53
- getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
54
- ).toBeFalsy()
55
- })
56
- // no intersection
57
- test('intersection', () => {
58
- const line1 = [
59
- {
60
- x: 0,
61
- y: 0,
62
- },
63
- {
64
- x: 10,
65
- y: 10,
66
- },
67
- ]
68
- const line2 = [
69
- {
70
- x: 10,
71
- y: 0,
72
- },
73
- {
74
- x: 20,
75
- y: 10,
76
- },
77
- ]
78
- expect(
79
- getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
80
- ).toBeFalsy()
81
- })
82
-
83
- test('in segment', () => {
84
- const point = {
85
- x: 0,
86
- y: 0,
87
- }
88
- const line1 = [
89
- {
90
- x: -10,
91
- y: -10,
92
- },
93
- {
94
- x: 10,
95
- y: 10,
96
- },
97
- ]
98
- const line2 = [
99
- {
100
- x: -10,
101
- y: 10,
102
- },
103
- {
104
- x: 10,
105
- y: -10,
106
- },
107
- ]
108
- expect(isInSegment(point, line1[0], line1[1])).toBeTruthy()
109
- expect(isInSegment(point, line1[1], line1[0])).toBeTruthy()
110
- expect(isInSegment(point, line2[0], line2[1])).toBeTruthy()
111
- expect(isInSegment(point, line2[1], line2[0])).toBeTruthy()
112
- })
113
- // not in segment
114
- test('not in segment', () => {
115
- const point = {
116
- x: 10,
117
- y: 0,
118
- }
119
- const line = [
120
- {
121
- x: -10,
122
- y: -10,
123
- },
124
- {
125
- x: 10,
126
- y: 10,
127
- },
128
- ]
129
- expect(isInSegment(point, line[0], line[1])).toBeFalsy()
130
- })
131
- })
@@ -1,74 +0,0 @@
1
- import { getVerticalPointOfLine } from '../../src/algorithm'
2
-
3
- describe('algorithm/index', () => {
4
- test('getVerticalPointOfLine', () => {
5
- const config1 = {
6
- start: {
7
- x: 0,
8
- y: 0,
9
- },
10
- end: {
11
- x: 0,
12
- y: 10,
13
- },
14
- offset: 3,
15
- verticalLength: 3,
16
- type: 'start',
17
- }
18
-
19
- const config2 = {
20
- start: {
21
- x: 0,
22
- y: 0,
23
- },
24
- end: {
25
- x: 10,
26
- y: 0,
27
- },
28
- offset: 3,
29
- verticalLength: 3,
30
- type: 'end',
31
- }
32
-
33
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
34
- const config3 = {
35
- start: {
36
- x: 10,
37
- y: 10,
38
- },
39
- end: {
40
- x: 0,
41
- y: 0,
42
- },
43
- offset: 3,
44
- verticalLength: 3,
45
- type: 'start',
46
- }
47
-
48
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
49
- const config4 = {
50
- start: {
51
- x: 10,
52
- y: 10,
53
- },
54
- end: {
55
- x: 0,
56
- y: 0,
57
- },
58
- offset: 3,
59
- verticalLength: 3,
60
- type: 'end',
61
- }
62
- const res1 = getVerticalPointOfLine(config1)
63
- expect(Math.abs(res1.leftX) - 5 < Number.EPSILON).toBeTruthy()
64
- expect(Math.abs(res1.leftY) - 3 < Number.EPSILON).toBeTruthy()
65
- expect(Math.abs(res1.rightX) - 5 < Number.EPSILON).toBeTruthy()
66
- expect(Math.abs(res1.rightY) - 3 < Number.EPSILON).toBeTruthy()
67
-
68
- const res2 = getVerticalPointOfLine(config2)
69
- expect(Math.abs(res2.leftX) - 7 < Number.EPSILON).toBeTruthy()
70
- expect(Math.abs(res2.leftY) - 3 < Number.EPSILON).toBeTruthy()
71
- expect(Math.abs(res2.rightX) - 7 < Number.EPSILON).toBeTruthy()
72
- expect(Math.abs(res2.rightY) - 3 < Number.EPSILON).toBeTruthy()
73
- })
74
- })
@@ -1,43 +0,0 @@
1
- import { getEdgeOutline } from '../../src/algorithm/outline'
2
-
3
- describe('algorithm/outline', () => {
4
- test('get edge outline', () => {
5
- const edge1 = {
6
- modelType: 'line-edge',
7
- startPoint: {
8
- x: 0,
9
- y: 0,
10
- },
11
- endPoint: {
12
- x: 10,
13
- y: 10,
14
- },
15
- }
16
- expect(getEdgeOutline(edge1)).toEqual({
17
- x: -5,
18
- y: -5,
19
- x1: 15,
20
- y1: 15,
21
- })
22
- const edge2 = {
23
- modelType: 'polyline-edge',
24
- points: '0,0 10,10',
25
- }
26
- expect(getEdgeOutline(edge2)).toEqual({
27
- x: -4,
28
- y: -4,
29
- x1: 14,
30
- y1: 14,
31
- })
32
- const edge3 = {
33
- modelType: 'bezier-edge',
34
- path: 'M 270 195C 370 195,305 290,405 290',
35
- }
36
- expect(getEdgeOutline(edge3)).toEqual({
37
- x: 266,
38
- y: 191,
39
- x1: 409,
40
- y1: 294,
41
- })
42
- })
43
- })
@@ -1,42 +0,0 @@
1
- import LogicFlow from '../../src/index'
2
-
3
- import NodeConfig = LogicFlow.NodeConfig
4
- import TextConfig = LogicFlow.TextConfig
5
-
6
- type NodeConfigTextObj = NodeConfig & {
7
- text: TextConfig
8
- }
9
- describe('#1545', () => {
10
- const dom = document.createElement('div')
11
- dom.id = 'main-graph'
12
- document.body.appendChild(dom)
13
- const lf = new LogicFlow({
14
- container: dom,
15
- width: 1000,
16
- height: 1000,
17
- grid: true,
18
- })
19
-
20
- it('clone node text pos should snap to grid', () => {
21
- lf.render({
22
- nodes: [
23
- {
24
- id: 'node_id_1',
25
- type: 'rect',
26
- x: 300,
27
- y: 300,
28
- text: {
29
- x: 32,
30
- y: 19,
31
- value: '文本1',
32
- },
33
- },
34
- ],
35
- })
36
- const originNode = lf.getDataById('node_id_1') as NodeConfigTextObj
37
- const newNode = lf.cloneNode('node_id_1') as NodeConfigTextObj
38
- expect(originNode.x - originNode.text.x).toEqual(newNode.x - newNode.text.x)
39
- expect(originNode.y - originNode.text.y).toEqual(newNode.y - newNode.text.y)
40
- expect(originNode.text.value).toEqual(newNode.text.value)
41
- })
42
- })
@@ -1,22 +0,0 @@
1
- import EventEmitter from '../../src/event/eventEmitter'
2
-
3
- describe('event/eventEmitter', () => {
4
- const em = new EventEmitter()
5
- test('event emitter', () => {
6
- const fn = jest.fn()
7
- em.on('test', fn)
8
- em.emit('test', { a: 1 })
9
- expect(fn).toBeCalledWith({ a: 1 })
10
- em.off('test', fn)
11
- em.emit('test', { a: 1 })
12
- expect(fn).toBeCalledTimes(1)
13
-
14
- em.once('test1', fn)
15
- em.emit('test1', { a: 1 })
16
- expect(fn).toBeCalledTimes(2)
17
- em.once('test1', fn)
18
- em.emit('test1', { a: 1 })
19
- const test1Events = em.getEvents().test1
20
- expect(test1Events).toBeUndefined()
21
- })
22
- })
@@ -1,28 +0,0 @@
1
- import History from '../../src/history/History'
2
- import EventEmitter from '../../src/event/eventEmitter'
3
-
4
- describe('history', () => {
5
- const event = new EventEmitter()
6
- const history = new History(event)
7
- expect(history).toBeDefined()
8
- test('add', () => {
9
- history.add(1)
10
- expect(history.undos).toEqual([1])
11
- expect(history.redos).toEqual([])
12
- })
13
- test('undo', () => {
14
- history.add(1)
15
- history.add(2)
16
- history.undo()
17
- expect(history.undos).toEqual([])
18
- expect(history.redos).toEqual([2])
19
- })
20
- test('redo', () => {
21
- history.add(1)
22
- history.add(2)
23
- history.undo()
24
- history.redo()
25
- expect(history.undos).toEqual([])
26
- expect(history.redos).toEqual([])
27
- })
28
- })