@relation-graph/react 3.0.0

package/types/vue3.d.ts

@@ -0,0 +1,1246 @@
+/**
+ * relation-graph
+ * Website: http://www.relation-graph.com/
+ * Github: https://github.com/seeksdream/relation-graph
+ *
+ */
+import {default as _RelationGraph} from './relation-graph/src/core4vue3/index.vue';
+import {RelationGraphFinal} from '../../../relation-graph-models/models/RelationGraphFinal';
+import {RelationGraphComponent as _RelationGraphComponent} from './types-vue3';
+import {
+  NodesAnalyticResult,
+  RGLevelDirection
+} from "../packages/relation-graph-models/layouts/analyzers/RGNetworkAnalyzer";
+
+export * from './types';
+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 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");
+  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, lineDist?: number): {
+      x: number;
+      y: number;
+    };
+    getRectPointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+      x: number;
+      y: number;
+      _case: string;
+    };
+    getRectJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectHJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectLeftJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectRightJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectTopJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectBottomJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getRectVJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      y: number;
+      x: number;
+    };
+    getBorderPoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, n1style: number): {
+      x: number;
+      y: number;
+    };
+    getBorderPoint4MultiLine(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+      x: number;
+      y: number;
+    };
+    getCirclePoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+      x: number;
+      y: number;
+    };
+    getCirclePoint4MultiLine(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, isReserve: boolean, allSize: number, indexOfAll: number, lineDistance: number, tryTime?: number): {
+      x: number;
+      y: number;
+    };
+    getCirclePointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, radius: number): {
+      x: number;
+      y: number;
+    };
+    getCirclePointPlus(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+      x: number;
+      y: number;
+    };
+    getOvalPoint(c_x: number, c_y: number, c_r: number, c_i: number, c_n: number, startAngle?: number): {
+      x: number;
+      y: number;
+    };
+    getAngleType(buffer_x: number, buffer_y: number): 1 | 2 | 3 | 4 | undefined;
+    getTextAngle(fx: number, fy: number, tx: number, ty: number): number;
+    getTreePointFromTop(c_x: number, c_y: number, c_height: number, c_i: number, c_n: number, sizehelper: import('packages/relation-graph-models/utils/RGGraphMath').SizeInfo): {
+      x: number;
+      y: number;
+    };
+    getTreePointFromRight(c_x: number, c_y: number, c_height: number, c_i: number, c_n: number, sizehelper: import('packages/relation-graph-models/utils/RGGraphMath').SizeInfo): {
+      x: number;
+      y: number;
+    };
+    getTreePointFromBottom(c_x: number, c_y: number, c_height: number, c_i: number, c_n: number, sizehelper: import('packages/relation-graph-models/utils/RGGraphMath').SizeInfo): {
+      x: number;
+      y: number;
+    };
+    getTreePointFromLeft(c_x: number, c_y: number, c_height: number, c_i: number, c_n: number, sizehelper: import('packages/relation-graph-models/utils/RGGraphMath').SizeInfo): {
+      x: number;
+      y: number;
+    };
+  };
+  RGNodesAnalyticUtils: {
+    getDescendantNodes(node: import('packages/relation-graph-models/types').RGNode, collectList?: import('packages/relation-graph-models/types').RGNode[]): import('packages/relation-graph-models/types').RGNode[];
+    analysisNodes(eachedNodes: import('packages/relation-graph-models/types').RGNode[], thisLevelNodes: import('packages/relation-graph-models/types').RGNode[], thisDeep: number, analyticResult: NodesAnalyticResult): void;
+    analysisNodesForFolder(eachedNodes: import('packages/relation-graph-models/types').RGNode[], thisLevelNodes: import('packages/relation-graph-models/types').RGNode[], thisDeep: number, analyticResult: NodesAnalyticResult): void;
+    analysisNodes4Didirectional(willLayoutNodes: import('packages/relation-graph-models/types').RGNode[], thisLevelNodes: import('packages/relation-graph-models/types').RGNode[], thisDeep: number, analyticResult: NodesAnalyticResult, levelDirect: RGLevelDirection): void;
+    conductStrengthToParents(node: import('packages/relation-graph-models/types').RGNode): void;
+    analysisDataTree(thisLevelNodes: import('packages/relation-graph-models/types').RGNode[], thisDeep: number, levelDirect?: RGLevelDirection): void;
+    conductStrengthToParents4Folder(node: import('packages/relation-graph-models/types').RGNode): void;
+    analysisDataFolder(thisLevelNodes: import('packages/relation-graph-models/types').RGNode[], thisDeep: number, levelDirect: RGLevelDirection): void;
+    isVisibleNode(thisNode: import('packages/relation-graph-models/types').RGNode, deep?: number): boolean;
+    isAllowShowNode(thisNode: import('packages/relation-graph-models/types').RGNode, deep?: number): boolean;
+    getNodeWidth(thisNode: import('packages/relation-graph-models/types').RGNode, graphOptions?: import('packages/relation-graph-models/types').RGOptionsFull): number;
+    getNodeHeight(thisNode: import('packages/relation-graph-models/types').RGNode, graphOptions?: import('packages/relation-graph-models/types').RGOptionsFull): number;
+    getNodeXByLotX(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode): number;
+    getNodeYByLotY(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode): number;
+    getNodeXByCenterX(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode, x: number): number;
+    getNodeYByCenterY(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode, y: number): number;
+    getCenterXByNodeX(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode, x: number): number;
+    getCenterYByNodeY(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode, y: number): number;
+    getLotXByNodeX(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode): number;
+    getLotYByNodeY(graphOptions: import('packages/relation-graph-models/types').RGOptionsFull, thisNode: import('packages/relation-graph-models/types').RGNode): number;
+    isRectangleOverlap(rectA: any, rectB: any): boolean;
+    isXOverlap(aX: number, bX: number, a_W: number, b_W: number): boolean;
+    isYOverlap(aY: number, bY: number, a_H: number, b_H: number): boolean;
+    shapesOverlap(nodeA: any, nodeB: any, shapeA?: number, shapeB?: number): boolean;
+    getNoOverlapLimitedPosition(rectA: any, newX: any, newY: any, rectB: any): {
+      x: any;
+      y: any;
+    };
+    flatNodeData(orign_nodes: import('packages/relation-graph-models/types').JsonNode[], parentNode: import('packages/relation-graph-models/types').JsonNode | null, nodes_collect: import('packages/relation-graph-models/types').JsonNode[], links_collect: import('packages/relation-graph-models/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;
+    onNodeMove(e: MouseEvent | TouchEvent): void;
+    onNodeDragend(e: MouseEvent | TouchEvent): void;
+  };
+};
+export declare const RGFakeNode: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    node: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+      required: true;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    node: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+      required: true;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  node: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGLinePath: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+  lineConfig: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGGenerateLineConfig>;
+    required: true;
+  };
+  linePathInfo: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGLinePathInfo>;
+    required: true;
+  };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onLineClick: (event: MouseEvent | TouchEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+  lineConfig: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGGenerateLineConfig>;
+    required: true;
+  };
+  linePathInfo: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGLinePathInfo>;
+    required: true;
+  };
+}>> & Readonly<{
+  onOnLineClick?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGLineText: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    lineConfig: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGGenerateLineConfig>;
+      required: true;
+    };
+    linePathInfo: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGLinePathInfo>;
+      required: true;
+    };
+  }>> & Readonly<{
+    onOnLineClick?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onLineClick: (event: MouseEvent | TouchEvent) => void;
+  }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    lineConfig: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGGenerateLineConfig>;
+      required: true;
+    };
+    linePathInfo: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGLinePathInfo>;
+      required: true;
+    };
+  }>> & Readonly<{
+    onOnLineClick?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+  }>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  lineConfig: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGGenerateLineConfig>;
+    required: true;
+  };
+  linePathInfo: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGLinePathInfo>;
+    required: true;
+  };
+}>> & Readonly<{
+  onOnLineClick?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onLineClick: (event: MouseEvent | TouchEvent) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+    default?(_: {}): any;
+  };
+});
+export declare const RGToolBar: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+      type: import('vue').PropType<"h" | "v">;
+    };
+    positionH: {
+      type: import('vue').PropType<"left" | "right" | "center">;
+    };
+    positionV: {
+      type: import('vue').PropType<"top" | "bottom" | "center">;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+      type: import('vue').PropType<"h" | "v">;
+    };
+    positionH: {
+      type: import('vue').PropType<"left" | "right" | "center">;
+    };
+    positionV: {
+      type: import('vue').PropType<"top" | "bottom" | "center">;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  direction: {
+    type: import('vue').PropType<"h" | "v">;
+  };
+  positionH: {
+    type: import('vue').PropType<"left" | "right" | "center">;
+  };
+  positionV: {
+    type: import('vue').PropType<"top" | "bottom" | "center">;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGNodeExpandHolder: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+  node: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+    required: true;
+  };
+  expandButtonClass: {
+    type: import('vue').PropType<string>;
+    required: true;
+  };
+  expandOrCollapseNode: {
+    type: import('vue').PropType<(e: MouseEvent) => void>;
+    required: true;
+  };
+  expandHolderPosition: {
+    type: import('vue').PropType<string>;
+    required: true;
+  };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+  node: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+    required: true;
+  };
+  expandButtonClass: {
+    type: import('vue').PropType<string>;
+    required: true;
+  };
+  expandOrCollapseNode: {
+    type: import('vue').PropType<(e: MouseEvent) => void>;
+    required: true;
+  };
+  expandHolderPosition: {
+    type: import('vue').PropType<string>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGMiniToolBar: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+      type: import('vue').PropType<"h" | "v">;
+    };
+    positionH: {
+      type: import('vue').PropType<"left" | "right" | "center">;
+    };
+    positionV: {
+      type: import('vue').PropType<"top" | "bottom" | "center">;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+      type: import('vue').PropType<"h" | "v">;
+    };
+    positionH: {
+      type: import('vue').PropType<"left" | "right" | "center">;
+    };
+    positionV: {
+      type: import('vue').PropType<"top" | "bottom" | "center">;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  direction: {
+    type: import('vue').PropType<"h" | "v">;
+  };
+  positionH: {
+    type: import('vue').PropType<"left" | "right" | "center">;
+  };
+  positionV: {
+    type: import('vue').PropType<"top" | "bottom" | "center">;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGMiniView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+  position: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+  };
+  width: {
+    type: import('vue').PropType<string>;
+  };
+  height: {
+    type: import('vue').PropType<string>;
+  };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+  position: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+  };
+  width: {
+    type: import('vue').PropType<string>;
+  };
+  height: {
+    type: import('vue').PropType<string>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGBackground: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    forImage: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    forDisplay: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    forImage: boolean;
+    forDisplay: boolean;
+  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    forImage: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    forDisplay: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {
+    forImage: boolean;
+    forDisplay: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  forImage: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+  forDisplay: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+  forImage: boolean;
+  forDisplay: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGWatermark: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    width: {
+      type: import('vue').PropType<string>;
+      default: string;
+    };
+    height: {
+      type: import('vue').PropType<string>;
+      default: string;
+    };
+    forImage: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    forDisplay: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    position: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+      default: string;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    width: string;
+    height: string;
+    forImage: boolean;
+    forDisplay: boolean;
+    position: import('packages/relation-graph-models/types').RGWidgetPosition;
+  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+      type: import('vue').PropType<string>;
+      default: string;
+    };
+    height: {
+      type: import('vue').PropType<string>;
+      default: string;
+    };
+    forImage: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    forDisplay: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    position: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+      default: string;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {
+    width: string;
+    height: string;
+    forImage: boolean;
+    forDisplay: boolean;
+    position: import('packages/relation-graph-models/types').RGWidgetPosition;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  width: {
+    type: import('vue').PropType<string>;
+    default: string;
+  };
+  height: {
+    type: import('vue').PropType<string>;
+    default: string;
+  };
+  forImage: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+  forDisplay: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+  position: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+    default: string;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+  width: string;
+  height: string;
+  forImage: boolean;
+  forDisplay: boolean;
+  position: import('packages/relation-graph-models/types').RGWidgetPosition;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGEditingNodeController: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGEditingResize: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingNearNodeWidget: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    position: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    position: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  position: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGWidgetPosition>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGEditingLineController: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    textEditable: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+  }>> & Readonly<{
+    onMoveLineVertexStart?: ((type: RGLineEditPoint, line: RGLine) => any) | undefined;
+    onOnLineTextChanged?: ((line: RGLine) => any) | undefined;
+    onMoveLineVertexEnd?: ((from: RGNode, to: any, newLineJson: JsonLine) => any) | undefined;
+    onOnLineTextDragEnd?: ((line: RGLine) => any) | undefined;
+  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    moveLineVertexStart: (type: RGLineEditPoint, line: RGLine) => void;
+    onLineTextChanged: (line: RGLine) => void;
+    moveLineVertexEnd: (from: RGNode, to: any, newLineJson: JsonLine) => void;
+    onLineTextDragEnd: (line: RGLine) => void;
+  }, import('vue').PublicProps, {
+    textEditable: boolean;
+  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    textEditable: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+  }>> & Readonly<{
+    onMoveLineVertexStart?: ((type: RGLineEditPoint, line: RGLine) => any) | undefined;
+    onOnLineTextChanged?: ((line: RGLine) => any) | undefined;
+    onMoveLineVertexEnd?: ((from: RGNode, to: any, newLineJson: JsonLine) => any) | undefined;
+    onOnLineTextDragEnd?: ((line: RGLine) => any) | undefined;
+  }>, {}, {}, {}, {}, {
+    textEditable: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  textEditable: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+}>> & Readonly<{
+  onMoveLineVertexStart?: ((type: RGLineEditPoint, line: RGLine) => any) | undefined;
+  onOnLineTextChanged?: ((line: RGLine) => any) | undefined;
+  onMoveLineVertexEnd?: ((from: RGNode, to: any, newLineJson: JsonLine) => any) | undefined;
+  onOnLineTextDragEnd?: ((line: RGLine) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  moveLineVertexStart: (type: RGLineEditPoint, line: RGLine) => void;
+  onLineTextChanged: (line: RGLine) => void;
+  moveLineVertexEnd: (from: RGNode, to: any, newLineJson: JsonLine) => void;
+  onLineTextDragEnd: (line: RGLine) => void;
+}, string, {
+  textEditable: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGEditingConnectController: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {
+      mouseUpOnJunctionPoint: (junctionPoint: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+      mouseUpOnJunctionPointWithOffset: (junctionPoint: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    }): any;
+  };
+});
+export declare const RGConnectSource: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    fromNode: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+    };
+    autoCreate: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    lineTemplate: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').JsonLine>;
+    };
+  }>> & Readonly<{
+    onOnConnectStart?: ((fromNode?: import('packages/relation-graph-models/types').RGNode | undefined, newLineTemplate?: Partial<import('packages/relation-graph-models/types').JsonLine> | undefined, event?: import('packages/relation-graph-models/types').RGUserEvent | undefined) => any) | undefined;
+    onOnLineConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onConnectStart: (fromNode?: import('packages/relation-graph-models/types').RGNode | undefined, newLineTemplate?: Partial<import('packages/relation-graph-models/types').JsonLine> | undefined, event?: import('packages/relation-graph-models/types').RGUserEvent | undefined) => void;
+    onLineConnectEnd: (fromNode: import('packages/relation-graph-models/types').RGNode, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+  }, import('vue').PublicProps, {
+    autoCreate: boolean;
+  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    fromNode: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+    };
+    autoCreate: {
+      type: import('vue').PropType<boolean>;
+      default: boolean;
+    };
+    lineTemplate: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').JsonLine>;
+    };
+  }>> & Readonly<{
+    onOnConnectStart?: ((fromNode?: import('packages/relation-graph-models/types').RGNode | undefined, newLineTemplate?: Partial<import('packages/relation-graph-models/types').JsonLine> | undefined, event?: import('packages/relation-graph-models/types').RGUserEvent | undefined) => any) | undefined;
+    onOnLineConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+  }>, {}, {}, {}, {}, {
+    autoCreate: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  fromNode: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGNode>;
+  };
+  autoCreate: {
+    type: import('vue').PropType<boolean>;
+    default: boolean;
+  };
+  lineTemplate: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').JsonLine>;
+  };
+}>> & Readonly<{
+  onOnConnectStart?: ((fromNode?: import('packages/relation-graph-models/types').RGNode | undefined, newLineTemplate?: Partial<import('packages/relation-graph-models/types').JsonLine> | undefined, event?: import('packages/relation-graph-models/types').RGUserEvent | undefined) => any) | undefined;
+  onOnLineConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onConnectStart: (fromNode?: import('packages/relation-graph-models/types').RGNode | undefined, newLineTemplate?: Partial<import('packages/relation-graph-models/types').JsonLine> | undefined, event?: import('packages/relation-graph-models/types').RGUserEvent | undefined) => void;
+  onLineConnectEnd: (fromNode: import('packages/relation-graph-models/types').RGNode, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+}, string, {
+  autoCreate: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGConnectTarget: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    junctionPoint: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGJunctionPoint>;
+      required: true;
+    };
+    targetId: {
+      type: import('vue').PropType<string>;
+      required: true;
+    };
+    targetType: {
+      type: import('vue').PropType<string>;
+    };
+    targetData: {
+      type: import('vue').PropType<any>;
+    };
+    lineTemplate: {
+      type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').JsonLine>>;
+    };
+    disableDrop: {
+      type: import('vue').PropType<boolean>;
+    };
+    disableDrag: {
+      type: import('vue').PropType<boolean>;
+    };
+  }>> & Readonly<{
+    onOnLineVertexBeDropped?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+    onOnDragConnectStart?: ((newLineTemplate: Partial<import('packages/relation-graph-models/types').JsonLine>, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnDragConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onLineVertexBeDropped: (fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+    onDragConnectStart: (newLineTemplate: Partial<import('packages/relation-graph-models/types').JsonLine>, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onDragConnectEnd: (fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+  }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    junctionPoint: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGJunctionPoint>;
+      required: true;
+    };
+    targetId: {
+      type: import('vue').PropType<string>;
+      required: true;
+    };
+    targetType: {
+      type: import('vue').PropType<string>;
+    };
+    targetData: {
+      type: import('vue').PropType<any>;
+    };
+    lineTemplate: {
+      type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').JsonLine>>;
+    };
+    disableDrop: {
+      type: import('vue').PropType<boolean>;
+    };
+    disableDrag: {
+      type: import('vue').PropType<boolean>;
+    };
+  }>> & Readonly<{
+    onOnLineVertexBeDropped?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+    onOnDragConnectStart?: ((newLineTemplate: Partial<import('packages/relation-graph-models/types').JsonLine>, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnDragConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+  }>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  junctionPoint: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGJunctionPoint>;
+    required: true;
+  };
+  targetId: {
+    type: import('vue').PropType<string>;
+    required: true;
+  };
+  targetType: {
+    type: import('vue').PropType<string>;
+  };
+  targetData: {
+    type: import('vue').PropType<any>;
+  };
+  lineTemplate: {
+    type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').JsonLine>>;
+  };
+  disableDrop: {
+    type: import('vue').PropType<boolean>;
+  };
+  disableDrag: {
+    type: import('vue').PropType<boolean>;
+  };
+}>> & Readonly<{
+  onOnLineVertexBeDropped?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+  onOnDragConnectStart?: ((newLineTemplate: Partial<import('packages/relation-graph-models/types').JsonLine>, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnDragConnectEnd?: ((fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onLineVertexBeDropped: (fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+  onDragConnectStart: (newLineTemplate: Partial<import('packages/relation-graph-models/types').JsonLine>, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onDragConnectEnd: (fromNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget, toNode: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGPosition, newLineJson?: import('packages/relation-graph-models/types').JsonLine | undefined) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export declare const RGEditingConnectPoints: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+  mouseUpOnJunctionPoint: {
+    type: import('vue').PropType<(type: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void>;
+    required: true;
+  };
+  mouseUpOnJunctionPointWithOffset: {
+    type: import('vue').PropType<(type: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void>;
+    required: true;
+  };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+  mouseUpOnJunctionPoint: {
+    type: import('vue').PropType<(type: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void>;
+    required: true;
+  };
+  mouseUpOnJunctionPointWithOffset: {
+    type: import('vue').PropType<(type: import('packages/relation-graph-models/types').RGJunctionPoint, $event: import('packages/relation-graph-models/types').RGUserEvent) => void>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingReferenceLine: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+  showText: {
+    type: import('vue').PropType<boolean>;
+  };
+  adsorption: {
+    type: import('vue').PropType<boolean>;
+  };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+  showText: {
+    type: import('vue').PropType<boolean>;
+  };
+  adsorption: {
+    type: import('vue').PropType<boolean>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { RGHooks } from './relation-graph/src/hooks/RGHooks';
+export declare const RGProvider: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    relationGraphCore: {
+      type: import('vue').PropType<any>;
+    };
+  }>> & Readonly<{
+    onOnProviderReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onProviderReady: (graphInstance: RelationGraphFinal) => void;
+  }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    relationGraphCore: {
+      type: import('vue').PropType<any>;
+    };
+  }>> & Readonly<{
+    onOnProviderReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+  }>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  relationGraphCore: {
+    type: import('vue').PropType<any>;
+  };
+}>> & Readonly<{
+  onOnProviderReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onProviderReady: (graphInstance: RelationGraphFinal) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    default?(_: {}): any;
+  };
+});
+export * from './constants';
+export type RelationGraphComponent = typeof _RelationGraphComponent;
+export declare const RelationGraph: {
+  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    options: {
+      type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').RGOptionsInited>>;
+      required: true;
+    };
+    data: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGJsonData>;
+    };
+    relationGraphCore: {
+      type: import('vue').PropType<any>;
+    };
+  }>> & Readonly<{
+    onOnReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+    onOnNodeClick?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeExpand?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeCollapse?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnLineClick?: ((line: import('packages/relation-graph-models/types').RGLine, link: import('packages/relation-graph-models/types').RGLink, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeDragStart?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeDragEnd?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent, x_buff: number, y_buff: number) => any) | undefined;
+    onOnNodeDragging?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasDragEnd?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasDragging?: ((newX: number, newY: number, buffX: number, buffY: number) => any) | undefined;
+    onOnContextmenu?: ((event: import('packages/relation-graph-models/types').RGUserEvent, objectType: import('packages/relation-graph-models/types').RGEventTargetType, object: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLine | undefined) => any) | undefined;
+    onOnFullscreen?: ((newValue: boolean, defaultFullscreen: () => Promise<void>) => any) | undefined;
+    onOnCanvasClick?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasSelectionEnd?: ((selectionView: import('packages/relation-graph-models/types').RGSelectionView, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onBeforeZoomStart?: (() => any) | undefined;
+    onOnZoomEnd?: (() => any) | undefined;
+    onOnImageDownload?: ((dom: HTMLElement, format: string) => any) | undefined;
+    onOnImageSaveAsFile?: ((canvas: HTMLCanvasElement, format: string, fileName: string) => any) | undefined;
+    onOnViewResize?: (() => any) | undefined;
+    onOnResizeStart?: ((nodes: import('packages/relation-graph-models/types').RGNode[], event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onBeforeNodeResize?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, newW: number, newH: number) => any) | undefined;
+    onOnResizeEnd?: ((nodes: import('packages/relation-graph-models/types').RGNode[], buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnLineVertexDropped?: ((lineInfo: {
+      newLineTemplate: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onBeforeCreateLine?: ((lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onOnLineBeCreated?: ((lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onBeforeAddNodes?: ((nodes: import('packages/relation-graph-models/types').JsonNode[]) => any) | undefined;
+    onBeforeAddLines?: ((lines: import('packages/relation-graph-models/types').JsonLine[]) => any) | undefined;
+    onOnKeyboardDown?: ((event: KeyboardEvent) => any) | undefined;
+    onOnKeyboardUp?: ((event: KeyboardEvent) => any) | undefined;
+    onOnCanvasDragStart?: ((canvasMoveStartPosition: import('packages/relation-graph-models/types').RGPosition, eventClientStartPosition: import('packages/relation-graph-models/types').RGPosition, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnForceLayoutFinish?: (() => any) | undefined;
+  }>, {
+    getInstance(): any;
+    setJsonData(jsonData: import('packages/relation-graph-models/types').RGJsonData, reLayout?: boolean | import('packages/relation-graph-models/types').RGRefreshCallback, callback?: (graphInstance: import('packages/relation-graph-models/types').RelationGraphInstance) => void): Promise<never>;
+  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onReady: (graphInstance: RelationGraphFinal) => void;
+    onNodeClick: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onNodeExpand: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onNodeCollapse: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onLineClick: (line: import('packages/relation-graph-models/types').RGLine, link: import('packages/relation-graph-models/types').RGLink, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onNodeDragStart: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onNodeDragEnd: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent, x_buff: number, y_buff: number) => void;
+    onNodeDragging: (node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onCanvasDragEnd: (event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onCanvasDragging: (newX: number, newY: number, buffX: number, buffY: number) => void;
+    onContextmenu: (event: import('packages/relation-graph-models/types').RGUserEvent, objectType: import('packages/relation-graph-models/types').RGEventTargetType, object: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLine | undefined) => void;
+    onFullscreen: (newValue: boolean, defaultFullscreen: () => Promise<void>) => void;
+    onCanvasClick: (event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onCanvasSelectionEnd: (selectionView: import('packages/relation-graph-models/types').RGSelectionView, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    beforeZoomStart: () => void;
+    onZoomEnd: () => void;
+    onImageDownload: (dom: HTMLElement, format: string) => void;
+    onImageSaveAsFile: (canvas: HTMLCanvasElement, format: string, fileName: string) => void;
+    onViewResize: () => void;
+    onResizeStart: (nodes: import('packages/relation-graph-models/types').RGNode[], event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    beforeNodeResize: (node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, newW: number, newH: number) => void;
+    onResizeEnd: (nodes: import('packages/relation-graph-models/types').RGNode[], buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onLineVertexDropped: (lineInfo: {
+      newLineTemplate: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => void;
+    beforeCreateLine: (lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => void;
+    onLineBeCreated: (lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => void;
+    beforeAddNodes: (nodes: import('packages/relation-graph-models/types').JsonNode[]) => void;
+    beforeAddLines: (lines: import('packages/relation-graph-models/types').JsonLine[]) => void;
+    onKeyboardDown: (event: KeyboardEvent) => void;
+    onKeyboardUp: (event: KeyboardEvent) => void;
+    onCanvasDragStart: (canvasMoveStartPosition: import('packages/relation-graph-models/types').RGPosition, eventClientStartPosition: import('packages/relation-graph-models/types').RGPosition, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+    onForceLayoutFinish: () => void;
+  }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+      type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').RGOptionsInited>>;
+      required: true;
+    };
+    data: {
+      type: import('vue').PropType<import('packages/relation-graph-models/types').RGJsonData>;
+    };
+    relationGraphCore: {
+      type: import('vue').PropType<any>;
+    };
+  }>> & Readonly<{
+    onOnReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+    onOnNodeClick?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeExpand?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeCollapse?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnLineClick?: ((line: import('packages/relation-graph-models/types').RGLine, link: import('packages/relation-graph-models/types').RGLink, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeDragStart?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnNodeDragEnd?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent, x_buff: number, y_buff: number) => any) | undefined;
+    onOnNodeDragging?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasDragEnd?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasDragging?: ((newX: number, newY: number, buffX: number, buffY: number) => any) | undefined;
+    onOnContextmenu?: ((event: import('packages/relation-graph-models/types').RGUserEvent, objectType: import('packages/relation-graph-models/types').RGEventTargetType, object: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLine | undefined) => any) | undefined;
+    onOnFullscreen?: ((newValue: boolean, defaultFullscreen: () => Promise<void>) => any) | undefined;
+    onOnCanvasClick?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnCanvasSelectionEnd?: ((selectionView: import('packages/relation-graph-models/types').RGSelectionView, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onBeforeZoomStart?: (() => any) | undefined;
+    onOnZoomEnd?: (() => any) | undefined;
+    onOnImageDownload?: ((dom: HTMLElement, format: string) => any) | undefined;
+    onOnImageSaveAsFile?: ((canvas: HTMLCanvasElement, format: string, fileName: string) => any) | undefined;
+    onOnViewResize?: (() => any) | undefined;
+    onOnResizeStart?: ((nodes: import('packages/relation-graph-models/types').RGNode[], event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onBeforeNodeResize?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, newW: number, newH: number) => any) | undefined;
+    onOnResizeEnd?: ((nodes: import('packages/relation-graph-models/types').RGNode[], buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnLineVertexDropped?: ((lineInfo: {
+      newLineTemplate: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onBeforeCreateLine?: ((lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onOnLineBeCreated?: ((lineInfo: {
+      lineJson: import('packages/relation-graph-models/types').JsonLine;
+      fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+      toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    }) => any) | undefined;
+    onBeforeAddNodes?: ((nodes: import('packages/relation-graph-models/types').JsonNode[]) => any) | undefined;
+    onBeforeAddLines?: ((lines: import('packages/relation-graph-models/types').JsonLine[]) => any) | undefined;
+    onOnKeyboardDown?: ((event: KeyboardEvent) => any) | undefined;
+    onOnKeyboardUp?: ((event: KeyboardEvent) => any) | undefined;
+    onOnCanvasDragStart?: ((canvasMoveStartPosition: import('packages/relation-graph-models/types').RGPosition, eventClientStartPosition: import('packages/relation-graph-models/types').RGPosition, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+    onOnForceLayoutFinish?: (() => any) | undefined;
+  }>, {
+    getInstance(): any;
+    setJsonData(jsonData: import('packages/relation-graph-models/types').RGJsonData, reLayout?: boolean | import('packages/relation-graph-models/types').RGRefreshCallback, callback?: (graphInstance: import('packages/relation-graph-models/types').RelationGraphInstance) => void): Promise<never>;
+  }, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  options: {
+    type: import('vue').PropType<Partial<import('packages/relation-graph-models/types').RGOptionsInited>>;
+    required: true;
+  };
+  data: {
+    type: import('vue').PropType<import('packages/relation-graph-models/types').RGJsonData>;
+  };
+  relationGraphCore: {
+    type: import('vue').PropType<any>;
+  };
+}>> & Readonly<{
+  onOnReady?: ((graphInstance: RelationGraphFinal) => any) | undefined;
+  onOnNodeClick?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnNodeExpand?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnNodeCollapse?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnLineClick?: ((line: import('packages/relation-graph-models/types').RGLine, link: import('packages/relation-graph-models/types').RGLink, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnNodeDragStart?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnNodeDragEnd?: ((node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent, x_buff: number, y_buff: number) => any) | undefined;
+  onOnNodeDragging?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnCanvasDragEnd?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnCanvasDragging?: ((newX: number, newY: number, buffX: number, buffY: number) => any) | undefined;
+  onOnContextmenu?: ((event: import('packages/relation-graph-models/types').RGUserEvent, objectType: import('packages/relation-graph-models/types').RGEventTargetType, object: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLine | undefined) => any) | undefined;
+  onOnFullscreen?: ((newValue: boolean, defaultFullscreen: () => Promise<void>) => any) | undefined;
+  onOnCanvasClick?: ((event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnCanvasSelectionEnd?: ((selectionView: import('packages/relation-graph-models/types').RGSelectionView, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onBeforeZoomStart?: (() => any) | undefined;
+  onOnZoomEnd?: (() => any) | undefined;
+  onOnImageDownload?: ((dom: HTMLElement, format: string) => any) | undefined;
+  onOnImageSaveAsFile?: ((canvas: HTMLCanvasElement, format: string, fileName: string) => any) | undefined;
+  onOnViewResize?: (() => any) | undefined;
+  onOnResizeStart?: ((nodes: import('packages/relation-graph-models/types').RGNode[], event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onBeforeNodeResize?: ((node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, newW: number, newH: number) => any) | undefined;
+  onOnResizeEnd?: ((nodes: import('packages/relation-graph-models/types').RGNode[], buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnLineVertexDropped?: ((lineInfo: {
+    newLineTemplate: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => any) | undefined;
+  onBeforeCreateLine?: ((lineInfo: {
+    lineJson: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => any) | undefined;
+  onOnLineBeCreated?: ((lineInfo: {
+    lineJson: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => any) | undefined;
+  onBeforeAddNodes?: ((nodes: import('packages/relation-graph-models/types').JsonNode[]) => any) | undefined;
+  onBeforeAddLines?: ((lines: import('packages/relation-graph-models/types').JsonLine[]) => any) | undefined;
+  onOnKeyboardDown?: ((event: KeyboardEvent) => any) | undefined;
+  onOnKeyboardUp?: ((event: KeyboardEvent) => any) | undefined;
+  onOnCanvasDragStart?: ((canvasMoveStartPosition: import('packages/relation-graph-models/types').RGPosition, eventClientStartPosition: import('packages/relation-graph-models/types').RGPosition, event: import('packages/relation-graph-models/types').RGUserEvent) => any) | undefined;
+  onOnForceLayoutFinish?: (() => any) | undefined;
+}>, {
+  getInstance(): any;
+  setJsonData(jsonData: import('packages/relation-graph-models/types').RGJsonData, reLayout?: boolean | import('packages/relation-graph-models/types').RGRefreshCallback, callback?: (graphInstance: import('packages/relation-graph-models/types').RelationGraphInstance) => void): Promise<never>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+  onReady: (graphInstance: RelationGraphFinal) => void;
+  onNodeClick: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onNodeExpand: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onNodeCollapse: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onLineClick: (line: import('packages/relation-graph-models/types').RGLine, link: import('packages/relation-graph-models/types').RGLink, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onNodeDragStart: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onNodeDragEnd: (node: import('packages/relation-graph-models/types').RGNode, event: import('packages/relation-graph-models/types').RGUserEvent, x_buff: number, y_buff: number) => void;
+  onNodeDragging: (node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onCanvasDragEnd: (event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onCanvasDragging: (newX: number, newY: number, buffX: number, buffY: number) => void;
+  onContextmenu: (event: import('packages/relation-graph-models/types').RGUserEvent, objectType: import('packages/relation-graph-models/types').RGEventTargetType, object: import('packages/relation-graph-models/types').RGNode | import('packages/relation-graph-models/types').RGLine | undefined) => void;
+  onFullscreen: (newValue: boolean, defaultFullscreen: () => Promise<void>) => void;
+  onCanvasClick: (event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onCanvasSelectionEnd: (selectionView: import('packages/relation-graph-models/types').RGSelectionView, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  beforeZoomStart: () => void;
+  onZoomEnd: () => void;
+  onImageDownload: (dom: HTMLElement, format: string) => void;
+  onImageSaveAsFile: (canvas: HTMLCanvasElement, format: string, fileName: string) => void;
+  onViewResize: () => void;
+  onResizeStart: (nodes: import('packages/relation-graph-models/types').RGNode[], event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  beforeNodeResize: (node: import('packages/relation-graph-models/types').RGNode, newX: number, newY: number, newW: number, newH: number) => void;
+  onResizeEnd: (nodes: import('packages/relation-graph-models/types').RGNode[], buffX: number, buffY: number, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onLineVertexDropped: (lineInfo: {
+    newLineTemplate: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => void;
+  beforeCreateLine: (lineInfo: {
+    lineJson: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => void;
+  onLineBeCreated: (lineInfo: {
+    lineJson: import('packages/relation-graph-models/types').JsonLine;
+    fromNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+    toNode: import('packages/relation-graph-models/types').RGLineTarget | import('packages/relation-graph-models/types').RGNode;
+  }) => void;
+  beforeAddNodes: (nodes: import('packages/relation-graph-models/types').JsonNode[]) => void;
+  beforeAddLines: (lines: import('packages/relation-graph-models/types').JsonLine[]) => void;
+  onKeyboardDown: (event: KeyboardEvent) => void;
+  onKeyboardUp: (event: KeyboardEvent) => void;
+  onCanvasDragStart: (canvasMoveStartPosition: import('packages/relation-graph-models/types').RGPosition, eventClientStartPosition: import('packages/relation-graph-models/types').RGPosition, event: import('packages/relation-graph-models/types').RGUserEvent) => void;
+  onForceLayoutFinish: () => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  $slots: {
+    'graph-plug'?(_: {}): any;
+    'tool-bar'?(_: {}): any;
+    'svg-defs'?(_: {}): any;
+    node?(_: {
+      node: any;
+    }): any;
+    line?(_: {
+      lineConfig: any;
+    }): any;
+    'canvas-plug'?(_: {}): any;
+    default?(_: {}): any;
+    'node-expand-holder'?(_: {
+      node: any;
+      expandHolderPosition: any;
+      expandButtonClass: any;
+      color: any;
+      expandOrCollapseNode: any;
+    }): any;
+  };
+});
+export default _RelationGraph;