@relation-graph/react 3.0.1 → 3.0.3

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

@@ -154,8 +154,11 @@ export declare const RGFakeNode: import('react').FC<{
 }>;
 export declare const RGLinePath: import('react').FC<import('../../../types').RGLinePathProps & {
     onLineClick: (e: React.MouseEvent | React.TouchEvent) => void;
+    children?: React.ReactNode;
+}>;
+export declare const RGLineText: import('react').FC<import('../../../types').RGLineTextProps & {
+    children?: React.ReactNode;
 }>;
-export declare const RGLineText: import('react').FC<import('../../../types').RGLineTextProps>;
 export declare const RGDebugView: import('react').FC<{}>;
 export declare const RGToolBar: import('react').FC<import('../../../types').RGToolBarProps>;
 export declare const RGNodeExpandHolder: import('react').FC<import('./types-react').RGNodeExpandHolderProps>;
@@ -212,5 +215,10 @@ export declare const useRelationGraph: typeof import('./relation-graph/src/hooks
 export declare const RGProvider: import('react').FC<import('react').PropsWithChildren<import('./types-react').RelationGraphWithWithCustomCore>>;
 export { RelationGraphStoreContext, RelationGraphStoreContext as RGInstanceContext, RGUpdateContext, RGUpdateSignalContext as RGUpdateSingalContext, RGUpdateSignalContext } from './relation-graph/src/core4react/store/reducers/RGStore';
 export type RelationGraphComponent = _RelationGraphComponent;
-export declare const RelationGraph: RelationGraphComponent;
+export declare const RelationGraph: import('react').ForwardRefExoticComponent<import('../../../types').RGListeners & import('./types-react').RelationGraphWithSlots & {
+    options: import('../../../types').RGOptions;
+    initialData?: import('../../../types').RGJsonData;
+} & import('./types-react').RelationGraphWithWithCustomCore & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<import('../../../types').RelationGraphExpose>>;
 export default _RelationGraph;

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGCanvasContent.d.ts

@@ -11,7 +11,7 @@ export interface RGCanvasContentProps {
     draggingNodeId?: string;
     checkedNodeId?: string;
     checkedLineId?: string;
-    lineUseTextPath?: boolean;
+    defaultLineTextOnPath?: boolean;
     graphInstanceId?: string;
 }
 declare const RGCanvasContent: React.FC<RGCanvasContentProps>;

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGCanvasContent4CreatingLine.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { RGLineSlotProps } from '../../../../../../types';
 export interface RGCanvasContent4CreatingLineProps {
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    lineUseTextPath?: boolean;
+    defaultLineTextOnPath?: boolean;
     checkedLineId?: string;
     graphInstanceId?: string;
 }

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGCanvasContent4FakeLines.d.ts

@@ -3,7 +3,7 @@ import { RGLineSlotProps } from '../../../../../../types';
 export interface RGCanvasContent4FakeLinesProps {
     showEasyView: boolean;
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    lineUseTextPath?: boolean;
+    defaultLineTextOnPath?: boolean;
     checkedLineId?: string;
     graphInstanceId?: string;
 }

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGCanvasContent4Lines.d.ts

@@ -3,7 +3,7 @@ import { RGLine, RGLineSlotProps } from '../../../../../../types';
 export interface RGCanvasContent4LinesProps {
     showEasyView: boolean;
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    lineUseTextPath?: boolean;
+    defaultLineTextOnPath?: boolean;
     checkedLineId?: string;
     graphInstanceId?: string;
     allLineConfigList: RGLine[];

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGLinePath.d.ts

@@ -2,5 +2,6 @@ import { default as React } from 'react';
 import { RGLinePathProps } from '../../../../../../types';
 declare const RGLinePath: React.FC<RGLinePathProps & {
     onLineClick: (e: React.MouseEvent | React.TouchEvent) => void;
+    children?: React.ReactNode;
 }>;
 export default RGLinePath;

package/types/packages/platforms/react/src/relation-graph/src/core4react/RGLineText.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
 import { RGLineTextProps } from '../../../../../../types';
-declare const RGLineText: React.FC<RGLineTextProps>;
+declare const RGLineText: React.FC<RGLineTextProps & {
+    children?: React.ReactNode;
+}>;
 export default RGLineText;

package/types/packages/platforms/vue2/src/core4vue/RGLineContent.vue.d.ts

@@ -1,20 +1,21 @@
 declare const _default: import('vue').DefineComponent<Readonly<{
-    lineUseTextPath?: any;
+    defaultLineTextOnPath?: any;
     lineConfig?: any;
     graphInstanceId?: any;
     checked?: any;
 }>, {}, {}, {
     graphInstance(): any;
-    useTextPath(): any;
+    useTextOnPath(): any;
+    useSvgTextPath(): any;
     linePathInfo(): any;
     textStyle(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<Readonly<{
-    lineUseTextPath?: any;
+    defaultLineTextOnPath?: any;
     lineConfig?: any;
     graphInstanceId?: any;
     checked?: any;
 }>>>, {
-    readonly lineUseTextPath?: any;
+    readonly defaultLineTextOnPath?: any;
     readonly lineConfig?: any;
     readonly graphInstanceId?: any;
     readonly checked?: any;

package/types/packages/platforms/vue2/src/core4vue/RGLinePath.vue.d.ts

@@ -1,12 +1,11 @@
 declare const _default: import('vue').DefineComponent<string[], {}, {}, {
     graphInstance(): any;
     pathId(): string;
-    useTextPath(): any;
     line(): any;
     lineWidth(): string | undefined;
     startArrowMarkerId(): any;
     endArrowMarkerId(): any;
-    textStyle(): any;
+    onPathTextStyle(): any;
 }, {
     onLineClick(e: any): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<string[]>>, {

package/types/packages/platforms/vue2/src/core4vue/editing/RGConnectTarget.vue.d.ts

@@ -1,3 +1,4 @@
+import { RGInnerConnectTargetType, RGJunctionPoint } from '../../../../../types';
 declare const _default: import('vue').DefineComponent<{
     junctionPoint: {
         mustUseProp: boolean;
@@ -16,13 +17,28 @@ declare const _default: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: ObjectConstructor;
     };
+    lineTemplate: {
+        mustUseProp: boolean;
+        type: ObjectConstructor;
+    };
+    disableDrop: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
+    disableDrag: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, {}, {
+    RGInnerConnectTargetType(): typeof RGInnerConnectTargetType;
+    RGJunctionPoint(): typeof RGJunctionPoint;
     graphInstance(): any;
     options(): any;
 }, {
-    onMouseDown(event: any): void;
+    onClick($event: any): void;
+    onMouseDown($event: any): void;
     onMouseUp(type: any, $event: any): void;
-}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, ("onLineVertexBeDropped" | "onDragConnectStart" | "onDragConnectEnd")[], string, Readonly<import('vue').ExtractPropTypes<{
     junctionPoint: {
         mustUseProp: boolean;
         default: string;
@@ -40,7 +56,21 @@ declare const _default: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: ObjectConstructor;
     };
+    lineTemplate: {
+        mustUseProp: boolean;
+        type: ObjectConstructor;
+    };
+    disableDrop: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
+    disableDrag: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
 }>>, {
+    disableDrag: boolean;
     junctionPoint: string;
+    disableDrop: boolean;
 }>;
 export default _default;

package/types/packages/platforms/vue2/src/core4vue/editing/RGEditingLineController.vue.d.ts

@@ -2,6 +2,9 @@ declare const _default: import('vue').DefineComponent<{
     textEditable: {
         default: boolean;
     };
+    pathEditable: {
+        default: boolean;
+    };
 }, {}, {
     lineText: string;
     editing: boolean;
@@ -30,7 +33,11 @@ declare const _default: import('vue').DefineComponent<{
     textEditable: {
         default: boolean;
     };
+    pathEditable: {
+        default: boolean;
+    };
 }>>, {
     textEditable: boolean;
+    pathEditable: boolean;
 }>;
 export default _default;

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

@@ -169,12 +169,11 @@ export declare const RGFakeNode: import('vue').DefineComponent<{
 export declare const RGLinePath: import('vue').DefineComponent<string[], {}, {}, {
     graphInstance(): any;
     pathId(): string;
-    useTextPath(): any;
     line(): any;
     lineWidth(): string | undefined;
     startArrowMarkerId(): any;
     endArrowMarkerId(): any;
-    textStyle(): any;
+    onPathTextStyle(): any;
 }, {
     onLineClick(e: any): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<string[]>>, {
@@ -497,6 +496,9 @@ export declare const RGEditingLineController: import('vue').DefineComponent<{
     textEditable: {
         default: boolean;
     };
+    pathEditable: {
+        default: boolean;
+    };
 }, {}, {
     lineText: string;
     editing: boolean;
@@ -525,8 +527,12 @@ export declare const RGEditingLineController: import('vue').DefineComponent<{
     textEditable: {
         default: boolean;
     };
+    pathEditable: {
+        default: boolean;
+    };
 }>>, {
     textEditable: boolean;
+    pathEditable: boolean;
 }>;
 export declare const RGEditingConnectController: import('vue').DefineComponent<Readonly<{}>, {}, {}, {
     graphInstance(): any;
@@ -583,13 +589,28 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: ObjectConstructor;
     };
+    lineTemplate: {
+        mustUseProp: boolean;
+        type: ObjectConstructor;
+    };
+    disableDrop: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
+    disableDrag: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, {}, {
+    RGInnerConnectTargetType(): typeof import('../../../types').RGInnerConnectTargetType;
+    RGJunctionPoint(): typeof import('../../../types').RGJunctionPoint;
     graphInstance(): any;
     options(): any;
 }, {
-    onMouseDown(event: any): void;
+    onClick($event: any): void;
+    onMouseDown($event: any): void;
     onMouseUp(type: any, $event: any): void;
-}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, ("onLineVertexBeDropped" | "onDragConnectStart" | "onDragConnectEnd")[], string, Readonly<import('vue').ExtractPropTypes<{
     junctionPoint: {
         mustUseProp: boolean;
         default: string;
@@ -607,8 +628,22 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: ObjectConstructor;
     };
+    lineTemplate: {
+        mustUseProp: boolean;
+        type: ObjectConstructor;
+    };
+    disableDrop: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
+    disableDrag: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
 }>>, {
+    disableDrag: boolean;
     junctionPoint: string;
+    disableDrop: boolean;
 }>;
 export declare const RGEditingConnectPoints: import('vue').DefineComponent<{
     mouseUpOnJunctionPoint: {

package/types/packages/relation-graph-models/data/RGDataDefine.d.ts

@@ -1,4 +1,4 @@
-import { RGGraphData, RGNode, RGLine, RGLink, RGOptionsFull, RGFakeLine, RGConnectTarget4NodePoint, RGLineTarget } from '../../types';
+import { RGGraphData, RGNode, RGLine, RGLink, RGOptionsFull, RGFakeLine, RGConnectTargetData, RGLineTarget } from '../../types';
 /**
  * 数据提供者
  * 专门负责数据的增删改查，并自动触发视图更新
@@ -13,7 +13,7 @@ export declare class RGDataDefine {
     protected runtimeDATA4NodeMap: Map<string, RGNode>;
     protected runtimeDATA4Links: RGLink[];
     protected runtimeDATA4LinkMap: Map<string, RGLink>;
-    protected runtimeDATA4ConnectTargets: RGConnectTarget4NodePoint[];
+    protected runtimeDATA4ConnectTargets: RGConnectTargetData[];
     protected runtimeDATA4ElLineTargets: RGLineTarget[];
     protected runtimeDATA4ShouldRenderItems: {
         nodes: RGNode[];

package/types/packages/relation-graph-models/data/RGDataGetter.d.ts

@@ -1,4 +1,4 @@
-import { RGNode, RGLine, RGFakeLine, RGConnectTarget4NodePoint, RGCoordinate } from '../../types';
+import { RGNode, RGLine, RGFakeLine, RGConnectTargetData, RGCoordinate } from '../../types';
 import { RGDataDefine } from './RGDataDefine';
 /**
  * 数据提供者
@@ -25,8 +25,8 @@ export declare class RGDataGetter extends RGDataDefine {
     getShouldRenderFakeLines(): RGFakeLine[];
     isPerformanceMode(): boolean;
     getCanvasScale(): number;
-    getConnectTargets(): RGConnectTarget4NodePoint[];
-    getConnectTargetById(targetId: string): RGConnectTarget4NodePoint | undefined;
+    getConnectTargets(): RGConnectTargetData[];
+    getConnectTargetById(targetId: string): RGConnectTargetData | undefined;
     getElLineTargets(): import('../../types').RGLineTarget[];
     getElLineTargetById(elId: string): import('../../types').RGLineTarget | undefined;
     calcShouldRenderNodes(): RGNode[];

package/types/packages/relation-graph-models/data/RGDataProvider.d.ts

@@ -1,4 +1,4 @@
-import { RGNode, RGLine, RGOptionsFull, JsonLine, RGConnectTarget4NodePoint, RGLineTarget } from '../../types';
+import { RGNode, RGLine, RGOptionsFull, JsonLine, RGConnectTargetData, RGLineTarget } from '../../types';
 import { RGDataGetter } from './RGDataGetter';
 export type DataCommits = {
     optionsChanged: boolean;
@@ -55,12 +55,12 @@ export declare class RGDataProvider extends RGDataGetter {
     updateLine(lineId: string, lineProperties: Partial<RGLine>): void;
     updateLineData(lineId: string, lineData: Record<string, any>): void;
     updateFakeLine(lineId: string, lineProperties: Partial<RGLine>): void;
-    updateConnectTarget(connectTargetId: string, connectTargetProperties: Partial<RGConnectTarget4NodePoint>): void;
+    updateConnectTarget(connectTargetId: string, connectTargetProperties: Partial<RGConnectTargetData>): void;
     updateElLineTarget(elId: string, targetProperties: Partial<RGLineTarget>): void;
     updateNodesVisibleProperty(nodes?: RGNode[]): void;
     private calcLinkVisibility;
     updateShouldRenderGraphData(): void;
-    addConnectTarget(newConnectTarget: RGConnectTarget4NodePoint): RGConnectTarget4NodePoint | undefined;
+    addConnectTarget(newConnectTarget: RGConnectTargetData): RGConnectTargetData | undefined;
     addElLineTarget(elementTarget: RGLineTarget): void;
     setRootNodeId(rootNodeId: string): void;
 }

package/types/packages/relation-graph-models/data/RGNodeDataUtils.d.ts

@@ -5,10 +5,13 @@ export declare const newNodeTemplate: {
     y: number;
     text: string;
 };
-export declare const json2Node: (originData: JsonNode, graphOptions?: RGOptions) => RGNode;
+export declare const json2Node: (originData: JsonNode, graphOptions?: RGOptions, nodesSizeMap?: Map<string, [
+    number,
+    number
+]>) => RGNode;
 export declare const transNodeToJson: (node: RGNode) => JsonNode | undefined;
 declare const _default: {
-    json2Node: (originData: JsonNode, graphOptions?: Partial<import('../../types').RGOptionsInited> | undefined) => RGNode;
+    json2Node: (originData: JsonNode, graphOptions?: Partial<import('../../types').RGOptionsInited> | undefined, nodesSizeMap?: Map<string, [number, number]> | undefined) => RGNode;
     transNodeToJson: (node: RGNode) => JsonNode | undefined;
 };
 export default _default;

package/types/packages/relation-graph-models/layouts/RGForceLayout.d.ts

@@ -12,26 +12,30 @@ type CalcNode4Force = CalcNode & {
 };
 export declare class RGForceLayout extends RGBaseLayout {
     layoutOptions: RGForceLayoutOptions;
-    fastStart: boolean;
-    skipInitLayout: boolean;
-    maxLayoutTimes: number;
-    byNode: boolean;
-    byLine: boolean;
-    lockX: boolean;
-    lockY: boolean;
-    force_node_repulsion: number;
-    force_line_elastic: number;
-    stopWhenBalanced: boolean;
+    private fastStart;
+    private skipInitLayout;
+    private maxLayoutTimes;
+    private byNode;
+    private byLine;
+    private lockX;
+    private lockY;
+    private force_node_repulsion;
+    private force_line_elastic;
+    private disableLiveChanges;
+    private force_x_coefficient;
+    private force_y_coefficient;
     instanceId: string;
     constructor(layoutOptions: RGForceLayoutOptions, graphOptions: RGOptionsFull, graphInstance: RelationGraphInstance);
+    updateOptions(layoutOptions: RGForceLayoutOptions): void;
     calcNodes: RGNode[];
     placeNodes(calcNodes: RGNode[], rootNode?: RGNode): void;
     protected getLevelR(levelDistanceArr: number[], level: number): number | undefined;
-    protected placeRelativePosition(rootNode: RGNode, groupNodes: RGNode[], analyticResult: NodesAnalyticResult, distance_coefficient: any, levelDistanceArr: any): void;
+    protected placeRelativePosition(rootNode: RGNode, groupNodes: RGNode[], analyticResult: NodesAnalyticResult, distanceCoefficient: number, levelDistanceArr: number[]): void;
+    private calculateMinimumRadius;
     protected placeNodesInFanRegion(nodes: RGNode[], startDeg: number, endDeg: number, centerXy: {
         x: number;
         y: number;
-    }, level: number, parentStrength: number, levelDistanceArr: number[], deep: number, distanceCoefficient?: number): void;
+    }, level: number, parentStrength: number, levelDistanceArr: number[], deep: number, distanceCoefficient: number, currentR: number): void;
     protected graphEventHandle(eventName: RGEventNames, ...args: any[]): void;
     protected _graphEventHandler: any;
     protected connectToGraphInstance(): void;
@@ -60,7 +64,8 @@ export declare class RGForceLayout extends RGBaseLayout {
     private animationFrameTimer;
     private prevNodeLevel1Index;
     private prevNodeLevel2Index;
-    calcNodesPosition(): boolean;
+    syncNodePosition(nodeId: string, x: number, y: number): void;
+    calcNodesPosition(): false | undefined;
     private stoped;
     stop(): void;
     addElasticByLine(node1: CalcNode4Force, node2: CalcNode4Force, force_elastic?: number): void;

package/types/packages/relation-graph-models/layouts/analyzers/BasicNetworkAnalyzer.d.ts

@@ -3,6 +3,7 @@ import { RelationGraphInstance, RGNode } from '../../../types';
 export declare class BasicNetworkAnalyzer implements RGNetworkAnalyzer {
     graphInstance: RelationGraphInstance;
     private initialized;
+    isFolderLayout: boolean;
     constructor(graphInstance: RelationGraphInstance);
     analyzeNetwork(nodes: RGNode[], rootNode: RGNode, bothWay?: boolean, deepBothWay?: boolean): {
         tree: {

package/types/packages/relation-graph-models/layouts/tmp/old.d.ts

@@ -0,0 +1 @@
+export {};

package/types/packages/relation-graph-models/models/RelationGraphBase.d.ts

@@ -60,7 +60,7 @@ export declare class RelationGraphBase {
      * @param eventName Name of the event
      * @param object Parameters passed to the event handler
      */
-    protected emitEvent(eventName: RGEventNames, ...args: any[]): import('../../types').RGCoordinate | undefined;
+    protected emitEvent(eventName: RGEventNames, ...args: any[]): false | import('../../types').RGCoordinate | undefined;
     /**
      * Protected Method to trigger the default event handler, i.e., trigger the events set in jsx
      * @param eventName
@@ -68,7 +68,7 @@ export declare class RelationGraphBase {
      * @protected
      */
     protected defaultEventHandler(eventName: RGEventNames, ...args: any[]): {
-        result: void | import('../../types').RGCoordinate;
+        result: false | void | import('../../types').RGCoordinate;
         handled: boolean;
     };
     /**

package/types/packages/relation-graph-models/models/RelationGraphWith2Data1Getter.d.ts

@@ -1,4 +1,4 @@
-import { RGFakeLine, RGLine } from '../../types';
+import { RGFakeLine, RGLine, RGLink, RGNode } from '../../types';
 import { RelationGraphWith2Data } from './RelationGraphWith2Data';
 /**
  * The instance class of the relation-graph component, providing read-only API methods based on data
@@ -15,7 +15,7 @@ export declare class RelationGraphWith2Data1Getter extends RelationGraphWith2Dat
      * @param nodeId
      * @return RGNode | undefined
      */
-    getNodeById(nodeId: string): import('../../types').RGNode | undefined;
+    getNodeById(nodeId: string): RGNode | undefined;
     /**
      * Get line by lineId
      * @param lineId
@@ -27,13 +27,13 @@ export declare class RelationGraphWith2Data1Getter extends RelationGraphWith2Dat
      * @param lineId
      * @return RGLink | undefined
      */
-    getLinkByLineId(lineId: string): import('../../types').RGLink | undefined;
+    getLinkByLineId(lineId: string): RGLink | undefined;
     /**
      * Get link by line
      * @param line
      * @return RGLink | undefined
      */
-    getLinkByLine(line: RGLine): import('../../types').RGLink | undefined;
+    getLinkByLine(line: RGLine): RGLink | undefined;
     /**
      * Get all lines
      * @return RGLine[]
@@ -63,15 +63,23 @@ export declare class RelationGraphWith2Data1Getter extends RelationGraphWith2Dat
      * Get all nodes
      * @return RGNode[]
      */
-    getNodes(): import('../../types').RGNode[];
+    getNodes(): RGNode[];
     /**
      * Get all links
      * @return RGLink[]
      */
-    getLinks(): import('../../types').RGLink[];
+    getLinks(): RGLink[];
+    /**
+     * Get all links, Inlcuding fakeLine links
+     * @return RGLink[]
+     */
+    protected _getAllLinks(): RGLink[];
+    private getNodeByTargetId;
+    protected _getFakeLineLinks(): RGLink[];
     /**
      * Get all connect targets
      * @return RGLineTarget[]
      */
-    getConnectTargets(): import('../../types').RGConnectTarget4NodePoint[];
+    getConnectTargets(): import('../../types').RGConnectTargetData[];
+    getConnectTargetById(targetId: string): import('../../types').RGConnectTargetData | undefined;
 }

package/types/packages/relation-graph-models/models/RelationGraphWith2Data2Analysis.d.ts

@@ -55,8 +55,13 @@ export declare class RelationGraphWith2Data2Analysis extends RelationGraphWith2D
      * getNodeRelatedNodes(X) will return [A,B,C,F,M]
      * ```
      * @param node
+     * @param options
+     * @return RGNode[]
      */
-    getNodeRelatedNodes(node: RGNode): RGNode[];
+    getNodeRelatedNodes(node: RGNode, options?: {
+        incoming: boolean;
+        outgoing: boolean;
+    }): RGNode[];
     /**
      * Get all nodes that have an incoming relationship to the given node
      * - e.g.

package/types/packages/relation-graph-models/models/RelationGraphWith2Data3Update.d.ts

@@ -219,6 +219,8 @@ export declare class RelationGraphWith2Data3Update extends RelationGraphWith2Dat
      * @param lines_collect All expanded lines will be stored here
      */
     flatNodeData(orign_nodes: JsonNode[], parentNode: JsonNode | null, nodes_collect: JsonNode[], lines_collect: JsonLine[]): void;
+    private _nodesElSizeMap;
+    private backupNodesElSize;
     /**
      * @inner
      * @param jsonData

package/types/packages/relation-graph-models/models/RelationGraphWith2Data4ConnectTarget.d.ts

@@ -1,4 +1,4 @@
-import { RGConnectTarget4NodePoint, RGJunctionPoint } from '../../types';
+import { RGConnectTargetData, RGJunctionPoint } from '../../types';
 import { RelationGraphWith2Data3Update } from './RelationGraphWith2Data3Update';
 /**
  * The class related to connection point management in the relation-graph component, where the connection point refers to the connection point registered through the <RGConnectTarget> component
@@ -35,7 +35,7 @@ export declare class RelationGraphWith2Data4ConnectTarget extends RelationGraphW
     /**
      * @inner
      */
-    protected updateConnectTargetList(by: string, relativeNodeEl: Element, connectTargetList: RGConnectTarget4NodePoint[]): void;
+    protected updateConnectTargetList(by: string, relativeNodeEl: Element, connectTargetList: RGConnectTargetData[]): void;
     /**
      * @inner
      */
@@ -64,7 +64,7 @@ export declare class RelationGraphWith2Data4ConnectTarget extends RelationGraphW
     /**
      * @inner
      */
-    registerConnectTarget(connectTargetEl: HTMLDivElement, targetId: string, targetType: string, junctionPoint: RGJunctionPoint, targetData?: Record<string, any>): RGConnectTarget4NodePoint | undefined;
+    registerConnectTarget(connectTargetEl: HTMLDivElement, targetId: string, targetType: string, junctionPoint: RGJunctionPoint, targetData?: Record<string, any>): RGConnectTargetData | undefined;
     /**
      * @inner
      */

package/types/packages/relation-graph-models/models/RelationGraphWith4Line.d.ts

@@ -26,6 +26,7 @@ export declare class RelationGraphWith4Line extends RelationGraphWith3Options2AP
      *
      */
     createLineDrawInfo(link: RGLink | RGElementLine, line: RGLine): RGLinePathInfo | undefined;
+    private _getLineDefaultOptions;
     /**
      * Generate line path data
      * - This method is generally used internally by components, but can also be called for external custom rendering of lines to obtain line drawing information.
@@ -98,9 +99,12 @@ export declare class RelationGraphWith4Line extends RelationGraphWith3Options2AP
      * @return Returns an object containing text content and CSS styles
      *
      */
-    generateLineTextStyle4TextPath(lineConfig: RGGenerateLineConfig): {
+    generateLineTextStyle4TextOnPath(lineConfig: RGGenerateLineConfig): {
         text: string;
-        textOffset: string;
+        textOffset: {
+            x: number;
+            y: number;
+        };
         textAnchor: string;
         onPathStartOffset: string;
         textRotate: number;

package/types/packages/relation-graph-models/models/RelationGraphWith6Layout.d.ts

@@ -13,6 +13,9 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
      * @return Promise<void>
      */
     doLayout(customRootNode?: RGNode | string): Promise<void>;
+    private _layoutTimer;
+    private _layoutPromise;
+    private _layoutResolve;
     /**
      * @inner
      * @private
@@ -49,7 +52,7 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
      * - Note: The center layout inherits the force layout and also supports auto layout functionality.
      */
     toggleAutoLayout(): void;
-    private layoutor;
+    layoutor: RGLayout | undefined;
     /**
      * If the current layout is force, you can call this method to start the force-directed calculation
      * - Note: The center layout inherits the force layout and also supports auto layout functionality.
@@ -78,4 +81,5 @@ export declare class RelationGraphWith6Layout extends RelationGraphWith6Effect {
      *
      */
     createLayout<Layout extends RGLayout>(layoutOptions: RGLayoutOptions, isMainLayout?: boolean): Layout;
+    setLayoutor(layoutor: RGLayout, isMainLayout: boolean, supportAutoLayout?: boolean): void;
 }

package/types/packages/relation-graph-models/models/RelationGraphWith7Event.d.ts

@@ -1,4 +1,4 @@
-import { CreatingLinePlotOptions, CreatingNodePlotOptions, RGLine, RGLineConnectEventHandler, RGLineTarget, RGLink, RGNode, RGPosition, RGUserEvent, RGCoordinate, JsonLine } from '../../types';
+import { CreatingLinePlotOptions, CreatingNodePlotOptions, RGLine, RGLineConnectEventHandler, RGLineTarget, RGNode, RGPosition, RGUserEvent, RGCoordinate, JsonLine } from '../../types';
 import { RelationGraphWith6Layout } from './RelationGraphWith6Layout';
 /**
  *  The relation-graph component UI and graphInstance event bus handle user interaction events.
@@ -45,10 +45,9 @@ export declare class RelationGraphWith7Event extends RelationGraphWith6Layout {
      * Triggered when the user clicks on a line
      * - Triggered when the user clicks on a line path or line text
      * @param line The clicked line object
-     * @param link The link object that the line belongs to
      * @param e MouseDown or TouchStart event
      */
-    onLineClick(line: RGLine, link: RGLink, e: RGUserEvent): void;
+    onLineClick(line: RGLine, e: RGUserEvent): void;
     /**
      * Triggered when the node's expand/collapse button is clicked.
      * - This method will expand or collapse all descendant nodes of the node.

package/types/packages/relation-graph-models/models/RelationGraphWith95Dom.d.ts

@@ -1,3 +1,4 @@
+import { RGRectTarget } from 'packages/platforms/vue2/dd/types/packages/types';
 import { RGNode } from '../../types';
 import { RelationGraphWith93Image } from './RelationGraphWith93Image';
 /**
@@ -28,6 +29,7 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
      * @private
      */
     protected initDom(): void;
+    updateCanvasConnectTargetsPosition(reson?: string): void;
     private mutationObserver4Nodes?;
     private mutationObserver4CanvasSlotBehind?;
     private mutationObserver4CanvasSlotAbove?;
@@ -105,4 +107,5 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
      * @protected
      */
     protected destroyResizeObserver(): void;
+    getCanvasSlotRectItems(): RGRectTarget[];
 }