diff --git a/src/ConfigProvider/hooks/useConfig.ts b/src/ConfigProvider/hooks/useConfig.ts index 157bc59..370be9d 100644 --- a/src/ConfigProvider/hooks/useConfig.ts +++ b/src/ConfigProvider/hooks/useConfig.ts @@ -85,7 +85,7 @@ function useGraphGlobalConfig(name: Charts) { return mergeGraphOptions(graphConfig, componentConfig || {}); } -export function useGraphConfig( +export function useGraphConfig>( name: Charts, defaultConfig: Partial, props: Partial, diff --git a/src/FishboneDiagram/index.tsx b/src/FishboneDiagram/index.tsx index a5aaf3e..c83509b 100644 --- a/src/FishboneDiagram/index.tsx +++ b/src/FishboneDiagram/index.tsx @@ -1,4 +1,4 @@ -import type { GraphOptions } from '@ant-design/graphs'; +import type { FishboneOptions } from '@ant-design/graphs'; import { Fishbone as ADCFishbone } from '@ant-design/graphs'; import React, { useMemo } from 'react'; import { useGraphConfig } from '../ConfigProvider/hooks'; @@ -7,7 +7,7 @@ import { visTreeData2GraphData } from '../utils/graph'; export interface FishboneDiagramProps extends TreeGraphProps {} -const defaultConfig: GraphOptions = { +const defaultConfig: FishboneOptions = { autoFit: 'view', autoResize: true, }; @@ -17,7 +17,7 @@ const FishboneDiagram: React.FC = (props) => { const data = useMemo(() => visTreeData2GraphData(propsData), [propsData]); - const config = useGraphConfig('FishboneDiagram', defaultConfig, restProps); + const config = useGraphConfig('FishboneDiagram', defaultConfig, restProps); return ; };