import { type FC } from 'react'; import '@alifd/next/lib/balloon/style'; import type { IDataSource, IExtra, ILineOptions, IPoint } from './types'; import './index.scss'; interface IProps { /** * @description 画布的宽度 * @requires true */ width: number; /** * @description 画布的高度 * @requires true */ height: number; /** * @description 数据源 * @requires true */ dataSource?: IDataSource[]; /** * @description 统一设置的节点宽度优先级低于单个节点的宽度 * @requires true */ nodeWidth?: number; /** * @description 统一设置的节点高度优先级低于单个节点的高度 * @requires true */ nodeHeight?: number; /** * @description 用于配置线条的样式 * @requires false */ lineOptions?: ILineOptions; /** * @description 画布的自定义类名 * @requires false */ customClass?: string; /** * @description 使用extra可以在图表中渲染额外的内容,例如一些符号,或者其他的内容,支持jsx * @requires false */ extra?: IExtra[]; /** * @description 绘制任何位置任何形状的线条,例如:[[{x: 0, y: 0}, {x: 100, y: 100}]] * @requires false */ customLines?: IPoint[][]; /** * @description 是否根据画布宽度自动缩放 * @requires false */ isScalingX?: boolean; isScrollX?: boolean; } declare const FlowChart: FC; export default FlowChart;