useGraphStore

获取当前画布 store 以及改变 store 的 Hook

基础用法

const nodes = useGraphStore((state) => state.nodes);

使用 useGraphStore 可以方便的对画布的数据进行增删改查下面是使用 useGraphStore 添加节点和删除节点的简单示例

useGraphStore<T, U>(selector: (state: U) => T): U

参数	描述	类型	默认值
`U`	画布store的action	Options	-

参数	描述	类型	默认值
selector	获取store的action的函数	(state: Options) => Options	-

Options 参数如下

参数	描述	类型	默认值
nodes	画布所有节点	NodeOptions[]	-
edges	画布所有边	EdgeOptions[]	-
changeList	store操作记录	(`init` \| `addNodes` \| `removeNodes` \| `updateNode` \| `addEdges` \| `removeEdges` \| `updateEdge` )[]	-
initData	初始化数据	`(data: {nodes: NodeOptions[], edges: EdgeOptions[] }, options?: {silent?: boolean}) => void`	-
addNodes	添加节点	`(ns: NodeOptions[], options?: {silent?: boolean}) => void`	-
removeNodes	移除节点	`(ids: string[], options?: {silent?: boolean}) => void`	-
updateNode	更新节点	`(id: string, data: UpdateNodeDataOrFn, options?: {silent?: boolean}) => void`	-
addEdges	添加边	`(es: EdgeOptions[], options?: {silent?: boolean}) => void`	-
removeEdges	移除边	`(ids: string[], options?: {silent?: boolean}) => void`	-
updateEdge	更新边	`(id: string, data: UpdateEdgeDataOrFn, options?: {silent?: boolean}) => void`	-
clearChangeList	情况操作记录	`() => void`	-