22 lines
613 B
TypeScript
22 lines
613 B
TypeScript
|
import { useState, useCallback } from 'react';
|
||
|
|
import type { GraphLayoutConfig } from '../types/graph';
|
||
|
|
import { DEFAULT_LAYOUT } from '../config/layout';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 知识图谱布局管理 Hook
|
||
|
|
* 负责布局状态的管理和切换
|
||
|
|
*/
|
||
|
|
export const useGraphLayout = () => {
|
||
|
|
const [layout, setLayout] = useState<GraphLayoutConfig>(DEFAULT_LAYOUT);
|
||
|
|
|
||
|
|
// 切换布局类型（目前只支持 force 力导向布局）
|
||
|
|
const handleLayoutChange = useCallback((newLayoutType: GraphLayoutConfig['type']) => {
|
||
|
|
setLayout({ type: newLayoutType });
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return {
|
||
|
|
layout,
|
||
|
|
handleLayoutChange,
|
||
|
|
};
|
||
|
|
};
|