@sinoform/flow-status-chart

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

Usage no npm install needed!

<script type="module">
  import sinoformFlowStatusChart from 'https://cdn.skypack.dev/@sinoform/flow-status-chart';
</script>

README

流程图 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} />;
}