@relation-graph/react 3.0.0 → 3.0.1

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

@@ -0,0 +1,46 @@
+import { RGOptionsFull } from '../../../../types';
+declare const _default: import('vue').DefineComponent<{
+    initialData: {
+        mustUseProp: boolean;
+        default: () => null;
+        type: ObjectConstructor;
+    };
+}, {}, {}, {
+    graphOptions(): RGOptionsFull;
+    graphClass(): string[];
+    graphStyle(): {
+        width: string;
+        height: string;
+        '--rg-checked-item-bg-color'?: undefined;
+        '--rg-background-color'?: undefined;
+        '--rg-node-color'?: undefined;
+        '--rg-node-border-color'?: undefined;
+        '--rg-node-border-width'?: undefined;
+        '--rg-node-border-radius'?: undefined;
+        '--rg-line-color'?: undefined;
+        '--rg-line-width'?: undefined;
+    } | {
+        width: string;
+        height: string;
+        '--rg-checked-item-bg-color': string | undefined;
+        '--rg-background-color': string;
+        '--rg-node-color': string;
+        '--rg-node-border-color': string;
+        '--rg-node-border-width': string;
+        '--rg-node-border-radius': string;
+        '--rg-line-color': string;
+        '--rg-line-width': string;
+    };
+}, {
+    mouseListener(e: any): void;
+    setJsonData(): Promise<never>;
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    initialData: {
+        mustUseProp: boolean;
+        default: () => null;
+        type: ObjectConstructor;
+    };
+}>>, {
+    initialData: Record<string, any>;
+}>;
+export default _default;

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

@@ -4,7 +4,7 @@ declare const _default: import('vue').DefineComponent<{
         default: () => {};
         type: ObjectConstructor;
     };
-    links: {
+    lines: {
         mustUseProp: boolean;
         default: () => never[];
         type: ArrayConstructor;
@@ -15,36 +15,20 @@ declare const _default: import('vue').DefineComponent<{
         type: FunctionConstructor;
     };
 }, {}, {
-    graphInstanceOK: boolean;
-    graphData: {
-        rootNode: null;
-        nodes: never[];
-        normalLines: never[];
-        elementLines: never[];
-        fakeLines: never[];
-    };
-    runtimeData: {
-        runtimeDATA4Links: never[];
-        runtimeDATA4ElLineTargets: never[];
-        runtimeDATA4ConnectTargets: never[];
-        runtimeDATA4NodeMap: {};
-        runtimeDATA4ShouldRenderGraphData: {
-            nodes: never[];
-            lines: never[];
-        };
-    };
-    graph: {
-        options: import('../../../../relation-graph-models/types').RGOptionsFull;
-    };
+    initialised: boolean;
+    inRGProvider: boolean;
 }, {}, {
+    applyInstance(graphInstance: any): void;
+    onRGProviderReady(graphInstance: any): void;
     getInstance(): any;
+    setJsonData(): Promise<never>;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     options: {
         mustUseProp: boolean;
         default: () => {};
         type: ObjectConstructor;
     };
-    links: {
+    lines: {
         mustUseProp: boolean;
         default: () => never[];
         type: ArrayConstructor;
@@ -55,8 +39,8 @@ declare const _default: import('vue').DefineComponent<{
         type: FunctionConstructor;
     };
 }>>, {
-    links: unknown[];
     options: Record<string, any>;
     relationGraphCore: Function;
+    lines: unknown[];
 }>;
 export default _default;

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

@@ -1,4 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, unknown, {}, {
+    graphInstance(): any;
     options(): any;
     canvasSizeAndPosition(): {
         'background-color': string;

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

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<{
+    lines: {
+        mustUseProp: boolean;
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+}, {}, {}, {
+    graphOptions(): any;
+    graphClass(): string[];
+    graphStyle(): any;
+}, {
+    applyJsonData(): void;
+    getInstance(): any;
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    lines: {
+        mustUseProp: boolean;
+        default: () => never[];
+        type: ArrayConstructor;
+    };
+}>>, {
+    lines: unknown[];
+}>;
+export default _default;

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

@@ -9,7 +9,9 @@ declare const _default: import('vue').DefineComponent<{
         default: () => {};
         type: ObjectConstructor;
     };
-}, {}, {}, {}, {
+}, {}, {}, {
+    graphInstance(): any;
+}, {
     onMouseDown($event: MouseEvent | TouchEvent): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     fromNode: {

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

@@ -17,6 +17,7 @@ declare const _default: import('vue').DefineComponent<{
         type: ObjectConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(event: any): void;

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

@@ -1,5 +1,6 @@
-import { RGJunctionPoint, RGUserEvent } from '../../../../../relation-graph-models/types';
+import { RGJunctionPoint, RGUserEvent } from '../../../../../types';
 declare const _default: import('vue').DefineComponent<Readonly<{}>, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     mouseUpOnJunctionPoint(junctionPoint: RGJunctionPoint, $event: RGUserEvent): void;

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

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseUp(type: any, $event: any): void;

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

@@ -1,23 +1,33 @@
 declare const _default: import('vue').DefineComponent<{
     textEditable: {
-        mustUseProp: boolean;
         default: boolean;
     };
 }, {}, {
     lineText: string;
     editing: boolean;
+    prevClickTime: number;
 }, {
+    graphInstance(): any;
     options(): any;
+    editingLineController(): any;
     show(): any;
+    editingLine(): any;
+    editingLineShape(): any;
+    ctrlPoint1(): any;
+    ctrlPoint2(): any;
+    ctrlPoint1SvgPath(): any;
+    ctrlPoint2SvgPath(): any;
+    line44Splits(): any;
     text(): any;
 }, {
+    onCtrlPointMouseDown(ctrlPointIndex: any, $event: any): void;
+    onLine44CtrlPointMouseDown(split: any, $event: any): void;
     onMouseDown(type: any, $event: any): void;
     startMoveText($event: any): void;
     startEditingLineText($event: any): void;
     onLineTextChange($event: any): void;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     textEditable: {
-        mustUseProp: boolean;
         default: boolean;
     };
 }>>, {

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

@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(type: any, $event: any): void;

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

@@ -1,4 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, unknown, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -10,6 +10,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     showText: {

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

@@ -10,6 +10,7 @@ declare const _default: import('vue').DefineComponent<{
         required: false;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
 }, {
     onMouseDown(type: any, $event: any): void;

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

@@ -1,4 +1,4 @@
-import { RGUserEvent } from '../../../../../relation-graph-models/types';
+import { RGUserEvent } from '../../../../../types';
 declare const _default: import('vue').DefineComponent<{
     position: {
         mustUseProp: boolean;
@@ -14,7 +14,9 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
+    miniViewVisibleHandle(): any;
 }, {
     onMouseDown(e: RGUserEvent): void;
     onClickCanvas(e: RGUserEvent): void;

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphBackground.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {}, {
     originBackgroundColor: string;
 }, {
+    graphInstance(): any;
     options(): any;
     show(): boolean;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphLoading.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, unknown, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
 export default _default;

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphMoveOperator.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import('vue').DefineComponent<Readonly<{}>, {}, {}, {
+    graphInstance(): any;
     options(): any;
     canvasMoveMode(): any;
 }, {
-    setCanvasMoveMode(newValue: boolean): Promise<void>;
     onTouchpadMouseDown(e: any): Promise<void>;
 }, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<Readonly<{}>>>, {}>;
 export default _default;

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphOperateStuff.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, unknown, {}, {
+    graphInstance(): any;
     options(): any;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
 export default _default;

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphToolBar.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
-    options(): any;
     graphInstance(): any;
+    options(): any;
 }, {
     refresh(): void;
     toggleAutoLayout(): void;

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphWatermark.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
+    graphInstance(): any;
     options(): any;
     show(): boolean;
 }, {}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{

package/types/packages/platforms/vue2/src/core4vue/widgets/GraphXsToolBar.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
     };
 }, {}, {}, {
-    options(): any;
     graphInstance(): any;
+    options(): any;
 }, {
     refresh(): void;
     toggleAutoLayout(): void;

package/types/packages/platforms/vue2/src/core4vue/widgets/RGDebugView.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<Readonly<{}>, {}, {
+    showSettingPanel: boolean;
+}, {
+    graphInstance(): any;
+    options(): any;
+}, {
+    toggleSettingPanel(): void;
+    printOptions(): void;
+    printData(): void;
+    enableDevlog(): void;
+}, import('vue/types/v3-component-options').ComponentOptionsMixin, import('vue/types/v3-component-options').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<Readonly<{}>>>, {}>;
+export default _default;

package/types/packages/platforms/vue2/src/hooks/GraphStoreMixin.d.ts

@@ -0,0 +1,40 @@
+import { RelationGraphInstance, RGCheckedItem, RGConnectingNode, RGCreatingLine, RGCreatingNode, RGEditingLine, RGEditingNodes, RGOptionsFull, RGSelectionView, RGViewInformation } from '../../../../types';
+/**
+ *  By introducing graphStoreMixin through mixins here, you can get the following objects in the options component through this
+ * - this.graphInstance : Used to call various APIs provided by the graph
+ * The following are reactive state objects that allow you to interact with your UI
+ * - this.creatingLine : The line object currently being created
+ * - this.creatingNode : The node object currently being created
+ * - this.editingNodes : The list of node objects currently being edited
+ * - this.editingLine : The line object currently being edited
+ * - this.connectingNode : The node object currently being connected
+ * - this.viewInformation : The current view information object
+ * - this.selectionView : The current selected area view object
+ * - this.checkedItem : The currently selected graphic object
+ */
+export declare const graphStoreMixin: {
+    inject: {
+        graphStore: {
+            default: () => {
+                graphInstance: RelationGraphInstance | null;
+                options: RGOptionsFull;
+            };
+        };
+    };
+    computed: {
+        graphInstance(): RelationGraphInstance;
+        shouldRenderLines(): any;
+        shouldRenderNodes(): any;
+        shouldRenderFakeLines(): any;
+        creatingLine(): RGCreatingLine;
+        creatingNode(): RGCreatingNode;
+        editingNodes(): RGEditingNodes;
+        editingLine(): RGEditingLine;
+        connectingNode(): RGConnectingNode;
+        viewInformation(): RGViewInformation;
+        selectionView(): RGSelectionView & {
+            show: boolean;
+        };
+        checkedItem(): RGCheckedItem;
+    };
+};