@relation-graph/react 3.0.3 → 3.0.4

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

@@ -6,6 +6,7 @@ export interface RGCanvasProps {
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
     canvasPlugSlot?: React.FC | React.ReactNode;
     canvasPlugAboveSlot?: React.ReactNode;
+    backgroundSlot?: React.ReactNode;
     nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
 }
 declare const RGCanvas: React.FC<RGCanvasProps>;

package/types/packages/platforms/svelte/src/core4svelte/RelationGraphWithProvider.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

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

@@ -25,6 +25,10 @@ declare const _default: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: BooleanConstructor;
     };
+    forSvg: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
     disableDrag: {
         mustUseProp: boolean;
         type: BooleanConstructor;
@@ -64,6 +68,10 @@ declare const _default: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: BooleanConstructor;
     };
+    forSvg: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
     disableDrag: {
         mustUseProp: boolean;
         type: BooleanConstructor;
@@ -72,5 +80,6 @@ declare const _default: import('vue').DefineComponent<{
     disableDrag: boolean;
     junctionPoint: string;
     disableDrop: boolean;
+    forSvg: boolean;
 }>;
 export default _default;

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

@@ -597,6 +597,10 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: BooleanConstructor;
     };
+    forSvg: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
     disableDrag: {
         mustUseProp: boolean;
         type: BooleanConstructor;
@@ -636,6 +640,10 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
         mustUseProp: boolean;
         type: BooleanConstructor;
     };
+    forSvg: {
+        mustUseProp: boolean;
+        type: BooleanConstructor;
+    };
     disableDrag: {
         mustUseProp: boolean;
         type: BooleanConstructor;
@@ -644,6 +652,7 @@ export declare const RGConnectTarget: import('vue').DefineComponent<{
     disableDrag: boolean;
     junctionPoint: string;
     disableDrop: boolean;
+    forSvg: boolean;
 }>;
 export declare const RGEditingConnectPoints: import('vue').DefineComponent<{
     mouseUpOnJunctionPoint: {

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

@@ -1,9 +1,7 @@
 import { RGLayoutOptions, RGOptions, RGOptionsFull } from '../../types';
 export declare const createDefaultConfig: (userOptions?: RGOptions) => RGOptionsFull;
-export declare const applyDefaultOptionsByLayout: (thisLayout: RGLayoutOptions, _options: RGOptionsFull) => void;
 export declare const appendDefaultOptions4Layout: (layoutOptions: RGLayoutOptions) => void;
 declare const _default: {
     createDefaultConfig: (userOptions?: Partial<import('../../types').RGOptionsInited>) => RGOptionsFull;
-    applyDefaultOptionsByLayout: (thisLayout: RGLayoutOptions, _options: RGOptionsFull) => void;
 };
 export default _default;

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

@@ -26,7 +26,7 @@ export declare class RGForceLayout extends RGBaseLayout {
     private force_y_coefficient;
     instanceId: string;
     constructor(layoutOptions: RGForceLayoutOptions, graphOptions: RGOptionsFull, graphInstance: RelationGraphInstance);
-    updateOptions(layoutOptions: RGForceLayoutOptions): void;
+    updateOptions(layoutOptions: Partial<RGForceLayoutOptions>): void;
     calcNodes: RGNode[];
     placeNodes(calcNodes: RGNode[], rootNode?: RGNode): void;
     protected getLevelR(levelDistanceArr: number[], level: number): number | undefined;

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

@@ -22,6 +22,7 @@ export declare class RelationGraphWith1View extends RelationGraphBase {
      * @inner
      */
     getLineTextContainer(line: RGLine): HTMLDivElement | undefined;
+    private viewBoundingClientRect;
     /**
      * Get the RelationGraph component DOM
      * @return relationGraphDom:HTMLDivElement RelationGraph container DOM
@@ -49,6 +50,10 @@ export declare class RelationGraphWith1View extends RelationGraphBase {
         x: number;
         y: number;
     };
+    getViewXyByClientXy(clientXY: RGCoordinate): {
+        x: number;
+        y: number;
+    };
     /**
      * Get the coordinates mapped on the "relation-graph Component viewport" from the canvas coordinates
      * @param clientXY = {x: e.clientX, y: e.clientY}

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

@@ -36,6 +36,8 @@ export declare class RelationGraphWith2Data extends RelationGraphWith1View {
         shouldRenderNodesRef?: any;
         shouldRenderLinesRef?: any;
         shouldRenderFakeLinesRef?: any;
+        textContainer4NormalRef?: any;
+        textContainer4FakeLineRef?: any;
     };
     /**
      * @inner

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

@@ -32,6 +32,8 @@ export declare class RelationGraphWith6Effect extends RelationGraphWith5Zoom {
      * @param nodes Optional, defaults to all nodes in the graph
      */
     zoomToFit(nodes?: (RGNode | RGRectTarget)[]): void;
+    zoomToFitWithAnimation(nodes?: (RGNode | RGRectTarget)[]): Promise<void>;
+    moveToCenterWithAnimation(nodes?: (RGNode | RGRectTarget)[]): Promise<void>;
     /**
      * Enable node position animation
      * - After enabling, when the node position changes, there will be a smooth transition animation effect.

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

@@ -29,8 +29,10 @@ export declare class RelationGraphWith93Image extends RelationGraphWith92MiniVie
      *
      */
     prepareForImageGeneration(): Promise<HTMLElement>;
+    private graphStatusBeforeImageGeneration;
     /**
      * After the image is generated, let relation-graph return to the previous state
      */
     restoreAfterImageGeneration(): Promise<void>;
+    private moveItemsAndFitContent;
 }

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

@@ -107,5 +107,6 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
      * @protected
      */
     protected destroyResizeObserver(): void;
+    private getCanvasSlotList;
     getCanvasSlotRectItems(): RGRectTarget[];
 }

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

@@ -49,7 +49,7 @@ export declare class RelationGraphWith99API extends RelationGraphWith95Dom {
     /**
      * Get the currently selected line object in the graph
      */
-    getCheckedLine(): import('../../types').RGFakeLine | undefined;
+    getCheckedLine(): RGLine | import('../../types').RGFakeLine | undefined;
     /**
      * Get all selected nodes in the graph
      */

package/types/packages/relation-graph-models/utils/line/RGPathGeneratorFor8.d.ts

@@ -0,0 +1,2 @@
+import { RGGenerateLinePrams, RGLinePathInfo, RGLineTextPosition } from '../../../types';
+export declare const generateLineFor8: (linePathGenerateParmas: RGGenerateLinePrams, textPosition?: RGLineTextPosition) => RGLinePathInfo;

package/types/packages/types.ts

@@ -294,7 +294,7 @@ export type RGNode = Omit<JsonNode, 'children'> & RGRectTarget & {
  * ```
  */
 export type JsonLine = {
-    id?: string
+    id: string
     from: string
     to: string
     text?: string
@@ -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
@@ -401,7 +401,7 @@ export type RGJsonData = {
     rootId?: string
     nodes: JsonNode[]
     lines: JsonLine[]
-    fakeLines?: RGFakeLine[]
+    fakeLines?: JsonLine[]
 };
 /**
  * RGGraphData is the internal data structure used by relation-graph to manage graph data
@@ -479,9 +479,10 @@ export type RGLayoutOptions4Alignment = {
 export type RGLayoutOptionsCore = RGLayoutOptions4Alignment & {
     layoutName: string;
     layoutDirection?: 'h' | 'v';
-    fixedRootNode?: boolean
-    autoLayouting?: boolean
-    supportAutoLayout?: boolean
+    fixedRootNode?: boolean;
+    autoLayouting?: boolean;
+    supportAutoLayout?: boolean;
+    rotate?: number;
 };
 /**
  * Force-directed layout options type
@@ -976,6 +977,7 @@ export interface RGConnectTargetProps {
     onDragConnectStart?: (newLineTemplate?: JsonLineLike, event?: RGUserEvent) => void;
     onDragConnectEnd?: RGLineConnectEventHandler; // default is true
     className?: string;
+    forSvg?: boolean;
     style?: Record<string, string | number | undefined>,
 }
 
@@ -1109,7 +1111,9 @@ export type ReactiveDataStores = {
     optionsRef?: any, // Store Vue reactive data
     shouldRenderNodesRef?: any, // Store Vue reactive data
     shouldRenderLinesRef?: any, // Store Vue reactive data
-    shouldRenderFakeLinesRef?: any // Store Vue reactive data
+    shouldRenderFakeLinesRef?: any, // Store Vue reactive data
+    textContainer4NormalRef?:any,
+    textContainer4FakeLineRef?:any
 }
 /**
  * @inner