@relation-graph/react 3.0.0 → 3.0.1

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

@@ -1,24 +1,39 @@
-import {default as _RelationGraph} from './relation-graph/RelationGraph';
-import {RelationGraphFinal} from '../../../relation-graph-models/models/RelationGraphFinal';
-import {RelationGraphComponent as _RelationGraphComponent} from './types-react';
-import {RGLevelDirection} from "../../../../../packages/relation-graph-models/layouts/analyzers/RGNetworkAnalyzer";
-
-export * from './types';
+/**
+* relation-graph
+* Website: http://www.relation-graph.com/
+* Github: https://github.com/seeksdream/relation-graph
+*
+*/
+import { default as _RelationGraph } from './relation-graph/RelationGraph';
+import { RelationGraphCore as _RelationGraphCore } from '../../../relation-graph-models/models/RelationGraphCore';
+import { RelationGraphComponent as _RelationGraphComponent } from './types-react';
+import { default as BaseLayout } from '../../../relation-graph-models/layouts/RGBaseLayout';
+import { default as BidirectionalTreeLayout } from '../../../relation-graph-models/layouts/RGTreeLayout';
+import { default as CenterLayout } from '../../../relation-graph-models/layouts/RGCenterLayout';
+import { default as CircleLayout } from '../../../relation-graph-models/layouts/RGCircleLayout';
+import { default as FixedLayout } from '../../../relation-graph-models/layouts/RGFixedLayout';
+import { default as ForceLayout } from '../../../relation-graph-models/layouts/RGForceLayout';
+import { default as RGFolderLayout } from '../../../relation-graph-models/layouts/RGFolderLayout';
+import * as RGOptionsDataUtils from "../../../relation-graph-models/data/RGOptionsDataUtils";
+import * as RGLineDataUtils from "../../../relation-graph-models/data/RGLineDataUtils";
+import * as RGNodeDataUtils from "../../../relation-graph-models/data/RGNodeDataUtils";
+export * from '../../../types';
+export * from './types-react';
 export declare const version: string;
-export declare const RelationGraphCore: typeof RelationGraphFinal;
-export declare const RGLayout: {
-    BaseLayouter: typeof import('packages/relation-graph-models/layouters/RGBaseLayout').RGBaseLayout;
-    BidirectionalTreeLayouter: typeof import('packages/relation-graph-models/layouters/RGTreeLayout').RGTreeLayout;
-    CenterLayouter: typeof import('packages/relation-graph-models/layouters/RGCenterLayout').RGCenterLayout;
-    CircleLayouter: typeof import('packages/relation-graph-models/layouters/RGCircleLayout').RGCircleLayout;
-    FixedLayouter: typeof import('packages/relation-graph-models/layouters/RGFixedLayout').RGFixedLayout;
-    ForceLayouter: typeof import('packages/relation-graph-models/layouters/RGForceLayout').RGForceLayout;
-    RGFolderLayouter: typeof import('packages/relation-graph-models/layouters/RGFolderLayout').RGFolderLayout;
+export declare const RelationGraphCore: typeof _RelationGraphCore;
+export declare const RGLayouts: {
+    BaseLayout: typeof BaseLayout;
+    BidirectionalTreeLayout: typeof BidirectionalTreeLayout;
+    CenterLayout: typeof CenterLayout;
+    CircleLayout: typeof CircleLayout;
+    FixedLayout: typeof FixedLayout;
+    ForceLayout: typeof ForceLayout;
+    RGFolderLayout: typeof RGFolderLayout;
 };
 export declare const RGUtils: {
-    RGOptionsDataUtils: typeof import("packages/relation-graph-models/data/RGOptionsDataUtils");
-    RGLineDataUtils: typeof import("packages/relation-graph-models/data/RGLineDataUtils");
-    RGNodeDataUtils: typeof import("packages/relation-graph-models/data/RGNodeDataUtils");
+    RGOptionsDataUtils: typeof RGOptionsDataUtils;
+    RGLineDataUtils: typeof RGLineDataUtils;
+    RGNodeDataUtils: typeof RGNodeDataUtils;
     RGGraphMath: {
         getRectPoint(from_x: number, from_y: number, to_x: number, to_y: number, f_W: number, f_H: number, t_W: number, t_H: number, isReverse?: boolean, totalLines?: number, currentIndex?: number, lineDistance?: number, isEndPoint?: boolean): {
             x: number;
@@ -29,35 +44,39 @@ export declare const RGUtils: {
             y: number;
             _case: string;
         };
-        getRectJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectHJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectHJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectLeftJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectLeftJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectRightJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectRightJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectTopJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectTopJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectBottomJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectBottomJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectHorizontalLineJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectHorizontalLineJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            y: number;
+            x: number;
+        };
+        getRectVerticalLineLineJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
-        getRectVJoinPoint(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getRectVJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             y: number;
             x: number;
         };
@@ -65,7 +84,7 @@ export declare const RGUtils: {
             x: number;
             y: number;
         };
-        getBorderPoint4MultiLine(params: import('packages/relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+        getBorderPoint4MultiLine(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
             x: number;
             y: number;
         };
@@ -89,26 +108,28 @@ export declare const RGUtils: {
             x: number;
             y: number;
         };
+        getRotatedPoint(x: number, y: number, c_x: number, c_y: number, rotateDeg: number): {
+            x: number;
+            y: number;
+        };
+        getFlippedX(x: number, c_x: number): number;
+        getFlippedY(y: number, c_y: number): number;
         getAngleType(buffer_x: number, buffer_y: number): 1 | 2 | 3 | 4 | undefined;
         getTextAngle(fx: number, fy: number, tx: number, ty: number): number;
     };
     RGNodesAnalyticUtils: {
-        getDescendantNodes(node: import('packages/relation-graph-models/types').RGNode, collectList?: import('packages/relation-graph-models/types').RGNode[]): import('packages/relation-graph-models/types').RGNode[];
-        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): number;
-        getNodeHeight(thisNode: import('packages/relation-graph-models/types').RGNode): number;
+        getDescendantNodes(node: import('../../../types').RGNode, collectList?: import('../../../types').RGNode[]): import('../../../types').RGNode[];
+        isVisibleNode(thisNode: import('../../../types').RGNode, deep?: number): boolean;
+        isAllowShowNode(thisNode: import('../../../types').RGNode, deep?: number): boolean;
+        getNodeWidth(thisNode: import('../../../types').RGNode): number;
+        getNodeHeight(thisNode: import('../../../types').RGNode): number;
         getNodeXByLotX(nodeAlignOption: {
             alignItemsX: "start" | "center" | "end";
-        }, thisNode: import('packages/relation-graph-models/types').RGNode): number;
+        }, thisNode: import('../../../types').RGNode): number;
         getNodeYByLotY(nodeAlignOption: {
             alignItemsY: "start" | "center" | "end";
-        }, thisNode: import('packages/relation-graph-models/types').RGNode): number;
-        getNodeLotXY(nodeAlignOption: import('packages/relation-graph-models/types').RGLayoutOptions4Alignable, node: import('packages/relation-graph-models/types').RGNode): {
+        }, thisNode: import('../../../types').RGNode): number;
+        getNodeLotXY(nodeAlignOption: import('../../../types').RGLayoutOptions4Alignment, node: import('../../../types').RGNode): {
             x: number;
             y: number;
         };
@@ -120,41 +141,42 @@ export declare const RGUtils: {
             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;
+        flatNodeData(orignNodes: import('../../../types').JsonNode[], parentNode: import('../../../types').JsonNode | null, nodesCollect: import('../../../types').JsonNode[], linksCollect: import('../../../types').JsonLine[]): void;
     };
     RGEffectUtils: {
-        startDrag(e: MouseEvent | TouchEvent, startPositionModel: import('packages/relation-graph-models/utils/RGDragUtils').RGDataModelWithPosition, ondraged: import('packages/relation-graph-models/utils/RGDragUtils').RGDragedCallback, ondragging: import('packages/relation-graph-models/utils/RGDragUtils').RGDraggingCallback | undefined): void;
+        startDrag(e: MouseEvent | TouchEvent, startPositionOrModel: import('../../../types').RGCoordinate, onDragged: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggedCallback, onDragging?: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggingCallback): void;
         onNodeMove(e: MouseEvent | TouchEvent): void;
         onNodeDragend(e: MouseEvent | TouchEvent): void;
     };
 };
 export declare const RGFakeNode: import('react').FC<{
-    node: import('packages/relation-graph-models/types').RGNode;
+    node: import('../../../types').RGNode;
 }>;
-export declare const RGLinePath: import('react').FC<import('packages/relation-graph-models/types').RGLinePathProps & {
+export declare const RGLinePath: import('react').FC<import('../../../types').RGLinePathProps & {
     onLineClick: (e: React.MouseEvent | React.TouchEvent) => void;
 }>;
-export declare const RGLineText: import('react').FC<import('packages/relation-graph-models/types').RGLineTextProps>;
-export declare const RGToolBar: import('react').FC<import('packages/relation-graph-models/types').RGToolBarProps>;
+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>;
-export declare const RGMiniToolBar: import('react').FC<import('packages/relation-graph-models/types').RGToolBarProps>;
-export declare const RGMiniView: import('react').FC<import('packages/relation-graph-models/types').RGMiniViewProps>;
-export declare const RGBackground: import('react').FC<import('packages/relation-graph-models/types').RGBackgroundProps>;
-export declare const RGWatermark: import('react').FC<import('packages/relation-graph-models/types').RGWatermarkProps>;
+export declare const RGMiniToolBar: import('react').FC<import('../../../types').RGToolBarProps>;
+export declare const RGMiniView: import('react').FC<import('../../../types').RGMiniViewProps>;
+export declare const RGBackground: import('react').FC<import('../../../types').RGBackgroundProps>;
+export declare const RGWatermark: import('react').FC<import('../../../types').RGWatermarkProps>;
 export declare const RGEditingNodeController: import('react').FC<{}>;
 export declare const RGEditingResize: import('react').FC<{
     disableResizeWidth?: boolean;
     disableResizeHeight?: boolean;
     beforeResizeStart?: () => void;
 }>;
-export declare const RGEditingNearNodeWidget: import('react').FC<import('packages/relation-graph-models/types').RGWidgetProps>;
-export declare const RGEditingLineController: import('react').FC<import('packages/relation-graph-models/types').RGEditingLineControllerProps>;
+export declare const RGEditingNearNodeWidget: import('react').FC<import('../../../types').RGWidgetProps>;
+export declare const RGEditingLineController: import('react').FC<import('../../../types').RGEditingLineControllerProps>;
 export declare const RGEditingConnectController: import('react').FC<{}>;
-export declare const RGConnectSource: import('react').FC<import('packages/relation-graph-models/types').RGConnectSourceProps>;
-export declare const RGConnectTarget: import('react').FC<import('packages/relation-graph-models/types').RGConnectTargetProps>;
+export declare const RGConnectSource: import('react').FC<import('../../../types').RGConnectSourceProps>;
+export declare const RGConnectTarget: import('react').FC<import('../../../types').RGConnectTargetProps>;
 export declare const RGEditingConnectPoints: import('react').FC<{
-    mouseUpOnJunctionPointWithOffset: (junctionPoint: import('packages/relation-graph-models/types').RGJunctionPoint, event: any) => void;
-    mouseUpOnJunctionPoint: (junctionPoint: import('packages/relation-graph-models/types').RGJunctionPoint, event: any) => void;
+    mouseUpOnJunctionPointWithOffset: (junctionPoint: import('../../../types').RGJunctionPoint, event: any) => void;
+    mouseUpOnJunctionPoint: (junctionPoint: import('../../../types').RGJunctionPoint, event: any) => void;
 }>;
 export declare const RGEditingReferenceLine: import('react').FC<{
     showText?: boolean;
@@ -165,18 +187,30 @@ export declare const RGSlotOnView: import('react').FC<{}>;
 export declare const RGSlotOnCanvasAbove: import('react').FC<{}>;
 export declare const RGSlotOnCanvas: import('react').FC<{}>;
 export declare const RGSlotOnNode: import('react').FC<{
-    children: (props: import('packages/relation-graph-models/types').RGNodeSlotProps) => React.ReactNode;
+    children: (props: import('../../../types').RGNodeSlotProps) => React.ReactNode;
 }>;
 export declare const RGSlotOnLine: import('react').FC<{
-    children: (props: import('packages/relation-graph-models/types').RGLineSlotProps) => React.ReactNode;
+    children: (props: import('../../../types').RGLineSlotProps) => React.ReactNode;
 }>;
-export declare const RelationLinker: import('react').ForwardRefExoticComponent<import('./types-react').RelationLinkerCompJsxProps & import('react').RefAttributes<import('packages/relation-graph-models/types').RelationGraphExpose>>;
-export { RGHooks } from './relation-graph/src/hooks/RGHooks';
-export declare const RGProvider: import('react').FC<{
-    relationGraphCore?: any;
-    onProviderReady?: (instance: import('packages/relation-graph-models/types').RelationGraphInstance) => void;
-}>;
-export { RelationGraphStoreContext, RelationGraphStoreContext as RGInstanceContext, RGUpdateContext, RGUpdateSignalContext as RGUpdateSingalContext, RGUpdateSignalContext } from './relation-graph/src/core4react/store/reducers/StockStore';
+export declare const RelationLinker: import('react').FC<import('react').PropsWithChildren<import('./types-react').RelationLinkerProps>>;
+export { RGHooks as _RGHooks } from './relation-graph/src/hooks/RGHooks';
+export declare const RGHooks: {
+    useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
+    useGraphInstance: typeof import('./relation-graph/src/hooks/useGraphInstance').useGraphInstance;
+    useAutoUpdateView: typeof import('./relation-graph/src/hooks/useGraphInstance').useAutoUpdateView;
+    useCreatingLine: typeof import('./relation-graph/src/hooks/useGraphStore').useCreatingLine;
+    useCreatingNode: typeof import('./relation-graph/src/hooks/useGraphStore').useCreatingNode;
+    useEditingNodes: typeof import('./relation-graph/src/hooks/useGraphStore').useEditingNodes;
+    useEditingLine: typeof import('./relation-graph/src/hooks/useGraphStore').useEditingLine;
+    useViewInformation: typeof import('./relation-graph/src/hooks/useGraphStore').useViewInformation;
+    useSelection: typeof import('./relation-graph/src/hooks/useGraphStore').useSelection;
+    useConnectingNode: typeof import('./relation-graph/src/hooks/useGraphStore').useConnectingNode;
+    useCheckedItem: typeof import('./relation-graph/src/hooks/useGraphStore').useCheckedItem;
+    useGraphStore: typeof import('./relation-graph/src/hooks/useGraphStore').useGraphStore;
+};
+export declare const useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
+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 default _RelationGraph;

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

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

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

@@ -1,5 +1,9 @@
 import { default as React } from 'react';
-import { RelationGraphExpose } from '../../../../relation-graph-models/types';
-import { RelationGraphJsxProps } from '../types-react';
-declare const _default: React.ForwardRefExoticComponent<RelationGraphJsxProps & React.RefAttributes<RelationGraphExpose>>;
+import { RelationGraphExpose } from '../../../../types';
+declare const _default: React.ForwardRefExoticComponent<import('../../../../types').RGListeners & import('../types-react').RelationGraphWithSlots & {
+    options: import('../../../../types').RGOptions;
+    initialData?: import('../../../../types').RGJsonData;
+} & import('../types-react').RelationGraphWithWithCustomCore & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<RelationGraphExpose>>;
 export default _default;

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

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { RelationGraphExpose } from '../../../../relation-graph-models/types';
-import { RelationLinkerCompJsxProps } from '../types-react';
-declare const _default: React.ForwardRefExoticComponent<RelationLinkerCompJsxProps & React.RefAttributes<RelationGraphExpose>>;
-export default _default;
+import { default as React, PropsWithChildren } from 'react';
+import { RelationLinkerProps } from '../types-react';
+declare const RelationLinker: React.FC<PropsWithChildren<RelationLinkerProps>>;
+export default RelationLinker;

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

@@ -1,13 +1,12 @@
 import { default as React } from 'react';
-import { RGLineSlotProps, RGNodeSlotProps } from '../../../../../../relation-graph-models/types';
+import { RGLineSlotProps, RGNodeSlotProps } from '../../../../../../types';
 import { RGNodeExpandHolderProps } from '../../../types-react';
 export interface RGCanvasProps {
     nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    svgDefs?: React.FC | React.ReactNode;
     canvasPlugSlot?: React.FC | React.ReactNode;
     canvasPlugAboveSlot?: React.ReactNode;
-    expandHolderSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
 }
 declare const RGCanvas: React.FC<RGCanvasProps>;
 export default RGCanvas;

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

@@ -1,11 +1,18 @@
 import { default as React } from 'react';
-import { RGLineSlotProps, RGNodeSlotProps } from '../../../../../../relation-graph-models/types';
+import { RGLineSlotProps, RGNodeSlotProps } from '../../../../../../types';
 import { RGNodeExpandHolderProps } from '../../../types-react';
 export interface RGCanvasContentProps {
     nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    svgDefs?: React.FC | React.ReactNode;
-    expandHolderSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    showEasyView?: boolean;
+    creatingLine?: boolean;
+    defaultExpandHolderPosition?: string;
+    draggingNodeId?: string;
+    checkedNodeId?: string;
+    checkedLineId?: string;
+    lineUseTextPath?: boolean;
+    graphInstanceId?: string;
 }
 declare const RGCanvasContent: React.FC<RGCanvasContentProps>;
 export default RGCanvasContent;

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { RGLineSlotProps } from '../../../../../../types';
+export interface RGCanvasContent4FakeLinesProps {
+    showEasyView: boolean;
+    lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
+    lineUseTextPath?: boolean;
+    checkedLineId?: string;
+    graphInstanceId?: string;
+}
+declare const RGCanvasContent4FakeLines: React.FC<RGCanvasContent4FakeLinesProps>;
+export default RGCanvasContent4FakeLines;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { RGLine, RGLineSlotProps } from '../../../../../../types';
+export interface RGCanvasContent4LinesProps {
+    showEasyView: boolean;
+    lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
+    lineUseTextPath?: boolean;
+    checkedLineId?: string;
+    graphInstanceId?: string;
+    allLineConfigList: RGLine[];
+}
+declare const RGCanvasContent4LinesContent: React.FC<RGCanvasContent4LinesProps>;
+export default RGCanvasContent4LinesContent;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { RGNode, RGNodeSlotProps } from '../../../../../../types';
+import { RGNodeExpandHolderProps } from '../../../types-react';
+export interface RGCanvasContent4NodesProps {
+    nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
+    nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    defaultExpandHolderPosition?: string;
+    draggingNodeId?: string;
+    checkedNodeId?: string;
+    allNodeConfigList: RGNode[];
+}
+declare const RGCanvasContent4NodesContent: React.FC<RGCanvasContent4NodesProps>;
+export default RGCanvasContent4NodesContent;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGNode } from '../../../../../../relation-graph-models/types';
+import { RGNode } from '../../../../../../types';
 declare const RGFakeNode: React.FC<{
     node: RGNode;
 }>;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 declare const RGGraphRefs: React.FC<{
     forElementLines?: boolean;
-    svgDefs?: React.FC | React.ReactNode;
 }>;
 export default RGGraphRefs;

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { RGLineSlotProps } from '../../../../../../relation-graph-models/types';
+import { RGLineSlotProps } from '../../../../../../types';
 declare const RGLineContent: React.FC<RGLineSlotProps>;
 export default RGLineContent;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGLinePathProps } from '../../../../../../relation-graph-models/types';
+import { RGLinePathProps } from '../../../../../../types';
 declare const RGLinePath: React.FC<RGLinePathProps & {
     onLineClick: (e: React.MouseEvent | React.TouchEvent) => void;
 }>;

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-import { RGLine, RGFakeLine, RGLineSlotProps } from '../../../../../../relation-graph-models/types';
-declare const RGLinePeel: React.FC<{
-    line: RGLine | RGFakeLine;
+import { RGLineSlotProps, RGLinePeelProps } from '../../../../../../types';
+declare const RGLinePeel: React.FC<RGLinePeelProps & {
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
 }>;
 export default RGLinePeel;

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { RGLineTextProps } from '../../../../../../relation-graph-models/types';
+import { RGLineTextProps } from '../../../../../../types';
 declare const RGLineText: React.FC<RGLineTextProps>;
 export default RGLineText;

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

@@ -1,4 +1,13 @@
 import { default as React } from 'react';
-import { RGNodeProps } from '../../../types-react';
+import { RGNodeExpandHolderProps } from '../../../types-react';
+import { RGNode, RGNodeSlotProps } from '../../../../../../types';
+export type RGNodeProps = {
+    nodeProps: RGNode;
+    nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
+    nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    defaultExpandHolderPosition?: string;
+    dragging?: boolean;
+    checked?: boolean;
+};
 declare const RGNodePeel: React.FC<RGNodeProps>;
 export default RGNodePeel;

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

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

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

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

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

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
-import { RGLineSlotProps } from '../../../../../../relation-graph-models/types';
-declare const RelationLinkerCanvas: React.FC<{
+import { default as React, PropsWithChildren } from 'react';
+import { RGLineSlotProps } from '../../../../../../types';
+declare const RelationLinkerCanvas: React.FC<PropsWithChildren<{
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    svgDefs?: React.FC | React.ReactNode;
     canvasPlugBehindSlot?: React.ReactNode;
-}>;
+}>>;
 export default RelationLinkerCanvas;

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGJunctionPoint } from '../../../../types';
+import { RGJunctionPoint } from '../../../../../../../types';
 declare const RGEditingConnectPoints: React.FC<{
     mouseUpOnJunctionPointWithOffset: (junctionPoint: RGJunctionPoint, event: any) => void;
     mouseUpOnJunctionPoint: (junctionPoint: RGJunctionPoint, event: any) => void;

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

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

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

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

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { RGMiniViewProps } from '../../../../../../../relation-graph-models/types';
+import { RGMiniViewProps } from '../../../../../../../types';
 declare const RGMiniView: React.FC<RGMiniViewProps>;
 export default RGMiniView;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGLineSlotProps } from '../../../../../../../relation-graph-models/types';
+import { RGLineSlotProps } from '../../../../../../../types';
 declare const RGSlotOnLine: React.FC<{
     children: (props: RGLineSlotProps) => React.ReactNode;
 }>;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGGenerateLineConfig } from '../../../../../../../relation-graph-models/types';
+import { RGGenerateLineConfig } from '../../../../../../../types';
 declare const RGSlotOnLineText: React.FC<{
     lineConfig: RGGenerateLineConfig;
 }>;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGNodeSlotProps } from '../../../../../../../relation-graph-models/types';
+import { RGNodeSlotProps } from '../../../../../../../types';
 declare const RGSlotOnNode: React.FC<{
     children: (props: RGNodeSlotProps) => React.ReactNode;
 }>;

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

@@ -1,3 +1,4 @@
-export declare const RelationGraphProvider: import('react').Provider<import('packages/relation-graph-models/models/RelationGraphCore').RelationGraphCore>;
-export declare const RGUpdateProvider: import('react').Provider<(v?: import('packages/relation-graph-models/types').RelationGraphInstance) => void>;
+export declare const RelationGraphProvider: import('react').Provider<import('../../../../../../../relation-graph-models/models/RelationGraphCore').RelationGraphCore>;
+export declare const RGUpdateProvider: import('react').Provider<(v?: import('../../../..').RelationGraphInstance) => void>;
 export declare const RGUpdateSignalProvider: import('react').Provider<number>;
+export declare const RGViewDataProvider: import('react').Provider<import('../../../..').RGDataStore>;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { RelationGraphInstance } from '../../../../../../../../types';
+import { RGDataStore } from '../../../../../types-react';
+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>;
+export declare const RGViewDataContext: React.Context<RGDataStore>;

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { RGBackgroundProps } from '../../../../../../../relation-graph-models/types';
+import { RGBackgroundProps } from '../../../../../../../types';
 declare const GraphBackground: React.FC<RGBackgroundProps>;
 export default GraphBackground;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RGNodeSlotProps } from '../../../../../../../relation-graph-models/types';
+import { RGNodeSlotProps } from '../../../../../../../types';
 export interface GraphOperateStuffProps {
     nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
 }