Home Explore Help
Register Sign In
didong
/
owl-admin
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 1dc6cedad5
Branches Tags
owl-admin
/
doc
/
系统设计
/
数据库设计
/
mermaid-demo.html

mermaid-demo.html 20 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240 
  1. <!DOCTYPE html><html><head>
    2. 

  2.       <title>mermaid-demo</title>
    3. 

  3.       <meta charset="utf-8">
    4. 

  4.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    5. 

  5.       
    6. 

  6.       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css">
    7. 

  7.       
    8. 

  8.       
    9. 

  9.       <script src="https://cdn.jsdelivr.net/npm/mermaid@11.1.1/dist/mermaid.min.js"></script>
    10. 

  10.       
    11. 

  11.       
    12. 

  12.       <style>
    13. 

  13.       pre{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;padding:1em;margin:.5em 0;overflow:auto;line-height:1.5;tab-size:4;hyphens:none;color:#657b83;background-color:#fbedc6!important;border:#f8de97;border-radius:3px}pre[class*=language-]{padding:1em}code[class*=language-] .token.cdata,code[class*=language-] .token.comment,code[class*=language-] .token.doctype,code[class*=language-] .token.prolog,pre[class*=language-] .token.cdata,pre[class*=language-] .token.comment,pre[class*=language-] .token.doctype,pre[class*=language-] .token.prolog{color:#93a1a1;font-style:italic}code[class*=language-] .token.punctuation,pre[class*=language-] .token.punctuation{color:#93a1a1}code[class*=language-] .namespace,pre[class*=language-] .namespace{opacity:.7}code[class*=language-] .token.property,pre[class*=language-] .token.property{color:#859900}code[class*=language-] .token.boolean,code[class*=language-] .token.function-name,code[class*=language-] .token.number,pre[class*=language-] .token.boolean,pre[class*=language-] .token.function-name,pre[class*=language-] .token.number{color:#d33682}code[class*=language-] .token.tag,pre[class*=language-] .token.tag{color:#268bd2}code[class*=language-] .token.selector,pre[class*=language-] .token.selector{color:#859900}code[class*=language-] .token.attr-name,pre[class*=language-] .token.attr-name{color:#657b83}code[class*=language-] .token.string,pre[class*=language-] .token.string{color:#2aa198}code[class*=language-] .token.char,pre[class*=language-] .token.char{color:#cb4b16}code[class*=language-] .token.builtin,pre[class*=language-] .token.builtin{color:#859900}code[class*=language-] .token.entity,pre[class*=language-] .token.entity{color:#268bd2}code[class*=language-] .token.url,pre[class*=language-] .token.url{color:#93a1a1}code[class*=language-] .token.atrule,code[class*=language-] .token.attr-value,code[class*=language-] .token.keyword,pre[class*=language-] .token.atrule,pre[class*=language-] .token.attr-value,pre[class*=language-] .token.keyword{color:#859900}code[class*=language-] .token.function,pre[class*=language-] .token.function{color:#268bd2}code[class*=language-] .token.class-name,pre[class*=language-] .token.class-name{color:#268bd2}code[class*=language-] .token.variable,pre[class*=language-] .token.variable{color:#268bd2}code[class*=language-] .token.important,code[class*=language-] .token.regex,pre[class*=language-] .token.important,pre[class*=language-] .token.regex{color:#dc322f}code[class*=language-] .token.bold,code[class*=language-] .token.important,pre[class*=language-] .token.bold,pre[class*=language-] .token.important{font-weight:700}code[class*=language-] .token.italic,pre[class*=language-] .token.italic{font-style:italic}code[class*=language-] .token.entity,pre[class*=language-] .token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}pre[data-line] .line-highlight-wrapper{position:absolute;top:0;left:0;background-color:transparent;display:block;width:100%}pre[data-line] .line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}pre[data-line] .line-highlight:before,pre[data-line] .line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}pre[data-line] .line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}html body{font-family:'Helvetica Neue',Helvetica,'Segoe UI',Arial,freesans,sans-serif;font-size:16px;line-height:1.6;color:#657b83;background-color:#fdf6e3;overflow:initial;box-sizing:border-box;word-wrap:break-word}html body>:first-child{margin-top:0}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1.2;margin-top:1em;margin-bottom:16px;color:#1e2427}html body h1{font-size:2.25em;font-weight:300;padding-bottom:.3em}html body h2{font-size:1.75em;font-weight:400;padding-bottom:.3em}html body h3{font-size:1.5em;font-weight:500}html body h4{font-size:1.25em;font-weight:600}html body h5{font-size:1.1em;font-weight:600}html body h6{font-size:1em;font-weight:600}html body h1,html body h2,html body h3,html body h4,html body h5{font-weight:600}html body h5{font-size:1em}html body h6{color:#90a3a9}html body strong{color:#1e2427}html body del{color:#90a3a9}html body a:not([href]){color:inherit;text-decoration:none}html body a{color:#08c;text-decoration:none}html body a:hover{color:#00a3f5;text-decoration:none}html body img{max-width:100%}html body>p{margin-top:0;margin-bottom:16px;word-wrap:break-word}html body>ol,html body>ul{margin-bottom:16px}html body ol,html body ul{padding-left:2em}html body ol.no-list,html body ul.no-list{padding:0;list-style-type:none}html body ol ol,html body ol ul,html body ul ol,html body ul ul{margin-top:0;margin-bottom:0}html body li{margin-bottom:0}html body li.task-list-item{list-style:none}html body li>p{margin-top:0;margin-bottom:0}html body .task-list-item-checkbox{margin:0 .2em .25em -1.8em;vertical-align:middle}html body .task-list-item-checkbox:hover{cursor:pointer}html body blockquote{margin:16px 0;font-size:inherit;padding:0 15px;color:#90a3a9;background-color:#fbedc6;border-left:4px solid #f8de97}html body blockquote>:first-child{margin-top:0}html body blockquote>:last-child{margin-bottom:0}html body hr{height:4px;margin:32px 0;background-color:#f8de97;border:0 none}html body table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}html body table th{font-weight:700;color:#1e2427}html body table td,html body table th{border:1px solid #f8de97;padding:6px 13px}html body dl{padding:0}html body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}html body dl dd{padding:0 16px;margin-bottom:16px}html body code{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;font-size:.85em;color:#1e2427;background-color:#fbedc6;border-radius:3px;padding:.2em 0}html body code::after,html body code::before{letter-spacing:-.2em;content:'\00a0'}html body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:0 0;border:0}html body .highlight{margin-bottom:16px}html body .highlight pre,html body pre{padding:1em;overflow:auto;line-height:1.45;border:#f8de97;border-radius:3px}html body .highlight pre{margin-bottom:0;word-break:normal}html body pre code,html body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}html body pre code:after,html body pre code:before,html body pre tt:after,html body pre tt:before{content:normal}html body blockquote,html body dl,html body ol,html body p,html body pre,html body ul{margin-top:0;margin-bottom:16px}html body kbd{color:#1e2427;border:1px solid #f8de97;border-bottom:2px solid #f6d47a;padding:2px 4px;background-color:#fbedc6;border-radius:3px}@media print{html body{background-color:#fdf6e3}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#1e2427;page-break-after:avoid}html body blockquote{color:#90a3a9}html body pre{page-break-inside:avoid}html body table{display:table}html body img{display:block;max-width:100%;max-height:100%}html body code,html body pre{word-wrap:break-word;white-space:pre}}.markdown-preview{width:100%;height:100%;box-sizing:border-box}.markdown-preview ul{list-style:disc}.markdown-preview ul ul{list-style:circle}.markdown-preview ul ul ul{list-style:square}.markdown-preview ol{list-style:decimal}.markdown-preview ol ol,.markdown-preview ul ol{list-style-type:lower-roman}.markdown-preview ol ol ol,.markdown-preview ol ul ol,.markdown-preview ul ol ol,.markdown-preview ul ul ol{list-style-type:lower-alpha}.markdown-preview .newpage,.markdown-preview .pagebreak{page-break-before:always}.markdown-preview pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.markdown-preview pre.line-numbers>code{position:relative}.markdown-preview pre.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1em;font-size:100%;left:0;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-preview pre.line-numbers .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.markdown-preview pre.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.markdown-preview .mathjax-exps .MathJax_Display{text-align:center!important}.markdown-preview:not([data-for=preview]) .code-chunk .code-chunk-btn-group{display:none}.markdown-preview:not([data-for=preview]) .code-chunk .status{display:none}.markdown-preview:not([data-for=preview]) .code-chunk .output-div{margin-bottom:16px}.markdown-preview .md-toc{padding:0}.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link{display:inline;padding:.25rem 0}.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link div,.markdown-preview .md-toc .md-toc-link-wrapper .md-toc-link p{display:inline}.markdown-preview .md-toc .md-toc-link-wrapper.highlighted .md-toc-link{font-weight:800}.scrollbar-style::-webkit-scrollbar{width:8px}.scrollbar-style::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.scrollbar-style::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,.66);border:4px solid rgba(150,150,150,.66);background-clip:content-box}html body[for=html-export]:not([data-presentation-mode]){position:relative;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:auto}html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{position:relative;top:0;min-height:100vh}@media screen and (min-width:914px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{padding:2em calc(50% - 457px + 2em)}}@media screen and (max-width:914px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for=html-export]:not([data-presentation-mode]) .markdown-preview{font-size:14px!important;padding:1em}}@media print{html body[for=html-export]:not([data-presentation-mode]) #sidebar-toc-btn{display:none}}html body[for=html-export]:not([data-presentation-mode]) #sidebar-toc-btn{position:fixed;bottom:8px;left:8px;font-size:28px;cursor:pointer;color:inherit;z-index:99;width:32px;text-align:center;opacity:.4}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn{opacity:1}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc{position:fixed;top:0;left:0;width:300px;height:100%;padding:32px 0 48px 0;font-size:14px;box-shadow:0 0 4px rgba(150,150,150,.33);box-sizing:border-box;overflow:auto;background-color:inherit}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar{width:8px}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,.66);border:4px solid rgba(150,150,150,.66);background-clip:content-box}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc a{text-decoration:none}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc{padding:0 16px}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link{display:inline;padding:.25rem 0}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link div,html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper .md-toc-link p{display:inline}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc .md-toc .md-toc-link-wrapper.highlighted .md-toc-link{font-weight:800}html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{left:300px;width:calc(100% - 300px);padding:2em calc(50% - 457px - 300px / 2);margin:0;box-sizing:border-box}@media screen and (max-width:1274px){html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for=html-export]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{width:100%}}html body[for=html-export]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .markdown-preview{left:50%;transform:translateX(-50%)}html body[for=html-export]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .md-sidebar-toc{display:none}
    14. 

  14. /* Please visit the URL below for more information: */
    15. 

  15. /*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
    16. 

  16. 

  17.       </style>
    18. 

  18.       <!-- The content below will be included at the end of the <head> element. --><script type="text/javascript">
    19. 

  19.   document.addEventListener("DOMContentLoaded", function () {
    20. 

  20.     // your code here
    21. 

  21.   });
    22. 

  22. </script></head><body for="html-export">
    23. 

  23.     
    24. 

  24.     
    25. 

  25.       <div class="crossnote markdown-preview  ">
    26. 

  26.       
    27. 

  27. <style>
    28. 

  28.     body, html {
    29. 

  29.         margin: 0;
    30. 

  30.         padding: 0;
    31. 

  31.         overflow: auto; /* 防止滚动条出现 */
    32. 

  32.     }
    33. 

  33.     .markdown-preview{
    34. 

  34.         margin: 0 !important;
    35. 

  35.         padding: 0 !important;
    36. 

  36.     }
    37. 

  37.     .mermaid {
    38. 

  38.         margin: 0 !important; /* 移除边距 */
    39. 

  39.         padding: 0 !important; /* 移除填充 */
    40. 

  40.         transform: scale(2.0); /* 根据需要调整放大比例 */
    41. 

  41.         transform-origin: top left !important; /* 变换原点设置为左上角 */
    42. 

  42.     }
    43. 

  43. </style>
    44. 

  44. <div class="mermaid">erDiagram
    45. 

  45.     %% 用户模块
    46. 

  46.     User ||--o{ UserAddress : "居住"
    47. 

  47.     User ||--o{ Order : "下单"
    48. 

  48.     User ||--|| Wallet : "拥有"
    49. 

  49.     User {
    50. 

  50.         int id PK "用户ID"
    51. 

  51.         string phone "手机号"
    52. 

  52.         string name "姓名"
    53. 

  53.         string avatar "头像"
    54. 

  54.         string gender "性别"
    55. 

  55.         datetime birthdate "出生日期"
    56. 

  56.         datetime created_at "创建时间"
    57. 

  57.         datetime updated_at "更新时间"
    58. 

  58.         int status "状态: 0-未激活, 1-活跃, 2-禁用"
    59. 

  59.     }
    60. 

  60.     
    61. 

  61.     UserAddress {
    62. 

  62.         int id PK "地址ID"
    63. 

  63.         int user_id FK "用户ID"
    64. 

  64.         string province "省份"
    65. 

  65.         string city "城市"
    66. 

  66.         string district "区县"
    67. 

  67.         string address "详细地址"
    68. 

  68.         string postal_code "邮政编码"
    69. 

  69.         string contact_name "联系人姓名"
    70. 

  70.         string contact_phone "联系人电话"
    71. 

  71.         boolean is_default "是否默认地址"
    72. 

  72.     }
    73. 

  73. 

  74.     %% 技师模块
    75. 

  75.     Technician ||--o{ TechnicianCertificate : "持有"
    76. 

  76.     Technician ||--o{ TechnicianSkill : "掌握"
    77. 

  77.     Technician ||--o{ Order : "服务"
    78. 

  78.     Technician {
    79. 

  79.         int id PK "技师ID"
    80. 

  80.         string name "姓名"
    81. 

  81.         string phone "手机号"
    82. 

  82.         string avatar "头像"
    83. 

  83.         string gender "性别"
    84. 

  84.         string id_card "身份证号"
    85. 

  85.         string qualification "资格证书"
    86. 

  86.         int status "状态: 0-离线, 1-在线, 2-服务中"
    87. 

  87.         datetime created_at "创建时间"
    88. 

  88.     }
    89. 

  89. 

  90.     TechnicianCertificate {
    91. 

  91.         int id PK "证书ID"
    92. 

  92.         int technician_id FK "技师ID"
    93. 

  93.         string cert_type "证书类型"
    94. 

  94.         string cert_no "证书编号"
    95. 

  95.         string cert_image "证书图片"
    96. 

  96.         datetime issue_date "发证日期"
    97. 

  97.         datetime expire_date "过期日期"
    98. 

  98.     }
    99. 

  99. 

  100.     TechnicianSkill {
    101. 

  101.         int id PK "技能ID"
    102. 

  102.         int technician_id FK "技师ID"
    103. 

  103.         string skill_name "技能名称"
    104. 

  104.         int level "技能等级"
    105. 

  105.     }
    106. 

  106. 

  107.     %% 订单模块
    108. 

  108.     Order ||--o{ OrderService : "包含"
    109. 

  109.     Order ||--o{ OrderEvaluation : "评价"
    110. 

  110.     Order {
    111. 

  111.         int id PK "订单ID"
    112. 

  112.         int user_id FK "用户ID"
    113. 

  113.         int technician_id FK "技师ID"
    114. 

  114.         decimal total_amount "总金额"
    115. 

  115.         int status "状态: 0-待确认, 1-已确认, 2-进行中, 3-已完成, 4-已取消"
    116. 

  116.         datetime order_time "下单时间"
    117. 

  117.         datetime appointment_time "预约时间"
    118. 

  118.         string address "服务地址"
    119. 

  119.     }
    120. 

  120. 

  121.     OrderService {
    122. 

  122.         int id PK "订单服务ID"
    123. 

  123.         int order_id FK "订单ID"
    124. 

  124.         string service_name "服务名称"
    125. 

  125.         decimal price "价格"
    126. 

  126.         int quantity "数量"
    127. 

  127.     }
    128. 

  128. 

  129.     OrderEvaluation {
    130. 

  130.         int id PK "评价ID"
    131. 

  131.         int order_id FK "订单ID"
    132. 

  132.         int rating "评分"
    133. 

  133.         string comment "评论"
    134. 

  134.         datetime created_at "创建时间"
    135. 

  135.     }
    136. 

  136. 

  137.     %% 钱包模块
    138. 

  138.     Wallet ||--o{ WalletTransaction : "交易记录"
    139. 

  139.     Wallet {
    140. 

  140.         int id PK "钱包ID"
    141. 

  141.         int user_id FK "用户ID"
    142. 

  142.         decimal balance "余额"
    143. 

  143.         int status "状态: 0-冻结, 1-正常"
    144. 

  144.         datetime created_at "创建时间"
    145. 

  145.     }
    146. 

  146. 

  147.     WalletTransaction {
    148. 

  148.         int id PK "交易ID"
    149. 

  149.         int wallet_id FK "钱包ID"
    150. 

  150.         decimal amount "金额"
    151. 

  151.         int type "类型: 1-充值, 2-消费, 3-提现, 4-退款"
    152. 

  152.         string description "描述"
    153. 

  153.         datetime transaction_date "交易日期"
    154. 

  154.     }
    155. 

  155. 

  156.     %% 店铺模块
    157. 

  157.     Shop ||--o{ ShopService : "提供"
    158. 

  158.     Shop {
    159. 

  159.         int id PK "店铺ID"
    160. 

  160.         string name "名称"
    161. 

  161.         string logo "Logo"
    162. 

  162.         string address "地址"
    163. 

  163.         string phone "电话"
    164. 

  164.         int status "状态: 0-关闭, 1-营业"
    165. 

  165.         datetime created_at "创建时间"
    166. 

  166.     }
    167. 

  167. 

  168.     ShopService {
    169. 

  169.         int id PK "服务ID"
    170. 

  170.         int shop_id FK "店铺ID"
    171. 

  171.         string service_name "服务名称"
    172. 

  172.         decimal price "价格"
    173. 

  173.         string description "描述"
    174. 

  174.         int status "状态: 0-下架, 1-上架"
    175. 

  175.     }
    176. 

  176. 

  177.     %% 租户模块
    178. 

  178.     Tenant ||--o{ TenantConfig : "配置"
    179. 

  179.     Tenant {
    180. 

  180.         int id PK "租户ID"
    181. 

  181.         string name "名称"
    182. 

  182.         string code "编码"
    183. 

  183.         int status "状态: 0-禁用, 1-启用"
    184. 

  184.         datetime created_at "创建时间"
    185. 

  185.     }
    186. 

  186. 

  187.     TenantConfig {
    188. 

  188.         int id PK "配置ID"
    189. 

  189.         int tenant_id FK "租户ID"
    190. 

  190.         string config_key "配置键"
    191. 

  191.         string config_value "配置值"
    192. 

  192.     }
    193. 

  193. </div>
    194. 

  194.       </div>
    195. 

  195.       
    196. 

  196.       
    197. 

  197.     
    198. 

  198.     
    199. 

  199.     <script type="module">
    200. 

  200. // TODO: If ZenUML gets integrated into mermaid in the future,
    201. 

  201. //      we can remove the following lines.
    202. 

  202. 

  203. 

  204. var MERMAID_CONFIG = ({"startOnLoad":true,"securityLevel":"loose","htmlLabels":true,"minEntityWidth":1500,"minEntityHeight":1500});
    205. 

  205. if (typeof MERMAID_CONFIG !== 'undefined') {
    206. 

  206.   MERMAID_CONFIG.startOnLoad = false
    207. 

  207.   MERMAID_CONFIG.cloneCssStyles = false
    208. 

  208.   MERMAID_CONFIG.theme = "default"
    209. 

  209. }
    210. 

  210. 

  211. mermaid.initialize(MERMAID_CONFIG || {})
    212. 

  212. if (typeof(window['Reveal']) !== 'undefined') {
    213. 

  213.   function mermaidRevealHelper(event) {
    214. 

  214.     var currentSlide = event.currentSlide
    215. 

  215.     var diagrams = currentSlide.querySelectorAll('.mermaid')
    216. 

  216.     for (var i = 0; i < diagrams.length; i++) {
    217. 

  217.       var diagram = diagrams[i]
    218. 

  218.       if (!diagram.hasAttribute('data-processed')) {
    219. 

  219.         mermaid.init(null, diagram, ()=> {
    220. 

  220.           Reveal.slide(event.indexh, event.indexv)
    221. 

  221.         })
    222. 

  222.       }
    223. 

  223.     }
    224. 

  224.   }
    225. 

  225.   Reveal.addEventListener('slidetransitionend', mermaidRevealHelper)
    226. 

  226.   Reveal.addEventListener('ready', mermaidRevealHelper)
    227. 

  227.   await mermaid.run({
    228. 

  228.     nodes: document.querySelectorAll('.mermaid')
    229. 

  229.   })
    230. 

  230. } else {
    231. 

  231.   await mermaid.run({
    232. 

  232.     nodes: document.querySelectorAll('.mermaid')
    233. 

  233.   })
    234. 

  234. }
    235. 

  235. </script>
    236. 

  236.     
    237. 

  237.     
    238. 

  238.     
    239. 

  239.   
    240. 

  240.     </body></html>
    241.