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