@relation-graph/react 3.0.1 → 3.0.2

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>;

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/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[]>>, {

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]>) => RGNode;
     transNodeToJson: (node: RGNode) => JsonNode | undefined;
 };
 export default _default;

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,12 +63,19 @@ 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[]

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/RelationGraphWith4Line.d.ts

@@ -98,9 +98,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/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/types.ts

@@ -313,8 +313,9 @@ export type JsonLine = {
     showEndArrow?: boolean
     startMarkerId?: string
     endMarkerId?: string
-    useTextPath?: boolean
+    useTextOnPath?: boolean
     onPathStartOffset?: string
+    placeText?: 'start'|'center'|'end'
     textAnchor?: string
     lineDirection?: string
     polyLineStartDistance?: number
@@ -503,11 +504,13 @@ export type RGForceLayoutOptions = RGLayoutOptionsCore & {
 /**
  * Center layout options type
  * - distance_coefficient: Coefficient for calculating the ideal distance between nodes, default is 1. The larger this value, the greater the ideal distance between nodes, and the more dispersed the layout will be.
+ * - disableAsForceLayout: CenterLayout extends ForceLayout. If you want to use CenterLayout as a pure center layout without force-directed layout capabilities, you can set this option to true to disable the force-directed layout features.
  * - levelDistance: Array of distances between levels, default is []. You can set the distance between different levels of nodes in the tree structure. For example, [100, 200, 300] means the distance between level 0 and level 1 is 100, the distance between level 1 and level 2 is 200, and the distance between level 2 and level 3 is 300. If the array length is less than the number of levels, the last value will be used for the remaining levels.
  */
 export type RGCenterLayoutOptions = RGForceLayoutOptions & {
     distance_coefficient?: number
     levelDistance?: number[]
+    disableAsForceLayout?: boolean;
 };
 /**
  * Tree layout options type
@@ -522,7 +525,7 @@ export type RGCenterLayoutOptions = RGForceLayoutOptions & {
  * - alignParentItemsY: Alignment of parent nodes in the Y direction, 'start' means top-aligned, 'center' means center-aligned, and 'end' means bottom-aligned. Default is 'center'.
  */
 export type RGTreeLayoutOptions = RGLayoutOptionsCore & {
-    from: string
+    from?: string
     treeNodeGapH?: number
     treeNodeGapV?: number
     levelGaps?: number[]
@@ -610,7 +613,7 @@ export type RGOptionsInited = {
     defaultLineJunctionOffset: number,
     // placeSingleNode: boolean
     placeOtherNodes: boolean
-    lineUseTextPath: boolean
+    defaultLineTextOnPath: boolean
     lineTextMaxLength: number
     multiLineDistance: number
     checkedNodeId: string // private
@@ -757,7 +760,7 @@ export interface RGNodeSlotProps {
 export interface RGLinePeelProps {
     line: RGLine | RGFakeLine
     checked?: boolean
-    lineUseTextPath?: boolean
+    defaultLineTextOnPath?: boolean
     graphInstanceId?: string
 }
 
@@ -765,14 +768,14 @@ export interface RGLinePeelProps {
  * Custom line slot component Props type
  * @param lineConfig Configuration parameters for the line, which include information such as the start and end objects, line objects, etc., used for line objects, and global default configurations for rendering lines.
  * @param checked Whether the current line is selected
- * @param lineUseTextPath Whether the line uses textPath to typeset text, allowing the text to be arranged along the line path
+ * @param defaultLineTextOnPath Whether the line uses textPath to typeset text, allowing the text to be arranged along the line path
  * @param graphInstanceId The ID of the current graph instance, used for creating some unique identifiers, etc. (for example, you can display two relation-graph components with the same data on one page to prevent their ids from conflicting)
  *
  */
 export interface RGLineSlotProps {
     lineConfig: RGGenerateLineConfig
     checked?: boolean
-    lineUseTextPath?: boolean
+    defaultLineTextOnPath?: boolean
     graphInstanceId?: string
 }
 
@@ -780,7 +783,7 @@ export interface RGLineSlotProps {
  * Props type for RGLinePath component
  * @param lineConfig Configuration parameters for the line, which include information such as the start and end objects, line objects, etc., used for line objects, and global default configurations for rendering lines.
  * @param linePathInfo The path information of the line, including path data, text position, etc., used for rendering the line path
- * @param lineUseTextPath Whether the line uses textPath to typeset text, allowing the text to be arranged along the line path
+ * @param defaultLineTextOnPath Whether the line uses textPath to typeset text, allowing the text to be arranged along the line path
  * @param checked Whether the current line is selected
  * @param graphInstanceId The ID of the current graph instance, used for creating some unique identifiers, etc. (for example, you can display two relation-graph components with the same data on one page to prevent their ids from conflicting)
  *
@@ -788,7 +791,7 @@ export interface RGLineSlotProps {
 export interface RGLinePathProps {
     lineConfig: RGGenerateLineConfig
     linePathInfo: RGLinePathInfo
-    lineUseTextPath?: boolean
+    useTextOnPath?: boolean
     checked?: boolean
     graphInstanceId?: string
 }