@relation-graph/react 3.0.2 → 3.0.3

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

@@ -215,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/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

@@ -496,6 +496,9 @@ export declare const RGEditingLineController: import('vue').DefineComponent<{
     textEditable: {
         default: boolean;
     };
+    pathEditable: {
+        default: boolean;
+    };
 }, {}, {
     lineText: string;
     editing: boolean;
@@ -524,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;
@@ -582,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;
@@ -606,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,13 +5,13 @@ export declare const newNodeTemplate: {
     y: number;
     text: string;
 };
-export declare const json2Node: (originData: JsonNode, graphOptions?: RGOptions, nodesSizeMap: Map<string, [
+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, nodesSizeMap: Map<string, [number, number]>) => 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

@@ -80,5 +80,6 @@ export declare class RelationGraphWith2Data1Getter extends RelationGraphWith2Dat
      * 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/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.

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/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[];
 }

package/types/packages/types.ts

@@ -69,7 +69,7 @@ export enum RGJunctionPoint {
  * Data type used internally by relation-graph to manage connection points
  * @inner This type is used internally by relation-graph and is not recommended for direct use by users
  */
-export type RGConnectTarget4NodePoint = {
+export type RGConnectTargetData = {
     targetId: string;
     targetType: string;
     nodeId?: string;
@@ -247,6 +247,7 @@ export type RGNode = Omit<JsonNode, 'children'> & RGRectTarget & {
     x: number
     y: number
     nodeShape: RGNodeShape
+    data: Record<string, any>
     lot: {
         childs: RGNode[]
         parent?: RGNode | undefined
@@ -269,9 +270,9 @@ export type RGNode = Omit<JsonNode, 'children'> & RGRectTarget & {
         x?: number
         y?: number
     }
-    rgChildrenSize?: number
-    rgShouldRender?: boolean
-    rgCalcedVisibility?: boolean
+    rgChildrenSize: number
+    rgShouldRender: boolean
+    rgCalcedVisibility: boolean
 }
 /**
  * JSON line type for relation-graph
@@ -314,7 +315,6 @@ export type JsonLine = {
     startMarkerId?: string
     endMarkerId?: string
     useTextOnPath?: boolean
-    onPathStartOffset?: string
     placeText?: 'start'|'center'|'end'
     textAnchor?: string
     lineDirection?: string
@@ -323,8 +323,8 @@ export type JsonLine = {
     data?: Record<string, any>
     cssVars?: Record<string, any>
     force_elastic?: number
-    textOffset_x?: number
-    textOffset_y?: number
+    textOffsetX?: number
+    textOffsetY?: number
     animation?: number
     dashType?: number
     lineRadius?: number
@@ -332,10 +332,10 @@ export type JsonLine = {
     junctionOffset?: number
     fromJunctionPoint?: RGJunctionPoint
     toJunctionPoint?: RGJunctionPoint
-    fromJuctionPointOffsetX?: number
-    fromJuctionPointOffsetY?: number
-    toJuctionPointOffsetX?: number
-    toJuctionPointOffsetY?: number
+    fromJunctionPointOffsetX?: number
+    fromJunctionPointOffsetY?: number
+    toJunctionPointOffsetX?: number
+    toJunctionPointOffsetY?: number
     hidden?: boolean
 }
 /**
@@ -346,8 +346,8 @@ export type JsonLine = {
  */
 export type RGFakeLine = JsonLine & {
     id: string;
-    fromType: RGInnerConnectTargetType | string;
-    toType: RGInnerConnectTargetType | string;
+    fromType?: RGInnerConnectTargetType | string;
+    toType?: RGInnerConnectTargetType | string;
 }
 /**
  * Enhanced line type for runtime in relation-graph
@@ -503,13 +503,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.
+ * - distanceCoefficient: 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.
+ * - levelGaps: 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[]
+    distanceCoefficient?: number
+    levelGaps?: number[]
     disableAsForceLayout?: boolean;
 };
 /**
@@ -525,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?: 'left'|'top'|'right'|'bottom'
     treeNodeGapH?: number
     treeNodeGapV?: number
     levelGaps?: number[]
@@ -590,9 +590,9 @@ export type RGOptionsInited = {
     canvasMoveMode: boolean
     disableNodePointEvent: boolean
     disableLinePointEvent: boolean
-    toolBarDirection: string
-    toolBarPositionH: string
-    toolBarPositionV: string
+    toolBarDirection: 'h'|'v'
+    toolBarPositionH: 'left'|'center'|'right'
+    toolBarPositionV: 'top'|'center'|'bottom'
     defaultExpandHolderPosition: 'hide' | 'left' | 'top' | 'right' | 'bottom'
     defaultNodeColor: string
     defaultNodeBorderColor: string,
@@ -602,8 +602,8 @@ export type RGOptionsInited = {
     defaultNodeWidth?: number
     defaultNodeHeight?: number
     checkedItemBackgroundColor?: string //
-    defaultLineTextOffset_x?: number,
-    defaultLineTextOffset_y?: number,
+    defaultLineTextOffsetX?: number,
+    defaultLineTextOffsetY?: number,
     defaultLineColor: string
     defaultLineWidth: number
     defaultLineShape?: RGLineShape
@@ -859,6 +859,7 @@ export interface RGWidgetProps {
  */
 export interface RGEditingLineControllerProps {
     textEditable?: boolean
+    pathEditable?: boolean
     onMoveLineVertexStart?: (type: RGLineEditPoint, line: RGLine) => void
     onMoveLineVertexEnd?: RGLineVertexBeDroppedEventHandler
     onLinePathChanged?: (line: RGLine, params: any) => void
@@ -886,7 +887,7 @@ export type CreatingLinePlotOptions = {
     onCreateLine: RGLineConnectEventHandler | undefined
     isReverse?: boolean,
     template?: JsonLineLike
-    fromNode?: RGLineTarget
+    fromNode?: RGNode | RGLineTarget
 };
 /**
  * @inner
@@ -964,7 +965,7 @@ export interface RGConnectSourceProps {
  * ```
  */
 export interface RGConnectTargetProps {
-    junctionPoint: RGJunctionPoint;
+    junctionPoint?: RGJunctionPoint;
     targetId: string;
     targetType?: string;
     targetData?: Record<string, any>;

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { RelationGraphInstance } from '../../../../relation-graph-models/types';
-declare const RGProvider: React.FC<{
-    relationGraphCore?: any;
-    onProviderReady?: (instance: RelationGraphInstance) => void;
-}>;
-export default RGProvider;

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

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { RelationLinkerCompJsxProps } from '../../../types-react';
-declare const RelationLinkerContent: React.FC<RelationLinkerCompJsxProps>;
-export default RelationLinkerContent;

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

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { RelationGraphCompJsxProps } from '../../../types-react';
-declare const RelationView: React.FC<RelationGraphCompJsxProps>;
-export default RelationView;

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

@@ -1,20 +0,0 @@
-/**
- * @description 用於標記工具區內容的容器。
- */
-export declare const ToolPanel: ({ children }: {
-    children: any;
-}) => any;
-/**
- * @description 用於標記畫布內容的容器。
- */
-export declare const CanvasItems: ({ children }: {
-    children: any;
-}) => any;
-/**
- * @description 關係圖主組件
- * - 負責接收所有子元素，並將它們分類到 "工具區" 或 "畫布區"。
- */
-export declare const RelationGraph: ({ children }: {
-    children: any;
-}) => JSX.Element;
-export default function App(): JSX.Element;

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

@@ -1 +0,0 @@
-export default function App(): JSX.Element;

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

@@ -1 +0,0 @@
-export default function App(): JSX.Element;

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const RGSlotOnSVGDefs: React.FC;
-export default RGSlotOnSVGDefs;

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const RGSlotOnToolbar: React.FC;
-export default RGSlotOnToolbar;

package/types/packages/platforms/react/src/relation-graph/src/core4react/store/reducers/StockStore.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { RelationGraphInstance } from '../../../../../../../../relation-graph-models/types';
-export type RGUpdateAction = (rgInstance: RelationGraphInstance) => void;
-export type RelationGraphReducer = (state: RelationGraphInstance, action: RGUpdateAction) => RelationGraphInstance;
-export declare const relationGraphReducer: RelationGraphReducer;
-export declare const RelationGraphStoreContext: React.Context<RelationGraphInstance>;
-export declare const RGUpdateContext: React.Context<((v?: RelationGraphInstance) => void)>;
-export declare const RGUpdateSignalContext: React.Context<number>;

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const GraphDebugPanel: React.FC;
-export default GraphDebugPanel;

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

@@ -1 +0,0 @@
-export * from '../../../relation-graph-models/types';

package/types/packages/platforms/react/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfigExport;
-export default _default;