@antv/layout 0.3.23 → 0.3.24
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.
- package/dist/layout.min.js +1 -1
- package/dist/layout.min.js.map +1 -1
- package/es/layout/radial/radial.d.ts +4 -2
- package/es/layout/radial/radial.js +40 -29
- package/es/layout/radial/radial.js.map +1 -1
- package/es/layout/types.d.ts +27 -26
- package/lib/layout/radial/radial.d.ts +4 -2
- package/lib/layout/radial/radial.js +36 -25
- package/lib/layout/radial/radial.js.map +1 -1
- package/lib/layout/types.d.ts +27 -26
- package/package.json +1 -1
- package/src/layout/radial/radial.ts +50 -36
- package/src/layout/types.ts +62 -50
package/src/layout/types.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Base } from
|
|
1
|
+
import { Base } from './base';
|
|
2
2
|
|
|
3
3
|
export interface Node {
|
|
4
4
|
id: string;
|
|
@@ -73,7 +73,6 @@ export type NodeMap = {
|
|
|
73
73
|
[key: string]: INode;
|
|
74
74
|
};
|
|
75
75
|
|
|
76
|
-
|
|
77
76
|
export type Matrix = number[];
|
|
78
77
|
|
|
79
78
|
export type Point = {
|
|
@@ -92,7 +91,7 @@ export interface ComboTree {
|
|
|
92
91
|
children?: ComboTree[];
|
|
93
92
|
depth?: number;
|
|
94
93
|
parentId?: string;
|
|
95
|
-
itemType?:
|
|
94
|
+
itemType?: 'node' | 'combo';
|
|
96
95
|
[key: string]: unknown;
|
|
97
96
|
}
|
|
98
97
|
export interface ComboConfig {
|
|
@@ -103,7 +102,7 @@ export interface ComboConfig {
|
|
|
103
102
|
}
|
|
104
103
|
|
|
105
104
|
export interface CircularLayoutOptions {
|
|
106
|
-
type:
|
|
105
|
+
type: 'circular';
|
|
107
106
|
center?: PointTuple;
|
|
108
107
|
width?: number;
|
|
109
108
|
height?: number;
|
|
@@ -112,7 +111,7 @@ export interface CircularLayoutOptions {
|
|
|
112
111
|
endRadius?: number | null;
|
|
113
112
|
clockwise?: boolean;
|
|
114
113
|
divisions?: number;
|
|
115
|
-
ordering?:
|
|
114
|
+
ordering?: 'topology' | 'topology-directed' | 'degree' | null;
|
|
116
115
|
angleRatio?: number;
|
|
117
116
|
workerEnabled?: boolean;
|
|
118
117
|
startAngle?: number;
|
|
@@ -121,7 +120,7 @@ export interface CircularLayoutOptions {
|
|
|
121
120
|
}
|
|
122
121
|
|
|
123
122
|
export interface ComboForceLayoutOptions {
|
|
124
|
-
type:
|
|
123
|
+
type: 'comboForce';
|
|
125
124
|
center?: PointTuple;
|
|
126
125
|
maxIteration?: number;
|
|
127
126
|
linkDistance?: number | ((d?: unknown) => number);
|
|
@@ -151,7 +150,7 @@ export interface ComboForceLayoutOptions {
|
|
|
151
150
|
workerEnabled?: boolean;
|
|
152
151
|
}
|
|
153
152
|
export interface ComboCombinedLayoutOptions {
|
|
154
|
-
type:
|
|
153
|
+
type: 'comboConcentricForce';
|
|
155
154
|
center?: PointTuple;
|
|
156
155
|
nodeSize?: number | number[] | ((d?: any) => number) | undefined;
|
|
157
156
|
spacing?: number | number[] | ((d?: any) => number) | undefined;
|
|
@@ -162,7 +161,7 @@ export interface ComboCombinedLayoutOptions {
|
|
|
162
161
|
}
|
|
163
162
|
|
|
164
163
|
export interface ConcentricLayoutOptions {
|
|
165
|
-
type:
|
|
164
|
+
type: 'concentric';
|
|
166
165
|
center?: PointTuple;
|
|
167
166
|
preventOverlap?: boolean;
|
|
168
167
|
nodeSize?: number | PointTuple;
|
|
@@ -180,9 +179,9 @@ export interface ConcentricLayoutOptions {
|
|
|
180
179
|
}
|
|
181
180
|
|
|
182
181
|
export interface DagreLayoutOptions {
|
|
183
|
-
type:
|
|
184
|
-
rankdir?:
|
|
185
|
-
align?:
|
|
182
|
+
type: 'dagre';
|
|
183
|
+
rankdir?: 'TB' | 'BT' | 'LR' | 'RL';
|
|
184
|
+
align?: 'UL' | 'UR' | 'DL' | 'DR';
|
|
186
185
|
begin?: PointTuple;
|
|
187
186
|
nodeSize?: number | number[] | undefined;
|
|
188
187
|
nodesep?: number;
|
|
@@ -193,8 +192,8 @@ export interface DagreLayoutOptions {
|
|
|
193
192
|
edgeLabelSpace?: boolean;
|
|
194
193
|
nodeOrder?: string[];
|
|
195
194
|
preset?: {
|
|
196
|
-
nodes: OutNode[]
|
|
197
|
-
edges: any[]
|
|
195
|
+
nodes: OutNode[];
|
|
196
|
+
edges: any[];
|
|
198
197
|
};
|
|
199
198
|
onLayoutEnd?: () => void;
|
|
200
199
|
nodesepFunc?: ((d?: any) => number) | undefined;
|
|
@@ -202,9 +201,9 @@ export interface DagreLayoutOptions {
|
|
|
202
201
|
}
|
|
203
202
|
|
|
204
203
|
export interface DagreCompoundLayoutOptions {
|
|
205
|
-
type?:
|
|
206
|
-
rankdir?:
|
|
207
|
-
align?:
|
|
204
|
+
type?: 'dagreCompound';
|
|
205
|
+
rankdir?: 'TB' | 'BT' | 'LR' | 'RL';
|
|
206
|
+
align?: 'UL' | 'UR' | 'DL' | 'DR';
|
|
208
207
|
begin?: PointTuple;
|
|
209
208
|
nodeSize?: number | number[] | undefined;
|
|
210
209
|
nodesep?: number;
|
|
@@ -216,7 +215,7 @@ export interface DagreCompoundLayoutOptions {
|
|
|
216
215
|
}
|
|
217
216
|
|
|
218
217
|
export interface FruchtermanLayoutOptions {
|
|
219
|
-
type:
|
|
218
|
+
type: 'fruchterman';
|
|
220
219
|
center?: PointTuple;
|
|
221
220
|
maxIteration?: number;
|
|
222
221
|
width?: number;
|
|
@@ -243,7 +242,7 @@ export interface CentripetalOptions {
|
|
|
243
242
|
nodes: INode[],
|
|
244
243
|
edges: Edge[],
|
|
245
244
|
width: number,
|
|
246
|
-
height: number
|
|
245
|
+
height: number
|
|
247
246
|
) => {
|
|
248
247
|
x: number;
|
|
249
248
|
y: number;
|
|
@@ -251,12 +250,18 @@ export interface CentripetalOptions {
|
|
|
251
250
|
};
|
|
252
251
|
}
|
|
253
252
|
export interface Force2LayoutOptions {
|
|
254
|
-
type?:
|
|
253
|
+
type?: 'force2';
|
|
255
254
|
center?: PointTuple;
|
|
256
255
|
width?: number;
|
|
257
256
|
height?: number;
|
|
258
|
-
linkDistance?:
|
|
259
|
-
|
|
257
|
+
linkDistance?:
|
|
258
|
+
| number
|
|
259
|
+
| ((edge?: any, source?: any, target?: any) => number)
|
|
260
|
+
| undefined;
|
|
261
|
+
defSpringLen:
|
|
262
|
+
| number
|
|
263
|
+
| ((edge?: any, source?: any, target?: any) => number)
|
|
264
|
+
| undefined;
|
|
260
265
|
nodeStrength?: number | ((d?: any) => number) | undefined;
|
|
261
266
|
edgeStrength?: number | ((d?: any) => number) | undefined;
|
|
262
267
|
preventOverlap?: boolean;
|
|
@@ -282,16 +287,23 @@ export interface Force2LayoutOptions {
|
|
|
282
287
|
onLayoutEnd?: () => void;
|
|
283
288
|
getMass?: ((d?: any) => number) | undefined;
|
|
284
289
|
getCenter?: ((d?: any, degree?: number) => number[]) | undefined;
|
|
285
|
-
monitor?: (params: {
|
|
286
|
-
|
|
290
|
+
monitor?: (params: {
|
|
291
|
+
energy: number;
|
|
292
|
+
nodes: INode[];
|
|
293
|
+
edge: Edge[];
|
|
294
|
+
iterations: number;
|
|
295
|
+
}) => void;
|
|
287
296
|
}
|
|
288
297
|
|
|
289
298
|
export interface GForceLayoutOptions {
|
|
290
|
-
type?:
|
|
299
|
+
type?: 'gForce';
|
|
291
300
|
center?: PointTuple;
|
|
292
301
|
width?: number;
|
|
293
302
|
height?: number;
|
|
294
|
-
linkDistance?:
|
|
303
|
+
linkDistance?:
|
|
304
|
+
| number
|
|
305
|
+
| ((edge?: any, source?: any, target?: any) => number)
|
|
306
|
+
| undefined;
|
|
295
307
|
nodeStrength?: number | ((d?: any) => number) | undefined;
|
|
296
308
|
edgeStrength?: number | ((d?: any) => number) | undefined;
|
|
297
309
|
preventOverlap?: boolean;
|
|
@@ -318,7 +330,7 @@ type INode = OutNode & {
|
|
|
318
330
|
};
|
|
319
331
|
|
|
320
332
|
export interface GridLayoutOptions {
|
|
321
|
-
type:
|
|
333
|
+
type: 'grid';
|
|
322
334
|
width?: number;
|
|
323
335
|
height?: number;
|
|
324
336
|
begin?: PointTuple;
|
|
@@ -335,7 +347,7 @@ export interface GridLayoutOptions {
|
|
|
335
347
|
}
|
|
336
348
|
|
|
337
349
|
export interface MDSLayoutOptions {
|
|
338
|
-
type:
|
|
350
|
+
type: 'mds';
|
|
339
351
|
center?: PointTuple;
|
|
340
352
|
linkDistance?: number;
|
|
341
353
|
workerEnabled?: boolean;
|
|
@@ -343,7 +355,7 @@ export interface MDSLayoutOptions {
|
|
|
343
355
|
}
|
|
344
356
|
|
|
345
357
|
export interface RandomLayoutOptions {
|
|
346
|
-
type:
|
|
358
|
+
type: 'random';
|
|
347
359
|
center?: PointTuple;
|
|
348
360
|
width?: number;
|
|
349
361
|
height?: number;
|
|
@@ -352,7 +364,7 @@ export interface RandomLayoutOptions {
|
|
|
352
364
|
}
|
|
353
365
|
|
|
354
366
|
export interface ForceLayoutOptions {
|
|
355
|
-
type:
|
|
367
|
+
type: 'force';
|
|
356
368
|
center?: PointTuple;
|
|
357
369
|
linkDistance?: number | ((d?: any) => number) | undefined;
|
|
358
370
|
edgeStrength?: number | ((d?: any) => number) | undefined;
|
|
@@ -377,7 +389,7 @@ export interface ForceLayoutOptions {
|
|
|
377
389
|
}
|
|
378
390
|
|
|
379
391
|
export interface RadialLayoutOptions {
|
|
380
|
-
type:
|
|
392
|
+
type: 'radial';
|
|
381
393
|
center?: PointTuple;
|
|
382
394
|
width?: number;
|
|
383
395
|
height?: number;
|
|
@@ -393,11 +405,12 @@ export interface RadialLayoutOptions {
|
|
|
393
405
|
sortBy?: string | undefined;
|
|
394
406
|
sortStrength?: number;
|
|
395
407
|
workerEnabled?: boolean;
|
|
408
|
+
initWithMDS?: boolean;
|
|
396
409
|
onLayoutEnd?: () => void;
|
|
397
410
|
}
|
|
398
411
|
|
|
399
412
|
export interface FruchtermanGPULayoutOptions {
|
|
400
|
-
type:
|
|
413
|
+
type: 'fruchterman-gpu';
|
|
401
414
|
center?: PointTuple;
|
|
402
415
|
width?: number;
|
|
403
416
|
height?: number;
|
|
@@ -412,7 +425,7 @@ export interface FruchtermanGPULayoutOptions {
|
|
|
412
425
|
}
|
|
413
426
|
|
|
414
427
|
export interface GForceGPULayoutOptions {
|
|
415
|
-
type:
|
|
428
|
+
type: 'gForce-gpu';
|
|
416
429
|
center?: PointTuple;
|
|
417
430
|
linkDistance?: number | ((d?: any) => number) | undefined;
|
|
418
431
|
nodeStrength?: number | ((d?: any) => number) | undefined;
|
|
@@ -430,9 +443,8 @@ export interface GForceGPULayoutOptions {
|
|
|
430
443
|
gpuEnabled?: boolean;
|
|
431
444
|
}
|
|
432
445
|
|
|
433
|
-
|
|
434
446
|
export interface ForceAtlas2LayoutOptions {
|
|
435
|
-
type:
|
|
447
|
+
type: 'forceAtlas2';
|
|
436
448
|
center?: PointTuple;
|
|
437
449
|
width?: number;
|
|
438
450
|
height?: number;
|
|
@@ -453,28 +465,28 @@ export interface ForceAtlas2LayoutOptions {
|
|
|
453
465
|
}
|
|
454
466
|
|
|
455
467
|
export interface ERLayoutOptions {
|
|
456
|
-
type:
|
|
468
|
+
type: 'er';
|
|
457
469
|
width?: number;
|
|
458
470
|
height?: number;
|
|
459
471
|
nodeMinGap?: number;
|
|
460
472
|
}
|
|
461
473
|
export namespace ILayout {
|
|
462
474
|
export type LayoutTypes =
|
|
463
|
-
|
|
|
464
|
-
|
|
|
465
|
-
|
|
|
466
|
-
|
|
|
467
|
-
|
|
|
468
|
-
|
|
|
469
|
-
|
|
|
470
|
-
|
|
|
471
|
-
|
|
|
472
|
-
|
|
|
473
|
-
|
|
|
474
|
-
|
|
|
475
|
-
|
|
|
476
|
-
|
|
|
477
|
-
|
|
|
475
|
+
| 'grid'
|
|
476
|
+
| 'random'
|
|
477
|
+
| 'force'
|
|
478
|
+
| 'circular'
|
|
479
|
+
| 'dagre'
|
|
480
|
+
| 'radial'
|
|
481
|
+
| 'concentric'
|
|
482
|
+
| 'mds'
|
|
483
|
+
| 'fruchterman'
|
|
484
|
+
| 'fruchterman-gpu'
|
|
485
|
+
| 'gForce'
|
|
486
|
+
| 'gForce-gpu'
|
|
487
|
+
| 'comboForce'
|
|
488
|
+
| 'forceAtlas2'
|
|
489
|
+
| 'er';
|
|
478
490
|
|
|
479
491
|
export type LayoutOptions =
|
|
480
492
|
| GridLayoutOptions
|