import{_ as o,c as r,b as d,e as n,a as e,r as s,o as t}from"./app-Dq4H0XR3.js";const m={};function p(c,l){const a=s("Mermaid"),i=s("MarkMap");return t(),r("div",null,[l[0]||(l[0]=d("h1",{id:"anyblock-mindmaps",tabindex:"-1"},"AnyBlock Mindmaps",-1)),l[1]||(l[1]=d("p",null,"当前AnyBlock支持多种类mindmap",-1)),l[2]||(l[2]=d("h2",{id:"list2table",tabindex:"-1"},"list2table",-1)),l[3]||(l[3]=d("div",{class:"ab-note drop-shadow"},[d("table",{class:"ab-table ab-branch-table"},[d("tbody",null,[d("tr",null,[d("td",{rowspan:"3",col_index:"0",class:"markdown-rendered"},[d("div",null,[d("p",null,"a")])]),d("td",{rowspan:"1",col_index:"2",class:"markdown-rendered"},[d("div",null,[d("p",null,"a111111")])])]),d("tr",null,[d("td",{rowspan:"2",col_index:"2",class:"markdown-rendered"},[d("div",null,[d("p",null,"a2")])]),d("td",{rowspan:"1",col_index:"4",class:"markdown-rendered"},[d("div",null,[d("p",null,"a21")])])]),d("tr",null,[d("td",{rowspan:"1",col_index:"4",class:"markdown-rendered"},[d("div",null,[d("p",null,"a22")])])]),d("tr",null,[d("td",{rowspan:"1",col_index:"0",class:"markdown-rendered"},[d("div",null,[d("p",null,"b")])])])])])],-1)),l[4]||(l[4]=d("p",null,"评价：",-1)),l[5]||(l[5]=d("ul",null,[d("li",null,"优点：简单、同一level的项可以垂直对齐")],-1)),l[6]||(l[6]=d("h2",{id:"mermaid",tabindex:"-1"},"mermaid",-1)),n(a,{code:"eJxLL0osyFDwCeLiSlTQ1bVTSDQEAxjPCEoBBWBMKM2VxAUAqc4NAA=="}),l[7]||(l[7]=d("p",null,"评价：",-1)),l[8]||(l[8]=d("ul",null,[d("li",null,"优点：简单、AnyBlock中唯一一个允许回环的图"),d("li",null,"缺点：禁用符号过多 (部分可以通过节点别名解决)")],-1)),l[9]||(l[9]=d("h2",{id:"mermaid-mindmap",tabindex:"-1"},"mermaid mindmap",-1)),n(a,{code:"eJzLzcxLyU0s4CrKzy/hUlBIBGIgaQgGELYRmAIxIAIgFkwMoiHJJqlI3w4AeVUPPw=="}),l[10]||(l[10]=d("p",null,"评价：",-1)),l[11]||(l[11]=d("ul",null,[d("li",null,"优点：方向四散，不拘泥于某个方向。多叉情况下的紧凑性和空间利用性是最好的"),d("li",null,"缺点：禁用符号过多 (部分可以通过节点别名解决)")],-1)),l[12]||(l[12]=d("h2",{id:"plantuml",tabindex:"-1"},"plantUml",-1)),l[13]||(l[13]=d("div",{class:"ab-note drop-shadow"},[d("img",{src:"http://www.plantuml.com/plantuml/img/SoWkIImgoStCIybDBE3IKaZaqW8IXYW0A0GICuBInb3Q14gRGcapi5QeAg1HILnS3gb0So5c0m00"})],-1)),l[14]||(l[14]=d("p",null,"评价：",-1)),l[15]||(l[15]=d("ul",null,[d("li",null,"优点：简单简洁、同一level的项无需垂直对齐、很强的垂直空间利用率")],-1)),l[16]||(l[16]=d("h2",{id:"markmap",tabindex:"-1"},"markmap",-1)),n(i,{content:"eJzTVUjkUlAAkoZgAGEbASkIAyQAYUHEwGwuXYUkLgAWbwlp"}),l[17]||(l[17]=e('<p>评价：</p><ul><li>优点：可渲染md内容、同一level的项无需垂直对齐</li><li>缺点：渲染md的部分由markmap库操作</li></ul><h2 id="pumljson" tabindex="-1">pumlJson</h2><div class="ab-note drop-shadow"><img src="proxy.php?url=http%3A%2F%2Fwww.plantuml.com%2Fplantuml%2Fimg%2FSoWkIImgoIhEp-Egvb9GK2hApozHib80iO6yH3WJn352ue7vXa019IKTP26GccYu0DW8E2yMoghLWHjf20OWOnICZ840eXYgG2a9R3wGNSjLo-MGcfS2TYS0"></div><p>评价：</p><ul><li>在时嵌套简单对象时嵌套复杂结构时，可能会有用。总体来说渲染json比较适合</li><li>垂直利用率高，水平利用率差</li></ul><h2 id="nodes" tabindex="-1">nodes</h2>',7)),l[18]||(l[18]=d("div",{class:"ab-note drop-shadow"},[d("div",{class:"ab-nodes"},[d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-node",has_children:"true"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"root")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"}),d("div",{class:"ab-nodes-node",has_children:"true"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"}),d("div",{class:"ab-nodes-node",has_children:"false"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a111111")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"})])]),d("div",{class:"ab-nodes-node",has_children:"true"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a2")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"}),d("div",{class:"ab-nodes-node",has_children:"false"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a21")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"})])]),d("div",{class:"ab-nodes-node",has_children:"true"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a22")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"}),d("div",{class:"ab-nodes-node",has_children:"false"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"a")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"})])])])])])])])]),d("div",{class:"ab-nodes-node",has_children:"false"},[d("div",{class:"ab-nodes-content markdown-rendered"},[d("div",null,[d("p",null,"b")])]),d("div",{class:"ab-nodes-children"},[d("div",{class:"ab-nodes-bracket"}),d("div",{class:"ab-nodes-bracket2"})])])])])])])],-1)),l[19]||(l[19]=e('<p>评价：</p><ul><li>优点： <ul><li>简洁</li><li>可渲染md内容，且md渲染行为由ob提供 (意味着支持ob链接、图片、标签、插件行为等)</li><li>同一level的项无需垂直对齐</li></ul></li><li>缺点：暂不支持像markmap那种缩放拖拽，不支持节点隐藏和展开 (这个理论可做，等issue多不多人提)</li></ul><h2 id="mehrmaid" tabindex="-1">Mehrmaid</h2><p>这个不是 AnyBlock 插件的内容。但AnyBlock V3.2.0 对该插件进行了配合优化，可以使用 <code>mehrmaid</code> 处理器快速生成符合Mehrmaid语法的代码并渲染</p><ul><li>优点：在mermaid的基础上增加了md渲染内容的支持，且md渲染行为由ob提供</li><li>缺点：主要是mermaid语法层次上的缺点 (anyblock进行补强)，以及容易受主题影响产生不稳定情况</li></ul><h2 id="总结" tabindex="-1">总结</h2><p>如果有一些特殊需求，那么就选能满足特殊需求的：</p><ul><li>同level的项垂直对齐：仅list2table可以做到</li><li>有回环连接：仅mermaid可以做到（如果需要追加md渲染可以使用Mehrmaid插件）</li><li>md渲染需求 <ul><li>仅markmap和nodes可以做到</li><li>如果要求有ob渲染行为：仅nodes可以做到</li><li>（或使用Mehrmaid插件也能做到）</li></ul></li><li>节点折叠展开：仅markmap可以做到</li></ul><p>没有这些需求的话，我个人的使用习惯是：很简单的用 pumlMindmap，复杂的用 nodes</p>',9))])}const u=o(m,[["render",p]]),v=JSON.parse('{"path":"/docs/converter%20docs/Mindmaps.html","title":"AnyBlock Mindmaps","lang":"zh-CN","frontmatter":{"description":"AnyBlock Mindmaps 当前AnyBlock支持多种类mindmap list2table 评价： 优点：简单、同一level的项可以垂直对齐 mermaid 评价： 优点：简单、AnyBlock中唯一一个允许回环的图 缺点：禁用符号过多 (部分可以通过节点别名解决) mermaid mindmap 评价： 优点：方向四散，不拘泥于某个方向...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"AnyBlock Mindmaps\\",\\"image\\":[\\"\\"],\\"dateModified\\":null,\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://LincDocs.github.io/AnyBlock/docs/converter%20docs/Mindmaps.html"}],["meta",{"property":"og:site_name","content":"AnyBlock"}],["meta",{"property":"og:title","content":"AnyBlock Mindmaps"}],["meta",{"property":"og:description","content":"AnyBlock Mindmaps 当前AnyBlock支持多种类mindmap list2table 评价： 优点：简单、同一level的项可以垂直对齐 mermaid 评价： 优点：简单、AnyBlock中唯一一个允许回环的图 缺点：禁用符号过多 (部分可以通过节点别名解决) mermaid mindmap 评价： 优点：方向四散，不拘泥于某个方向..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}]]},"git":{},"readingTime":{"minutes":2.14,"words":643},"filePathRelative":"docs/converter docs/Mindmaps.md","excerpt":"\\n<p>当前AnyBlock支持多种类mindmap</p>\\n<h2>list2table</h2>\\n<div class=\\"ab-note drop-shadow\\"><table class=\\"ab-table ab-branch-table\\"><tbody><tr><td rowspan=\\"3\\" col_index=\\"0\\" class=\\"markdown-rendered\\"><div><p>a</p>\\n</div></td><td rowspan=\\"1\\" col_index=\\"2\\" class=\\"markdown-rendered\\"><div><p>a111111</p>\\n</div></td></tr><tr><td rowspan=\\"2\\" col_index=\\"2\\" class=\\"markdown-rendered\\"><div><p>a2</p>\\n</div></td><td rowspan=\\"1\\" col_index=\\"4\\" class=\\"markdown-rendered\\"><div><p>a21</p>\\n</div></td></tr><tr><td rowspan=\\"1\\" col_index=\\"4\\" class=\\"markdown-rendered\\"><div><p>a22</p>\\n</div></td></tr><tr><td rowspan=\\"1\\" col_index=\\"0\\" class=\\"markdown-rendered\\"><div><p>b</p>\\n</div></td></tr></tbody></table></div>","autoDesc":true,"bioChainData":{"outlink":[],"backlink":[],"localMap":{"nodes":[{"id":"docs/converter docs/Mindmaps.md","value":{"title":"Mindmaps","path":"docs/converter docs/Mindmaps.md","outlink":[],"backlink":[]}}],"links":[]}}}');export{u as comp,v as data};