@relation-graph/react 3.0.0 → 3.0.2

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const RGDebugView: React.FC;
+export default RGDebugView;

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

@@ -0,0 +1,17 @@
+import { default as React, PropsWithChildren } from 'react';
+import { RelationGraphCore } from '../../../../../../relation-graph-models/models/RelationGraphCore';
+import { ReactiveDataStores, RelationGraphInstance } from '../../../../../../types';
+import { RGDataStore } from '../../../types-react';
+export declare const useRelationGraphInstance: () => RelationGraphCore;
+export declare function generateNewRGInstance(relationGraphCore?: new (...args: any[]) => RelationGraphCore, forLinker?: boolean): RelationGraphCore;
+export declare function getOrGenerateRGInstance(relationGraphCore?: new (...args: any[]) => RelationGraphCore, forLinker?: boolean): RelationGraphCore;
+export declare const RGReactiveDataProvider: React.FC<PropsWithChildren<{
+    graphInstance: RelationGraphInstance;
+}>>;
+export declare const RGDataProvider: React.FC<PropsWithChildren<{
+    graphInstance: RelationGraphInstance;
+}>>;
+export declare const useReactiveData: () => {
+    data: RGDataStore;
+    dataStores: ReactiveDataStores;
+};

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

@@ -1,7 +1,30 @@
-import { useGraphInstance, useAutoUpdateView, useCreatingLine, useCreatingNode } from './useGraphInstance';
+import { useGraphInstance, useAutoUpdateView } from './useGraphInstance';
+import { useRelationGraph } from './useRelationGraph';
+import { useCheckedItem, useConnectingNode, useEditingLine, useEditingNodes, useGraphStore, useSelection, useViewInformation, useCreatingLine, useCreatingNode } from './useGraphStore';
+/**
+ *  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 RGHooks: {
+    useRelationGraph: typeof useRelationGraph;
     useGraphInstance: typeof useGraphInstance;
     useAutoUpdateView: typeof useAutoUpdateView;
     useCreatingLine: typeof useCreatingLine;
     useCreatingNode: typeof useCreatingNode;
+    useEditingNodes: typeof useEditingNodes;
+    useEditingLine: typeof useEditingLine;
+    useViewInformation: typeof useViewInformation;
+    useSelection: typeof useSelection;
+    useConnectingNode: typeof useConnectingNode;
+    useCheckedItem: typeof useCheckedItem;
+    useGraphStore: typeof useGraphStore;
 };

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

@@ -1,4 +1,4 @@
-import { RGNode } from '../../../../../../relation-graph-models/types';
+import { RGNode } from '../../../../../../types';
 import { Dispatch, SetStateAction } from 'react';
 export type OnNodesChange<NodeType extends RGNode = RGNode> = (changedNodes: NodeType[]) => void;
 export declare function useFakeNodesState<NodeType extends RGNode>(initialNodes: NodeType[]): [

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

@@ -1,13 +1,3 @@
-import { JsonLine, JsonNode, RelationGraphInstance, RGLineTarget } from '../../../../../../relation-graph-models/types';
+import { RelationGraphInstance } from '../../../../../../types';
 export declare function useGraphInstance<InstanceType extends RelationGraphInstance>(): InstanceType;
-export declare function useAutoUpdateView<InstanceType extends RelationGraphInstance>(): InstanceType;
-export declare function useCreatingLine(graphInstance: RelationGraphInstance): {
-    creating: boolean;
-    fromTarget?: RGLineTarget;
-    toTarget?: RGLineTarget;
-    lineJson?: JsonLine;
-};
-export declare function useCreatingNode(graphInstance: RelationGraphInstance): {
-    creating: boolean;
-    nodeJson?: JsonNode;
-};
+export declare function useAutoUpdateView(): number;

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

@@ -0,0 +1,13 @@
+import { RGDataStore } from '../../../types-react';
+import { RGCheckedItem, RGConnectingNode, RGCreatingLine, RGCreatingNode, RGEditingLine, RGEditingNodes, RGSelectionView, RGViewInformation } from '../../../../../../types';
+export declare function useGraphStore(): RGDataStore;
+export declare function useCreatingLine(): RGCreatingLine;
+export declare function useCreatingNode(): RGCreatingNode;
+export declare function useEditingNodes(): RGEditingNodes;
+export declare function useEditingLine(): RGEditingLine;
+export declare function useConnectingNode(): RGConnectingNode;
+export declare function useViewInformation(): RGViewInformation;
+export declare function useSelection(): RGSelectionView & {
+    show: boolean;
+};
+export declare function useCheckedItem(): RGCheckedItem;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { RelationGraphCore } from '../../../../../../relation-graph-models/models/RelationGraphCore';
+import { RelationGraphWithProps } from '../../../types-react';
+type UseRelationGraphParams = {
+    relationGraphCore?: new (...args: any[]) => RelationGraphCore;
+};
+export declare function useRelationGraph(params?: UseRelationGraphParams): {
+    RelationGraph: React.FC<React.PropsWithChildren<Omit<RelationGraphWithProps, "relationGraphCore">>>;
+    graphInstance: RelationGraphCore;
+};
+export {};

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { RGLine } from '../../../../../../types';
+import { RelationGraphCore } from '../../../../../../relation-graph-models/models/RelationGraphCore';
+import { RelationLinkerProps } from '../../../types-react';
+type UseRelationLinkerParams = {
+    lines?: RGLine[];
+    relationGraphCore?: new (...args: any[]) => RelationGraphCore;
+};
+export declare function useRelationLinker(params: UseRelationLinkerParams): {
+    RelationLinker: React.FC<React.PropsWithChildren<Omit<RelationLinkerProps, "relationGraphCore">>>;
+    graphInstance: RelationGraphCore;
+};
+export declare function useReactLinker(params: UseRelationLinkerParams): {
+    ReactLinker: React.FC<React.PropsWithChildren<Omit<RelationLinkerProps, "relationGraphCore">>>;
+    graphInstance: RelationGraphCore;
+};
+export {};

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

@@ -1,35 +1,35 @@
-import { default as React } from 'react';
-import { RGNode, RGNodeSlotProps, RGLineSlotProps, RelationGraphExpose, RGJsonData, RGListeners, JsonLine, RGOptions } from './types';
-export type RGNodeProps = {
-    nodeProps: RGNode;
-    nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
-    expandHolderSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
-};
+import { default as React, PropsWithChildren } from 'react';
+import { RGNode, RGNodeSlotProps, RGLineSlotProps, RelationGraphExpose, RGJsonData, RGListeners, JsonLine, RGOptionsFull, RGLine, RGFakeLine, RGOptions } from '../../../types';
+import { RelationGraphCore } from '../../../relation-graph-models/models/RelationGraphCore';
 export type RGNodeExpandHolderProps = {
     node: RGNode;
-    expandButtonClass: string;
     expandOrCollapseNode: (e: React.MouseEvent | React.TouchEvent) => void;
     expandHolderPosition?: string;
-    color?: string;
 };
-export interface RelationLinkerCompJsxProps extends RGListeners {
-    lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    children?: React.ReactNode;
-    options?: RGOptions;
-    links: JsonLine[];
-    relationGraphCore?: any;
-    relationGraphInstance?: any;
-}
-export interface RelationGraphCompJsxProps extends RGListeners {
+export type RelationGraphWithSlots = {
     nodeSlot?: React.FC<RGNodeSlotProps> | ((props: RGNodeSlotProps) => React.ReactNode);
     lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
-    expandHolderSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
+    nodeExpandButtonSlot?: React.FC<RGNodeExpandHolderProps> | ((props: RGNodeExpandHolderProps) => React.ReactNode);
     children?: React.ReactNode;
+};
+export type RelationGraphWithProps = RGListeners & RelationGraphWithSlots & {
     options: RGOptions;
     initialData?: RGJsonData;
-}
-export interface RelationGraphJsxProps extends RelationGraphCompJsxProps {
-    relationGraphCore?: any;
-    relationGraphInstance?: any;
-}
+};
+export type RelationGraphWithWithCustomCore = {
+    relationGraphCore?: new (...args: any[]) => RelationGraphCore;
+};
+export type RelationGraphJsxProps = PropsWithChildren<RelationGraphWithProps & RelationGraphWithWithCustomCore>;
 export type RelationGraphComponent = React.ForwardRefExoticComponent<RelationGraphJsxProps & React.RefAttributes<RelationGraphExpose>>;
+export type RelationLinkerProps = RGListeners & RelationGraphWithWithCustomCore & {
+    lineSlot?: React.FC<RGLineSlotProps> | ((props: RGLineSlotProps) => React.ReactNode);
+    children?: React.ReactNode;
+    options?: RGOptions;
+    lines: JsonLine[];
+};
+export type RGDataStore = {
+    options: RGOptionsFull;
+    shouldRenderNodes: RGNode[];
+    shouldRenderLines: RGLine[];
+    shouldRenderFakeLines: RGFakeLine[];
+};

package/types/packages/platforms/svelte/src/RGProvider.svelte.d.ts

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

package/types/packages/platforms/svelte/src/context.d.ts

@@ -0,0 +1,4 @@
+import { RelationGraphInstance } from '../../../types';
+export declare const RELATION_GRAPH_CONTEXT_KEY: unique symbol;
+export declare const RELATION_GRAPH_CONTEXT_KEY_FOR_HOOK_STORES: unique symbol;
+export declare function assertGraph(graph?: RelationGraphInstance): asserts graph;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGConnectSource.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGConnectTarget.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGConnectTargetUI.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingConnectController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingConnectPoints.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingLineController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingLineControllerUI.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingNearNodeWidget.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingNodeController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingNodeControllerUI.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingReferenceLine.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingResize.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGEditingResizeUI.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGMiniView.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/editing/RGMiniViewContent.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGConnectTarget.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingConnectController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingLineController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingNearNodeWidget.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingNodeController.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingReferenceLine.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGEditingResize.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/RGMiniView.svelte.d.ts

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

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

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

package/types/packages/platforms/svelte/src/core4svelte/web-components/WebComponentUtils.d.ts

@@ -0,0 +1,11 @@
+export type WebComponentConnectEventDetail = {
+    webComponentName: string;
+    componentProps?: Record<string, any>;
+    callback?: (instance: any) => void;
+};
+export type WebComponentDisconnectEventDetail = {
+    webComponentName: string;
+};
+export declare const onWebComponentReady: (hostElement: HTMLElement | null, globalCss: string, eventDetail: WebComponentConnectEventDetail) => void;
+export declare const onWebComponentUnMounted: (hostElement: HTMLElement, eventDetail: WebComponentDisconnectEventDetail) => void;
+export declare const appendWebComponentGlobalStyle: (hostElement: HTMLElement, globalCss: string) => void;

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphBackground.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphLoading.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphMoveOperator.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphOperateStuff.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphWatermark.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/GraphXsToolBar.svelte.d.ts

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

package/types/packages/platforms/svelte/src/core4svelte/widgets/RGIcons.svelte.d.ts

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

package/types/packages/platforms/svelte/src/hooks/RGHooks.d.ts

@@ -0,0 +1,27 @@
+import { useGraphInstance } from './useGraphInstance';
+import { useCreatingLine, useCreatingNode, useGraphStore, useEditingLine, useViewInformation, useSelection, useConnectingNode, useCheckedItem, useEditingNodes } from './useGraphStore';
+/**
+ *  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 RGHooks: {
+    useGraphInstance: typeof useGraphInstance;
+    useGraphStore: typeof useGraphStore;
+    useCreatingLine: typeof useCreatingLine;
+    useCreatingNode: typeof useCreatingNode;
+    useEditingNodes: typeof useEditingNodes;
+    useEditingLine: typeof useEditingLine;
+    useViewInformation: typeof useViewInformation;
+    useSelection: typeof useSelection;
+    useConnectingNode: typeof useConnectingNode;
+    useCheckedItem: typeof useCheckedItem;
+};

package/types/packages/platforms/svelte/src/hooks/useGraphInstance.d.ts

@@ -0,0 +1,2 @@
+import { RelationGraphCore } from '../../../../relation-graph-models/models/RelationGraphCore';
+export declare function useGraphInstance(): RelationGraphCore;

package/types/packages/platforms/svelte/src/hooks/useGraphStore.d.ts

@@ -0,0 +1,14 @@
+import { RGDataStore, RGSvelteHooksStore } from '../types-svelte';
+import { RGConnectingNode, RGCreatingLine, RGEditingLine, RGEditingNodes, RGSelectionView, RGViewInformation } from '../../../../types';
+export declare function useGraphStore(): RGDataStore;
+export declare function useHookStore(): RGSvelteHooksStore;
+export declare function useCreatingLine(): import('svelte/store').Readable<RGCreatingLine>;
+export declare function useCreatingNode(): import('svelte/store').Readable<import('..').RGCreatingNode>;
+export declare function useEditingNodes(): import('svelte/store').Readable<RGEditingNodes>;
+export declare function useEditingLine(): import('svelte/store').Readable<RGEditingLine>;
+export declare function useConnectingNode(): import('svelte/store').Readable<RGConnectingNode>;
+export declare function useViewInformation(): import('svelte/store').Readable<RGViewInformation>;
+export declare function useSelection(): import('svelte/store').Readable<RGSelectionView & {
+    show: boolean;
+}>;
+export declare function useCheckedItem(): import('svelte/store').Readable<import('..').RGCheckedItem>;

package/types/packages/platforms/svelte/src/hooks/useRGDataProvider.d.ts

@@ -0,0 +1,19 @@
+import { RelationGraphCore } from '../../../../relation-graph-models/models/RelationGraphCore';
+import { RGOptions } from '../../../../types';
+/**
+ * 获取或生成 RelationGraphCore 实例
+ * 对应 Vue 的 generateRGInstance
+ */
+export declare function generateRGInstance(relationGraphCoreClass?: new (...args: any[]) => RelationGraphCore, forLinker?: boolean): RelationGraphCore;
+/**
+ * 获取或生成 RelationGraphCore 实例
+ * 对应 Vue 的 generateRGInstance
+ */
+export declare function getOrGenerateRGInstance(relationGraphCoreClass?: new (...args: any[]) => RelationGraphCore, forLinker?: boolean): RelationGraphCore;
+/**
+ * 初始化响应式数据并绑定到 graphInstance
+ * 对应 Vue 的 defineRGDataProviderComponent 中的 setup 逻辑
+ */
+export declare function initRGDataProvider(graphInstance: RelationGraphCore, options?: RGOptions): {
+    graphInstance: RelationGraphCore;
+};

package/types/packages/platforms/svelte/src/hooks/useRelationGraph.d.ts

@@ -0,0 +1,48 @@
+import { RelationGraphCore } from '../../../../relation-graph-models/models/RelationGraphCore';
+import { default as RelationGraphWithProvider } from '../core4svelte/web-components/RelationGraphWithProvider.svelte';
+import { ComponentProps } from 'svelte';
+import { RelationGraphEvents } from '../types-svelte';
+import { RGGenerateLineConfig, RGNode } from '../../../../types';
+type RelationGraphProps = Omit<ComponentProps<RelationGraphWithProvider>, 'graphInstance'>;
+type RelationGraphSlots = {
+    default: {};
+    view: {};
+    canvas: {};
+    'canvas-above': {};
+    node: {
+        node: RGNode;
+    };
+    line: {
+        lineConfig: RGGenerateLineConfig;
+    };
+    'node-expand-button': {
+        node: RGNode;
+        expandHolderPosition: 'left' | 'right' | 'top' | 'bottom' | 'hide' | false;
+        expandOrCollapseNode: (e: MouseEvent) => void;
+    };
+};
+export declare function useRelationGraph({ relationGraphCore }?: {
+    relationGraphCore?: new (...args: any[]) => RelationGraphCore;
+}): {
+    RelationGraph: {
+        new (options: {
+            target: HTMLElement;
+            props?: RelationGraphProps;
+            anchor?: HTMLElement;
+        }): {
+            [prop: string]: any;
+            $$prop_def: RelationGraphProps;
+            $$events_def: RelationGraphEvents;
+            $$slot_def: RelationGraphSlots;
+            $capture_state(): void;
+            $inject_state(): void;
+            $$: any;
+            $$set: any;
+            $destroy(): void;
+            $on<K extends string>(type: K, callback: ((e: any) => void) | null | undefined): () => void;
+            $set(props: Partial<any>): void;
+        };
+    };
+    graphInstance: RelationGraphCore;
+};
+export {};