@relation-graph/vue3 3.0.4

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

@@ -0,0 +1,107 @@
+import { RGLine, RGLink, RGNode, RGNodeShape, RGUserEvent } from '../../types';
+import { RelationGraphWith91Editing } from './RelationGraphWith91Editing';
+/**
+ * Functionality related to the mini view(<RGMiniView />) in the relation-graph component
+ */
+export declare class RelationGraphWith92MiniView extends RelationGraphWith91Editing {
+    private $miniViewCanvas;
+    private $mvCanvasCtx;
+    constructor();
+    /**
+     * relation-graph internal call, please do not use externally
+     * @inner
+     * @param canvas
+     */
+    setMiniViewCanvas(canvas: HTMLCanvasElement): void;
+    /**
+     * relation-graph internal call, please do not use externally
+     * @inner
+     */
+    updateMiniView(): void;
+    /**
+     * @private
+     * @inner
+     */
+    private _updateMiniView;
+    private _canvasDomScale;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDosomethingBeforeDraw(): void;
+    /**
+     * @private
+     * @inner
+     */
+    private updateMiniViewVisibleArea;
+    protected miniViewBox: {
+        visibleAreaStart: {
+            x: number;
+            y: number;
+        };
+        visibleAreaEnd: {
+            x: number;
+            y: number;
+        };
+        canvas_start_x: number;
+        canvas_start_y: number;
+        canvas_end_x: number;
+        canvas_end_y: number;
+        canvas_width: number;
+        canvas_height: number;
+        miniview_width: number;
+        miniview_height: number;
+    };
+    protected visibleArea: {
+        x: number;
+        y: number;
+    };
+    private _canvasItemMiniSizeLimit;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawAllNodes(): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawNode(node: RGNode, nodeShape: RGNodeShape, nodeWidth: number, nodeHeight: number): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawNode4Rect(node: RGNode, nodeWidth: number, nodeHeight: number): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawNode4Circle(node: RGNode, nodeWidth: number, nodeHeight: number): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawAllLines(): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawLine(link: RGLink, line: RGLine): void;
+    /**
+     * @private
+     * @inner
+     */
+    protected mvDrawSvgPathOnCanvas(ctx: any, svgPath: any): void;
+    /**
+     * Triggered when dragging the visible area indicator in the MiniView
+     * @inner
+     * @param e
+     */
+    onVisibleViewHandleDragStart(e: RGUserEvent): void;
+    /**
+     * Triggered when the reset function in the MiniView is clicked
+     * @inner
+     * @param e
+     */
+    resetByVisiableView(e: RGUserEvent): void;
+}

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

@@ -0,0 +1,38 @@
+import { RelationGraphWith92MiniView } from './RelationGraphWith92MiniView';
+/**
+ * API methods related to generating images in the relation-graph component,
+ * - The methods here are just to prepare for generating images, making the dom reach a state suitable for generating images, and then letting the user get the dom and call third-party libraries to generate images
+ * - Specific content includes: setting watermark dom, setting background dom, moving canvas position, adjusting node positions as necessary, adjusting canvas size, etc.
+ */
+export declare class RelationGraphWith93Image extends RelationGraphWith92MiniView {
+    constructor();
+    private $watermarkDom;
+    private $watermarkPosition;
+    private $backgroundDom;
+    /**
+     * Set the watermark dom element, which will be automatically called when using the <RGWatermark> component to set the watermark dom
+     * - Note that this is an internal method, please do not use it externally
+     * @inner
+     */
+    setWatermarkDom(watermarkDom: HTMLDivElement | null, forImage?: boolean, forDisplay?: boolean, position?: string): void;
+    private _originBackgroundColor;
+    /**
+     * Set the background dom element, which will be automatically called when using the <RGBackground> component to set the background dom
+     * - Note that this is an internal method, please do not use it externally
+     * @inner
+     */
+    setBackgroundDom(backgroundDom: HTMLDivElement | null, forImage?: boolean, forDisplay?: boolean): void;
+    /**
+     * Switch to a state suitable for generating images, allowing relation-graph to enter a state suitable for generating images
+     * - Note that this is an asynchronous method
+     * @return Returns the dom element used to generate the image
+     *
+     */
+    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/RelationGraphWith93Image_codes.d.ts

@@ -0,0 +1,36 @@
+import { RelationGraphWith92MiniView } from './RelationGraphWith92MiniView';
+/**
+ * API methods related to generating images in the relation-graph component,
+ * - The methods here are just to prepare for generating images, making the dom reach a state suitable for generating images, and then letting the user get the dom and call third-party libraries to generate images
+ * - Specific content includes: setting watermark dom, setting background dom, moving canvas position, adjusting node positions as necessary, adjusting canvas size, etc.
+ */
+export declare class RelationGraphWith93Image extends RelationGraphWith92MiniView {
+    constructor();
+    private $watermarkDom;
+    private $watermarkPosition;
+    private $backgroundDom;
+    /**
+     * Set the watermark dom element, which will be automatically called when using the <RGWatermark> component to set the watermark dom
+     * - Note that this is an internal method, please do not use it externally
+     * @inner
+     */
+    setWatermarkDom(watermarkDom: HTMLDivElement | null, forImage?: boolean, forDisplay?: boolean, position?: string): void;
+    private _originBackgroundColor;
+    /**
+     * Set the background dom element, which will be automatically called when using the <RGBackground> component to set the background dom
+     * - Note that this is an internal method, please do not use it externally
+     * @inner
+     */
+    setBackgroundDom(backgroundDom: HTMLDivElement | null, forImage?: boolean, forDisplay?: boolean): void;
+    /**
+     * Switch to a state suitable for generating images, allowing relation-graph to enter a state suitable for generating images
+     * - Note that this is an asynchronous method
+     * @return Returns the dom element used to generate the image
+     *
+     */
+    prepareForImageGeneration(): Promise<HTMLElement>;
+    /**
+     * After the image is generated, let relation-graph return to the previous state
+     */
+    restoreAfterImageGeneration(): Promise<void>;
+}

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

@@ -0,0 +1,112 @@
+import { RGRectTarget } from 'packages/platforms/vue2/dd/types/packages/types';
+import { RGNode } from '../../types';
+import { RelationGraphWith93Image } from './RelationGraphWith93Image';
+/**
+ * Enhancement class for relation-graph component to interact with DOM, monitor changes in the view and elements within the view, and respond accordingly
+ */
+export declare class RelationGraphWith95Dom extends RelationGraphWith93Image {
+    protected resizeObserver: ResizeObserver;
+    protected resizeListenerMap: WeakMap<object, any>;
+    protected domToNodeIdMap: WeakMap<Element, string>;
+    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).
+     * @param relationGraphDom:HTMLDivElement RelationGraph container DOM
+     */
+    setDom(relationGraphDom: HTMLDivElement): void;
+    /**
+     * [Used internally by relation-graph] This method will be called after the RelationGraph component's canvas element 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).
+     * @param relationGraphDom:HTMLDivElement canvas DOM
+     */
+    setCanvasDom(canvasDom: HTMLDivElement): void;
+    /**
+     * @inner
+     * @private
+     */
+    private getResizeObserver;
+    /**
+     * @inner
+     * @private
+     */
+    protected initDom(): void;
+    updateCanvasConnectTargetsPosition(reson?: string): void;
+    private mutationObserver4Nodes?;
+    private mutationObserver4CanvasSlotBehind?;
+    private mutationObserver4CanvasSlotAbove?;
+    /**
+     * @inner
+     * @private
+     */
+    private reinitMutationObservers;
+    private _updateCanvasConnectTargetsTask;
+    /**
+     * @inner
+     * @private
+     */
+    protected destroyMutationObserver(): void;
+    private onKeyDownHanlder;
+    private onKeyUpHanlder;
+    /**
+     * @inner
+     * @private
+     */
+    protected addKeyboardListener(): void;
+    /**
+     * @inner
+     * @private
+     */
+    protected removeKeyboardListener(): void;
+    /**
+     * Monitor the size changes of a DOM element using ResizeObserver
+     * @inner
+     * @param dom
+     * @param callback
+     * @protected
+     */
+    protected addResizeListener(dom: HTMLElement, callback: (width: number, height: number) => void): void;
+    /**
+     * Node DOM resize event handler
+     * @inner
+     * @param dom
+     * @param width
+     * @param height
+     * @private
+     */
+    private _onNodeDomResize;
+    /**
+     * Node DOM resize event handler
+     * @inner
+     * @param dom
+     * @param node
+     * @param width
+     * @param height
+     * @private
+     */
+    private _onNodeResize;
+    /**
+     * [Used internally by relation-graph] This method is called when the Node component is mounted to monitor changes in the size of the Node's DOM element.
+     * @param dom The DOM element corresponding to the Node component
+     * @param node The JS data object of the Node
+     * @inner
+     */
+    addNodeResizeListener(dom: HTMLElement, node: RGNode): void;
+    /**
+     * [Used internally by relation-graph] This method is called when the Node component is destroyed to remove monitoring of the corresponding DOM element of the Node.
+     * @param dom The DOM element corresponding to the Node component
+     * @inner
+     */
+    removeNodeResizeListener(dom: HTMLElement): void;
+    /**
+     * Remove size change monitoring for the DOM element
+     * @param dom
+     * @protected
+     */
+    protected removeResizeListener(dom: HTMLElement): void;
+    /**
+     * @inner
+     * @protected
+     */
+    protected destroyResizeObserver(): void;
+    private getCanvasSlotList;
+    getCanvasSlotRectItems(): RGRectTarget[];
+}

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

@@ -0,0 +1,125 @@
+import { JsonLine, JsonNode, RGJsonData, RGLine, RGLink, RGNode, RGOptions, RGRectTarget } from '../../types';
+import { RelationGraphWith95Dom } from './RelationGraphWith95Dom';
+/**
+ * Additional API methods provided by the relation-graph component
+ */
+export declare class RelationGraphWith99API extends RelationGraphWith95Dom {
+    constructor();
+    /**
+     * Call this method to notify the relation-graph component to update when the data changes
+     * - In general, there is no need to call this method manually, the relation-graph component will automatically monitor data changes and update, but in some special cases, you may need to call this method manually to ensure that the relation-graph component updates the display correctly.
+     */
+    dataUpdated(): void;
+    /**
+     * Set the configuration options of the relation-graph component, you need to set the configuration items you want to modify through options
+     * @param options RGOptions The configuration items that need to be modified, no need to pass in a complete object
+     *
+     */
+    setOptions(options: RGOptions): void;
+    /**
+     * Update the configuration options of the relation-graph component, you only need to pass in the configuration items you want to modify
+     * @param options Partial<RGOptions> The configuration items that need to be modified, no need to pass in a complete object
+     */
+    updateOptions(options: Partial<RGOptions>): void;
+    /**
+     * Move the canvas to the center position based on the distribution of nodes
+     * @param nodes Optional parameter, specify a group of nodes or rectangle target objects. If this parameter is not passed in, all nodes in the current graph are used by default.
+     *
+     */
+    moveToCenter(nodes?: (RGNode | RGRectTarget)[]): void;
+    /**
+     * relation-graph internal call, please do not use externally
+     * @inner
+     */
+    transToLinker(newValue?: boolean): void;
+    /**
+     * Set the root node ID of the graph
+     * - After setting the root node, it only affects the layout starting point when calling the graphInstance.doLayout() method subsequently.
+     * @param rootNodeId The specified root node ID
+     */
+    setRootNodeId(rootNodeId: string): void;
+    /**
+     * Get the root node object set in the current graph
+     */
+    getRootNode(): RGNode | undefined;
+    /**
+     * Get the currently selected node object in the graph
+     */
+    getCheckedNode(): RGNode | undefined;
+    /**
+     * Get the currently selected line object in the graph
+     */
+    getCheckedLine(): RGLine | import('../../types').RGFakeLine | undefined;
+    /**
+     * Get all selected nodes in the graph
+     */
+    getSelectedNodes(): RGNode[];
+    /**
+     * Get all editing nodes in the graph
+     */
+    getEditingNodes(): RGNode[];
+    /**
+     * Set the entire data of the graph, and perform layout based on the rootId in the data
+     * - Use options.layout as the layout options
+     * @param jsonData
+     */
+    setJsonData(jsonData: RGJsonData): Promise<void>;
+    /**
+     * Append data to the graph
+     * @param jsonData
+     * @param isRelayout Whether to re-layout after appending data
+     */
+    appendJsonData(jsonData: RGJsonData, isRelayout?: boolean): Promise<void>;
+    /**
+     * Apply initial data to the graph, centering and zooming to fit
+     * @param initialData
+     */
+    applyInitialData(initialData: RGJsonData): Promise<void>;
+    /**
+     * Get all nodes and lines json data in the current graph.
+     * @param graphJsonData: RGJsonData
+     */
+    getGraphJsonData(): RGJsonData;
+    /**
+     * Convert an RGNode object to a JSON-serializable object
+     * @param nodeJson: JsonNode
+     */
+    transRGNodeToJsonObject(node: RGNode): JsonNode;
+    /**
+     * Convert an RGLink object to a JSON-serializable object
+     * @param lines: JsonLine
+     */
+    transRGLinkToJsonObject(link: RGLink): JsonLine;
+    /**
+     * Convert an RGLine object to a JSON-serializable object
+     * @param lineJson: JsonLine
+     */
+    transRGLineToJsonObject(line: RGLine): JsonLine;
+    /**
+     * Get the configuration information of the current graph
+     */
+    getGraphJsonOptions(): {};
+    /**
+     *  Clear the current graph data
+     *  - Including:
+     *  - All node data
+     *  - All line data
+     *  - All fake line data
+     *  - Reset root node ID
+     *  - Reset selected elements
+     *  - Reset editing elements
+     */
+    clearGraph(): void;
+    /**
+     * Print the current graph configuration information to the console
+     */
+    printOptions(): void;
+    /**
+     * Print all data of the current graph to the console
+     */
+    printData(): void;
+    /**
+     * Print the current graph configuration and JSON data to the console
+     */
+    printGraphJsonData(): void;
+}

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

@@ -0,0 +1,74 @@
+import { RGNode, RGNodeShape } from '../../types';
+import { default as RGCanvasImplWebGL } from '../utils/RGCanvasImplWebGL';
+import { default as RGCanvasImpl2D } from '../utils/RGCanvasImpl2D';
+import { RelationGraphWith7Event } from './RelationGraphWith7Event';
+/**
+ * In performance mode, the relation-graph component provides WebGL-based simple view rendering capabilities
+ */
+export declare class RelationGraphWith9EasyView extends RelationGraphWith7Event {
+    protected $easyViewCanvas: HTMLCanvasElement;
+    protected $rgWebglPainter: RGCanvasImplWebGL | RGCanvasImpl2D;
+    constructor();
+    /**
+     * relation-graph internal call, please do not use externally
+     * @inner
+     * @private
+     */
+    setEasyViewCanvas(canvas: HTMLCanvasElement): void;
+    /**
+     * relation-graph internal call, please do not use externally
+     * @inner
+     * @private
+     */
+    updateEasyView(): void;
+    private _updateEasyViewRequested;
+    /**
+     * @inner
+     * @protected
+     */
+    protected _updateEasyView(time: number): void;
+    /**
+     * @inner
+     * @protected
+     */
+    protected evDosomethingBeforeDraw(): void;
+    _easyViewOffset: {
+        x: number;
+        y: number;
+    };
+    /**
+     * @inner
+     * @protected
+     */
+    protected evDrawAllNodes(): void;
+    /**
+     * @inner
+     * @protected
+     */
+    protected evDrawNode(node: RGNode, nodeShape: RGNodeShape): void;
+    /**
+     * @inner
+     * @protected
+     */
+    protected getNodeColor(node: RGNode): string;
+    /**
+     * @inner
+     * @protected
+     */
+    private evDrawNode4Rect;
+    /**
+     * @inner
+     * @protected
+     */
+    private evDrawNode4Circle;
+    /**
+     * @inner
+     * @protected
+     */
+    protected evDrawAllLines(): void;
+    /**
+     * @inner
+     * @protected
+     */
+    private evDrawLine;
+}

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

@@ -0,0 +1,58 @@
+export default class RGCanvasImpl2D {
+    protected $evCanvasCtx: CanvasRenderingContext2D;
+    private viewScale;
+    offset: {
+        x: number;
+        y: number;
+    };
+    constructor(canvas: HTMLCanvasElement);
+    /**
+     * 设置Canvas的逻辑尺寸，并根据DPR调整物理渲染尺寸。
+     * @param logicalCanvasWidth Canvas期望的CSS宽度
+     * @param logicalCanvasHeight Canvas期望的CSS高度
+     */
+    setSize(logicalCanvasWidth: number, logicalCanvasHeight: number): void;
+    /**
+     * 设置视图的缩放级别（用户操作的放大/缩小）。
+     * @param scale 视图缩放级别
+     */
+    setScale(scale: number): void;
+    /**
+     * 应用当前的DPR和视图缩放/平移到Canvas上下文。
+     * 这是一个辅助方法，用于统一处理变换。
+     */
+    private applyCurrentViewTransform;
+    /**
+     * 设置视图的偏移量（用户操作的平移）。
+     * offsetX 和 offsetY 是基于当前视图缩放的屏幕像素偏移。
+     * this.offset 将存储转换到逻辑坐标系下的偏移。
+     * @param offsetX 屏幕X轴偏移量
+     * @param offsetY 屏幕Y轴偏移量
+     */
+    setViewOffset(offsetX: number, offsetY: number): void;
+    beforeDraw(): void;
+    evDrawNode4Rect(nodeX: number, nodeY: number, nodeWidth: number, nodeHeight: number, nodeColor: string, nodeOpacity: number, borderRadius?: number, borderColor?: string): void;
+    evDrawNode4Circle(nodeX: number, nodeY: number, nodeWidth: number, nodeHeight: number, nodeColor: string, nodeOpacity: number, borderColor?: string): void;
+    evDrawLine(svgPathData: string, lineWidth: number, lineColor: string, lineOpacity: number): void;
+    private getPointValue;
+    private evDrawSvgPathOnCanvas;
+    /**
+     * 辅助函数：将SVG的A/a弧形命令参数转换为Canvas可以理解的绘图操作。
+     * 这是SVG路径解析中最复杂的部分之一。
+     * 一个完整的实现会涉及端点到中心点参数的转换，以及计算起始和终止角度。
+     * 通常这会转换为一系列的 ctx.bezierCurveTo 调用，或者如果角度和旋转简单，
+     * 可能会使用 ctx.ellipse (如果可用且参数匹配)。
+     *
+     * @param ctx Canvas 2D 上下文
+     * @param x0 当前点 X (绝对坐标, 未偏移)
+     * @param y0 当前点 Y (绝对坐标, 未偏移)
+     * @param rx X轴半径
+     * @param ry Y轴半径
+     * @param xAxisRotation X轴旋转角度 (度)
+     * @param largeArcFlag 0 表示小弧, 1 表示大弧
+     * @param sweepFlag 0 表示逆时针, 1 表示顺时针
+     * @param x 弧的终点 X (绝对坐标, 未偏移)
+     * @param y 弧的终点 Y (绝对坐标, 未偏移)
+     */
+    private drawArc;
+}

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

@@ -0,0 +1,47 @@
+export default class RGCanvasImplWebGL {
+    protected gl: WebGLRenderingContext;
+    protected genericProgram: WebGLProgram;
+    protected lineProgram: WebGLProgram;
+    protected genericPositionAttributeLocation: number;
+    protected genericColorAttributeLocation: number;
+    protected genericProjectionMatrixUniformLocation: WebGLUniformLocation | null;
+    protected genericModelViewMatrixUniformLocation: WebGLUniformLocation | null;
+    protected linePositionAttributeLocation: number;
+    protected lineColorUniformLocation: WebGLUniformLocation | null;
+    protected lineProjectionMatrixUniformLocation: WebGLUniformLocation | null;
+    protected lineModelViewMatrixUniformLocation: WebGLUniformLocation | null;
+    protected positionBuffer: WebGLBuffer | null;
+    protected colorBuffer: WebGLBuffer | null;
+    protected projectionMatrix: number[];
+    protected modelViewMatrix: number[];
+    protected canvasWidth: number;
+    protected canvasHeight: number;
+    offset: {
+        x: number;
+        y: number;
+    };
+    protected currentScaleX: number;
+    protected currentScaleY: number;
+    constructor(canvas: HTMLCanvasElement);
+    private setupWebGLState;
+    private createIdentityMatrix;
+    private createProjectionMatrix;
+    private createTranslationMatrix;
+    private createScaleMatrix;
+    private multiplyMatrices;
+    setSize(canvasWidth: number, canvasHeight: number): void;
+    setScale(scale: number): void;
+    setViewOffset(offsetX: number, offsetY: number): void;
+    beforeDraw(): void;
+    /**
+     * 解析颜色字符串 (hex, rgb, rgba) 为归一化的 RGBA 对象。
+     * @param colorString 颜色字符串。
+     * @returns ParsedColor 对象 {r, g, b, a} (0-1范围)，或在解析失败时返回 null。
+     */
+    private parseColor;
+    evDrawNode4Rect(nodeX: number, nodeY: number, nodeWidth: number, nodeHeight: number, nodeColorStr: string, nodeOpacity: number, borderRadius?: number): void;
+    evDrawNode4Circle(nodeX: number, nodeY: number, nodeWidth: number, nodeHeight: number, nodeColorStr: string, nodeOpacity: number): void;
+    evDrawLine(svgPathData: string, lineWidth: number, lineColorStr: string, lineOpacity: number): void;
+    private getSvgCoordValue;
+    private parseSvgPathToVertices;
+}

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

@@ -0,0 +1,31 @@
+import { RGUserEvent } from '../../types';
+export declare const getScreenWidth: () => number;
+export declare const getScreenHeight: () => number;
+export declare const getColorId: (color: string) => string;
+export declare const getLightColor: (col: string) => string;
+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;
+};
+export declare const devLog: (...args: any[]) => void;
+export declare const deprecatedWaring: (...args: any[]) => void;
+export declare const findParentByClassName: (el: HTMLElement | null, className: string, stopClass: string) => HTMLElement | null;
+export declare const sleep: (time: number) => Promise<void>;
+export declare const getNumberOption: (v: any) => any;
+/**
+ * 注意：
+ *    根据MIT许可证的规定，允许您自由地使用、修改和分发源代码。您可以根据自己的需求对源代码进行更改。
+ *    然而，您仍然需要遵守MIT许可证的其他规定，如保留版权声明和免责声明等
+ *    relation-graph和relation-graph的网址是它的版权声明，请勿注释掉这一行信息
+ * @param platform
+ */
+export declare const relationGraphVersionInfo: (platform?: string) => void;
+export declare const isDescendantElementByClass: (child: HTMLElement, parentClassName: string | string[]) => boolean;
+export declare const isInputFocused: (e: MouseEvent | KeyboardEvent | TouchEvent | ClipboardEvent) => boolean;
+export declare const isReactiveVue2: (obj: any) => boolean;
+export declare const initRawProperty4Vue2: (item: any, propertyName: string, initialValue: any) => any;
+export declare const generateNewUUID: (idLength?: number) => string;
+export declare const isRightMouseEvent: (event: RGUserEvent | undefined) => boolean;

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

@@ -0,0 +1,20 @@
+import { RGCoordinate } from '../../types';
+export type RGDraggedCallback = (buffX: number, buffY: number, e: MouseEvent | TouchEvent) => void;
+export type RGDraggingCallback = (offsetX: number, offsetY: number, startNodeInfo: RGCoordinate, startEventInfo: RGCoordinate, event: MouseEvent | TouchEvent) => void;
+export type RGDragging = (ex: number, ey: number, event: MouseEvent | TouchEvent) => void;
+/**
+ *  Dragging utility functions
+ */
+declare const RGDragUtils: {
+    /**
+     * Start dragging operation
+     * @param e
+     * @param startPositionOrModel When onDragging is empty, it indicates the position model reference at the start of the drag, used to update the position; when onDragging is not empty, it indicates the position data at the start of the drag, and its value will be directly modified during the drag.
+     * @param onDragged
+     * @param onDragging
+     */
+    startDrag(e: MouseEvent | TouchEvent, startPositionOrModel: RGCoordinate, onDragged: RGDraggedCallback, onDragging?: RGDraggingCallback): void;
+    onNodeMove(e: MouseEvent | TouchEvent): void;
+    onNodeDragend(e: MouseEvent | TouchEvent): void;
+};
+export default RGDragUtils;

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

@@ -0,0 +1,3 @@
+export declare const toggleFullscreen: (el?: HTMLElement) => Promise<void>;
+export declare const setFullscreen: (el: HTMLElement, fullscreen: boolean) => Promise<void>;
+export declare const getFullscreenElement: () => any;