当流程复杂。节点数量较多时，存在性能问题。

逐个增加节点会明显感觉到卡顿，40多个的时候浏览器开始提示程序卡死是否等待响应。
修改mock 数据 让他一次性加载 完整的链数据。需要等待很长时间才能完成。

业务逻辑已经脱敏，节点数共计52个 混合使用了 if switch then when 等编排逻辑。
![脚本截图](https://foruda.gitee.com/images/1735087679070697826/15e564f6_8200457.png "屏幕截图") 
```
{"chainId":"testchain","chainName":"testchain","elJson":{"type":"THEN","children":[{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp1","properties":{}},"children":[{"type":"NodeComponent","id":"cmp2","properties":{}},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp3","properties":{}},"children":[{"type":"NodeComponent","id":"cmp4","properties":{}},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp5","properties":{}},"children":[{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp6","properties":{}},{"type":"NodeComponent","id":"cmp7","properties":{}}]},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp8","properties":{}},"children":[{"type":"NodeComponent","id":"cmp9","properties":{}},{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp10","properties":{}},{"type":"NodeComponent","id":"cmp11","properties":{}},{"type":"NodeComponent","id":"cmp12","properties":{}},{"type":"WHEN","children":[{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp13","properties":{}},{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp14","properties":{}},{"type":"NodeComponent","id":"cmp15","properties":{}},{"type":"NodeComponent","id":"cmp16","properties":{}},{"type":"NodeComponent","id":"cmp17","properties":{}},{"type":"NodeComponent","id":"cmp18","properties":{}},{"type":"NodeComponent","id":"cmp19","properties":{}},{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp20","properties":{}}]}]}]},{"type":"NodeComponent","id":"cmp21","properties":{}}],"properties":{"any":false}},{"type":"WHEN","children":[{"type":"THEN","children":[{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp22","properties":{}},"children":[{"type":"NodeComponent","id":"cmp23","properties":{}}]},{"type":"NodeComponent","id":"cmp24","properties":{}},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp25","properties":{}},"children":[{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp26","properties":{}},{"type":"NodeComponent","id":"cmp27","properties":{}}]}]},{"type":"SWITCH","condition":{"type":"NodeSwitchComponent","id":"cmp28","properties":{}},"children":[{"type":"NodeComponent","id":"cmp29","properties":{"tag":"onethingOut"}},{"type":"NodeComponent","id":"cmp30","properties":{"data":"end"}},{"type":"NodeComponent","id":"cmp31","properties":{}}]}]},{"type":"NodeComponent","id":"cmp32","properties":{}}],"properties":{"any":false}},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp33","properties":{}},"children":[{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp34","properties":{}},{"type":"NodeComponent","id":"cmp35","properties":{}}]}]},{"type":"NodeComponent","id":"cmp36","properties":{}},{"type":"WHEN","children":[{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp37","properties":{}},"children":[{"type":"NodeComponent","id":"cmp38","properties":{}}]},{"type":"NodeComponent","id":"cmp39","properties":{}}],"properties":{"any":false}},{"type":"NodeComponent","id":"cmp40","properties":{}},{"type":"SWITCH","condition":{"type":"NodeSwitchComponent","id":"cmp41","properties":{}},"children":[{"type":"NodeComponent","id":"cmp42","properties":{"tag":"unrewritten"}},{"type":"THEN","children":[{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp43","properties":{}},"children":[{"type":"THEN","children":[{"type":"NodeComponent","id":"cmp44","properties":{}},{"type":"NodeComponent","id":"cmp45","properties":{}}]}]},{"type":"NodeComponent","id":"cmp46","properties":{"tag":"rewritten"}},{"type":"IF","condition":{"type":"NodeIfComponent","id":"cmp47","properties":{}},"children":[{"type":"NodeComponent","id":"cmp48","properties":{}}]},{"type":"NodeComponent","id":"cmp49","properties":{}}],"properties":{"id":"cmp50","tag":"rewritten"}},{"type":"NodeComponent","id":"cmp51","properties":{"tag":"end"}},{"type":"NodeComponent","id":"cmp52","properties":{"tag":"chat"}}]}]}]}]}]}]}]}}
```

wangshijiang/liteflow-editor-client

内容风险标识

评论 (2)

wangshijiang/liteflow-editor-client .gitee-modal { width: 500px !important; }

内容风险标识