@relation-graph/react 3.0.0 → 3.0.1

package/types/packages/platforms/vue2/src/index.d.ts

@@ -1,22 +1,39 @@
-import {RelationGraphFinal} from '../../../relation-graph-models/models/RelationGraphFinal';
-import {RGLevelDirection} from "../../../../../packages/relation-graph-models/layouts/analyzers/RGNetworkAnalyzer";
-
-export * from '../../../relation-graph-models/types';
+/**
+* relation-graph
+* Website: http://www.relation-graph.com/
+* Github: https://github.com/seeksdream/relation-graph
+*
+*/
+import { RelationGraphCore as _RelationGraphCore } from '../../../relation-graph-models/models/RelationGraphCore';
+import { default as BaseLayout } from '../../../relation-graph-models/layouts/RGBaseLayout';
+import { default as BidirectionalTreeLayout } from '../../../relation-graph-models/layouts/RGTreeLayout';
+import { default as CenterLayout } from '../../../relation-graph-models/layouts/RGCenterLayout';
+import { default as CircleLayout } from '../../../relation-graph-models/layouts/RGCircleLayout';
+import { default as FixedLayout } from '../../../relation-graph-models/layouts/RGFixedLayout';
+import { default as ForceLayout } from '../../../relation-graph-models/layouts/RGForceLayout';
+import { default as RGFolderLayout } from '../../../relation-graph-models/layouts/RGFolderLayout';
+import * as RGOptionsDataUtils from "../../../relation-graph-models/data/RGOptionsDataUtils";
+import * as RGLineDataUtils from "../../../relation-graph-models/data/RGLineDataUtils";
+import * as RGNodeDataUtils from "../../../relation-graph-models/data/RGNodeDataUtils";
+export { default as RGProvider } from './core4vue/RGProvider.vue';
+export { graphStoreMixin } from './hooks/GraphStoreMixin';
+export * from '../../../types';
+export * from './types-vue2';
 export declare const version: string;
-export declare const RelationGraphCore: typeof RelationGraphFinal;
-export declare const RGLayout: {
-    BaseLayouter: typeof import('packages/relation-graph-models/layouters/RGBaseLayout').RGBaseLayout;
-    BidirectionalTreeLayouter: typeof import('packages/relation-graph-models/layouters/RGTreeLayout').RGTreeLayout;
-    CenterLayouter: typeof import('packages/relation-graph-models/layouters/RGCenterLayout').RGCenterLayout;
-    CircleLayouter: typeof import('packages/relation-graph-models/layouters/RGCircleLayout').RGCircleLayout;
-    FixedLayouter: typeof import('packages/relation-graph-models/layouters/RGFixedLayout').RGFixedLayout;
-    ForceLayouter: typeof import('packages/relation-graph-models/layouters/RGForceLayout').RGForceLayout;
-    RGFolderLayouter: typeof import('packages/relation-graph-models/layouters/RGFolderLayout').RGFolderLayout;
+export declare const RelationGraphCore: typeof _RelationGraphCore;
+export declare const RGLayouts: {
+    BaseLayout: typeof BaseLayout;
+    BidirectionalTreeLayout: typeof BidirectionalTreeLayout;
+    CenterLayout: typeof CenterLayout;
+    CircleLayout: typeof CircleLayout;
+    FixedLayout: typeof FixedLayout;
+    ForceLayout: typeof ForceLayout;
+    RGFolderLayout: typeof RGFolderLayout;
 };
 export declare const RGUtils: {
-    RGOptionsDataUtils: typeof import("packages/relation-graph-models/data/RGOptionsDataUtils");
-    RGLineDataUtils: typeof import("packages/relation-graph-models/data/RGLineDataUtils");
-    RGNodeDataUtils: typeof import("packages/relation-graph-models/data/RGNodeDataUtils");
+    RGOptionsDataUtils: typeof RGOptionsDataUtils;
+    RGLineDataUtils: typeof RGLineDataUtils;
+    RGNodeDataUtils: typeof RGNodeDataUtils;
     RGGraphMath: {
         getRectPoint(from_x: number, from_y: number, to_x: number, to_y: number, f_W: number, f_H: number, t_W: number, t_H: number, isReverse?: boolean, totalLines?: number, currentIndex?: number, lineDistance?: number, isEndPoint?: boolean): {
             x: number;
@@ -27,35 +44,39 @@ export declare const RGUtils: {
             y: number;
             _case: string;
         };
-        getRectJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectHJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectHJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectLeftJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectLeftJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectRightJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectRightJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectTopJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectTopJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectBottomJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectBottomJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectHorizontalLineJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectHorizontalLineJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            y: number;
+            x: number;
+        };
+        getRectVerticalLineLineJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectVJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectVJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             y: number;
             x: number;
         };
@@ -63,7 +84,7 @@ export declare const RGUtils: {
             x: number;
             y: number;
         };
-        getBorderPoint4MultiLine(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getBorderPoint4MultiLine(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
@@ -87,26 +108,28 @@ export declare const RGUtils: {
             x: number;
             y: number;
         };
+        getRotatedPoint(x: number, y: number, c_x: number, c_y: number, rotateDeg: number): {
+            x: number;
+            y: number;
+        };
+        getFlippedX(x: number, c_x: number): number;
+        getFlippedY(y: number, c_y: number): number;
         getAngleType(buffer_x: number, buffer_y: number): 1 | 2 | 3 | 4 | undefined;
         getTextAngle(fx: number, fy: number, tx: number, ty: number): number;
     };
     RGNodesAnalyticUtils: {
-        getDescendantNodes(node: import('../../../relation-graph-models/types').RGNode, collectList?: import('../../../relation-graph-models/types').RGNode[]): import('../../../relation-graph-models/types').RGNode[];
-        conductStrengthToParents(node: import('../../../relation-graph-models/types').RGNode): void;
-        analysisDataTree(thisLevelNodes: import('../../../relation-graph-models/types').RGNode[], thisDeep: number, levelDirect?: RGLevelDirection): void;
-        conductStrengthToParents4Folder(node: import('../../../relation-graph-models/types').RGNode): void;
-        analysisDataFolder(thisLevelNodes: import('../../../relation-graph-models/types').RGNode[], thisDeep: number, levelDirect: RGLevelDirection): void;
-        isVisibleNode(thisNode: import('../../../relation-graph-models/types').RGNode, deep?: number): boolean;
-        isAllowShowNode(thisNode: import('../../../relation-graph-models/types').RGNode, deep?: number): boolean;
-        getNodeWidth(thisNode: import('../../../relation-graph-models/types').RGNode): number;
-        getNodeHeight(thisNode: import('../../../relation-graph-models/types').RGNode): number;
+        getDescendantNodes(node: import('../../../types').RGNode, collectList?: import('../../../types').RGNode[]): import('../../../types').RGNode[];
+        isVisibleNode(thisNode: import('../../../types').RGNode, deep?: number): boolean;
+        isAllowShowNode(thisNode: import('../../../types').RGNode, deep?: number): boolean;
+        getNodeWidth(thisNode: import('../../../types').RGNode): number;
+        getNodeHeight(thisNode: import('../../../types').RGNode): number;
         getNodeXByLotX(nodeAlignOption: {
             alignItemsX: "start" | "center" | "end";
-        }, thisNode: import('../../../relation-graph-models/types').RGNode): number;
+        }, thisNode: import('../../../types').RGNode): number;
         getNodeYByLotY(nodeAlignOption: {
             alignItemsY: "start" | "center" | "end";
-        }, thisNode: import('../../../relation-graph-models/types').RGNode): number;
-        getNodeLotXY(nodeAlignOption: import('../../../relation-graph-models/types').RGLayoutOptions4Alignable, node: import('../../../relation-graph-models/types').RGNode): {
+        }, thisNode: import('../../../types').RGNode): number;
+        getNodeLotXY(nodeAlignOption: import('../../../types').RGLayoutOptions4Alignment, node: import('../../../types').RGNode): {
             x: number;
             y: number;
         };
@@ -118,10 +141,10 @@ export declare const RGUtils: {
             x: any;
             y: any;
         };
-        flatNodeData(orign_nodes: import('../../../relation-graph-models/types').JsonNode[], parentNode: import('../../../relation-graph-models/types').JsonNode | null, nodes_collect: import('../../../relation-graph-models/types').JsonNode[], links_collect: import('../../../relation-graph-models/types').JsonLine[]): void;
+        flatNodeData(orignNodes: import('../../../types').JsonNode[], parentNode: import('../../../types').JsonNode | null, nodesCollect: import('../../../types').JsonNode[], linksCollect: import('../../../types').JsonLine[]): void;
     };
     RGEffectUtils: {
-        startDrag(e: MouseEvent | TouchEvent, startPositionModel: import('packages/relation-graph-models/utils/RGDragUtils').RGDataModelWithPosition, ondraged: import('packages/relation-graph-models/utils/RGDragUtils').RGDragedCallback, ondragging: import('packages/relation-graph-models/utils/RGDragUtils').RGDraggingCallback | undefined): void;
+        startDrag(e: MouseEvent | TouchEvent, startPositionOrModel: import('../../../types').RGCoordinate, onDragged: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggedCallback, onDragging?: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggingCallback): void;
         onNodeMove(e: MouseEvent | TouchEvent): void;
         onNodeDragend(e: MouseEvent | TouchEvent): void;
     };
@@ -143,22 +166,10 @@ export declare const RGFakeNode: import('vue').DefineComponent<{
 }>>, {
     node: Record<string, any>;
 }>;
-export declare const RGLinePath: import('vue').DefineComponent<{
-    lineConfig: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-    linePathInfo: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-}, {}, {}, {
-    options(): any;
+export declare const RGLinePath: import('vue').DefineComponent<string[], {}, {}, {
+    graphInstance(): any;
     pathId(): string;
     useTextPath(): any;
-    checked(): boolean;
     line(): any;
     lineWidth(): string | undefined;
     startArrowMarkerId(): any;
@@ -166,53 +177,10 @@ export declare const RGLinePath: import('vue').DefineComponent<{
     textStyle(): any;
 }, {
     onLineClick(e: any): void;
-}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
-    lineConfig: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-    linePathInfo: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-}>>, {
-    lineConfig: Record<string, any>;
-    linePathInfo: Record<string, any>;
-}>;
-export declare const RGLineText: import('vue').DefineComponent<{
-    lineConfig: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-    linePathInfo: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-}, {}, {}, {
-    options(): any;
-    line(): any;
-    textStyle(): any;
-}, {
-    onLineClick(e: any): void;
-}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
-    lineConfig: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-    linePathInfo: {
-        mustUseProp: boolean;
-        default: () => {};
-        type: ObjectConstructor;
-    };
-}>>, {
-    lineConfig: Record<string, any>;
-    linePathInfo: Record<string, any>;
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<string[]>>, {
+    [x: number]: string;
 }>;
+export declare const RGLineText: import('@vue/runtime-core').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
 export declare const RGToolBar: import('vue').DefineComponent<{
     direction: {
         mustUseProp: boolean;
@@ -230,8 +198,8 @@ export declare const RGToolBar: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
-    options(): any;
     graphInstance(): any;
+    options(): any;
 }, {
     refresh(): void;
     toggleAutoLayout(): void;
@@ -263,10 +231,6 @@ export declare const RGNodeExpandHolder: import('vue').DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-    expandButtonClass: {
-        type: StringConstructor;
-        required: true;
-    };
     expandOrCollapseNode: {
         type: FunctionConstructor;
         required: true;
@@ -275,15 +239,13 @@ export declare const RGNodeExpandHolder: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {
+    expandButtonClass(): "c-expanded" | "c-collapsed";
+}, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     node: {
         type: ObjectConstructor;
         required: true;
     };
-    expandButtonClass: {
-        type: StringConstructor;
-        required: true;
-    };
     expandOrCollapseNode: {
         type: FunctionConstructor;
         required: true;
@@ -293,6 +255,17 @@ export declare const RGNodeExpandHolder: import('vue').DefineComponent<{
         required: true;
     };
 }>>, {}>;
+export declare const RGDebugView: import('vue').DefineComponent<Readonly<{}>, {}, {
+    showSettingPanel: boolean;
+}, {
+    graphInstance(): any;
+    options(): any;
+}, {
+    toggleSettingPanel(): void;
+    printOptions(): void;
+    printData(): void;
+    enableDevlog(): void;
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<Readonly<{}>>>, {}>;
 export declare const RGMiniToolBar: import('vue').DefineComponent<{
     direction: {
         mustUseProp: boolean;
@@ -310,8 +283,8 @@ export declare const RGMiniToolBar: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
-    options(): any;
     graphInstance(): any;
+    options(): any;
 }, {
     refresh(): void;
     toggleAutoLayout(): void;
@@ -353,10 +326,12 @@ export declare const RGMiniView: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
+    miniViewVisibleHandle(): any;
 }, {
-    onMouseDown(e: import('../../../relation-graph-models/types').RGUserEvent): void;
-    onClickCanvas(e: import('../../../relation-graph-models/types').RGUserEvent): void;
+    onMouseDown(e: import('../../../types').RGUserEvent): void;
+    onClickCanvas(e: import('../../../types').RGUserEvent): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     position: {
         mustUseProp: boolean;
@@ -388,6 +363,7 @@ export declare const RGBackground: import('vue').DefineComponent<{
 }, {}, {
     originBackgroundColor: string;
 }, {
+    graphInstance(): any;
     options(): any;
     show(): boolean;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
@@ -430,6 +406,7 @@ export declare const RGWatermark: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
     show(): boolean;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
@@ -462,6 +439,7 @@ export declare const RGWatermark: import('vue').DefineComponent<{
     position: string;
 }>;
 export declare const RGEditingNodeController: import('vue').DefineComponent<{}, unknown, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
 export declare const RGEditingResize: import('vue').DefineComponent<{
@@ -476,6 +454,7 @@ export declare const RGEditingResize: import('vue').DefineComponent<{
         required: false;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(type: any, $event: any): void;
@@ -501,6 +480,7 @@ export declare const RGEditingNearNodeWidget: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(type: any, $event: any): void;
@@ -515,34 +495,45 @@ export declare const RGEditingNearNodeWidget: import('vue').DefineComponent<{
 }>;
 export declare const RGEditingLineController: import('vue').DefineComponent<{
     textEditable: {
-        mustUseProp: boolean;
         default: boolean;
     };
 }, {}, {
     lineText: string;
     editing: boolean;
+    prevClickTime: number;
 }, {
+    graphInstance(): any;
     options(): any;
+    editingLineController(): any;
     show(): any;
+    editingLine(): any;
+    editingLineShape(): any;
+    ctrlPoint1(): any;
+    ctrlPoint2(): any;
+    ctrlPoint1SvgPath(): any;
+    ctrlPoint2SvgPath(): any;
+    line44Splits(): any;
     text(): any;
 }, {
+    onCtrlPointMouseDown(ctrlPointIndex: any, $event: any): void;
+    onLine44CtrlPointMouseDown(split: any, $event: any): void;
     onMouseDown(type: any, $event: any): void;
     startMoveText($event: any): void;
     startEditingLineText($event: any): void;
     onLineTextChange($event: any): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     textEditable: {
-        mustUseProp: boolean;
         default: boolean;
     };
 }>>, {
     textEditable: boolean;
 }>;
 export declare const RGEditingConnectController: import('vue').DefineComponent<Readonly<{}>, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
-    mouseUpOnJunctionPoint(junctionPoint: import('../../../relation-graph-models/types').RGJunctionPoint, $event: import('../../../relation-graph-models/types').RGUserEvent): void;
-    mouseUpOnJunctionPointWithOffset(junctionPoint: import('../../../relation-graph-models/types').RGJunctionPoint, $event: import('../../../relation-graph-models/types').RGUserEvent): void;
+    mouseUpOnJunctionPoint(junctionPoint: import('../../../types').RGJunctionPoint, $event: import('../../../types').RGUserEvent): void;
+    mouseUpOnJunctionPointWithOffset(junctionPoint: import('../../../types').RGJunctionPoint, $event: import('../../../types').RGUserEvent): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<Readonly<{}>>>, {}>;
 export declare const RGConnectSource: import('vue').DefineComponent<{
     fromNode: {
@@ -555,7 +546,9 @@ export declare const RGConnectSource: import('vue').DefineComponent<{
         default: () => {};
         type: ObjectConstructor;
     };
-}, {}, {}, {}, {
+}, {}, {}, {
+    graphInstance(): any;
+}, {
     onMouseDown($event: MouseEvent | TouchEvent): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     fromNode: {
@@ -591,6 +584,7 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
         type: ObjectConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(event: any): void;
@@ -626,6 +620,7 @@ export declare const RGEditingConnectPoints: import('vue').DefineComponent<{
         required: true;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseUp(type: any, $event: any): void;
@@ -651,6 +646,7 @@ export declare const RGEditingReferenceLine: import('vue').DefineComponent<{
         default: boolean;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     showText: {
@@ -673,7 +669,7 @@ export declare const RelationLinker: import('vue').DefineComponent<{
         default: () => {};
         type: ObjectConstructor;
     };
-    links: {
+    lines: {
         mustUseProp: boolean;
         default: () => never[];
         type: ArrayConstructor;
@@ -684,36 +680,20 @@ export declare const RelationLinker: import('vue').DefineComponent<{
         type: FunctionConstructor;
     };
 }, {}, {
-    graphInstanceOK: boolean;
-    graphData: {
-        rootNode: null;
-        nodes: never[];
-        normalLines: never[];
-        elementLines: never[];
-        fakeLines: never[];
-    };
-    runtimeData: {
-        runtimeDATA4Links: never[];
-        runtimeDATA4ElLineTargets: never[];
-        runtimeDATA4ConnectTargets: never[];
-        runtimeDATA4NodeMap: {};
-        runtimeDATA4ShouldRenderGraphData: {
-            nodes: never[];
-            lines: never[];
-        };
-    };
-    graph: {
-        options: import('../../../relation-graph-models/types').RGOptionsFull;
-    };
+    initialised: boolean;
+    inRGProvider: boolean;
 }, {}, {
+    applyInstance(graphInstance: any): void;
+    onRGProviderReady(graphInstance: any): void;
     getInstance(): any;
+    setJsonData(): Promise<never>;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     options: {
         mustUseProp: boolean;
         default: () => {};
         type: ObjectConstructor;
     };
-    links: {
+    lines: {
         mustUseProp: boolean;
         default: () => never[];
         type: ArrayConstructor;
@@ -724,9 +704,9 @@ export declare const RelationLinker: import('vue').DefineComponent<{
         type: FunctionConstructor;
     };
 }>>, {
-    links: unknown[];
     options: Record<string, any>;
     relationGraphCore: Function;
+    lines: unknown[];
 }>;
 export declare const RelationGraph: import('vue').DefineComponent<{
     options: {
@@ -745,780 +725,12 @@ export declare const RelationGraph: import('vue').DefineComponent<{
         type: FunctionConstructor;
     };
 }, {}, {
-    graphInstanceOK: boolean;
-    graphData: {
-        rootNode: null;
-        nodes: never[];
-        normalLines: never[];
-        elementLines: never[];
-        fakeLines: never[];
-    };
-    runtimeData: {
-        runtimeDATA4Links: never[];
-        runtimeDATA4ElLineTargets: never[];
-        runtimeDATA4ConnectTargets: never[];
-        runtimeDATA4NodeMap: {};
-        runtimeDATA4ShouldRenderGraphData: {
-            nodes: never[];
-            lines: never[];
-        };
-    };
-    graph: {
-        options: import('../../../relation-graph-models/types').RGOptionsFull;
-    };
-}, {
-    graphOptions(): {
-        instanceId: string;
-        debug: boolean;
-        showDebugPanel: boolean;
-        showToolBar: boolean;
-        backgroundColor: string;
-        downloadImageFileName: string;
-        disableWheelEvent: boolean;
-        wheelEventAction: "zoom" | "scroll" | "none";
-        disableDragNode: boolean;
-        disableDragLine: boolean;
-        selectionMode: boolean;
-        canvasMoveMode: boolean;
-        disableNodePointEvent: boolean;
-        disableLinePointEvent: boolean;
-        toolBarDirection: string;
-        toolBarPositionH: string;
-        toolBarPositionV: string;
-        defaultExpandHolderPosition: "hide" | "left" | "top" | "right" | "bottom";
-        defaultExpandHolderColor?: string | undefined;
-        defaultNodeColor: string;
-        checkedItemBackgroundColor?: string | undefined;
-        defaultLineTextOffset_x?: number | undefined;
-        defaultLineTextOffset_y?: number | undefined;
-        defaultLineColor: string;
-        defaultLineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-        defaultJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-        disableDragCanvas: boolean;
-        placeSingleNode: boolean;
-        placeOtherNodes: boolean;
-        lineUseTextPath: boolean;
-        lineTextMaxLength: number;
-        multiLineDistance: number;
-        checkedNodeId: string;
-        checkedLineId: string;
-        checkedLinkId: string;
-        performanceMode: boolean;
-        data: any;
-        viewHeight: string;
-        defaultLineMarker: {
-            markerWidth: number;
-            markerHeight: number;
-            refX: number;
-            refY: number;
-            viewBox: string;
-            data: string;
-        };
-        layout: {
-            alignItemsX: "start" | "center" | "end";
-            alignItemsY: "start" | "center" | "end";
-            layoutName: string;
-            label?: string | undefined;
-            layoutDirection?: string | undefined;
-            centerOffset_x?: number | undefined;
-            centerOffset_y?: number | undefined;
-            fixedRootNode?: boolean | undefined;
-            autoLayouting?: boolean | undefined;
-            supportAutoLayout?: boolean | undefined;
-            fastStart?: boolean | undefined;
-            maxLayoutTimes?: number | undefined;
-            byNode?: boolean | undefined;
-            byLine?: boolean | undefined;
-            force_node_repulsion?: number | undefined;
-            force_line_elastic?: number | undefined;
-            startAngle?: number | undefined;
-            distance_coefficient?: number | undefined;
-            levelDistance?: number[] | undefined;
-            from?: string | undefined;
-            treeNodeGapH?: number | undefined;
-            treeNodeGapV?: number | undefined;
-            levelGaps?: number[] | undefined;
-            layoutExpansionDirection?: "start" | "center" | "end" | undefined;
-            simpleTree?: boolean | undefined;
-            ignoreNodeSize?: boolean | undefined;
-            alignParentItemsX: "start" | "center" | "end";
-            alignParentItemsY: "start" | "center" | "end";
-        };
-        graphOffset_x: number;
-        graphOffset_y: number;
-        canvasZoom: number;
-        mouseWheelSpeed: number;
-        minCanvasZoom: number;
-        maxCanvasZoom: number;
-        placeOtherGroup: boolean;
-        defaultPolyLineRadius: number;
-        reLayoutWhenExpandedOrCollapsed: boolean;
-        useHorizontalView: boolean;
-        creatingSelection: boolean;
-        selectionView: any;
-        creatingNodePlot: boolean;
-        showTemplateNode: boolean;
-        newNodeTemplate: any;
-        creatingLinePlot: boolean;
-        newLineTemplate: {
-            reverseText?: boolean | undefined;
-            isReverse?: boolean | undefined;
-            id?: string | undefined;
-            from: string;
-            to: string;
-            text?: string | undefined;
-            selected?: boolean | undefined;
-            type?: string | undefined;
-            isFakeLine?: boolean | undefined;
-            fromType?: string | undefined;
-            toType?: string | undefined;
-            color?: string | undefined;
-            fontColor?: string | undefined;
-            fontSize?: number | undefined;
-            lineWidth?: number | undefined;
-            opacity?: number | undefined;
-            lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-            className?: string | undefined;
-            showStartArrow?: boolean | undefined;
-            showEndArrow?: boolean | undefined;
-            startMarkerId?: string | undefined;
-            endMarkerId?: string | undefined;
-            useTextPath?: boolean | undefined;
-            onPathStartOffset?: string | undefined;
-            textAnchor?: string | undefined;
-            lineDirection?: string | undefined;
-            polyLineStartDistance?: number | undefined;
-            disablePointEvent?: boolean | undefined;
-            data?: Record<string, any> | undefined;
-            cssVars?: Record<string, any> | undefined;
-            force_elastic?: number | undefined;
-            textOffset_x?: number | undefined;
-            textOffset_y?: number | undefined;
-            animation?: number | undefined;
-            dashType?: number | undefined;
-            lineRadius?: number | undefined;
-            forDisplayOnly?: boolean | undefined;
-            junctionOffset?: number | undefined;
-            fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-            toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-            fromJuctionPointOffsetX?: number | undefined;
-            fromJuctionPointOffsetY?: number | undefined;
-            toJuctionPointOffsetX?: number | undefined;
-            toJuctionPointOffsetY?: number | undefined;
-            hidden?: boolean | undefined;
-        };
-        newLinkTemplate: any;
-        snapshotting: boolean;
-        graphLoading: boolean;
-        enableNodeXYAnimation: boolean;
-        enableCanvasTransformAnimation: boolean;
-        graphLoadingText: string;
-        instanceDestroyed: boolean;
-        editingLineController: {
-            show: boolean;
-            link: {
-                seeks_id: string;
-                fromNode: {
-                    x: number;
-                    y: number;
-                    type: string;
-                    nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                    zIndex?: number | undefined;
-                    lot: {
-                        childs: /*elided*/ any[];
-                        parent?: /*elided*/ any | undefined;
-                        eached?: boolean | undefined;
-                        strength?: number | undefined;
-                        subling?: {
-                            level: number;
-                            all_size: number;
-                            all_strength: number;
-                        } | undefined;
-                        level?: number | undefined;
-                        index_of_parent?: number | undefined;
-                        strength_plus?: number | undefined;
-                        index_of_level?: number | undefined;
-                        childs_size?: number | undefined;
-                        index_of_p_childs?: number | undefined;
-                        level_index?: number | undefined;
-                        strengthWithChilds?: number | undefined;
-                        strengthWithChilds_from?: number | undefined;
-                        placed?: boolean | undefined;
-                        notLeafNode?: boolean | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        to_x?: number | undefined;
-                        to_y?: number | undefined;
-                        from_x?: number | undefined;
-                        from_y?: number | undefined;
-                    };
-                    dragging?: boolean | undefined;
-                    el: {
-                        offsetWidth: number;
-                        offsetHeight: number;
-                    };
-                    Fx: number;
-                    Fy: number;
-                    rgShouldRender?: boolean | undefined;
-                    rgCalcedVisible?: boolean | undefined;
-                    id: string;
-                    text?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    children?: {
-                        id: string;
-                        text?: string | undefined;
-                        type?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        zIndex?: number | undefined;
-                        children?: /*elided*/ any[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    }[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                };
-                toNode: {
-                    x: number;
-                    y: number;
-                    type: string;
-                    nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                    zIndex?: number | undefined;
-                    lot: {
-                        childs: /*elided*/ any[];
-                        parent?: /*elided*/ any | undefined;
-                        eached?: boolean | undefined;
-                        strength?: number | undefined;
-                        subling?: {
-                            level: number;
-                            all_size: number;
-                            all_strength: number;
-                        } | undefined;
-                        level?: number | undefined;
-                        index_of_parent?: number | undefined;
-                        strength_plus?: number | undefined;
-                        index_of_level?: number | undefined;
-                        childs_size?: number | undefined;
-                        index_of_p_childs?: number | undefined;
-                        level_index?: number | undefined;
-                        strengthWithChilds?: number | undefined;
-                        strengthWithChilds_from?: number | undefined;
-                        placed?: boolean | undefined;
-                        notLeafNode?: boolean | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        to_x?: number | undefined;
-                        to_y?: number | undefined;
-                        from_x?: number | undefined;
-                        from_y?: number | undefined;
-                    };
-                    dragging?: boolean | undefined;
-                    el: {
-                        offsetWidth: number;
-                        offsetHeight: number;
-                    };
-                    Fx: number;
-                    Fy: number;
-                    rgShouldRender?: boolean | undefined;
-                    rgCalcedVisible?: boolean | undefined;
-                    id: string;
-                    text?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    children?: {
-                        id: string;
-                        text?: string | undefined;
-                        type?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        zIndex?: number | undefined;
-                        children?: /*elided*/ any[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    }[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                };
-                currentLineIndex: number;
-                totalLinesBetweenNodes: number;
-                forDisplayOnly: boolean;
-                rgShouldRender?: boolean | undefined;
-                rgCalcedVisible?: boolean | undefined;
-                line: {
-                    reverseText?: boolean | undefined;
-                    isReverse?: boolean | undefined;
-                    id?: string | undefined;
-                    from: string;
-                    to: string;
-                    text?: string | undefined;
-                    selected?: boolean | undefined;
-                    type?: string | undefined;
-                    isFakeLine?: boolean | undefined;
-                    fromType?: string | undefined;
-                    toType?: string | undefined;
-                    color?: string | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    lineWidth?: number | undefined;
-                    opacity?: number | undefined;
-                    lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-                    className?: string | undefined;
-                    showStartArrow?: boolean | undefined;
-                    showEndArrow?: boolean | undefined;
-                    startMarkerId?: string | undefined;
-                    endMarkerId?: string | undefined;
-                    useTextPath?: boolean | undefined;
-                    onPathStartOffset?: string | undefined;
-                    textAnchor?: string | undefined;
-                    lineDirection?: string | undefined;
-                    polyLineStartDistance?: number | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    data?: Record<string, any> | undefined;
-                    cssVars?: Record<string, any> | undefined;
-                    force_elastic?: number | undefined;
-                    textOffset_x?: number | undefined;
-                    textOffset_y?: number | undefined;
-                    animation?: number | undefined;
-                    dashType?: number | undefined;
-                    lineRadius?: number | undefined;
-                    forDisplayOnly?: boolean | undefined;
-                    junctionOffset?: number | undefined;
-                    fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                    toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                    fromJuctionPointOffsetX?: number | undefined;
-                    fromJuctionPointOffsetY?: number | undefined;
-                    toJuctionPointOffsetX?: number | undefined;
-                    toJuctionPointOffsetY?: number | undefined;
-                    hidden?: boolean | undefined;
-                };
-            } | null;
-            line: {
-                reverseText?: boolean | undefined;
-                isReverse?: boolean | undefined;
-                id?: string | undefined;
-                from: string;
-                to: string;
-                text?: string | undefined;
-                selected?: boolean | undefined;
-                type?: string | undefined;
-                isFakeLine?: boolean | undefined;
-                fromType?: string | undefined;
-                toType?: string | undefined;
-                color?: string | undefined;
-                fontColor?: string | undefined;
-                fontSize?: number | undefined;
-                lineWidth?: number | undefined;
-                opacity?: number | undefined;
-                lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-                className?: string | undefined;
-                showStartArrow?: boolean | undefined;
-                showEndArrow?: boolean | undefined;
-                startMarkerId?: string | undefined;
-                endMarkerId?: string | undefined;
-                useTextPath?: boolean | undefined;
-                onPathStartOffset?: string | undefined;
-                textAnchor?: string | undefined;
-                lineDirection?: string | undefined;
-                polyLineStartDistance?: number | undefined;
-                disablePointEvent?: boolean | undefined;
-                data?: Record<string, any> | undefined;
-                cssVars?: Record<string, any> | undefined;
-                force_elastic?: number | undefined;
-                textOffset_x?: number | undefined;
-                textOffset_y?: number | undefined;
-                animation?: number | undefined;
-                dashType?: number | undefined;
-                lineRadius?: number | undefined;
-                forDisplayOnly?: boolean | undefined;
-                junctionOffset?: number | undefined;
-                fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                fromJuctionPointOffsetX?: number | undefined;
-                fromJuctionPointOffsetY?: number | undefined;
-                toJuctionPointOffsetX?: number | undefined;
-                toJuctionPointOffsetY?: number | undefined;
-                hidden?: boolean | undefined;
-            } | null;
-            startPoint: {
-                x: number;
-                y: number;
-            };
-            endPoint: {
-                x: number;
-                y: number;
-            };
-            text: {
-                show: boolean;
-                x: number;
-                y: number;
-                width: number;
-                height: number;
-            };
-            ctrlPoints: {
-                x: number;
-                y: number;
-            }[];
-            selectedLines: string[];
-            line44Splits: {
-                pIndex: number;
-                optionName: string;
-                direction: "v" | "h";
-                x: number;
-                y: number;
-                startDirection: import('../../../relation-graph-models/types').RGDirection;
-                endDirection: import('../../../relation-graph-models/types').RGDirection;
-                hide?: boolean | undefined;
-            }[];
-            line49Points: {
-                x: number;
-                y: number;
-            }[];
-            ctrlPoint1: {
-                x: number;
-                y: number;
-            };
-            ctrlPoint2: {
-                x: number;
-                y: number;
-            };
-            toolbar: {
-                x: number;
-                y: number;
-            };
-        };
-        editingController: {
-            show: boolean;
-            nodes: {
-                x: number;
-                y: number;
-                type: string;
-                nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                zIndex?: number | undefined;
-                lot: {
-                    childs: /*elided*/ any[];
-                    parent?: /*elided*/ any | undefined;
-                    eached?: boolean | undefined;
-                    strength?: number | undefined;
-                    subling?: {
-                        level: number;
-                        all_size: number;
-                        all_strength: number;
-                    } | undefined;
-                    level?: number | undefined;
-                    index_of_parent?: number | undefined;
-                    strength_plus?: number | undefined;
-                    index_of_level?: number | undefined;
-                    childs_size?: number | undefined;
-                    index_of_p_childs?: number | undefined;
-                    level_index?: number | undefined;
-                    strengthWithChilds?: number | undefined;
-                    strengthWithChilds_from?: number | undefined;
-                    placed?: boolean | undefined;
-                    notLeafNode?: boolean | undefined;
-                    x?: number | undefined;
-                    y?: number | undefined;
-                    to_x?: number | undefined;
-                    to_y?: number | undefined;
-                    from_x?: number | undefined;
-                    from_y?: number | undefined;
-                };
-                dragging?: boolean | undefined;
-                el: {
-                    offsetWidth: number;
-                    offsetHeight: number;
-                };
-                Fx: number;
-                Fy: number;
-                rgShouldRender?: boolean | undefined;
-                rgCalcedVisible?: boolean | undefined;
-                id: string;
-                text?: string | undefined;
-                targetType?: string | undefined;
-                expanded?: boolean | undefined;
-                selected?: boolean | undefined;
-                disablePointEvent?: boolean | undefined;
-                disableDrag?: boolean | undefined;
-                className?: string | undefined;
-                borderColor?: string | undefined;
-                borderWidth?: number | undefined;
-                borderRadius?: number | undefined;
-                fontColor?: string | undefined;
-                fontSize?: number | undefined;
-                color?: string | undefined;
-                opacity?: number | undefined;
-                fixed?: boolean | undefined;
-                width?: number | undefined;
-                height?: number | undefined;
-                expandHolderPosition?: string | undefined;
-                data?: Record<string, any> | undefined;
-                force_weight?: number | undefined;
-                children?: {
-                    id: string;
-                    text?: string | undefined;
-                    type?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    x?: number | undefined;
-                    y?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    zIndex?: number | undefined;
-                    children?: /*elided*/ any[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                }[] | undefined;
-                hidden?: boolean | undefined;
-                alwaysRender?: boolean | undefined;
-            }[];
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        };
-        nodeConnectController: {
-            show: boolean;
-            node: {
-                x: number;
-                y: number;
-                type: string;
-                nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                zIndex?: number | undefined;
-                lot: {
-                    childs: /*elided*/ any[];
-                    parent?: /*elided*/ any | undefined;
-                    eached?: boolean | undefined;
-                    strength?: number | undefined;
-                    subling?: {
-                        level: number;
-                        all_size: number;
-                        all_strength: number;
-                    } | undefined;
-                    level?: number | undefined;
-                    index_of_parent?: number | undefined;
-                    strength_plus?: number | undefined;
-                    index_of_level?: number | undefined;
-                    childs_size?: number | undefined;
-                    index_of_p_childs?: number | undefined;
-                    level_index?: number | undefined;
-                    strengthWithChilds?: number | undefined;
-                    strengthWithChilds_from?: number | undefined;
-                    placed?: boolean | undefined;
-                    notLeafNode?: boolean | undefined;
-                    x?: number | undefined;
-                    y?: number | undefined;
-                    to_x?: number | undefined;
-                    to_y?: number | undefined;
-                    from_x?: number | undefined;
-                    from_y?: number | undefined;
-                };
-                dragging?: boolean | undefined;
-                el: {
-                    offsetWidth: number;
-                    offsetHeight: number;
-                };
-                Fx: number;
-                Fy: number;
-                rgShouldRender?: boolean | undefined;
-                rgCalcedVisible?: boolean | undefined;
-                id: string;
-                text?: string | undefined;
-                targetType?: string | undefined;
-                expanded?: boolean | undefined;
-                selected?: boolean | undefined;
-                disablePointEvent?: boolean | undefined;
-                disableDrag?: boolean | undefined;
-                className?: string | undefined;
-                borderColor?: string | undefined;
-                borderWidth?: number | undefined;
-                borderRadius?: number | undefined;
-                fontColor?: string | undefined;
-                fontSize?: number | undefined;
-                color?: string | undefined;
-                opacity?: number | undefined;
-                fixed?: boolean | undefined;
-                width?: number | undefined;
-                height?: number | undefined;
-                expandHolderPosition?: string | undefined;
-                data?: Record<string, any> | undefined;
-                force_weight?: number | undefined;
-                children?: {
-                    id: string;
-                    text?: string | undefined;
-                    type?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    x?: number | undefined;
-                    y?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    zIndex?: number | undefined;
-                    children?: /*elided*/ any[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                }[] | undefined;
-                hidden?: boolean | undefined;
-                alwaysRender?: boolean | undefined;
-            };
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        };
-        showReferenceLine: boolean;
-        referenceLineAdsorption: boolean;
-        editingReferenceLine: {
-            show: boolean;
-            directionV: boolean;
-            directionH: boolean;
-            v_x: number;
-            v_y: number;
-            v_height: number;
-            h_x: number;
-            h_y: number;
-            h_width: number;
-        };
-        showMiniView: boolean;
-        miniViewVisibleHandle: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-            emptyContent: boolean;
-        };
-        viewSize: {
-            width: number;
-            height: number;
-        };
-        viewELSize: {
-            width: number;
-            height: number;
-            left: number;
-            top: number;
-        };
-        fullscreen: boolean;
-        canvasSize: {
-            width: number;
-            height: number;
-        };
-        canvasOffset: {
-            x: number;
-            y: number;
-            zoom_buff_x: number;
-            zoom_buff_y: number;
-        };
-        showEasyView?: boolean | undefined;
-        canvasOpacity?: number | undefined;
-    };
-}, {
+    initialised: boolean;
+    inRGProvider: boolean;
+}, {}, {
+    applyInstance(graphInstance: any): void;
+    onRGProviderReady(graphInstance: any): void;
     getInstance(): any;
-    mouseListener(e: any): void;
     setJsonData(): Promise<never>;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     options: {
@@ -1561,8 +773,9 @@ declare const _default: {
             type: FunctionConstructor;
         };
     }>>, {}, {}, {}, {
+        applyInstance(graphInstance: any): void;
+        onRGProviderReady(graphInstance: any): void;
         getInstance(): any;
-        mouseListener(e: any): void;
         setJsonData(): Promise<never>;
     }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin>, vm: import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
         options: {
@@ -1581,786 +794,19 @@ declare const _default: {
             type: FunctionConstructor;
         };
     }>>, {}, {}, {}, {
+        applyInstance(graphInstance: any): void;
+        onRGProviderReady(graphInstance: any): void;
         getInstance(): any;
-        mouseListener(e: any): void;
         setJsonData(): Promise<never>;
     }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin>) => {
-        graphInstanceOK: boolean;
-        graphData: {
-            rootNode: null;
-            nodes: never[];
-            normalLines: never[];
-            elementLines: never[];
-            fakeLines: never[];
-        };
-        runtimeData: {
-            runtimeDATA4Links: never[];
-            runtimeDATA4ElLineTargets: never[];
-            runtimeDATA4ConnectTargets: never[];
-            runtimeDATA4NodeMap: {};
-            runtimeDATA4ShouldRenderGraphData: {
-                nodes: never[];
-                lines: never[];
-            };
-        };
-        graph: {
-            options: import('../../../relation-graph-models/types').RGOptionsFull;
-        };
+        initialised: boolean;
+        inRGProvider: boolean;
     }) | undefined;
-    computed?: {
-        graphOptions(): {
-            instanceId: string;
-            debug: boolean;
-            showDebugPanel: boolean;
-            showToolBar: boolean;
-            backgroundColor: string;
-            downloadImageFileName: string;
-            disableWheelEvent: boolean;
-            wheelEventAction: "zoom" | "scroll" | "none";
-            disableDragNode: boolean;
-            disableDragLine: boolean;
-            selectionMode: boolean;
-            canvasMoveMode: boolean;
-            disableNodePointEvent: boolean;
-            disableLinePointEvent: boolean;
-            toolBarDirection: string;
-            toolBarPositionH: string;
-            toolBarPositionV: string;
-            defaultExpandHolderPosition: "hide" | "left" | "top" | "right" | "bottom";
-            defaultExpandHolderColor?: string | undefined;
-            defaultNodeColor: string;
-            checkedItemBackgroundColor?: string | undefined;
-            defaultLineTextOffset_x?: number | undefined;
-            defaultLineTextOffset_y?: number | undefined;
-            defaultLineColor: string;
-            defaultLineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-            defaultJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-            disableDragCanvas: boolean;
-            placeSingleNode: boolean;
-            placeOtherNodes: boolean;
-            lineUseTextPath: boolean;
-            lineTextMaxLength: number;
-            multiLineDistance: number;
-            checkedNodeId: string;
-            checkedLineId: string;
-            checkedLinkId: string;
-            performanceMode: boolean;
-            data: any;
-            viewHeight: string;
-            defaultLineMarker: {
-                markerWidth: number;
-                markerHeight: number;
-                refX: number;
-                refY: number;
-                viewBox: string;
-                data: string;
-            };
-            layout: {
-                alignItemsX: "start" | "center" | "end";
-                alignItemsY: "start" | "center" | "end";
-                layoutName: string;
-                label?: string | undefined;
-                layoutDirection?: string | undefined;
-                centerOffset_x?: number | undefined;
-                centerOffset_y?: number | undefined;
-                fixedRootNode?: boolean | undefined;
-                autoLayouting?: boolean | undefined;
-                supportAutoLayout?: boolean | undefined;
-                fastStart?: boolean | undefined;
-                maxLayoutTimes?: number | undefined;
-                byNode?: boolean | undefined;
-                byLine?: boolean | undefined;
-                force_node_repulsion?: number | undefined;
-                force_line_elastic?: number | undefined;
-                startAngle?: number | undefined;
-                distance_coefficient?: number | undefined;
-                levelDistance?: number[] | undefined;
-                from?: string | undefined;
-                treeNodeGapH?: number | undefined;
-                treeNodeGapV?: number | undefined;
-                levelGaps?: number[] | undefined;
-                layoutExpansionDirection?: "start" | "center" | "end" | undefined;
-                simpleTree?: boolean | undefined;
-                ignoreNodeSize?: boolean | undefined;
-                alignParentItemsX: "start" | "center" | "end";
-                alignParentItemsY: "start" | "center" | "end";
-            };
-            graphOffset_x: number;
-            graphOffset_y: number;
-            canvasZoom: number;
-            mouseWheelSpeed: number;
-            minCanvasZoom: number;
-            maxCanvasZoom: number;
-            placeOtherGroup: boolean;
-            defaultPolyLineRadius: number;
-            reLayoutWhenExpandedOrCollapsed: boolean;
-            useHorizontalView: boolean;
-            creatingSelection: boolean;
-            selectionView: any;
-            creatingNodePlot: boolean;
-            showTemplateNode: boolean;
-            newNodeTemplate: any;
-            creatingLinePlot: boolean;
-            newLineTemplate: {
-                reverseText?: boolean | undefined;
-                isReverse?: boolean | undefined;
-                id?: string | undefined;
-                from: string;
-                to: string;
-                text?: string | undefined;
-                selected?: boolean | undefined;
-                type?: string | undefined;
-                isFakeLine?: boolean | undefined;
-                fromType?: string | undefined;
-                toType?: string | undefined;
-                color?: string | undefined;
-                fontColor?: string | undefined;
-                fontSize?: number | undefined;
-                lineWidth?: number | undefined;
-                opacity?: number | undefined;
-                lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-                className?: string | undefined;
-                showStartArrow?: boolean | undefined;
-                showEndArrow?: boolean | undefined;
-                startMarkerId?: string | undefined;
-                endMarkerId?: string | undefined;
-                useTextPath?: boolean | undefined;
-                onPathStartOffset?: string | undefined;
-                textAnchor?: string | undefined;
-                lineDirection?: string | undefined;
-                polyLineStartDistance?: number | undefined;
-                disablePointEvent?: boolean | undefined;
-                data?: Record<string, any> | undefined;
-                cssVars?: Record<string, any> | undefined;
-                force_elastic?: number | undefined;
-                textOffset_x?: number | undefined;
-                textOffset_y?: number | undefined;
-                animation?: number | undefined;
-                dashType?: number | undefined;
-                lineRadius?: number | undefined;
-                forDisplayOnly?: boolean | undefined;
-                junctionOffset?: number | undefined;
-                fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                fromJuctionPointOffsetX?: number | undefined;
-                fromJuctionPointOffsetY?: number | undefined;
-                toJuctionPointOffsetX?: number | undefined;
-                toJuctionPointOffsetY?: number | undefined;
-                hidden?: boolean | undefined;
-            };
-            newLinkTemplate: any;
-            snapshotting: boolean;
-            graphLoading: boolean;
-            enableNodeXYAnimation: boolean;
-            enableCanvasTransformAnimation: boolean;
-            graphLoadingText: string;
-            instanceDestroyed: boolean;
-            editingLineController: {
-                show: boolean;
-                link: {
-                    seeks_id: string;
-                    fromNode: {
-                        x: number;
-                        y: number;
-                        type: string;
-                        nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                        zIndex?: number | undefined;
-                        lot: {
-                            childs: /*elided*/ any[];
-                            parent?: /*elided*/ any | undefined;
-                            eached?: boolean | undefined;
-                            strength?: number | undefined;
-                            subling?: {
-                                level: number;
-                                all_size: number;
-                                all_strength: number;
-                            } | undefined;
-                            level?: number | undefined;
-                            index_of_parent?: number | undefined;
-                            strength_plus?: number | undefined;
-                            index_of_level?: number | undefined;
-                            childs_size?: number | undefined;
-                            index_of_p_childs?: number | undefined;
-                            level_index?: number | undefined;
-                            strengthWithChilds?: number | undefined;
-                            strengthWithChilds_from?: number | undefined;
-                            placed?: boolean | undefined;
-                            notLeafNode?: boolean | undefined;
-                            x?: number | undefined;
-                            y?: number | undefined;
-                            to_x?: number | undefined;
-                            to_y?: number | undefined;
-                            from_x?: number | undefined;
-                            from_y?: number | undefined;
-                        };
-                        dragging?: boolean | undefined;
-                        el: {
-                            offsetWidth: number;
-                            offsetHeight: number;
-                        };
-                        Fx: number;
-                        Fy: number;
-                        rgShouldRender?: boolean | undefined;
-                        rgCalcedVisible?: boolean | undefined;
-                        id: string;
-                        text?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        children?: {
-                            id: string;
-                            text?: string | undefined;
-                            type?: string | undefined;
-                            targetType?: string | undefined;
-                            expanded?: boolean | undefined;
-                            selected?: boolean | undefined;
-                            disablePointEvent?: boolean | undefined;
-                            disableDrag?: boolean | undefined;
-                            className?: string | undefined;
-                            nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                            borderColor?: string | undefined;
-                            borderWidth?: number | undefined;
-                            borderRadius?: number | undefined;
-                            fontColor?: string | undefined;
-                            fontSize?: number | undefined;
-                            color?: string | undefined;
-                            opacity?: number | undefined;
-                            fixed?: boolean | undefined;
-                            width?: number | undefined;
-                            height?: number | undefined;
-                            x?: number | undefined;
-                            y?: number | undefined;
-                            expandHolderPosition?: string | undefined;
-                            data?: Record<string, any> | undefined;
-                            force_weight?: number | undefined;
-                            zIndex?: number | undefined;
-                            children?: /*elided*/ any[] | undefined;
-                            hidden?: boolean | undefined;
-                            alwaysRender?: boolean | undefined;
-                        }[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    };
-                    toNode: {
-                        x: number;
-                        y: number;
-                        type: string;
-                        nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                        zIndex?: number | undefined;
-                        lot: {
-                            childs: /*elided*/ any[];
-                            parent?: /*elided*/ any | undefined;
-                            eached?: boolean | undefined;
-                            strength?: number | undefined;
-                            subling?: {
-                                level: number;
-                                all_size: number;
-                                all_strength: number;
-                            } | undefined;
-                            level?: number | undefined;
-                            index_of_parent?: number | undefined;
-                            strength_plus?: number | undefined;
-                            index_of_level?: number | undefined;
-                            childs_size?: number | undefined;
-                            index_of_p_childs?: number | undefined;
-                            level_index?: number | undefined;
-                            strengthWithChilds?: number | undefined;
-                            strengthWithChilds_from?: number | undefined;
-                            placed?: boolean | undefined;
-                            notLeafNode?: boolean | undefined;
-                            x?: number | undefined;
-                            y?: number | undefined;
-                            to_x?: number | undefined;
-                            to_y?: number | undefined;
-                            from_x?: number | undefined;
-                            from_y?: number | undefined;
-                        };
-                        dragging?: boolean | undefined;
-                        el: {
-                            offsetWidth: number;
-                            offsetHeight: number;
-                        };
-                        Fx: number;
-                        Fy: number;
-                        rgShouldRender?: boolean | undefined;
-                        rgCalcedVisible?: boolean | undefined;
-                        id: string;
-                        text?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        children?: {
-                            id: string;
-                            text?: string | undefined;
-                            type?: string | undefined;
-                            targetType?: string | undefined;
-                            expanded?: boolean | undefined;
-                            selected?: boolean | undefined;
-                            disablePointEvent?: boolean | undefined;
-                            disableDrag?: boolean | undefined;
-                            className?: string | undefined;
-                            nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                            borderColor?: string | undefined;
-                            borderWidth?: number | undefined;
-                            borderRadius?: number | undefined;
-                            fontColor?: string | undefined;
-                            fontSize?: number | undefined;
-                            color?: string | undefined;
-                            opacity?: number | undefined;
-                            fixed?: boolean | undefined;
-                            width?: number | undefined;
-                            height?: number | undefined;
-                            x?: number | undefined;
-                            y?: number | undefined;
-                            expandHolderPosition?: string | undefined;
-                            data?: Record<string, any> | undefined;
-                            force_weight?: number | undefined;
-                            zIndex?: number | undefined;
-                            children?: /*elided*/ any[] | undefined;
-                            hidden?: boolean | undefined;
-                            alwaysRender?: boolean | undefined;
-                        }[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    };
-                    currentLineIndex: number;
-                    totalLinesBetweenNodes: number;
-                    forDisplayOnly: boolean;
-                    rgShouldRender?: boolean | undefined;
-                    rgCalcedVisible?: boolean | undefined;
-                    line: {
-                        reverseText?: boolean | undefined;
-                        isReverse?: boolean | undefined;
-                        id?: string | undefined;
-                        from: string;
-                        to: string;
-                        text?: string | undefined;
-                        selected?: boolean | undefined;
-                        type?: string | undefined;
-                        isFakeLine?: boolean | undefined;
-                        fromType?: string | undefined;
-                        toType?: string | undefined;
-                        color?: string | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        lineWidth?: number | undefined;
-                        opacity?: number | undefined;
-                        lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-                        className?: string | undefined;
-                        showStartArrow?: boolean | undefined;
-                        showEndArrow?: boolean | undefined;
-                        startMarkerId?: string | undefined;
-                        endMarkerId?: string | undefined;
-                        useTextPath?: boolean | undefined;
-                        onPathStartOffset?: string | undefined;
-                        textAnchor?: string | undefined;
-                        lineDirection?: string | undefined;
-                        polyLineStartDistance?: number | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        data?: Record<string, any> | undefined;
-                        cssVars?: Record<string, any> | undefined;
-                        force_elastic?: number | undefined;
-                        textOffset_x?: number | undefined;
-                        textOffset_y?: number | undefined;
-                        animation?: number | undefined;
-                        dashType?: number | undefined;
-                        lineRadius?: number | undefined;
-                        forDisplayOnly?: boolean | undefined;
-                        junctionOffset?: number | undefined;
-                        fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                        toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                        fromJuctionPointOffsetX?: number | undefined;
-                        fromJuctionPointOffsetY?: number | undefined;
-                        toJuctionPointOffsetX?: number | undefined;
-                        toJuctionPointOffsetY?: number | undefined;
-                        hidden?: boolean | undefined;
-                    };
-                } | null;
-                line: {
-                    reverseText?: boolean | undefined;
-                    isReverse?: boolean | undefined;
-                    id?: string | undefined;
-                    from: string;
-                    to: string;
-                    text?: string | undefined;
-                    selected?: boolean | undefined;
-                    type?: string | undefined;
-                    isFakeLine?: boolean | undefined;
-                    fromType?: string | undefined;
-                    toType?: string | undefined;
-                    color?: string | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    lineWidth?: number | undefined;
-                    opacity?: number | undefined;
-                    lineShape?: import('../../../relation-graph-models/types').RGLineShape | undefined;
-                    className?: string | undefined;
-                    showStartArrow?: boolean | undefined;
-                    showEndArrow?: boolean | undefined;
-                    startMarkerId?: string | undefined;
-                    endMarkerId?: string | undefined;
-                    useTextPath?: boolean | undefined;
-                    onPathStartOffset?: string | undefined;
-                    textAnchor?: string | undefined;
-                    lineDirection?: string | undefined;
-                    polyLineStartDistance?: number | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    data?: Record<string, any> | undefined;
-                    cssVars?: Record<string, any> | undefined;
-                    force_elastic?: number | undefined;
-                    textOffset_x?: number | undefined;
-                    textOffset_y?: number | undefined;
-                    animation?: number | undefined;
-                    dashType?: number | undefined;
-                    lineRadius?: number | undefined;
-                    forDisplayOnly?: boolean | undefined;
-                    junctionOffset?: number | undefined;
-                    fromJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                    toJunctionPoint?: import('../../../relation-graph-models/types').RGJunctionPoint | undefined;
-                    fromJuctionPointOffsetX?: number | undefined;
-                    fromJuctionPointOffsetY?: number | undefined;
-                    toJuctionPointOffsetX?: number | undefined;
-                    toJuctionPointOffsetY?: number | undefined;
-                    hidden?: boolean | undefined;
-                } | null;
-                startPoint: {
-                    x: number;
-                    y: number;
-                };
-                endPoint: {
-                    x: number;
-                    y: number;
-                };
-                text: {
-                    show: boolean;
-                    x: number;
-                    y: number;
-                    width: number;
-                    height: number;
-                };
-                ctrlPoints: {
-                    x: number;
-                    y: number;
-                }[];
-                selectedLines: string[];
-                line44Splits: {
-                    pIndex: number;
-                    optionName: string;
-                    direction: "v" | "h";
-                    x: number;
-                    y: number;
-                    startDirection: import('../../../relation-graph-models/types').RGDirection;
-                    endDirection: import('../../../relation-graph-models/types').RGDirection;
-                    hide?: boolean | undefined;
-                }[];
-                line49Points: {
-                    x: number;
-                    y: number;
-                }[];
-                ctrlPoint1: {
-                    x: number;
-                    y: number;
-                };
-                ctrlPoint2: {
-                    x: number;
-                    y: number;
-                };
-                toolbar: {
-                    x: number;
-                    y: number;
-                };
-            };
-            editingController: {
-                show: boolean;
-                nodes: {
-                    x: number;
-                    y: number;
-                    type: string;
-                    nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                    zIndex?: number | undefined;
-                    lot: {
-                        childs: /*elided*/ any[];
-                        parent?: /*elided*/ any | undefined;
-                        eached?: boolean | undefined;
-                        strength?: number | undefined;
-                        subling?: {
-                            level: number;
-                            all_size: number;
-                            all_strength: number;
-                        } | undefined;
-                        level?: number | undefined;
-                        index_of_parent?: number | undefined;
-                        strength_plus?: number | undefined;
-                        index_of_level?: number | undefined;
-                        childs_size?: number | undefined;
-                        index_of_p_childs?: number | undefined;
-                        level_index?: number | undefined;
-                        strengthWithChilds?: number | undefined;
-                        strengthWithChilds_from?: number | undefined;
-                        placed?: boolean | undefined;
-                        notLeafNode?: boolean | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        to_x?: number | undefined;
-                        to_y?: number | undefined;
-                        from_x?: number | undefined;
-                        from_y?: number | undefined;
-                    };
-                    dragging?: boolean | undefined;
-                    el: {
-                        offsetWidth: number;
-                        offsetHeight: number;
-                    };
-                    Fx: number;
-                    Fy: number;
-                    rgShouldRender?: boolean | undefined;
-                    rgCalcedVisible?: boolean | undefined;
-                    id: string;
-                    text?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    children?: {
-                        id: string;
-                        text?: string | undefined;
-                        type?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        zIndex?: number | undefined;
-                        children?: /*elided*/ any[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    }[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                }[];
-                x: number;
-                y: number;
-                width: number;
-                height: number;
-            };
-            nodeConnectController: {
-                show: boolean;
-                node: {
-                    x: number;
-                    y: number;
-                    type: string;
-                    nodeShape: import('../../../relation-graph-models/types').RGNodeShape;
-                    zIndex?: number | undefined;
-                    lot: {
-                        childs: /*elided*/ any[];
-                        parent?: /*elided*/ any | undefined;
-                        eached?: boolean | undefined;
-                        strength?: number | undefined;
-                        subling?: {
-                            level: number;
-                            all_size: number;
-                            all_strength: number;
-                        } | undefined;
-                        level?: number | undefined;
-                        index_of_parent?: number | undefined;
-                        strength_plus?: number | undefined;
-                        index_of_level?: number | undefined;
-                        childs_size?: number | undefined;
-                        index_of_p_childs?: number | undefined;
-                        level_index?: number | undefined;
-                        strengthWithChilds?: number | undefined;
-                        strengthWithChilds_from?: number | undefined;
-                        placed?: boolean | undefined;
-                        notLeafNode?: boolean | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        to_x?: number | undefined;
-                        to_y?: number | undefined;
-                        from_x?: number | undefined;
-                        from_y?: number | undefined;
-                    };
-                    dragging?: boolean | undefined;
-                    el: {
-                        offsetWidth: number;
-                        offsetHeight: number;
-                    };
-                    Fx: number;
-                    Fy: number;
-                    rgShouldRender?: boolean | undefined;
-                    rgCalcedVisible?: boolean | undefined;
-                    id: string;
-                    text?: string | undefined;
-                    targetType?: string | undefined;
-                    expanded?: boolean | undefined;
-                    selected?: boolean | undefined;
-                    disablePointEvent?: boolean | undefined;
-                    disableDrag?: boolean | undefined;
-                    className?: string | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    fontColor?: string | undefined;
-                    fontSize?: number | undefined;
-                    color?: string | undefined;
-                    opacity?: number | undefined;
-                    fixed?: boolean | undefined;
-                    width?: number | undefined;
-                    height?: number | undefined;
-                    expandHolderPosition?: string | undefined;
-                    data?: Record<string, any> | undefined;
-                    force_weight?: number | undefined;
-                    children?: {
-                        id: string;
-                        text?: string | undefined;
-                        type?: string | undefined;
-                        targetType?: string | undefined;
-                        expanded?: boolean | undefined;
-                        selected?: boolean | undefined;
-                        disablePointEvent?: boolean | undefined;
-                        disableDrag?: boolean | undefined;
-                        className?: string | undefined;
-                        nodeShape?: import('../../../relation-graph-models/types').RGNodeShape | undefined;
-                        borderColor?: string | undefined;
-                        borderWidth?: number | undefined;
-                        borderRadius?: number | undefined;
-                        fontColor?: string | undefined;
-                        fontSize?: number | undefined;
-                        color?: string | undefined;
-                        opacity?: number | undefined;
-                        fixed?: boolean | undefined;
-                        width?: number | undefined;
-                        height?: number | undefined;
-                        x?: number | undefined;
-                        y?: number | undefined;
-                        expandHolderPosition?: string | undefined;
-                        data?: Record<string, any> | undefined;
-                        force_weight?: number | undefined;
-                        zIndex?: number | undefined;
-                        children?: /*elided*/ any[] | undefined;
-                        hidden?: boolean | undefined;
-                        alwaysRender?: boolean | undefined;
-                    }[] | undefined;
-                    hidden?: boolean | undefined;
-                    alwaysRender?: boolean | undefined;
-                };
-                x: number;
-                y: number;
-                width: number;
-                height: number;
-            };
-            showReferenceLine: boolean;
-            referenceLineAdsorption: boolean;
-            editingReferenceLine: {
-                show: boolean;
-                directionV: boolean;
-                directionH: boolean;
-                v_x: number;
-                v_y: number;
-                v_height: number;
-                h_x: number;
-                h_y: number;
-                h_width: number;
-            };
-            showMiniView: boolean;
-            miniViewVisibleHandle: {
-                x: number;
-                y: number;
-                width: number;
-                height: number;
-                emptyContent: boolean;
-            };
-            viewSize: {
-                width: number;
-                height: number;
-            };
-            viewELSize: {
-                width: number;
-                height: number;
-                left: number;
-                top: number;
-            };
-            fullscreen: boolean;
-            canvasSize: {
-                width: number;
-                height: number;
-            };
-            canvasOffset: {
-                x: number;
-                y: number;
-                zoom_buff_x: number;
-                zoom_buff_y: number;
-            };
-            showEasyView?: boolean | undefined;
-            canvasOpacity?: number | undefined;
-        };
-    } | undefined;
+    computed?: {} | undefined;
     methods?: {
+        applyInstance(graphInstance: any): void;
+        onRGProviderReady(graphInstance: any): void;
         getInstance(): any;
-        mouseListener(e: any): void;
         setJsonData(): Promise<never>;
     } | undefined;
     mixins?: import('vue/types/v3-component-options').ComponentOptionsMixin[] | undefined;
@@ -2388,9 +834,6 @@ declare const _default: {
         initialData: Record<string, any>;
         relationGraphCore: Function;
     } | undefined;
-    components?: {
-        [key: string]: {} | import('vue').Component<any, any, any, any, any> | import('vue').AsyncComponent<any, any, any, any>;
-    } | undefined;
     el?: (Element | string) | undefined;
     template?: string | undefined;
     propsData?: object | undefined;
@@ -2415,6 +858,9 @@ declare const _default: {
     directives?: {
         [key: string]: import('vue').DirectiveFunction | import('vue').DirectiveOptions;
     } | undefined;
+    components?: {
+        [key: string]: {} | import('vue').Component<any, any, any, any, any> | import('vue').AsyncComponent<any, any, any, any>;
+    } | undefined;
     transitions?: {
         [key: string]: object;
     } | undefined;