@relation-graph/vue3 3.0.8 → 3.0.10

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

@@ -4,185 +4,5 @@
 * Github: https://github.com/seeksdream/relation-graph
 *
 */
-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 { RelationGraphCore } from '../../../relation-graph-models/models/RelationGraphCore';
-export * from './types';
-export * from './types-vue3';
-export declare const version: string;
-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 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;
-            y: number;
-        };
-        getRectPointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
-            x: number;
-            y: number;
-            _case: string;
-        };
-        getRectJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getRectHJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getRectLeftJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getRectRightJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getRectTopJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getRectBottomJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        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('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            y: number;
-            x: number;
-        };
-        getBorderPoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, n1style: number): {
-            x: number;
-            y: number;
-        };
-        getBorderPoint4MultiLine(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
-            x: number;
-            y: number;
-        };
-        getCirclePoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
-            x: number;
-            y: number;
-        };
-        getCirclePoint4MultiLine(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, isReverse: boolean, totalLines: number, currentIndex: number, lineDistance: number, isEndPoint: boolean): {
-            x: number;
-            y: number;
-        };
-        getCirclePointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, radius: number): {
-            x: number;
-            y: number;
-        };
-        getCirclePointPlus(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
-            x: number;
-            y: number;
-        };
-        getOvalPoint(c_x: number, c_y: number, c_r: number, c_i: number, c_n: number, startAngle?: number): {
-            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('./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('./types').RGNode): number;
-        getNodeYByLotY(nodeAlignOption: {
-            alignItemsY: "start" | "center" | "end";
-        }, thisNode: import('./types').RGNode): number;
-        getNodeLotXY(nodeAlignOption: import('./types').RGLayoutOptions4Alignment, node: import('./types').RGNode): {
-            x: number;
-            y: number;
-        };
-        isRectangleOverlap(rectA: any, rectB: any): boolean;
-        isXOverlap(aX: number, bX: number, a_W: number, b_W: number): boolean;
-        isYOverlap(aY: number, bY: number, a_H: number, b_H: number): boolean;
-        shapesOverlap(nodeA: any, nodeB: any, shapeA?: number, shapeB?: number): boolean;
-        getNoOverlapLimitedPosition(rectA: any, newX: any, newY: any, rectB: any): {
-            x: any;
-            y: any;
-        };
-        flatNodeData(orignNodes: import('./types').JsonNode[], parentNode: import('./types').JsonNode | null, nodesCollect: import('./types').JsonNode[], linksCollect: import('./types').JsonLine[]): void;
-    };
-    RGEffectUtils: {
-        startDrag(e: MouseEvent | TouchEvent, startPositionOrModel: import('./types').RGCoordinate, onDragged: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggedCallback, onDragging?: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggingCallback | undefined): void;
-        onNodeMove(e: MouseEvent | TouchEvent): void;
-        onNodeDragend(e: MouseEvent | TouchEvent): void;
-    };
-};
-export declare const RGFakeNode: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGLinePath: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGLineText: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGDebugView: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGToolBar: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGNodeExpandHolder: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGMiniToolBar: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGMiniView: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGBackground: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGWatermark: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingNodeController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingResize: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingNearNodeWidget: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingLineController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingConnectController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGConnectSource: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGConnectTarget: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingConnectPoints: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGEditingReferenceLine: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RGHooks: {
-    useGraphInstance: typeof import('./relation-graph/src/hooks/useGraphInstance').useGraphInstance;
-    useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
-    useGraphStore: typeof import('./relation-graph/src/hooks/useGraphStore').useGraphStore;
-    useGraphData: typeof import('./relation-graph/src/hooks/useGraphData').useGraphData;
-    useGraphOptions: typeof import('./relation-graph/src/hooks/useGraphStore').useGraphOptions;
-    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;
-};
-export declare const useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
-export declare const RGProvider: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const RelationLinker: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export * from './constants';
-export declare const RelationGraph: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default RelationGraph;
+export * from './index.shared';
+export { default } from './index.shared';

package/types/packages/platforms/vue3/src/index.shared.d.ts

@@ -0,0 +1,182 @@
+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 { RelationGraphCore } from '../../../relation-graph-models/models/RelationGraphCore';
+export * from './types';
+export * from './types-vue3';
+export declare const version: string;
+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 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;
+            y: number;
+        };
+        getRectPointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+            x: number;
+            y: number;
+            _case: string;
+        };
+        getRectJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getRectHJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getRectLeftJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getRectRightJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getRectTopJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getRectBottomJoinPoint(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        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('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            y: number;
+            x: number;
+        };
+        getBorderPoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, n1style: number): {
+            x: number;
+            y: number;
+        };
+        getBorderPoint4MultiLine(params: import('../../../relation-graph-models/utils/RGGraphMath').CreateJunctionPointParams): {
+            x: number;
+            y: number;
+        };
+        getCirclePoint(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+            x: number;
+            y: number;
+        };
+        getCirclePoint4MultiLine(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, isReverse: boolean, totalLines: number, currentIndex: number, lineDistance: number, isEndPoint: boolean): {
+            x: number;
+            y: number;
+        };
+        getCirclePointBasic(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number, radius: number): {
+            x: number;
+            y: number;
+        };
+        getCirclePointPlus(x1: number, y1: number, x2: number, y2: number, n1w: number, n1h: number, n2w: number, n2h: number): {
+            x: number;
+            y: number;
+        };
+        getOvalPoint(c_x: number, c_y: number, c_r: number, c_i: number, c_n: number, startAngle?: number): {
+            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('./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('./types').RGNode): number;
+        getNodeYByLotY(nodeAlignOption: {
+            alignItemsY: "start" | "center" | "end";
+        }, thisNode: import('./types').RGNode): number;
+        getNodeLotXY(nodeAlignOption: import('./types').RGLayoutOptions4Alignment, node: import('./types').RGNode): {
+            x: number;
+            y: number;
+        };
+        isRectangleOverlap(rectA: any, rectB: any): boolean;
+        isXOverlap(aX: number, bX: number, a_W: number, b_W: number): boolean;
+        isYOverlap(aY: number, bY: number, a_H: number, b_H: number): boolean;
+        shapesOverlap(nodeA: any, nodeB: any, shapeA?: number, shapeB?: number): boolean;
+        getNoOverlapLimitedPosition(rectA: any, newX: any, newY: any, rectB: any): {
+            x: any;
+            y: any;
+        };
+        flatNodeData(orignNodes: import('./types').JsonNode[], parentNode: import('./types').JsonNode | null, nodesCollect: import('./types').JsonNode[], linksCollect: import('./types').JsonLine[]): void;
+    };
+    RGEffectUtils: {
+        startDrag(e: MouseEvent | TouchEvent, startPositionOrModel: import('./types').RGCoordinate, onDragged: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggedCallback, onDragging?: import('../../../relation-graph-models/utils/RGDragUtils').RGDraggingCallback | undefined): void;
+        onNodeMove(e: MouseEvent | TouchEvent): void;
+        onNodeDragend(e: MouseEvent | TouchEvent): void;
+    };
+};
+export declare const RGFakeNode: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGLinePath: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGLineText: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGDebugView: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGToolBar: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGNodeExpandHolder: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGMiniToolBar: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGMiniView: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGBackground: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGWatermark: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingNodeController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingResize: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingNearNodeWidget: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingLineController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingConnectController: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGConnectSource: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGConnectTarget: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingConnectPoints: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGEditingReferenceLine: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RGHooks: {
+    useGraphInstance: typeof import('./relation-graph/src/hooks/useGraphInstance').useGraphInstance;
+    useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
+    useGraphStore: typeof import('./relation-graph/src/hooks/useGraphStore').useGraphStore;
+    useGraphData: typeof import('./relation-graph/src/hooks/useGraphData').useGraphData;
+    useGraphOptions: typeof import('./relation-graph/src/hooks/useGraphStore').useGraphOptions;
+    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;
+};
+export declare const useRelationGraph: typeof import('./relation-graph/src/hooks/useRelationGraph').useRelationGraph;
+export declare const RGProvider: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RelationLinker: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export * from './constants';
+export declare const RelationGraph: import('vue').DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Record<string, unknown>>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default RelationGraph;

package/types/packages/platforms/vue3/src/index.ssr.d.ts

@@ -0,0 +1,2 @@
+export * from './index.shared';
+export { default } from './index.shared';

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

@@ -6,6 +6,8 @@ export type RGClientXy = RGCoordinate;
  */
 export declare class RelationGraphWith5Zoom extends RelationGraphWith4Line {
     constructor();
+    protected getClampedZoom(finalZoom: number): number;
+    protected applyZoom(newZoom: number, canvasOffset: RGCoordinate, e?: WheelEvent): void;
     /**
      * Zoom based on the current zoom level
      * @param buff The additional zoom level to be added based on the current zoom level. A positive number indicates zooming in, and a negative number indicates zooming out, in percentage. For example: 10 means zoom in by 10%, -10 means zoom out by 10%
@@ -14,6 +16,7 @@ export declare class RelationGraphWith5Zoom extends RelationGraphWith4Line {
      *
      */
     zoom(buff: number, userZoomCenter?: RGClientXy, e?: WheelEvent): void;
+    protected setZoomAndOffset(finalZoom: number, canvasOffset: RGCoordinate, e?: WheelEvent): void;
     /**
      * @inner
      * @protected

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

@@ -8,6 +8,15 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
     protected resizeObserver: ResizeObserver;
     protected resizeListenerMap: WeakMap<object, any>;
     protected domToNodeIdMap: WeakMap<Element, string>;
+    private _trackpadGestureActive;
+    private _trackpadGestureStartZoom;
+    private _trackpadGestureAnchorView;
+    private _trackpadGestureStartOffset;
+    private _mouseMoveHandler?;
+    private _gestureStartHandler?;
+    private _gestureChangeHandler?;
+    private _gestureEndHandler?;
+    private _lastMouseClientXy?;
     constructor();
     /**
      * [Used internally by relation-graph] This method will be called after the RelationGraph component is mounted, to facilitate DOM operations in the JS instance object (this will only obtain visual information of the DOM and monitor changes in size and position).
@@ -46,6 +55,9 @@ export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
     protected destroyMutationObserver(): void;
     private onKeyDownHanlder;
     private onKeyUpHanlder;
+    private getTrackpadGestureAnchorView;
+    protected addTrackpadGestureListeners(): void;
+    protected removeTrackpadGestureListeners(): void;
     /**
      * @inner
      * @private

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

@@ -7,8 +7,8 @@ export declare const getTextSize: (text: string) => number;
 export declare const mergeRGObject: (oldObj: Record<string, any>, newObj: Record<string, any>) => Record<string, any>;
 export declare const isSupportTouch: (e: MouseEvent | TouchEvent) => boolean;
 export declare const getClientCoordinate: (e: MouseEvent | TouchEvent) => {
-    clientX: any;
-    clientY: any;
+    clientX: number;
+    clientY: number;
 };
 export declare const devLog: (...args: any[]) => void;
 export declare const deprecatedWaring: (...args: any[]) => void;