@relation-graph/react 3.0.2 → 3.0.4
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/package.json +1 -1
- package/relation-graph.js +9 -9
- package/relation-graph.mjs +2040 -1798
- package/relation-graph.umd.js +9 -9
- package/types/packages/platforms/react/src/index.d.ts +6 -1
- package/types/packages/platforms/react/src/relation-graph/src/core4react/RGCanvas.d.ts +1 -0
- package/types/packages/platforms/svelte/src/core4svelte/RelationGraphWithProvider.svelte.d.ts +1 -0
- package/types/packages/platforms/vue2/src/core4vue/editing/RGConnectTarget.vue.d.ts +41 -2
- package/types/packages/platforms/vue2/src/core4vue/editing/RGEditingLineController.vue.d.ts +7 -0
- package/types/packages/platforms/vue2/src/index.d.ts +47 -2
- package/types/packages/relation-graph-models/data/RGDataDefine.d.ts +2 -2
- package/types/packages/relation-graph-models/data/RGDataGetter.d.ts +3 -3
- package/types/packages/relation-graph-models/data/RGDataProvider.d.ts +3 -3
- package/types/packages/relation-graph-models/data/RGNodeDataUtils.d.ts +2 -2
- package/types/packages/relation-graph-models/data/RGOptionsDataUtils.d.ts +0 -2
- package/types/packages/relation-graph-models/layouts/RGForceLayout.d.ts +18 -13
- package/types/packages/relation-graph-models/layouts/analyzers/BasicNetworkAnalyzer.d.ts +1 -0
- package/types/packages/relation-graph-models/layouts/tmp/old.d.ts +1 -0
- package/types/packages/relation-graph-models/models/RelationGraphBase.d.ts +2 -2
- package/types/packages/relation-graph-models/models/RelationGraphWith1View.d.ts +5 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith2Data.d.ts +2 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith2Data1Getter.d.ts +2 -1
- package/types/packages/relation-graph-models/models/RelationGraphWith2Data4ConnectTarget.d.ts +3 -3
- package/types/packages/relation-graph-models/models/RelationGraphWith4Line.d.ts +1 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith6Effect.d.ts +2 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith6Layout.d.ts +5 -1
- package/types/packages/relation-graph-models/models/RelationGraphWith93Image.d.ts +2 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith95Dom.d.ts +4 -0
- package/types/packages/relation-graph-models/models/RelationGraphWith99API.d.ts +1 -1
- package/types/packages/relation-graph-models/utils/line/RGPathGeneratorFor8.d.ts +2 -0
- package/types/packages/types.ts +34 -29
- package/types/packages/platforms/react/src/relation-graph/RGPovider.d.ts +0 -7
- package/types/packages/platforms/react/src/relation-graph/src/core4react/RelationLinkerContent.d.ts +0 -4
- package/types/packages/platforms/react/src/relation-graph/src/core4react/RelationView.d.ts +0 -4
- package/types/packages/platforms/react/src/relation-graph/src/core4react/slots/NewCanvas.d.ts +0 -20
- package/types/packages/platforms/react/src/relation-graph/src/core4react/slots/NewCanvasV2.d.ts +0 -1
- package/types/packages/platforms/react/src/relation-graph/src/core4react/slots/NewCanvasV3.d.ts +0 -1
- package/types/packages/platforms/react/src/relation-graph/src/core4react/slots/RGSlotOnSVGDefs.d.ts +0 -3
- package/types/packages/platforms/react/src/relation-graph/src/core4react/slots/RGSlotOnToolbar.d.ts +0 -3
- package/types/packages/platforms/react/src/relation-graph/src/core4react/store/reducers/StockStore.d.ts +0 -8
- package/types/packages/platforms/react/src/relation-graph/src/core4react/widgets/GraphDebugPanel.d.ts +0 -3
- package/types/packages/platforms/react/src/types.d.ts +0 -1
- package/types/packages/platforms/react/vite.config.d.ts +0 -2
- package/types/packages/platforms/vue2/src/core4vue/RGLineText.vue.d.ts +0 -33
- package/types/packages/platforms/vue2/src/core4vue/widgets/GraphDebugPanel.vue.d.ts +0 -12
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGCanvas.vue.d.ts +0 -34
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGCanvasContent.vue.d.ts +0 -37
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGEasyView.vue.d.ts +0 -2
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGFakeNode.vue.d.ts +0 -32
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGGraphDefs.vue.d.ts +0 -29
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGLineContent.vue.d.ts +0 -12
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGLinePath.vue.d.ts +0 -16
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGLinePeel.vue.d.ts +0 -29
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGLineText.vue.d.ts +0 -27
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGNodeExpandHolder.vue.d.ts +0 -18
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGNodePeel.vue.d.ts +0 -40
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RGProvider.vue.d.ts +0 -34
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RelationGraph.vue.d.ts +0 -39
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RelationLinker.vue.d.ts +0 -130
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RelationLinkerCanvas.vue.d.ts +0 -23
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/RelationLinkerView.vue.d.ts +0 -24
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGConnectSource.vue.d.ts +0 -45
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGConnectTarget.vue.d.ts +0 -46
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingConnectController.vue.d.ts +0 -23
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingConnectPoints.vue.d.ts +0 -16
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingLineController.vue.d.ts +0 -56
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingNearNodeWidget.vue.d.ts +0 -30
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingNodeController.vue.d.ts +0 -17
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingReferenceLine.vue.d.ts +0 -15
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGEditingResize.vue.d.ts +0 -19
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/editing/RGMiniView.vue.d.ts +0 -17
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/index.vue.d.ts +0 -143
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphBackground.vue.d.ts +0 -49
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphDebugPanel.vue.d.ts +0 -2
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphLoading.vue.d.ts +0 -2
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphMoveOperator.vue.d.ts +0 -2
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphOperateStuff.vue.d.ts +0 -19
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphToolBar.vue.d.ts +0 -31
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphWatermark.vue.d.ts +0 -56
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/GraphXsToolBar.vue.d.ts +0 -31
- package/types/packages/platforms/vue3/src/relation-graph/src/core4vue3/widgets/RGIcons.vue.d.ts +0 -15
- package/types/packages/relation-graph-models/layouters/RGBaseLayouter.d.ts +0 -36
- package/types/packages/relation-graph-models/layouters/RGCenterLayouter.d.ts +0 -12
- package/types/packages/relation-graph-models/layouters/RGCircleLayouter.d.ts +0 -8
- package/types/packages/relation-graph-models/layouters/RGFixedLayouter.d.ts +0 -11
- package/types/packages/relation-graph-models/layouters/RGFolderLayouter.d.ts +0 -17
- package/types/packages/relation-graph-models/layouters/RGForceLayouter.d.ts +0 -71
- package/types/packages/relation-graph-models/layouters/RGForceLayouterV2.d.ts +0 -59
- package/types/packages/relation-graph-models/layouters/RGSmartTreeLayouter.d.ts +0 -16
- package/types/packages/relation-graph-models/layouters/RGTreeLayouter.d.ts +0 -18
- package/types/packages/relation-graph-models/models/RGLineDataUtils.d.ts +0 -9
- package/types/packages/relation-graph-models/models/RGNodeDataUtils.d.ts +0 -14
- package/types/packages/relation-graph-models/models/RGOptionsDataUtils.d.ts +0 -11
- package/types/packages/relation-graph-models/models/RelationGraphFinal.d.ts +0 -11
- package/types/packages/relation-graph-models/models/RelationGraphReact.d.ts +0 -5
- package/types/packages/relation-graph-models/models/RelationGraphWith1Dom.d.ts +0 -76
- package/types/packages/relation-graph-models/models/RelationGraphWith3Image.d.ts +0 -20
- package/types/packages/relation-graph-models/models/RelationGraphWith8Update.d.ts +0 -23
- package/types/packages/relation-graph-models/types.d.ts +0 -903
- package/types/react.d.ts +0 -201
- package/types/svelte.d.ts +0 -170
- package/types/vue2.d.ts +0 -862
- package/types/vue3.d.ts +0 -1246
|
@@ -215,5 +215,10 @@ export declare const useRelationGraph: typeof import('./relation-graph/src/hooks
|
|
|
215
215
|
export declare const RGProvider: import('react').FC<import('react').PropsWithChildren<import('./types-react').RelationGraphWithWithCustomCore>>;
|
|
216
216
|
export { RelationGraphStoreContext, RelationGraphStoreContext as RGInstanceContext, RGUpdateContext, RGUpdateSignalContext as RGUpdateSingalContext, RGUpdateSignalContext } from './relation-graph/src/core4react/store/reducers/RGStore';
|
|
217
217
|
export type RelationGraphComponent = _RelationGraphComponent;
|
|
218
|
-
export declare const RelationGraph:
|
|
218
|
+
export declare const RelationGraph: import('react').ForwardRefExoticComponent<import('../../../types').RGListeners & import('./types-react').RelationGraphWithSlots & {
|
|
219
|
+
options: import('../../../types').RGOptions;
|
|
220
|
+
initialData?: import('../../../types').RGJsonData;
|
|
221
|
+
} & import('./types-react').RelationGraphWithWithCustomCore & {
|
|
222
|
+
children?: import('react').ReactNode | undefined;
|
|
223
|
+
} & import('react').RefAttributes<import('../../../types').RelationGraphExpose>>;
|
|
219
224
|
export default _RelationGraph;
|
|
@@ -6,6 +6,7 @@ export interface RGCanvasProps {
|
|
|
6
6
|
lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
|
|
7
7
|
canvasPlugSlot?: React.FC | React.ReactNode;
|
|
8
8
|
canvasPlugAboveSlot?: React.ReactNode;
|
|
9
|
+
backgroundSlot?: React.ReactNode;
|
|
9
10
|
nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
|
|
10
11
|
}
|
|
11
12
|
declare const RGCanvas: React.FC<RGCanvasProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SvelteComponent as default } from 'svelte';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { RGInnerConnectTargetType, RGJunctionPoint } from '../../../../../types';
|
|
1
2
|
declare const _default: import('vue').DefineComponent<{
|
|
2
3
|
junctionPoint: {
|
|
3
4
|
mustUseProp: boolean;
|
|
@@ -16,13 +17,32 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
16
17
|
mustUseProp: boolean;
|
|
17
18
|
type: ObjectConstructor;
|
|
18
19
|
};
|
|
20
|
+
lineTemplate: {
|
|
21
|
+
mustUseProp: boolean;
|
|
22
|
+
type: ObjectConstructor;
|
|
23
|
+
};
|
|
24
|
+
disableDrop: {
|
|
25
|
+
mustUseProp: boolean;
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
};
|
|
28
|
+
forSvg: {
|
|
29
|
+
mustUseProp: boolean;
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
};
|
|
32
|
+
disableDrag: {
|
|
33
|
+
mustUseProp: boolean;
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
};
|
|
19
36
|
}, {}, {}, {
|
|
37
|
+
RGInnerConnectTargetType(): typeof RGInnerConnectTargetType;
|
|
38
|
+
RGJunctionPoint(): typeof RGJunctionPoint;
|
|
20
39
|
graphInstance(): any;
|
|
21
40
|
options(): any;
|
|
22
41
|
}, {
|
|
23
|
-
|
|
42
|
+
onClick($event: any): void;
|
|
43
|
+
onMouseDown($event: any): void;
|
|
24
44
|
onMouseUp(type: any, $event: any): void;
|
|
25
|
-
}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin,
|
|
45
|
+
}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, ("onLineVertexBeDropped" | "onDragConnectStart" | "onDragConnectEnd")[], string, Readonly<import('vue').ExtractPropTypes<{
|
|
26
46
|
junctionPoint: {
|
|
27
47
|
mustUseProp: boolean;
|
|
28
48
|
default: string;
|
|
@@ -40,7 +60,26 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
40
60
|
mustUseProp: boolean;
|
|
41
61
|
type: ObjectConstructor;
|
|
42
62
|
};
|
|
63
|
+
lineTemplate: {
|
|
64
|
+
mustUseProp: boolean;
|
|
65
|
+
type: ObjectConstructor;
|
|
66
|
+
};
|
|
67
|
+
disableDrop: {
|
|
68
|
+
mustUseProp: boolean;
|
|
69
|
+
type: BooleanConstructor;
|
|
70
|
+
};
|
|
71
|
+
forSvg: {
|
|
72
|
+
mustUseProp: boolean;
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
};
|
|
75
|
+
disableDrag: {
|
|
76
|
+
mustUseProp: boolean;
|
|
77
|
+
type: BooleanConstructor;
|
|
78
|
+
};
|
|
43
79
|
}>>, {
|
|
80
|
+
disableDrag: boolean;
|
|
44
81
|
junctionPoint: string;
|
|
82
|
+
disableDrop: boolean;
|
|
83
|
+
forSvg: boolean;
|
|
45
84
|
}>;
|
|
46
85
|
export default _default;
|
|
@@ -2,6 +2,9 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
2
2
|
textEditable: {
|
|
3
3
|
default: boolean;
|
|
4
4
|
};
|
|
5
|
+
pathEditable: {
|
|
6
|
+
default: boolean;
|
|
7
|
+
};
|
|
5
8
|
}, {}, {
|
|
6
9
|
lineText: string;
|
|
7
10
|
editing: boolean;
|
|
@@ -30,7 +33,11 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
30
33
|
textEditable: {
|
|
31
34
|
default: boolean;
|
|
32
35
|
};
|
|
36
|
+
pathEditable: {
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
33
39
|
}>>, {
|
|
34
40
|
textEditable: boolean;
|
|
41
|
+
pathEditable: boolean;
|
|
35
42
|
}>;
|
|
36
43
|
export default _default;
|
|
@@ -496,6 +496,9 @@ export declare const RGEditingLineController: import('vue').DefineComponent<{
|
|
|
496
496
|
textEditable: {
|
|
497
497
|
default: boolean;
|
|
498
498
|
};
|
|
499
|
+
pathEditable: {
|
|
500
|
+
default: boolean;
|
|
501
|
+
};
|
|
499
502
|
}, {}, {
|
|
500
503
|
lineText: string;
|
|
501
504
|
editing: boolean;
|
|
@@ -524,8 +527,12 @@ export declare const RGEditingLineController: import('vue').DefineComponent<{
|
|
|
524
527
|
textEditable: {
|
|
525
528
|
default: boolean;
|
|
526
529
|
};
|
|
530
|
+
pathEditable: {
|
|
531
|
+
default: boolean;
|
|
532
|
+
};
|
|
527
533
|
}>>, {
|
|
528
534
|
textEditable: boolean;
|
|
535
|
+
pathEditable: boolean;
|
|
529
536
|
}>;
|
|
530
537
|
export declare const RGEditingConnectController: import('vue').DefineComponent<Readonly<{}>, {}, {}, {
|
|
531
538
|
graphInstance(): any;
|
|
@@ -582,13 +589,32 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
|
|
|
582
589
|
mustUseProp: boolean;
|
|
583
590
|
type: ObjectConstructor;
|
|
584
591
|
};
|
|
592
|
+
lineTemplate: {
|
|
593
|
+
mustUseProp: boolean;
|
|
594
|
+
type: ObjectConstructor;
|
|
595
|
+
};
|
|
596
|
+
disableDrop: {
|
|
597
|
+
mustUseProp: boolean;
|
|
598
|
+
type: BooleanConstructor;
|
|
599
|
+
};
|
|
600
|
+
forSvg: {
|
|
601
|
+
mustUseProp: boolean;
|
|
602
|
+
type: BooleanConstructor;
|
|
603
|
+
};
|
|
604
|
+
disableDrag: {
|
|
605
|
+
mustUseProp: boolean;
|
|
606
|
+
type: BooleanConstructor;
|
|
607
|
+
};
|
|
585
608
|
}, {}, {}, {
|
|
609
|
+
RGInnerConnectTargetType(): typeof import('../../../types').RGInnerConnectTargetType;
|
|
610
|
+
RGJunctionPoint(): typeof import('../../../types').RGJunctionPoint;
|
|
586
611
|
graphInstance(): any;
|
|
587
612
|
options(): any;
|
|
588
613
|
}, {
|
|
589
|
-
|
|
614
|
+
onClick($event: any): void;
|
|
615
|
+
onMouseDown($event: any): void;
|
|
590
616
|
onMouseUp(type: any, $event: any): void;
|
|
591
|
-
}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin,
|
|
617
|
+
}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, ("onLineVertexBeDropped" | "onDragConnectStart" | "onDragConnectEnd")[], string, Readonly<import('vue').ExtractPropTypes<{
|
|
592
618
|
junctionPoint: {
|
|
593
619
|
mustUseProp: boolean;
|
|
594
620
|
default: string;
|
|
@@ -606,8 +632,27 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
|
|
|
606
632
|
mustUseProp: boolean;
|
|
607
633
|
type: ObjectConstructor;
|
|
608
634
|
};
|
|
635
|
+
lineTemplate: {
|
|
636
|
+
mustUseProp: boolean;
|
|
637
|
+
type: ObjectConstructor;
|
|
638
|
+
};
|
|
639
|
+
disableDrop: {
|
|
640
|
+
mustUseProp: boolean;
|
|
641
|
+
type: BooleanConstructor;
|
|
642
|
+
};
|
|
643
|
+
forSvg: {
|
|
644
|
+
mustUseProp: boolean;
|
|
645
|
+
type: BooleanConstructor;
|
|
646
|
+
};
|
|
647
|
+
disableDrag: {
|
|
648
|
+
mustUseProp: boolean;
|
|
649
|
+
type: BooleanConstructor;
|
|
650
|
+
};
|
|
609
651
|
}>>, {
|
|
652
|
+
disableDrag: boolean;
|
|
610
653
|
junctionPoint: string;
|
|
654
|
+
disableDrop: boolean;
|
|
655
|
+
forSvg: boolean;
|
|
611
656
|
}>;
|
|
612
657
|
export declare const RGEditingConnectPoints: import('vue').DefineComponent<{
|
|
613
658
|
mouseUpOnJunctionPoint: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RGGraphData, RGNode, RGLine, RGLink, RGOptionsFull, RGFakeLine,
|
|
1
|
+
import { RGGraphData, RGNode, RGLine, RGLink, RGOptionsFull, RGFakeLine, RGConnectTargetData, RGLineTarget } from '../../types';
|
|
2
2
|
/**
|
|
3
3
|
* 数据提供者
|
|
4
4
|
* 专门负责数据的增删改查,并自动触发视图更新
|
|
@@ -13,7 +13,7 @@ export declare class RGDataDefine {
|
|
|
13
13
|
protected runtimeDATA4NodeMap: Map<string, RGNode>;
|
|
14
14
|
protected runtimeDATA4Links: RGLink[];
|
|
15
15
|
protected runtimeDATA4LinkMap: Map<string, RGLink>;
|
|
16
|
-
protected runtimeDATA4ConnectTargets:
|
|
16
|
+
protected runtimeDATA4ConnectTargets: RGConnectTargetData[];
|
|
17
17
|
protected runtimeDATA4ElLineTargets: RGLineTarget[];
|
|
18
18
|
protected runtimeDATA4ShouldRenderItems: {
|
|
19
19
|
nodes: RGNode[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RGNode, RGLine, RGFakeLine,
|
|
1
|
+
import { RGNode, RGLine, RGFakeLine, RGConnectTargetData, RGCoordinate } from '../../types';
|
|
2
2
|
import { RGDataDefine } from './RGDataDefine';
|
|
3
3
|
/**
|
|
4
4
|
* 数据提供者
|
|
@@ -25,8 +25,8 @@ export declare class RGDataGetter extends RGDataDefine {
|
|
|
25
25
|
getShouldRenderFakeLines(): RGFakeLine[];
|
|
26
26
|
isPerformanceMode(): boolean;
|
|
27
27
|
getCanvasScale(): number;
|
|
28
|
-
getConnectTargets():
|
|
29
|
-
getConnectTargetById(targetId: string):
|
|
28
|
+
getConnectTargets(): RGConnectTargetData[];
|
|
29
|
+
getConnectTargetById(targetId: string): RGConnectTargetData | undefined;
|
|
30
30
|
getElLineTargets(): import('../../types').RGLineTarget[];
|
|
31
31
|
getElLineTargetById(elId: string): import('../../types').RGLineTarget | undefined;
|
|
32
32
|
calcShouldRenderNodes(): RGNode[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RGNode, RGLine, RGOptionsFull, JsonLine,
|
|
1
|
+
import { RGNode, RGLine, RGOptionsFull, JsonLine, RGConnectTargetData, RGLineTarget } from '../../types';
|
|
2
2
|
import { RGDataGetter } from './RGDataGetter';
|
|
3
3
|
export type DataCommits = {
|
|
4
4
|
optionsChanged: boolean;
|
|
@@ -55,12 +55,12 @@ export declare class RGDataProvider extends RGDataGetter {
|
|
|
55
55
|
updateLine(lineId: string, lineProperties: Partial<RGLine>): void;
|
|
56
56
|
updateLineData(lineId: string, lineData: Record<string, any>): void;
|
|
57
57
|
updateFakeLine(lineId: string, lineProperties: Partial<RGLine>): void;
|
|
58
|
-
updateConnectTarget(connectTargetId: string, connectTargetProperties: Partial<
|
|
58
|
+
updateConnectTarget(connectTargetId: string, connectTargetProperties: Partial<RGConnectTargetData>): void;
|
|
59
59
|
updateElLineTarget(elId: string, targetProperties: Partial<RGLineTarget>): void;
|
|
60
60
|
updateNodesVisibleProperty(nodes?: RGNode[]): void;
|
|
61
61
|
private calcLinkVisibility;
|
|
62
62
|
updateShouldRenderGraphData(): void;
|
|
63
|
-
addConnectTarget(newConnectTarget:
|
|
63
|
+
addConnectTarget(newConnectTarget: RGConnectTargetData): RGConnectTargetData | undefined;
|
|
64
64
|
addElLineTarget(elementTarget: RGLineTarget): void;
|
|
65
65
|
setRootNodeId(rootNodeId: string): void;
|
|
66
66
|
}
|
|
@@ -5,13 +5,13 @@ export declare const newNodeTemplate: {
|
|
|
5
5
|
y: number;
|
|
6
6
|
text: string;
|
|
7
7
|
};
|
|
8
|
-
export declare const json2Node: (originData: JsonNode, graphOptions?: RGOptions, nodesSizeMap
|
|
8
|
+
export declare const json2Node: (originData: JsonNode, graphOptions?: RGOptions, nodesSizeMap?: Map<string, [
|
|
9
9
|
number,
|
|
10
10
|
number
|
|
11
11
|
]>) => RGNode;
|
|
12
12
|
export declare const transNodeToJson: (node: RGNode) => JsonNode | undefined;
|
|
13
13
|
declare const _default: {
|
|
14
|
-
json2Node: (originData: JsonNode, graphOptions?: Partial<import('../../types').RGOptionsInited> | undefined, nodesSizeMap
|
|
14
|
+
json2Node: (originData: JsonNode, graphOptions?: Partial<import('../../types').RGOptionsInited> | undefined, nodesSizeMap?: Map<string, [number, number]> | undefined) => RGNode;
|
|
15
15
|
transNodeToJson: (node: RGNode) => JsonNode | undefined;
|
|
16
16
|
};
|
|
17
17
|
export default _default;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { RGLayoutOptions, RGOptions, RGOptionsFull } from '../../types';
|
|
2
2
|
export declare const createDefaultConfig: (userOptions?: RGOptions) => RGOptionsFull;
|
|
3
|
-
export declare const applyDefaultOptionsByLayout: (thisLayout: RGLayoutOptions, _options: RGOptionsFull) => void;
|
|
4
3
|
export declare const appendDefaultOptions4Layout: (layoutOptions: RGLayoutOptions) => void;
|
|
5
4
|
declare const _default: {
|
|
6
5
|
createDefaultConfig: (userOptions?: Partial<import('../../types').RGOptionsInited>) => RGOptionsFull;
|
|
7
|
-
applyDefaultOptionsByLayout: (thisLayout: RGLayoutOptions, _options: RGOptionsFull) => void;
|
|
8
6
|
};
|
|
9
7
|
export default _default;
|
|
@@ -12,26 +12,30 @@ type CalcNode4Force = CalcNode & {
|
|
|
12
12
|
};
|
|
13
13
|
export declare class RGForceLayout extends RGBaseLayout {
|
|
14
14
|
layoutOptions: RGForceLayoutOptions;
|
|
15
|
-
fastStart
|
|
16
|
-
skipInitLayout
|
|
17
|
-
maxLayoutTimes
|
|
18
|
-
byNode
|
|
19
|
-
byLine
|
|
20
|
-
lockX
|
|
21
|
-
lockY
|
|
22
|
-
force_node_repulsion
|
|
23
|
-
force_line_elastic
|
|
24
|
-
|
|
15
|
+
private fastStart;
|
|
16
|
+
private skipInitLayout;
|
|
17
|
+
private maxLayoutTimes;
|
|
18
|
+
private byNode;
|
|
19
|
+
private byLine;
|
|
20
|
+
private lockX;
|
|
21
|
+
private lockY;
|
|
22
|
+
private force_node_repulsion;
|
|
23
|
+
private force_line_elastic;
|
|
24
|
+
private disableLiveChanges;
|
|
25
|
+
private force_x_coefficient;
|
|
26
|
+
private force_y_coefficient;
|
|
25
27
|
instanceId: string;
|
|
26
28
|
constructor(layoutOptions: RGForceLayoutOptions, graphOptions: RGOptionsFull, graphInstance: RelationGraphInstance);
|
|
29
|
+
updateOptions(layoutOptions: Partial<RGForceLayoutOptions>): void;
|
|
27
30
|
calcNodes: RGNode[];
|
|
28
31
|
placeNodes(calcNodes: RGNode[], rootNode?: RGNode): void;
|
|
29
32
|
protected getLevelR(levelDistanceArr: number[], level: number): number | undefined;
|
|
30
|
-
protected placeRelativePosition(rootNode: RGNode, groupNodes: RGNode[], analyticResult: NodesAnalyticResult,
|
|
33
|
+
protected placeRelativePosition(rootNode: RGNode, groupNodes: RGNode[], analyticResult: NodesAnalyticResult, distanceCoefficient: number, levelDistanceArr: number[]): void;
|
|
34
|
+
private calculateMinimumRadius;
|
|
31
35
|
protected placeNodesInFanRegion(nodes: RGNode[], startDeg: number, endDeg: number, centerXy: {
|
|
32
36
|
x: number;
|
|
33
37
|
y: number;
|
|
34
|
-
}, level: number, parentStrength: number, levelDistanceArr: number[], deep: number, distanceCoefficient
|
|
38
|
+
}, level: number, parentStrength: number, levelDistanceArr: number[], deep: number, distanceCoefficient: number, currentR: number): void;
|
|
35
39
|
protected graphEventHandle(eventName: RGEventNames, ...args: any[]): void;
|
|
36
40
|
protected _graphEventHandler: any;
|
|
37
41
|
protected connectToGraphInstance(): void;
|
|
@@ -60,7 +64,8 @@ export declare class RGForceLayout extends RGBaseLayout {
|
|
|
60
64
|
private animationFrameTimer;
|
|
61
65
|
private prevNodeLevel1Index;
|
|
62
66
|
private prevNodeLevel2Index;
|
|
63
|
-
|
|
67
|
+
syncNodePosition(nodeId: string, x: number, y: number): void;
|
|
68
|
+
calcNodesPosition(): false | undefined;
|
|
64
69
|
private stoped;
|
|
65
70
|
stop(): void;
|
|
66
71
|
addElasticByLine(node1: CalcNode4Force, node2: CalcNode4Force, force_elastic?: number): void;
|
|
@@ -3,6 +3,7 @@ import { RelationGraphInstance, RGNode } from '../../../types';
|
|
|
3
3
|
export declare class BasicNetworkAnalyzer implements RGNetworkAnalyzer {
|
|
4
4
|
graphInstance: RelationGraphInstance;
|
|
5
5
|
private initialized;
|
|
6
|
+
isFolderLayout: boolean;
|
|
6
7
|
constructor(graphInstance: RelationGraphInstance);
|
|
7
8
|
analyzeNetwork(nodes: RGNode[], rootNode: RGNode, bothWay?: boolean, deepBothWay?: boolean): {
|
|
8
9
|
tree: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -60,7 +60,7 @@ export declare class RelationGraphBase {
|
|
|
60
60
|
* @param eventName Name of the event
|
|
61
61
|
* @param object Parameters passed to the event handler
|
|
62
62
|
*/
|
|
63
|
-
protected emitEvent(eventName: RGEventNames, ...args: any[]): import('../../types').RGCoordinate | undefined;
|
|
63
|
+
protected emitEvent(eventName: RGEventNames, ...args: any[]): false | import('../../types').RGCoordinate | undefined;
|
|
64
64
|
/**
|
|
65
65
|
* Protected Method to trigger the default event handler, i.e., trigger the events set in jsx
|
|
66
66
|
* @param eventName
|
|
@@ -68,7 +68,7 @@ export declare class RelationGraphBase {
|
|
|
68
68
|
* @protected
|
|
69
69
|
*/
|
|
70
70
|
protected defaultEventHandler(eventName: RGEventNames, ...args: any[]): {
|
|
71
|
-
result: void | import('../../types').RGCoordinate;
|
|
71
|
+
result: false | void | import('../../types').RGCoordinate;
|
|
72
72
|
handled: boolean;
|
|
73
73
|
};
|
|
74
74
|
/**
|
|
@@ -22,6 +22,7 @@ export declare class RelationGraphWith1View extends RelationGraphBase {
|
|
|
22
22
|
* @inner
|
|
23
23
|
*/
|
|
24
24
|
getLineTextContainer(line: RGLine): HTMLDivElement | undefined;
|
|
25
|
+
private viewBoundingClientRect;
|
|
25
26
|
/**
|
|
26
27
|
* Get the RelationGraph component DOM
|
|
27
28
|
* @return relationGraphDom:HTMLDivElement RelationGraph container DOM
|
|
@@ -49,6 +50,10 @@ export declare class RelationGraphWith1View extends RelationGraphBase {
|
|
|
49
50
|
x: number;
|
|
50
51
|
y: number;
|
|
51
52
|
};
|
|
53
|
+
getViewXyByClientXy(clientXY: RGCoordinate): {
|
|
54
|
+
x: number;
|
|
55
|
+
y: number;
|
|
56
|
+
};
|
|
52
57
|
/**
|
|
53
58
|
* Get the coordinates mapped on the "relation-graph Component viewport" from the canvas coordinates
|
|
54
59
|
* @param clientXY = {x: e.clientX, y: e.clientY}
|
|
@@ -36,6 +36,8 @@ export declare class RelationGraphWith2Data extends RelationGraphWith1View {
|
|
|
36
36
|
shouldRenderNodesRef?: any;
|
|
37
37
|
shouldRenderLinesRef?: any;
|
|
38
38
|
shouldRenderFakeLinesRef?: any;
|
|
39
|
+
textContainer4NormalRef?: any;
|
|
40
|
+
textContainer4FakeLineRef?: any;
|
|
39
41
|
};
|
|
40
42
|
/**
|
|
41
43
|
* @inner
|
|
@@ -80,5 +80,6 @@ export declare class RelationGraphWith2Data1Getter extends RelationGraphWith2Dat
|
|
|
80
80
|
* Get all connect targets
|
|
81
81
|
* @return RGLineTarget[]
|
|
82
82
|
*/
|
|
83
|
-
getConnectTargets(): import('../../types').
|
|
83
|
+
getConnectTargets(): import('../../types').RGConnectTargetData[];
|
|
84
|
+
getConnectTargetById(targetId: string): import('../../types').RGConnectTargetData | undefined;
|
|
84
85
|
}
|
package/types/packages/relation-graph-models/models/RelationGraphWith2Data4ConnectTarget.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RGConnectTargetData, RGJunctionPoint } from '../../types';
|
|
2
2
|
import { RelationGraphWith2Data3Update } from './RelationGraphWith2Data3Update';
|
|
3
3
|
/**
|
|
4
4
|
* The class related to connection point management in the relation-graph component, where the connection point refers to the connection point registered through the <RGConnectTarget> component
|
|
@@ -35,7 +35,7 @@ export declare class RelationGraphWith2Data4ConnectTarget extends RelationGraphW
|
|
|
35
35
|
/**
|
|
36
36
|
* @inner
|
|
37
37
|
*/
|
|
38
|
-
protected updateConnectTargetList(by: string, relativeNodeEl: Element, connectTargetList:
|
|
38
|
+
protected updateConnectTargetList(by: string, relativeNodeEl: Element, connectTargetList: RGConnectTargetData[]): void;
|
|
39
39
|
/**
|
|
40
40
|
* @inner
|
|
41
41
|
*/
|
|
@@ -64,7 +64,7 @@ export declare class RelationGraphWith2Data4ConnectTarget extends RelationGraphW
|
|
|
64
64
|
/**
|
|
65
65
|
* @inner
|
|
66
66
|
*/
|
|
67
|
-
registerConnectTarget(connectTargetEl: HTMLDivElement, targetId: string, targetType: string, junctionPoint: RGJunctionPoint, targetData?: Record<string, any>):
|
|
67
|
+
registerConnectTarget(connectTargetEl: HTMLDivElement, targetId: string, targetType: string, junctionPoint: RGJunctionPoint, targetData?: Record<string, any>): RGConnectTargetData | undefined;
|
|
68
68
|
/**
|
|
69
69
|
* @inner
|
|
70
70
|
*/
|
|
@@ -26,6 +26,7 @@ export declare class RelationGraphWith4Line extends RelationGraphWith3Options2AP
|
|
|
26
26
|
*
|
|
27
27
|
*/
|
|
28
28
|
createLineDrawInfo(link: RGLink | RGElementLine, line: RGLine): RGLinePathInfo | undefined;
|
|
29
|
+
private _getLineDefaultOptions;
|
|
29
30
|
/**
|
|
30
31
|
* Generate line path data
|
|
31
32
|
* - This method is generally used internally by components, but can also be called for external custom rendering of lines to obtain line drawing information.
|
|
@@ -32,6 +32,8 @@ export declare class RelationGraphWith6Effect extends RelationGraphWith5Zoom {
|
|
|
32
32
|
* @param nodes Optional, defaults to all nodes in the graph
|
|
33
33
|
*/
|
|
34
34
|
zoomToFit(nodes?: (RGNode | RGRectTarget)[]): void;
|
|
35
|
+
zoomToFitWithAnimation(nodes?: (RGNode | RGRectTarget)[]): Promise<void>;
|
|
36
|
+
moveToCenterWithAnimation(nodes?: (RGNode | RGRectTarget)[]): Promise<void>;
|
|
35
37
|
/**
|
|
36
38
|
* Enable node position animation
|
|
37
39
|
* - After enabling, when the node position changes, there will be a smooth transition animation effect.
|
|
@@ -13,6 +13,9 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
|
|
|
13
13
|
* @return Promise<void>
|
|
14
14
|
*/
|
|
15
15
|
doLayout(customRootNode?: RGNode | string): Promise<void>;
|
|
16
|
+
private _layoutTimer;
|
|
17
|
+
private _layoutPromise;
|
|
18
|
+
private _layoutResolve;
|
|
16
19
|
/**
|
|
17
20
|
* @inner
|
|
18
21
|
* @private
|
|
@@ -49,7 +52,7 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
|
|
|
49
52
|
* - Note: The center layout inherits the force layout and also supports auto layout functionality.
|
|
50
53
|
*/
|
|
51
54
|
toggleAutoLayout(): void;
|
|
52
|
-
|
|
55
|
+
layoutor: RGLayout | undefined;
|
|
53
56
|
/**
|
|
54
57
|
* If the current layout is force, you can call this method to start the force-directed calculation
|
|
55
58
|
* - Note: The center layout inherits the force layout and also supports auto layout functionality.
|
|
@@ -78,4 +81,5 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
|
|
|
78
81
|
*
|
|
79
82
|
*/
|
|
80
83
|
createLayout<Layout extends RGLayout>(layoutOptions: RGLayoutOptions, isMainLayout?: boolean): Layout;
|
|
84
|
+
setLayoutor(layoutor: RGLayout, isMainLayout: boolean, supportAutoLayout?: boolean): void;
|
|
81
85
|
}
|
|
@@ -29,8 +29,10 @@ export declare class RelationGraphWith93Image extends RelationGraphWith92MiniVie
|
|
|
29
29
|
*
|
|
30
30
|
*/
|
|
31
31
|
prepareForImageGeneration(): Promise<HTMLElement>;
|
|
32
|
+
private graphStatusBeforeImageGeneration;
|
|
32
33
|
/**
|
|
33
34
|
* After the image is generated, let relation-graph return to the previous state
|
|
34
35
|
*/
|
|
35
36
|
restoreAfterImageGeneration(): Promise<void>;
|
|
37
|
+
private moveItemsAndFitContent;
|
|
36
38
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { RGRectTarget } from 'packages/platforms/vue2/dd/types/packages/types';
|
|
1
2
|
import { RGNode } from '../../types';
|
|
2
3
|
import { RelationGraphWith93Image } from './RelationGraphWith93Image';
|
|
3
4
|
/**
|
|
@@ -28,6 +29,7 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
|
|
|
28
29
|
* @private
|
|
29
30
|
*/
|
|
30
31
|
protected initDom(): void;
|
|
32
|
+
updateCanvasConnectTargetsPosition(reson?: string): void;
|
|
31
33
|
private mutationObserver4Nodes?;
|
|
32
34
|
private mutationObserver4CanvasSlotBehind?;
|
|
33
35
|
private mutationObserver4CanvasSlotAbove?;
|
|
@@ -105,4 +107,6 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
|
|
|
105
107
|
* @protected
|
|
106
108
|
*/
|
|
107
109
|
protected destroyResizeObserver(): void;
|
|
110
|
+
private getCanvasSlotList;
|
|
111
|
+
getCanvasSlotRectItems(): RGRectTarget[];
|
|
108
112
|
}
|
|
@@ -49,7 +49,7 @@ export declare class RelationGraphWith99API extends RelationGraphWith95Dom {
|
|
|
49
49
|
/**
|
|
50
50
|
* Get the currently selected line object in the graph
|
|
51
51
|
*/
|
|
52
|
-
getCheckedLine(): import('../../types').RGFakeLine | undefined;
|
|
52
|
+
getCheckedLine(): RGLine | import('../../types').RGFakeLine | undefined;
|
|
53
53
|
/**
|
|
54
54
|
* Get all selected nodes in the graph
|
|
55
55
|
*/
|