@sinoform/flow-status-chart

流程图 FlowChart

import FlowChart, {
  formatFlowChartData,
} from '@sinoform/flow-chart';

function Demo({ flowConfig }) {
  const { nodes, lines } = flowConfig;
  const { data } = useDataApi('/api/flow-chart');
  const flowChartData = useMemo(() => formatFlowChartData(nodes, lines, data), [
    nodes,
    lines,
    data,
  ]); // formatFlowChartData() 方法会将工作流引擎返回的数据结构转换成 FlowChart 组件内部支持的数据结构

  return <FlowChart data={data} />;
}