mermaid 插件 (支持 markdown 语法生成 mermaid 图表)
yarn add @aomao/plugin-mermaid
添加到引擎
import Engine, { EngineInterface } from '@aomao/engine';import Mermaid , { MermaidComponent } from '@aomao/plugin-mermaid';new Engine(...,{ plugins:[Mermaid] , cards:[MermaidComponent]})
mermaid 语法(目前支持流程图、时序图、饼图、甘特图、gitGraph、erDiagram、journey、stateDiagram)
2、https://mermaid-js.github.io/mermaid/#/n00b-syntaxReference
sequenceDiagramparticipant Aliceparticipant BobAlice->>John: Hello John, how are you?loop HealthcheckJohn->>John: Fight against hypochondriaendNote right of John: Rational thoughts <br/>prevail!John-->>Alice: Great!John->>Bob: How about you?Bob-->>John: Jolly good!
// 可携带参数,第二个mermaid语法engine.command.execute('mermaid',`sequenceDiagramparticipant Aliceparticipant BobAlice->>John: Hello John, how are you?loop HealthcheckJohn->>John: Fight against hypochondriaendNote right of John: Rational thoughts <br/>prevail!John-->>Alice: Great!John->>Bob: How about you?Bob-->>John: Jolly good!`,);