{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-dfaaa977f2cc89471faed0f01f708dd6-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"什么是-behavior"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E4%BB%80%E4%B9%88%E6%98%AF-behavior","aria-label":"什么是 behavior permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"什么是 Behavior","position":{"start":{"line":2,"column":4,"offset":4},"end":{"line":2,"column":16,"offset":16}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":16,"offset":16}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Behavior 是 G6 提供的定义图上交互事件的机制。它与","position":{"start":{"line":3,"column":1,"offset":17},"end":{"line":3,"column":32,"offset":48}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/g6-mode","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"交互模式 Mode","position":{"start":{"line":3,"column":33,"offset":49},"end":{"line":3,"column":42,"offset":58}}}],"position":{"start":{"line":3,"column":32,"offset":48},"end":{"line":3,"column":82,"offset":98}}},{"type":"text","value":" 搭配使用，如何将下文所述各种 Behavior 配置到图上，见 ","position":{"start":{"line":3,"column":82,"offset":98},"end":{"line":3,"column":115,"offset":131}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/g6-mode","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"交互模式","position":{"start":{"line":3,"column":116,"offset":132},"end":{"line":3,"column":120,"offset":136}}}],"position":{"start":{"line":3,"column":115,"offset":131},"end":{"line":3,"column":160,"offset":176}}},{"type":"text","value":"。","position":{"start":{"line":3,"column":160,"offset":176},"end":{"line":3,"column":161,"offset":177}}}],"position":{"start":{"line":3,"column":1,"offset":17},"end":{"line":3,"column":161,"offset":177}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"内置-behavior"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%86%85%E7%BD%AE-behavior","aria-label":"内置 behavior permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"内置 Behavior","position":{"start":{"line":5,"column":4,"offset":182},"end":{"line":5,"column":15,"offset":193}}}],"position":{"start":{"line":5,"column":1,"offset":179},"end":{"line":5,"column":15,"offset":193}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"理论上说 G6 上的所有基础图形、Item（节点/边）都能通过事件来进行操作，考虑到通用性， G6目前共提供了以下9个内置的 Behavior。","position":{"start":{"line":6,"column":1,"offset":194},"end":{"line":6,"column":73,"offset":266}}}],"position":{"start":{"line":6,"column":1,"offset":194},"end":{"line":6,"column":73,"offset":266}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"drag-canvas"},"children":[{"type":"element","tagName":"a","properties":{"href":"#drag-canvas","aria-label":"drag canvas permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"drag-canvas","position":{"start":{"line":8,"column":5,"offset":272},"end":{"line":8,"column":16,"offset":283}}}],"position":{"start":{"line":8,"column":1,"offset":268},"end":{"line":8,"column":16,"offset":283}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：拖拽画布；","position":{"start":{"line":10,"column":3,"offset":287},"end":{"line":10,"column":11,"offset":295}}}],"position":{"start":{"line":10,"column":1,"offset":285},"end":{"line":10,"column":11,"offset":295}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;drag-canvas&#39;</code>","position":{"start":{"line":11,"column":3,"offset":298},"end":{"line":11,"column":24,"offset":319}}},{"type":"text","value":"；","position":{"start":{"line":11,"column":24,"offset":319},"end":{"line":11,"column":25,"offset":320}}}],"position":{"start":{"line":11,"column":1,"offset":296},"end":{"line":11,"column":25,"offset":320}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":12,"column":3,"offset":323},"end":{"line":12,"column":14,"offset":334}}},{"type":"text","value":": 允许拖拽方向，支持","position":{"start":{"line":12,"column":14,"offset":334},"end":{"line":12,"column":25,"offset":345}}},{"type":"raw","value":"<code class=\"language-text\">&#39;x&#39;</code>","position":{"start":{"line":12,"column":25,"offset":345},"end":{"line":12,"column":30,"offset":350}}},{"type":"text","value":"， ","position":{"start":{"line":12,"column":30,"offset":350},"end":{"line":12,"column":32,"offset":352}}},{"type":"raw","value":"<code class=\"language-text\">&#39;y&#39;</code>","position":{"start":{"line":12,"column":32,"offset":352},"end":{"line":12,"column":37,"offset":357}}},{"type":"text","value":"，","position":{"start":{"line":12,"column":37,"offset":357},"end":{"line":12,"column":38,"offset":358}}},{"type":"raw","value":"<code class=\"language-text\">&#39;both&#39;</code>","position":{"start":{"line":12,"column":38,"offset":358},"end":{"line":12,"column":46,"offset":366}}},{"type":"text","value":"，默认方向为 ","position":{"start":{"line":12,"column":46,"offset":366},"end":{"line":12,"column":53,"offset":373}}},{"type":"raw","value":"<code class=\"language-text\">&#39;both&#39;</code>","position":{"start":{"line":12,"column":53,"offset":373},"end":{"line":12,"column":61,"offset":381}}},{"type":"text","value":"。","position":{"start":{"line":12,"column":61,"offset":381},"end":{"line":12,"column":62,"offset":382}}}],"position":{"start":{"line":12,"column":1,"offset":321},"end":{"line":12,"column":62,"offset":382}}},{"type":"text","value":"\n"}],"position":{"start":{"line":10,"column":1,"offset":285},"end":{"line":12,"column":62,"offset":382}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":14,"column":3,"offset":386},"end":{"line":14,"column":7,"offset":390}}}],"position":{"start":{"line":14,"column":1,"offset":384},"end":{"line":14,"column":9,"offset":392}}}],"position":{"start":{"line":14,"column":1,"offset":384},"end":{"line":14,"column":9,"offset":392}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":15,"column":1,"offset":393},"end":{"line":21,"column":4,"offset":487}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"默认配置下，可以在 x 和 y 两个方向上拖动画布。","position":{"start":{"line":23,"column":1,"offset":489},"end":{"line":23,"column":27,"offset":515}}}],"position":{"start":{"line":23,"column":1,"offset":489},"end":{"line":23,"column":27,"offset":515}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置参数","position":{"start":{"line":25,"column":3,"offset":519},"end":{"line":25,"column":7,"offset":523}}}],"position":{"start":{"line":25,"column":1,"offset":517},"end":{"line":25,"column":9,"offset":525}}}],"position":{"start":{"line":25,"column":1,"offset":517},"end":{"line":25,"column":9,"offset":525}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n        direction<span class=\"token punctuation\">:</span> <span class=\"token string\">'x'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":26,"column":1,"offset":526},"end":{"line":37,"column":4,"offset":677}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"此时只能在 x 方向上面拖动，y 方向上不允许拖动。","position":{"start":{"line":39,"column":1,"offset":679},"end":{"line":39,"column":27,"offset":705}}},{"type":"raw","value":"<br />","position":{"start":{"line":39,"column":27,"offset":705},"end":{"line":39,"column":33,"offset":711}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778658995-88e2bf4e-e201-43a0-9ffd-15ceadc8334e.gif#align=left&display=inline&height=333&name=3.gif&originHeight=517&originWidth=783&search=&size=669012&status=done&width=504","alt":"3.gif"},"children":[],"position":{"start":{"line":39,"column":33,"offset":711},"end":{"line":39,"column":266,"offset":944}}}],"position":{"start":{"line":39,"column":1,"offset":679},"end":{"line":39,"column":266,"offset":944}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"zoom-canvas"},"children":[{"type":"element","tagName":"a","properties":{"href":"#zoom-canvas","aria-label":"zoom canvas permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"zoom-canvas","position":{"start":{"line":41,"column":5,"offset":950},"end":{"line":41,"column":16,"offset":961}}}],"position":{"start":{"line":41,"column":1,"offset":946},"end":{"line":41,"column":16,"offset":961}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：缩放画布；","position":{"start":{"line":43,"column":3,"offset":965},"end":{"line":43,"column":11,"offset":973}}}],"position":{"start":{"line":43,"column":1,"offset":963},"end":{"line":43,"column":11,"offset":973}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;zoom-canvas&#39;</code>","position":{"start":{"line":44,"column":3,"offset":976},"end":{"line":44,"column":24,"offset":997}}},{"type":"text","value":"；","position":{"start":{"line":44,"column":24,"offset":997},"end":{"line":44,"column":25,"offset":998}}}],"position":{"start":{"line":44,"column":1,"offset":974},"end":{"line":44,"column":25,"offset":998}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">sensitivity</code>","position":{"start":{"line":45,"column":3,"offset":1001},"end":{"line":45,"column":16,"offset":1014}}},{"type":"text","value":": 缩放灵敏度，支持 1-10 的数值，默认灵敏度为 5。","position":{"start":{"line":45,"column":16,"offset":1014},"end":{"line":45,"column":45,"offset":1043}}}],"position":{"start":{"line":45,"column":1,"offset":999},"end":{"line":45,"column":45,"offset":1043}}},{"type":"text","value":"\n"}],"position":{"start":{"line":43,"column":1,"offset":963},"end":{"line":45,"column":45,"offset":1043}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"提示：若要限定缩放尺寸，请在 graph 上设置 **`","position":{"start":{"line":47,"column":3,"offset":1047},"end":{"line":47,"column":31,"offset":1075}}}],"position":{"start":{"line":47,"column":1,"offset":1045},"end":{"line":47,"column":33,"offset":1077}}},{"type":"text","value":"minZoom","position":{"start":{"line":47,"column":33,"offset":1077},"end":{"line":47,"column":40,"offset":1084}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":42,"offset":1086},"end":{"line":47,"column":43,"offset":1087}}}],"position":{"start":{"line":47,"column":40,"offset":1084},"end":{"line":47,"column":45,"offset":1089}}},{"type":"text","value":" 和 ","position":{"start":{"line":47,"column":45,"offset":1089},"end":{"line":47,"column":48,"offset":1092}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":50,"offset":1094},"end":{"line":47,"column":51,"offset":1095}}}],"position":{"start":{"line":47,"column":48,"offset":1092},"end":{"line":47,"column":53,"offset":1097}}},{"type":"text","value":"maxZoom","position":{"start":{"line":47,"column":53,"offset":1097},"end":{"line":47,"column":60,"offset":1104}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":62,"offset":1106},"end":{"line":47,"column":63,"offset":1107}}}],"position":{"start":{"line":47,"column":60,"offset":1104},"end":{"line":47,"column":65,"offset":1109}}},{"type":"text","value":"。**","position":{"start":{"line":47,"column":65,"offset":1109},"end":{"line":47,"column":68,"offset":1112}}}],"position":{"start":{"line":47,"column":1,"offset":1045},"end":{"line":47,"column":68,"offset":1112}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"drag-node"},"children":[{"type":"element","tagName":"a","properties":{"href":"#drag-node","aria-label":"drag node permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"drag-node","position":{"start":{"line":49,"column":5,"offset":1118},"end":{"line":49,"column":14,"offset":1127}}}],"position":{"start":{"line":49,"column":1,"offset":1114},"end":{"line":49,"column":14,"offset":1127}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：拖拽节点；","position":{"start":{"line":51,"column":3,"offset":1131},"end":{"line":51,"column":11,"offset":1139}}}],"position":{"start":{"line":51,"column":1,"offset":1129},"end":{"line":51,"column":11,"offset":1139}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;drag-node&#39;</code>","position":{"start":{"line":52,"column":3,"offset":1142},"end":{"line":52,"column":22,"offset":1161}}},{"type":"text","value":"；","position":{"start":{"line":52,"column":22,"offset":1161},"end":{"line":52,"column":23,"offset":1162}}}],"position":{"start":{"line":52,"column":1,"offset":1140},"end":{"line":52,"column":23,"offset":1162}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":53,"column":3,"offset":1165},"end":{"line":53,"column":18,"offset":1180}}},{"type":"text","value":": 节点拖拽时的绘图属性，默认为 ","position":{"start":{"line":53,"column":18,"offset":1180},"end":{"line":53,"column":35,"offset":1197}}},{"type":"raw","value":"<code class=\"language-text\">{ strokeOpacity: 0.6, fillOpacity: 0.6 }</code>","position":{"start":{"line":53,"column":35,"offset":1197},"end":{"line":53,"column":77,"offset":1239}}},{"type":"text","value":"；","position":{"start":{"line":53,"column":77,"offset":1239},"end":{"line":53,"column":78,"offset":1240}}}],"position":{"start":{"line":53,"column":1,"offset":1163},"end":{"line":53,"column":78,"offset":1240}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">updateEdge</code>","position":{"start":{"line":54,"column":3,"offset":1243},"end":{"line":54,"column":15,"offset":1255}}},{"type":"text","value":": 是否在拖拽节点时更新所有与之相连的边，默认为 ","position":{"start":{"line":54,"column":15,"offset":1255},"end":{"line":54,"column":40,"offset":1280}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":54,"column":40,"offset":1280},"end":{"line":54,"column":46,"offset":1286}}},{"type":"text","value":" 。","position":{"start":{"line":54,"column":46,"offset":1286},"end":{"line":54,"column":48,"offset":1288}}}],"position":{"start":{"line":54,"column":1,"offset":1241},"end":{"line":54,"column":48,"offset":1288}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":55,"column":3,"offset":1291},"end":{"line":55,"column":9,"offset":1297}}},{"type":"raw","value":"<code class=\"language-text\">enableDelegate</code>","position":{"start":{"line":55,"column":9,"offset":1297},"end":{"line":55,"column":25,"offset":1313}}},{"type":"text","value":"：拖动节点过程中是否启用 ","position":{"start":{"line":55,"column":25,"offset":1313},"end":{"line":55,"column":38,"offset":1326}}},{"type":"raw","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":55,"column":38,"offset":1326},"end":{"line":55,"column":48,"offset":1336}}},{"type":"text","value":"，即在拖动过程中是否使用方框代替元素的直接移动，效果区别见下面两个动图。默认值为 ","position":{"start":{"line":55,"column":48,"offset":1336},"end":{"line":55,"column":89,"offset":1377}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":55,"column":89,"offset":1377},"end":{"line":55,"column":96,"offset":1384}}},{"type":"text","value":"。","position":{"start":{"line":55,"column":96,"offset":1384},"end":{"line":55,"column":97,"offset":1385}}}],"position":{"start":{"line":55,"column":1,"offset":1289},"end":{"line":55,"column":97,"offset":1385}}},{"type":"text","value":"\n"}],"position":{"start":{"line":51,"column":1,"offset":1129},"end":{"line":55,"column":97,"offset":1385}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":57,"column":3,"offset":1389},"end":{"line":57,"column":7,"offset":1393}}}],"position":{"start":{"line":57,"column":1,"offset":1387},"end":{"line":57,"column":9,"offset":1395}}}],"position":{"start":{"line":57,"column":1,"offset":1387},"end":{"line":57,"column":9,"offset":1395}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-node'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":58,"column":1,"offset":1396},"end":{"line":64,"column":4,"offset":1488}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570777651736-e68e2d92-eabe-4b58-bc39-66a6cfbd6cf5.gif#align=left&display=inline&height=374&name=3.gif&originHeight=517&originWidth=783&search=&size=149678&status=done&width=567","alt":"3.gif"},"children":[],"position":{"start":{"line":65,"column":1,"offset":1489},"end":{"line":65,"column":234,"offset":1722}}}],"position":{"start":{"line":65,"column":1,"offset":1489},"end":{"line":65,"column":234,"offset":1722}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"启用","position":{"start":{"line":67,"column":3,"offset":1726},"end":{"line":67,"column":5,"offset":1728}}}],"position":{"start":{"line":67,"column":1,"offset":1724},"end":{"line":67,"column":7,"offset":1730}}},{"type":"text","value":" ","position":{"start":{"line":67,"column":7,"offset":1730},"end":{"line":67,"column":8,"offset":1731}}},{"type":"raw","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":67,"column":8,"offset":1731},"end":{"line":67,"column":18,"offset":1741}}}],"position":{"start":{"line":67,"column":1,"offset":1724},"end":{"line":67,"column":18,"offset":1741}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag-node'</span><span class=\"token punctuation\">,</span>\n        enableDelegate<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":68,"column":1,"offset":1742},"end":{"line":79,"column":4,"offset":1898}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778113574-f65eeb6b-4df4-4db4-a4d3-5cf2141607f3.gif#align=left&display=inline&height=279&name=3.gif&originHeight=517&originWidth=783&search=&size=219983&status=done&width=422","alt":"3.gif"},"children":[],"position":{"start":{"line":80,"column":1,"offset":1899},"end":{"line":80,"column":234,"offset":2132}}}],"position":{"start":{"line":80,"column":1,"offset":1899},"end":{"line":80,"column":234,"offset":2132}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"click-select"},"children":[{"type":"element","tagName":"a","properties":{"href":"#click-select","aria-label":"click select permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"click-select","position":{"start":{"line":82,"column":5,"offset":2138},"end":{"line":82,"column":17,"offset":2150}}}],"position":{"start":{"line":82,"column":1,"offset":2134},"end":{"line":82,"column":17,"offset":2150}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：点击选中节点，再次点击节点或点击 Canvas 取消选中状态；","position":{"start":{"line":84,"column":3,"offset":2154},"end":{"line":84,"column":37,"offset":2188}}}],"position":{"start":{"line":84,"column":1,"offset":2152},"end":{"line":84,"column":37,"offset":2188}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;click-select&#39;</code>","position":{"start":{"line":85,"column":3,"offset":2191},"end":{"line":85,"column":25,"offset":2213}}},{"type":"text","value":"；","position":{"start":{"line":85,"column":25,"offset":2213},"end":{"line":85,"column":26,"offset":2214}}}],"position":{"start":{"line":85,"column":1,"offset":2189},"end":{"line":85,"column":26,"offset":2214}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">multiple</code>","position":{"start":{"line":86,"column":3,"offset":2217},"end":{"line":86,"column":13,"offset":2227}}},{"type":"text","value":": 是否允许多选，默认为 ","position":{"start":{"line":86,"column":13,"offset":2227},"end":{"line":86,"column":26,"offset":2240}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":86,"column":26,"offset":2240},"end":{"line":86,"column":32,"offset":2246}}},{"type":"text","value":"，当设置为 ","position":{"start":{"line":86,"column":32,"offset":2246},"end":{"line":86,"column":38,"offset":2252}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":86,"column":38,"offset":2252},"end":{"line":86,"column":45,"offset":2259}}},{"type":"text","value":"，表示不允许多选，此时 ","position":{"start":{"line":86,"column":45,"offset":2259},"end":{"line":86,"column":57,"offset":2271}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":86,"column":57,"offset":2271},"end":{"line":86,"column":66,"offset":2280}}},{"type":"text","value":" 参数无效。","position":{"start":{"line":86,"column":66,"offset":2280},"end":{"line":86,"column":72,"offset":2286}}}],"position":{"start":{"line":86,"column":1,"offset":2215},"end":{"line":86,"column":72,"offset":2286}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":87,"column":3,"offset":2289},"end":{"line":87,"column":9,"offset":2295}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":87,"column":9,"offset":2295},"end":{"line":87,"column":18,"offset":2304}}},{"type":"text","value":": 指定按住哪个键进行多选，默认为 shift，按住 Shift 键多选，用户可配置 shift、ctrl、alt；","position":{"start":{"line":87,"column":18,"offset":2304},"end":{"line":87,"column":76,"offset":2362}}}],"position":{"start":{"line":87,"column":1,"offset":2287},"end":{"line":87,"column":76,"offset":2362}}},{"type":"text","value":"\n"}],"position":{"start":{"line":84,"column":1,"offset":2152},"end":{"line":87,"column":76,"offset":2362}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":89,"column":3,"offset":2366},"end":{"line":89,"column":7,"offset":2370}}}],"position":{"start":{"line":89,"column":1,"offset":2364},"end":{"line":89,"column":9,"offset":2372}}},{"type":"raw","value":"<br />","position":{"start":{"line":89,"column":9,"offset":2372},"end":{"line":89,"column":15,"offset":2378}}},{"type":"text","value":"**","position":{"start":{"line":89,"column":15,"offset":2378},"end":{"line":89,"column":17,"offset":2380}}}],"position":{"start":{"line":89,"column":1,"offset":2364},"end":{"line":89,"column":17,"offset":2380}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'click-select'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":90,"column":1,"offset":2381},"end":{"line":96,"column":4,"offset":2476}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"按住 ","position":{"start":{"line":98,"column":1,"offset":2478},"end":{"line":98,"column":4,"offset":2481}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">Shift</code>","position":{"start":{"line":98,"column":6,"offset":2483},"end":{"line":98,"column":13,"offset":2490}}}],"position":{"start":{"line":98,"column":4,"offset":2481},"end":{"line":98,"column":15,"offset":2492}}},{"type":"text","value":" 键可多选。","position":{"start":{"line":98,"column":15,"offset":2492},"end":{"line":98,"column":21,"offset":2498}}},{"type":"raw","value":"<br />","position":{"start":{"line":98,"column":21,"offset":2498},"end":{"line":98,"column":27,"offset":2504}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778352084-ca8b1694-0e10-4dfa-b69e-2fc35130b9a9.gif#align=left&display=inline&height=517&name=3.gif&originHeight=517&originWidth=783&search=&size=48383&status=done&width=783","alt":"3.gif"},"children":[],"position":{"start":{"line":98,"column":27,"offset":2504},"end":{"line":98,"column":259,"offset":2736}}}],"position":{"start":{"line":98,"column":1,"offset":2478},"end":{"line":98,"column":259,"offset":2736}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置参数","position":{"start":{"line":100,"column":3,"offset":2740},"end":{"line":100,"column":7,"offset":2744}}}],"position":{"start":{"line":100,"column":1,"offset":2738},"end":{"line":100,"column":9,"offset":2746}}}],"position":{"start":{"line":100,"column":1,"offset":2738},"end":{"line":100,"column":9,"offset":2746}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'click-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'ctrl'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":101,"column":1,"offset":2747},"end":{"line":112,"column":4,"offset":2901}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"以上配置中，用户可按住 ","position":{"start":{"line":114,"column":1,"offset":2903},"end":{"line":114,"column":13,"offset":2915}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Ctrl","position":{"start":{"line":114,"column":15,"offset":2917},"end":{"line":114,"column":19,"offset":2921}}}],"position":{"start":{"line":114,"column":13,"offset":2915},"end":{"line":114,"column":21,"offset":2923}}},{"type":"text","value":" 键进行多选，也可以配置 ","position":{"start":{"line":114,"column":21,"offset":2923},"end":{"line":114,"column":34,"offset":2936}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Alt","position":{"start":{"line":114,"column":36,"offset":2938},"end":{"line":114,"column":39,"offset":2941}}}],"position":{"start":{"line":114,"column":34,"offset":2936},"end":{"line":114,"column":41,"offset":2943}}},{"type":"text","value":" 键。当配置了 ","position":{"start":{"line":114,"column":41,"offset":2943},"end":{"line":114,"column":49,"offset":2951}}},{"type":"raw","value":"<code class=\"language-text\">multiple</code>","position":{"start":{"line":114,"column":49,"offset":2951},"end":{"line":114,"column":59,"offset":2961}}},{"type":"text","value":" 参数为 ","position":{"start":{"line":114,"column":59,"offset":2961},"end":{"line":114,"column":64,"offset":2966}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":114,"column":64,"offset":2966},"end":{"line":114,"column":71,"offset":2973}}},{"type":"text","value":"，则表示不允许多谢，此时 ","position":{"start":{"line":114,"column":71,"offset":2973},"end":{"line":114,"column":84,"offset":2986}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":114,"column":84,"offset":2986},"end":{"line":114,"column":93,"offset":2995}}},{"type":"text","value":" 参数无效。","position":{"start":{"line":114,"column":93,"offset":2995},"end":{"line":114,"column":99,"offset":3001}}}],"position":{"start":{"line":114,"column":1,"offset":2903},"end":{"line":114,"column":99,"offset":3001}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"tooltip"},"children":[{"type":"element","tagName":"a","properties":{"href":"#tooltip","aria-label":"tooltip permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"tooltip","position":{"start":{"line":116,"column":5,"offset":3007},"end":{"line":116,"column":12,"offset":3014}}}],"position":{"start":{"line":116,"column":1,"offset":3003},"end":{"line":116,"column":12,"offset":3014}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：节点文本提示；","position":{"start":{"line":118,"column":3,"offset":3018},"end":{"line":118,"column":13,"offset":3028}}}],"position":{"start":{"line":118,"column":1,"offset":3016},"end":{"line":118,"column":13,"offset":3028}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;tooltip&#39;</code>","position":{"start":{"line":119,"column":3,"offset":3031},"end":{"line":119,"column":20,"offset":3048}}},{"type":"text","value":"；","position":{"start":{"line":119,"column":20,"offset":3048},"end":{"line":119,"column":21,"offset":3049}}}],"position":{"start":{"line":119,"column":1,"offset":3029},"end":{"line":119,"column":21,"offset":3049}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">formatText(model)</code>","position":{"start":{"line":120,"column":3,"offset":3052},"end":{"line":120,"column":22,"offset":3071}}},{"type":"text","value":" 格式化函数，可以返回文本或者 HTML；","position":{"start":{"line":120,"column":22,"offset":3071},"end":{"line":120,"column":43,"offset":3092}}}],"position":{"start":{"line":120,"column":3,"offset":3052},"end":{"line":120,"column":43,"offset":3092}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  container<span class=\"token punctuation\">:</span> <span class=\"token string\">'mountNode'</span><span class=\"token punctuation\">,</span>\n  width<span class=\"token punctuation\">:</span> <span class=\"token number\">500</span><span class=\"token punctuation\">,</span>\n  height<span class=\"token punctuation\">:</span> <span class=\"token number\">500</span><span class=\"token punctuation\">,</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'tooltip'</span><span class=\"token punctuation\">,</span>\n        <span class=\"token function\">formatText</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">model</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n          <span class=\"token keyword\">return</span> model<span class=\"token punctuation\">.</span>xxx<span class=\"token punctuation\">;</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":121,"column":1,"offset":3093},"end":{"line":135,"column":4,"offset":3323}}},{"type":"text","value":"\n"}],"position":{"start":{"line":120,"column":1,"offset":3050},"end":{"line":135,"column":4,"offset":3323}}},{"type":"text","value":"\n"}],"position":{"start":{"line":118,"column":1,"offset":3016},"end":{"line":135,"column":4,"offset":3323}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"提示：由于 G6 没有内置任何 tooltip 的样式，用户需要自己定义样式，例如：","position":{"start":{"line":137,"column":3,"offset":3327},"end":{"line":137,"column":45,"offset":3369}}}],"position":{"start":{"line":137,"column":1,"offset":3325},"end":{"line":137,"column":47,"offset":3371}}}],"position":{"start":{"line":137,"column":1,"offset":3325},"end":{"line":137,"column":47,"offset":3371}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">.g6-tooltip</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token property\">padding</span><span class=\"token punctuation\">:</span> 10px 6px<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">color</span><span class=\"token punctuation\">:</span> #444<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">background-color</span><span class=\"token punctuation\">:</span> <span class=\"token function\">rgba</span><span class=\"token punctuation\">(</span>255<span class=\"token punctuation\">,</span> 255<span class=\"token punctuation\">,</span> 255<span class=\"token punctuation\">,</span> 0.9<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  <span class=\"token property\">border</span><span class=\"token punctuation\">:</span> 1px solid #e2e2e2<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">border-radius</span><span class=\"token punctuation\">:</span> 4px<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n</code></pre></div>","position":{"start":{"line":138,"column":1,"offset":3372},"end":{"line":146,"column":4,"offset":3528}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"edge-tooltip"},"children":[{"type":"element","tagName":"a","properties":{"href":"#edge-tooltip","aria-label":"edge tooltip permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"edge-tooltip","position":{"start":{"line":148,"column":5,"offset":3534},"end":{"line":148,"column":17,"offset":3546}}}],"position":{"start":{"line":148,"column":1,"offset":3530},"end":{"line":148,"column":17,"offset":3546}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"使用方式基本与 tooltip 相同，但是移到边时触发。主要是为了将两个交互区分开，以满足用户边与节点的提示样式或 HTML 结构不同，以及不需要在事件中去区分是节点事件还是边事件等。","position":{"start":{"line":149,"column":1,"offset":3547},"end":{"line":149,"column":93,"offset":3639}}}],"position":{"start":{"line":149,"column":1,"offset":3547},"end":{"line":149,"column":93,"offset":3639}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：边文本提示；","position":{"start":{"line":151,"column":3,"offset":3643},"end":{"line":151,"column":12,"offset":3652}}}],"position":{"start":{"line":151,"column":1,"offset":3641},"end":{"line":151,"column":12,"offset":3652}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;edge-tooltip&#39;</code>","position":{"start":{"line":152,"column":3,"offset":3655},"end":{"line":152,"column":25,"offset":3677}}},{"type":"text","value":"；","position":{"start":{"line":152,"column":25,"offset":3677},"end":{"line":152,"column":26,"offset":3678}}}],"position":{"start":{"line":152,"column":1,"offset":3653},"end":{"line":152,"column":26,"offset":3678}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">formatText(model)</code>","position":{"start":{"line":153,"column":3,"offset":3681},"end":{"line":153,"column":22,"offset":3700}}},{"type":"text","value":" 格式化函数，可以返回文本或者 HTML。","position":{"start":{"line":153,"column":22,"offset":3700},"end":{"line":153,"column":43,"offset":3721}}}],"position":{"start":{"line":153,"column":1,"offset":3679},"end":{"line":153,"column":43,"offset":3721}}},{"type":"text","value":"\n"}],"position":{"start":{"line":151,"column":1,"offset":3641},"end":{"line":153,"column":43,"offset":3721}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"activate-relations"},"children":[{"type":"element","tagName":"a","properties":{"href":"#activate-relations","aria-label":"activate relations permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"activate-relations","position":{"start":{"line":155,"column":5,"offset":3727},"end":{"line":155,"column":23,"offset":3745}}}],"position":{"start":{"line":155,"column":1,"offset":3723},"end":{"line":155,"column":23,"offset":3745}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：当鼠标移到某节点时，突出显示该节点以及与其直接关联的节点和连线；","position":{"start":{"line":157,"column":3,"offset":3749},"end":{"line":157,"column":38,"offset":3784}}}],"position":{"start":{"line":157,"column":1,"offset":3747},"end":{"line":157,"column":38,"offset":3784}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;activate-relations&#39;</code>","position":{"start":{"line":158,"column":3,"offset":3787},"end":{"line":158,"column":31,"offset":3815}}},{"type":"text","value":"；","position":{"start":{"line":158,"column":31,"offset":3815},"end":{"line":158,"column":32,"offset":3816}}}],"position":{"start":{"line":158,"column":1,"offset":3785},"end":{"line":158,"column":32,"offset":3816}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":159,"column":3,"offset":3819},"end":{"line":159,"column":6,"offset":3822}}}],"position":{"start":{"line":159,"column":3,"offset":3819},"end":{"line":159,"column":6,"offset":3822}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">trigger: &#39;mouseenter&#39;</code>","position":{"start":{"line":160,"column":5,"offset":3827},"end":{"line":160,"column":28,"offset":3850}}},{"type":"text","value":", 可以是 ","position":{"start":{"line":160,"column":28,"offset":3850},"end":{"line":160,"column":34,"offset":3856}}},{"type":"raw","value":"<code class=\"language-text\">mousenter</code>","position":{"start":{"line":160,"column":34,"offset":3856},"end":{"line":160,"column":45,"offset":3867}}},{"type":"text","value":" , 鼠标移入时触发；也可以是 ","position":{"start":{"line":160,"column":45,"offset":3867},"end":{"line":160,"column":61,"offset":3883}}},{"type":"raw","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":160,"column":61,"offset":3883},"end":{"line":160,"column":68,"offset":3890}}},{"type":"text","value":" ，鼠标点击时触发；","position":{"start":{"line":160,"column":68,"offset":3890},"end":{"line":160,"column":78,"offset":3900}}}],"position":{"start":{"line":160,"column":3,"offset":3825},"end":{"line":160,"column":78,"offset":3900}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">activeState: &#39;active&#39;</code>","position":{"start":{"line":161,"column":5,"offset":3905},"end":{"line":161,"column":28,"offset":3928}}},{"type":"text","value":", 活跃节点状态；当行为被触发，需要被突出显示的节点和边都会附带此状态，默认值为 ","position":{"start":{"line":161,"column":28,"offset":3928},"end":{"line":161,"column":69,"offset":3969}}},{"type":"raw","value":"<code class=\"language-text\">active</code>","position":{"start":{"line":161,"column":69,"offset":3969},"end":{"line":161,"column":77,"offset":3977}}},{"type":"text","value":"；可以与 graph 实例的 ","position":{"start":{"line":161,"column":77,"offset":3977},"end":{"line":161,"column":92,"offset":3992}}},{"type":"raw","value":"<code class=\"language-text\">nodeStyle</code>","position":{"start":{"line":161,"column":92,"offset":3992},"end":{"line":161,"column":103,"offset":4003}}},{"type":"text","value":" 和 ","position":{"start":{"line":161,"column":103,"offset":4003},"end":{"line":161,"column":106,"offset":4006}}},{"type":"raw","value":"<code class=\"language-text\">edgeStyle</code>","position":{"start":{"line":161,"column":106,"offset":4006},"end":{"line":161,"column":117,"offset":4017}}},{"type":"text","value":" 结合实现丰富的视觉效果。","position":{"start":{"line":161,"column":117,"offset":4017},"end":{"line":161,"column":130,"offset":4030}}}],"position":{"start":{"line":161,"column":3,"offset":3903},"end":{"line":161,"column":130,"offset":4030}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">inactiveState: &#39;inactive&#39;</code>","position":{"start":{"line":162,"column":5,"offset":4035},"end":{"line":162,"column":32,"offset":4062}}},{"type":"text","value":"，非活跃节点状态，不需要被突出显示的节点和边都会附带此状态，默认值为 ","position":{"start":{"line":162,"column":32,"offset":4062},"end":{"line":162,"column":67,"offset":4097}}},{"type":"raw","value":"<code class=\"language-text\">inactive</code>","position":{"start":{"line":162,"column":67,"offset":4097},"end":{"line":162,"column":77,"offset":4107}}},{"type":"text","value":"；可以与 graph 实例的 ","position":{"start":{"line":162,"column":77,"offset":4107},"end":{"line":162,"column":92,"offset":4122}}},{"type":"raw","value":"<code class=\"language-text\">nodeStyle</code>","position":{"start":{"line":162,"column":92,"offset":4122},"end":{"line":162,"column":103,"offset":4133}}},{"type":"text","value":" 和 ","position":{"start":{"line":162,"column":103,"offset":4133},"end":{"line":162,"column":106,"offset":4136}}},{"type":"raw","value":"<code class=\"language-text\">edgeStyle</code>","position":{"start":{"line":162,"column":106,"offset":4136},"end":{"line":162,"column":117,"offset":4147}}},{"type":"text","value":" 结合实现丰富的视觉效果；","position":{"start":{"line":162,"column":117,"offset":4147},"end":{"line":162,"column":130,"offset":4160}}}],"position":{"start":{"line":162,"column":3,"offset":4033},"end":{"line":162,"column":130,"offset":4160}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":163,"column":5,"offset":4165},"end":{"line":163,"column":11,"offset":4171}}},{"type":"raw","value":"<code class=\"language-text\">resetSelected</code>","position":{"start":{"line":163,"column":11,"offset":4171},"end":{"line":163,"column":26,"offset":4186}}},{"type":"text","value":"：高亮相连节点时是否重置已经选中的节点，默认为false，即选中的节点状态不会被 ","position":{"start":{"line":163,"column":26,"offset":4186},"end":{"line":163,"column":67,"offset":4227}}},{"type":"raw","value":"<code class=\"language-text\">activate-relations</code>","position":{"start":{"line":163,"column":67,"offset":4227},"end":{"line":163,"column":87,"offset":4247}}},{"type":"text","value":" 覆盖。","position":{"start":{"line":163,"column":87,"offset":4247},"end":{"line":163,"column":91,"offset":4251}}}],"position":{"start":{"line":163,"column":3,"offset":4163},"end":{"line":163,"column":91,"offset":4251}}},{"type":"text","value":"\n"}],"position":{"start":{"line":160,"column":3,"offset":3825},"end":{"line":163,"column":91,"offset":4251}}},{"type":"text","value":"\n"}],"position":{"start":{"line":159,"column":1,"offset":3817},"end":{"line":163,"column":91,"offset":4251}}},{"type":"text","value":"\n"}],"position":{"start":{"line":157,"column":1,"offset":3747},"end":{"line":163,"column":91,"offset":4251}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"raw","value":"<br />","position":{"start":{"line":166,"column":1,"offset":4254},"end":{"line":166,"column":7,"offset":4260}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":166,"column":9,"offset":4262},"end":{"line":166,"column":13,"offset":4266}}}],"position":{"start":{"line":166,"column":7,"offset":4260},"end":{"line":166,"column":15,"offset":4268}}},{"type":"raw","value":"<br />","position":{"start":{"line":166,"column":15,"offset":4268},"end":{"line":166,"column":21,"offset":4274}}}],"position":{"start":{"line":166,"column":1,"offset":4254},"end":{"line":166,"column":21,"offset":4274}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'activate-relations'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":168,"column":1,"offset":4276},"end":{"line":174,"column":4,"offset":4377}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"默认情况下，选中的节点状态，在操作完以后仍然会保持选中状态。","position":{"start":{"line":175,"column":1,"offset":4378},"end":{"line":175,"column":31,"offset":4408}}},{"type":"raw","value":"<br />","position":{"start":{"line":175,"column":31,"offset":4408},"end":{"line":175,"column":37,"offset":4414}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570783971145-6588e49f-79d7-40b4-aa66-3308f060f2b4.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=358920&status=done&width=610","alt":"3.gif"},"children":[],"position":{"start":{"line":175,"column":37,"offset":4414},"end":{"line":175,"column":270,"offset":4647}}}],"position":{"start":{"line":175,"column":1,"offset":4378},"end":{"line":175,"column":270,"offset":4647}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置参数","position":{"start":{"line":177,"column":3,"offset":4651},"end":{"line":177,"column":7,"offset":4655}}}],"position":{"start":{"line":177,"column":1,"offset":4649},"end":{"line":177,"column":9,"offset":4657}}}],"position":{"start":{"line":177,"column":1,"offset":4649},"end":{"line":177,"column":9,"offset":4657}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'activate-relations'</span><span class=\"token punctuation\">,</span>\n        resetSelected<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":178,"column":1,"offset":4658},"end":{"line":189,"column":4,"offset":4822}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"配置 ","position":{"start":{"line":191,"column":1,"offset":4824},"end":{"line":191,"column":4,"offset":4827}}},{"type":"raw","value":"<code class=\"language-text\">resetSelected</code>","position":{"start":{"line":191,"column":4,"offset":4827},"end":{"line":191,"column":19,"offset":4842}}},{"type":"text","value":" 参数为 ","position":{"start":{"line":191,"column":19,"offset":4842},"end":{"line":191,"column":24,"offset":4847}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":191,"column":24,"offset":4847},"end":{"line":191,"column":30,"offset":4853}}},{"type":"text","value":" 后，交互后会重置节点的选择状态。","position":{"start":{"line":191,"column":30,"offset":4853},"end":{"line":191,"column":47,"offset":4870}}}],"position":{"start":{"line":191,"column":1,"offset":4824},"end":{"line":191,"column":47,"offset":4870}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570784093933-beb50a11-eef7-4076-a05c-5723be7e7e1d.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=142174&status=done&width=610","alt":"3.gif"},"children":[],"position":{"start":{"line":193,"column":1,"offset":4872},"end":{"line":193,"column":234,"offset":5105}}}],"position":{"start":{"line":193,"column":1,"offset":4872},"end":{"line":193,"column":234,"offset":5105}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"brush-select"},"children":[{"type":"element","tagName":"a","properties":{"href":"#brush-select","aria-label":"brush select permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"brush-select","position":{"start":{"line":196,"column":5,"offset":5112},"end":{"line":196,"column":17,"offset":5124}}}],"position":{"start":{"line":196,"column":1,"offset":5108},"end":{"line":196,"column":17,"offset":5124}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：拖动框选节点；","position":{"start":{"line":198,"column":3,"offset":5128},"end":{"line":198,"column":13,"offset":5138}}}],"position":{"start":{"line":198,"column":1,"offset":5126},"end":{"line":198,"column":13,"offset":5138}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;brush-select&#39;</code>","position":{"start":{"line":199,"column":3,"offset":5141},"end":{"line":199,"column":25,"offset":5163}}},{"type":"text","value":"；","position":{"start":{"line":199,"column":25,"offset":5163},"end":{"line":199,"column":26,"offset":5164}}}],"position":{"start":{"line":199,"column":1,"offset":5139},"end":{"line":199,"column":26,"offset":5164}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":200,"column":3,"offset":5167},"end":{"line":200,"column":6,"offset":5170}}}],"position":{"start":{"line":200,"column":3,"offset":5167},"end":{"line":200,"column":6,"offset":5170}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">brushStyle</code>","position":{"start":{"line":201,"column":5,"offset":5175},"end":{"line":201,"column":17,"offset":5187}}},{"type":"text","value":"：拖动框选框的样式；","position":{"start":{"line":201,"column":17,"offset":5187},"end":{"line":201,"column":27,"offset":5197}}}],"position":{"start":{"line":201,"column":3,"offset":5173},"end":{"line":201,"column":27,"offset":5197}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">onSelect(nodes)</code>","position":{"start":{"line":202,"column":5,"offset":5202},"end":{"line":202,"column":22,"offset":5219}}},{"type":"text","value":"：选中节点时的回调，参数 ","position":{"start":{"line":202,"column":22,"offset":5219},"end":{"line":202,"column":35,"offset":5232}}},{"type":"raw","value":"<code class=\"language-text\">nodes</code>","position":{"start":{"line":202,"column":35,"offset":5232},"end":{"line":202,"column":42,"offset":5239}}},{"type":"text","value":" 表示选中的节点；","position":{"start":{"line":202,"column":42,"offset":5239},"end":{"line":202,"column":51,"offset":5248}}}],"position":{"start":{"line":202,"column":3,"offset":5200},"end":{"line":202,"column":51,"offset":5248}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">onDeselect(nodes)</code>","position":{"start":{"line":203,"column":5,"offset":5253},"end":{"line":203,"column":24,"offset":5272}}},{"type":"text","value":"：取消选中节点时的回调，参数 ","position":{"start":{"line":203,"column":24,"offset":5272},"end":{"line":203,"column":39,"offset":5287}}},{"type":"raw","value":"<code class=\"language-text\">nodes</code>","position":{"start":{"line":203,"column":39,"offset":5287},"end":{"line":203,"column":46,"offset":5294}}},{"type":"text","value":" 表示取消选中的节点；","position":{"start":{"line":203,"column":46,"offset":5294},"end":{"line":203,"column":57,"offset":5305}}}],"position":{"start":{"line":203,"column":3,"offset":5251},"end":{"line":203,"column":57,"offset":5305}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">brushStyle</code>","position":{"start":{"line":204,"column":5,"offset":5310},"end":{"line":204,"column":17,"offset":5322}}},{"type":"text","value":"：框选时样式的配置项，包括 ","position":{"start":{"line":204,"column":17,"offset":5322},"end":{"line":204,"column":31,"offset":5336}}},{"type":"raw","value":"<code class=\"language-text\">fill</code>","position":{"start":{"line":204,"column":31,"offset":5336},"end":{"line":204,"column":37,"offset":5342}}},{"type":"text","value":"、","position":{"start":{"line":204,"column":37,"offset":5342},"end":{"line":204,"column":38,"offset":5343}}},{"type":"raw","value":"<code class=\"language-text\">fillOpacity</code>","position":{"start":{"line":204,"column":38,"offset":5343},"end":{"line":204,"column":51,"offset":5356}}},{"type":"text","value":"、","position":{"start":{"line":204,"column":51,"offset":5356},"end":{"line":204,"column":52,"offset":5357}}},{"type":"raw","value":"<code class=\"language-text\">stroke</code>","position":{"start":{"line":204,"column":52,"offset":5357},"end":{"line":204,"column":60,"offset":5365}}},{"type":"text","value":" 和 ","position":{"start":{"line":204,"column":60,"offset":5365},"end":{"line":204,"column":63,"offset":5368}}},{"type":"raw","value":"<code class=\"language-text\">lineWidth</code>","position":{"start":{"line":204,"column":63,"offset":5368},"end":{"line":204,"column":74,"offset":5379}}},{"type":"text","value":" 四个属性；","position":{"start":{"line":204,"column":74,"offset":5379},"end":{"line":204,"column":80,"offset":5385}}}],"position":{"start":{"line":204,"column":3,"offset":5308},"end":{"line":204,"column":80,"offset":5385}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">selectedState</code>","position":{"start":{"line":205,"column":5,"offset":5390},"end":{"line":205,"column":20,"offset":5405}}},{"type":"text","value":"：选中的状态，默认值为 ","position":{"start":{"line":205,"column":20,"offset":5405},"end":{"line":205,"column":32,"offset":5417}}},{"type":"raw","value":"<code class=\"language-text\">&#39;selected&#39;</code>","position":{"start":{"line":205,"column":32,"offset":5417},"end":{"line":205,"column":44,"offset":5429}}},{"type":"text","value":"；","position":{"start":{"line":205,"column":44,"offset":5429},"end":{"line":205,"column":45,"offset":5430}}}],"position":{"start":{"line":205,"column":3,"offset":5388},"end":{"line":205,"column":45,"offset":5430}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">includeEdges</code>","position":{"start":{"line":206,"column":5,"offset":5435},"end":{"line":206,"column":19,"offset":5449}}},{"type":"text","value":"：框选过程中是否选中边，默认为 ","position":{"start":{"line":206,"column":19,"offset":5449},"end":{"line":206,"column":35,"offset":5465}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":206,"column":35,"offset":5465},"end":{"line":206,"column":41,"offset":5471}}},{"type":"text","value":"，用户配置为 ","position":{"start":{"line":206,"column":41,"offset":5471},"end":{"line":206,"column":48,"offset":5478}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":206,"column":48,"offset":5478},"end":{"line":206,"column":55,"offset":5485}}},{"type":"text","value":" 时，则不选中边；","position":{"start":{"line":206,"column":55,"offset":5485},"end":{"line":206,"column":64,"offset":5494}}}],"position":{"start":{"line":206,"column":3,"offset":5433},"end":{"line":206,"column":64,"offset":5494}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":207,"column":5,"offset":5499},"end":{"line":207,"column":11,"offset":5505}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":207,"column":11,"offset":5505},"end":{"line":207,"column":20,"offset":5514}}},{"type":"text","value":"：触发框选的动作，默认为 ","position":{"start":{"line":207,"column":20,"offset":5514},"end":{"line":207,"column":33,"offset":5527}}},{"type":"raw","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":207,"column":33,"offset":5527},"end":{"line":207,"column":42,"offset":5536}}},{"type":"text","value":"，即用户按住 Shift 键拖动就可以进行框选操作，可配置的的选项为: ","position":{"start":{"line":207,"column":42,"offset":5536},"end":{"line":207,"column":78,"offset":5572}}},{"type":"raw","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":207,"column":78,"offset":5572},"end":{"line":207,"column":87,"offset":5581}}},{"type":"text","value":"、","position":{"start":{"line":207,"column":87,"offset":5581},"end":{"line":207,"column":88,"offset":5582}}},{"type":"raw","value":"<code class=\"language-text\">&#39;ctrl&#39; / &#39;control&#39;</code>","position":{"start":{"line":207,"column":88,"offset":5582},"end":{"line":207,"column":108,"offset":5602}}},{"type":"text","value":"、","position":{"start":{"line":207,"column":108,"offset":5602},"end":{"line":207,"column":109,"offset":5603}}},{"type":"raw","value":"<code class=\"language-text\">&#39;alt&#39;</code>","position":{"start":{"line":207,"column":109,"offset":5603},"end":{"line":207,"column":116,"offset":5610}}},{"type":"text","value":" 和 ","position":{"start":{"line":207,"column":116,"offset":5610},"end":{"line":207,"column":119,"offset":5613}}},{"type":"raw","value":"<code class=\"language-text\">&#39;drag&#39;</code>","position":{"start":{"line":207,"column":119,"offset":5613},"end":{"line":207,"column":127,"offset":5621}}},{"type":"text","value":" ，不区分大小写：","position":{"start":{"line":207,"column":127,"offset":5621},"end":{"line":207,"column":136,"offset":5630}}}],"position":{"start":{"line":207,"column":3,"offset":5497},"end":{"line":207,"column":136,"offset":5630}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":208,"column":7,"offset":5637},"end":{"line":208,"column":16,"offset":5646}}},{"type":"text","value":"：按住 Shift 键进行拖动框选；","position":{"start":{"line":208,"column":16,"offset":5646},"end":{"line":208,"column":34,"offset":5664}}}],"position":{"start":{"line":208,"column":5,"offset":5635},"end":{"line":208,"column":34,"offset":5664}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">&#39;ctrl&#39; / &#39;control&#39;</code>","position":{"start":{"line":209,"column":7,"offset":5671},"end":{"line":209,"column":27,"offset":5691}}},{"type":"text","value":"：按住 Ctrl 键进行拖动框选；","position":{"start":{"line":209,"column":27,"offset":5691},"end":{"line":209,"column":44,"offset":5708}}}],"position":{"start":{"line":209,"column":5,"offset":5669},"end":{"line":209,"column":44,"offset":5708}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">&#39;alt&#39;</code>","position":{"start":{"line":210,"column":7,"offset":5715},"end":{"line":210,"column":14,"offset":5722}}},{"type":"text","value":"：按住 Alt 键进行拖动框选；","position":{"start":{"line":210,"column":14,"offset":5722},"end":{"line":210,"column":30,"offset":5738}}}],"position":{"start":{"line":210,"column":5,"offset":5713},"end":{"line":210,"column":30,"offset":5738}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"风险 ","position":{"start":{"line":211,"column":7,"offset":5745},"end":{"line":211,"column":10,"offset":5748}}},{"type":"raw","value":"<code class=\"language-text\">&#39;drag&#39;</code>","position":{"start":{"line":211,"column":10,"offset":5748},"end":{"line":211,"column":18,"offset":5756}}},{"type":"text","value":"：不需要按任何键，进行拖动框选，如果同时配置了 ","position":{"start":{"line":211,"column":18,"offset":5756},"end":{"line":211,"column":42,"offset":5780}}},{"type":"raw","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":211,"column":42,"offset":5780},"end":{"line":211,"column":55,"offset":5793}}},{"type":"text","value":"，则会与该选项冲突。","position":{"start":{"line":211,"column":55,"offset":5793},"end":{"line":211,"column":65,"offset":5803}}}],"position":{"start":{"line":211,"column":5,"offset":5743},"end":{"line":211,"column":65,"offset":5803}}},{"type":"text","value":"\n"}],"position":{"start":{"line":201,"column":3,"offset":5173},"end":{"line":211,"column":65,"offset":5803}}},{"type":"text","value":"\n"}],"position":{"start":{"line":200,"column":1,"offset":5165},"end":{"line":211,"column":65,"offset":5803}}},{"type":"text","value":"\n"}],"position":{"start":{"line":198,"column":1,"offset":5126},"end":{"line":211,"column":65,"offset":5803}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":213,"column":3,"offset":5807},"end":{"line":213,"column":7,"offset":5811}}}],"position":{"start":{"line":213,"column":1,"offset":5805},"end":{"line":213,"column":9,"offset":5813}}}],"position":{"start":{"line":213,"column":1,"offset":5805},"end":{"line":213,"column":9,"offset":5813}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":215,"column":1,"offset":5815},"end":{"line":221,"column":4,"offset":5910}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"默认情况下，按住 Shift 键进行框选，选中节点的同时，也会选中边。","position":{"start":{"line":222,"column":1,"offset":5911},"end":{"line":222,"column":36,"offset":5946}}},{"type":"raw","value":"<br />","position":{"start":{"line":222,"column":36,"offset":5946},"end":{"line":222,"column":42,"offset":5952}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779252901-1efaccf6-a268-47a6-8db9-f63c82d355fe.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=188323&status=done&width=610","alt":"3.gif"},"children":[],"position":{"start":{"line":222,"column":42,"offset":5952},"end":{"line":222,"column":275,"offset":6185}}}],"position":{"start":{"line":222,"column":1,"offset":5911},"end":{"line":222,"column":275,"offset":6185}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置参数","position":{"start":{"line":224,"column":3,"offset":6189},"end":{"line":224,"column":7,"offset":6193}}}],"position":{"start":{"line":224,"column":1,"offset":6187},"end":{"line":224,"column":9,"offset":6195}}}],"position":{"start":{"line":224,"column":1,"offset":6187},"end":{"line":224,"column":9,"offset":6195}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'ctrl'</span><span class=\"token punctuation\">,</span>\n        includeEdges<span class=\"token punctuation\">:</span> <span class=\"token boolean\">false</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":225,"column":1,"offset":6196},"end":{"line":237,"column":4,"offset":6379}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"上面的配置，按住 Ctrl 键，进行框选，框选过程中不会选中边。","position":{"start":{"line":239,"column":1,"offset":6381},"end":{"line":239,"column":33,"offset":6413}}},{"type":"raw","value":"<br />","position":{"start":{"line":239,"column":33,"offset":6413},"end":{"line":239,"column":39,"offset":6419}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779434063-6bf4fe39-88c8-44c2-a25d-6b8980db4a39.gif#align=left&display=inline&height=370&name=3.gif&originHeight=542&originWidth=610&search=&size=115882&status=done&width=416","alt":"3.gif"},"children":[],"position":{"start":{"line":239,"column":39,"offset":6419},"end":{"line":239,"column":272,"offset":6652}}}],"position":{"start":{"line":239,"column":1,"offset":6381},"end":{"line":239,"column":272,"offset":6652}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置冲突","position":{"start":{"line":241,"column":3,"offset":6656},"end":{"line":241,"column":7,"offset":6660}}}],"position":{"start":{"line":241,"column":1,"offset":6654},"end":{"line":241,"column":9,"offset":6662}}}],"position":{"start":{"line":241,"column":1,"offset":6654},"end":{"line":241,"column":9,"offset":6662}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":242,"column":1,"offset":6663},"end":{"line":253,"column":4,"offset":6831}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当用户配置 ","position":{"start":{"line":255,"column":1,"offset":6833},"end":{"line":255,"column":7,"offset":6839}}},{"type":"raw","value":"<code class=\"language-text\">brush-select</code>","position":{"start":{"line":255,"column":7,"offset":6839},"end":{"line":255,"column":21,"offset":6853}}},{"type":"text","value":" 的 ","position":{"start":{"line":255,"column":21,"offset":6853},"end":{"line":255,"column":24,"offset":6856}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":255,"column":24,"offset":6856},"end":{"line":255,"column":33,"offset":6865}}},{"type":"text","value":" 为 ","position":{"start":{"line":255,"column":33,"offset":6865},"end":{"line":255,"column":36,"offset":6868}}},{"type":"raw","value":"<code class=\"language-text\">drag</code>","position":{"start":{"line":255,"column":36,"offset":6868},"end":{"line":255,"column":42,"offset":6874}}},{"type":"text","value":"，同时又配置了 ","position":{"start":{"line":255,"column":42,"offset":6874},"end":{"line":255,"column":50,"offset":6882}}},{"type":"raw","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":255,"column":50,"offset":6882},"end":{"line":255,"column":63,"offset":6895}}},{"type":"text","value":" 时，在交互上面会出现冲突的情况。","position":{"start":{"line":255,"column":63,"offset":6895},"end":{"line":255,"column":80,"offset":6912}}},{"type":"raw","value":"<br />","position":{"start":{"line":255,"column":80,"offset":6912},"end":{"line":255,"column":86,"offset":6918}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779665370-63bb8a65-f4e3-4a05-8c42-21b2e79b6b76.gif#align=left&display=inline&height=412&name=3.gif&originHeight=542&originWidth=610&search=&size=559913&status=done&width=464","alt":"3.gif"},"children":[],"position":{"start":{"line":255,"column":86,"offset":6918},"end":{"line":255,"column":319,"offset":7151}}}],"position":{"start":{"line":255,"column":1,"offset":6833},"end":{"line":255,"column":319,"offset":7151}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"可以看到，在拖动过程中也出现了框选的情况，这种情况很显然不是我们期望的效果，除过使用 ","position":{"start":{"line":257,"column":1,"offset":7153},"end":{"line":257,"column":44,"offset":7196}}},{"type":"raw","value":"<code class=\"language-text\">brush-select</code>","position":{"start":{"line":257,"column":44,"offset":7196},"end":{"line":257,"column":59,"offset":7211}}},{"type":"text","value":"的 ","position":{"start":{"line":257,"column":59,"offset":7211},"end":{"line":257,"column":61,"offset":7213}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":257,"column":61,"offset":7213},"end":{"line":257,"column":70,"offset":7222}}},{"type":"text","value":" 参数避免这种冲突外，我们还可以通过下面的方式来实现：","position":{"start":{"line":257,"column":70,"offset":7222},"end":{"line":257,"column":97,"offset":7249}}}],"position":{"start":{"line":257,"column":1,"offset":7153},"end":{"line":257,"column":97,"offset":7249}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    brush<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":259,"column":1,"offset":7251},"end":{"line":271,"column":4,"offset":7433}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"上面这种方式是使用不同的 mode 来区分，mode 可以达到使用相同交互动作而产生不同的效果，更多关于 mode 的内容请参数 ","position":{"start":{"line":273,"column":1,"offset":7435},"end":{"line":273,"column":66,"offset":7500}}},{"type":"element","tagName":"a","properties":{"href":"./mode"},"children":[{"type":"text","value":"G6 中的 Mode 文档","position":{"start":{"line":273,"column":67,"offset":7501},"end":{"line":273,"column":80,"offset":7514}}}],"position":{"start":{"line":273,"column":66,"offset":7500},"end":{"line":273,"column":89,"offset":7523}}},{"type":"text","value":"。","position":{"start":{"line":273,"column":89,"offset":7523},"end":{"line":273,"column":90,"offset":7524}}}],"position":{"start":{"line":273,"column":1,"offset":7435},"end":{"line":273,"column":90,"offset":7524}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"使用 mode 区分，默认情况下使用的是 ","position":{"start":{"line":275,"column":1,"offset":7526},"end":{"line":275,"column":22,"offset":7547}}},{"type":"raw","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":275,"column":22,"offset":7547},"end":{"line":275,"column":35,"offset":7560}}},{"type":"text","value":"，但用户需要切换到框选时，通过 ","position":{"start":{"line":275,"column":35,"offset":7560},"end":{"line":275,"column":51,"offset":7576}}},{"type":"raw","value":"<code class=\"language-text\">graph.setModel(&#39;brush&#39;)</code>","position":{"start":{"line":275,"column":51,"offset":7576},"end":{"line":275,"column":76,"offset":7601}}},{"type":"text","value":" 即可实现，此时同样的交互产生的就是框选的效果。","position":{"start":{"line":275,"column":76,"offset":7601},"end":{"line":275,"column":100,"offset":7625}}}],"position":{"start":{"line":275,"column":1,"offset":7526},"end":{"line":275,"column":100,"offset":7625}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"collapse-expand"},"children":[{"type":"element","tagName":"a","properties":{"href":"#collapse-expand","aria-label":"collapse expand permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"collapse-expand","position":{"start":{"line":277,"column":5,"offset":7631},"end":{"line":277,"column":20,"offset":7646}}}],"position":{"start":{"line":277,"column":1,"offset":7627},"end":{"line":277,"column":20,"offset":7646}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：只适用于树图，展开或收起节点；","position":{"start":{"line":279,"column":3,"offset":7650},"end":{"line":279,"column":21,"offset":7668}}}],"position":{"start":{"line":279,"column":1,"offset":7648},"end":{"line":279,"column":21,"offset":7668}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;collapse-expand&#39;</code>","position":{"start":{"line":280,"column":3,"offset":7671},"end":{"line":280,"column":28,"offset":7696}}},{"type":"text","value":"；","position":{"start":{"line":280,"column":28,"offset":7696},"end":{"line":280,"column":29,"offset":7697}}}],"position":{"start":{"line":280,"column":1,"offset":7669},"end":{"line":280,"column":29,"offset":7697}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":281,"column":3,"offset":7700},"end":{"line":281,"column":6,"offset":7703}}}],"position":{"start":{"line":281,"column":3,"offset":7700},"end":{"line":281,"column":6,"offset":7703}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":282,"column":5,"offset":7708},"end":{"line":282,"column":14,"offset":7717}}},{"type":"text","value":"：收起和展开树图的方式，支持","position":{"start":{"line":282,"column":14,"offset":7717},"end":{"line":282,"column":28,"offset":7731}}},{"type":"raw","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":282,"column":28,"offset":7731},"end":{"line":282,"column":35,"offset":7738}}},{"type":"text","value":"和","position":{"start":{"line":282,"column":35,"offset":7738},"end":{"line":282,"column":36,"offset":7739}}},{"type":"raw","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":282,"column":36,"offset":7739},"end":{"line":282,"column":46,"offset":7749}}},{"type":"text","value":"两种方式，默认为","position":{"start":{"line":282,"column":46,"offset":7749},"end":{"line":282,"column":54,"offset":7757}}},{"type":"raw","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":282,"column":54,"offset":7757},"end":{"line":282,"column":61,"offset":7764}}},{"type":"text","value":"；","position":{"start":{"line":282,"column":61,"offset":7764},"end":{"line":282,"column":62,"offset":7765}}}],"position":{"start":{"line":282,"column":3,"offset":7706},"end":{"line":282,"column":62,"offset":7765}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">onChange</code>","position":{"start":{"line":283,"column":5,"offset":7770},"end":{"line":283,"column":15,"offset":7780}}},{"type":"text","value":"：收起或展开的回调函数，警告 ","position":{"start":{"line":283,"column":15,"offset":7780},"end":{"line":283,"column":30,"offset":7795}}},{"type":"raw","value":"<code class=\"language-text\">3.1.2</code>","position":{"start":{"line":283,"column":30,"offset":7795},"end":{"line":283,"column":38,"offset":7803}}},{"type":"text","value":"版本中将移除。","position":{"start":{"line":283,"column":38,"offset":7803},"end":{"line":283,"column":45,"offset":7810}}}],"position":{"start":{"line":283,"column":3,"offset":7768},"end":{"line":283,"column":45,"offset":7810}}},{"type":"text","value":"\n"}],"position":{"start":{"line":282,"column":3,"offset":7706},"end":{"line":283,"column":45,"offset":7810}}},{"type":"text","value":"\n"}],"position":{"start":{"line":281,"column":1,"offset":7698},"end":{"line":283,"column":45,"offset":7810}}},{"type":"text","value":"\n"}],"position":{"start":{"line":279,"column":1,"offset":7648},"end":{"line":283,"column":45,"offset":7810}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"用法","position":{"start":{"line":286,"column":3,"offset":7815},"end":{"line":286,"column":5,"offset":7817}}}],"position":{"start":{"line":286,"column":1,"offset":7813},"end":{"line":286,"column":7,"offset":7819}}}],"position":{"start":{"line":286,"column":1,"offset":7813},"end":{"line":286,"column":7,"offset":7819}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>TreeGraph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'collapse-expand'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'click'</span><span class=\"token punctuation\">,</span>\n        <span class=\"token function\">onChange</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">item<span class=\"token punctuation\">,</span> collapsed</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n          <span class=\"token keyword\">const</span> data <span class=\"token operator\">=</span> item<span class=\"token punctuation\">.</span><span class=\"token function\">get</span><span class=\"token punctuation\">(</span><span class=\"token string\">'model'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span>data<span class=\"token punctuation\">;</span>\n          data<span class=\"token punctuation\">.</span>collapsed <span class=\"token operator\">=</span> collapsed<span class=\"token punctuation\">;</span>\n          <span class=\"token keyword\">return</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">;</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token string\">'zoom-canvas'</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":288,"column":1,"offset":7821},"end":{"line":302,"column":4,"offset":8142}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"collapse-expand-group"},"children":[{"type":"element","tagName":"a","properties":{"href":"#collapse-expand-group","aria-label":"collapse expand group permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"collapse-expand-group","position":{"start":{"line":304,"column":5,"offset":8148},"end":{"line":304,"column":26,"offset":8169}}}],"position":{"start":{"line":304,"column":1,"offset":8144},"end":{"line":304,"column":26,"offset":8169}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：收起和展开群组；","position":{"start":{"line":306,"column":3,"offset":8173},"end":{"line":306,"column":14,"offset":8184}}}],"position":{"start":{"line":306,"column":1,"offset":8171},"end":{"line":306,"column":14,"offset":8184}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type：&#39;collapse-expand-group&#39;</code>","position":{"start":{"line":307,"column":3,"offset":8187},"end":{"line":307,"column":33,"offset":8217}}}],"position":{"start":{"line":307,"column":1,"offset":8185},"end":{"line":307,"column":33,"offset":8217}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":308,"column":3,"offset":8220},"end":{"line":308,"column":6,"offset":8223}}}],"position":{"start":{"line":308,"column":3,"offset":8220},"end":{"line":308,"column":6,"offset":8223}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"3.1.2 trigger：收起和展开节点分组的方式，支持","position":{"start":{"line":309,"column":5,"offset":8228},"end":{"line":309,"column":34,"offset":8257}}},{"type":"raw","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":309,"column":34,"offset":8257},"end":{"line":309,"column":41,"offset":8264}}},{"type":"text","value":"和","position":{"start":{"line":309,"column":41,"offset":8264},"end":{"line":309,"column":42,"offset":8265}}},{"type":"raw","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":309,"column":42,"offset":8265},"end":{"line":309,"column":52,"offset":8275}}},{"type":"text","value":"两种方式，默认为","position":{"start":{"line":309,"column":52,"offset":8275},"end":{"line":309,"column":60,"offset":8283}}},{"type":"raw","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":309,"column":60,"offset":8283},"end":{"line":309,"column":70,"offset":8293}}}],"position":{"start":{"line":309,"column":3,"offset":8226},"end":{"line":309,"column":70,"offset":8293}}},{"type":"text","value":"\n"}],"position":{"start":{"line":309,"column":3,"offset":8226},"end":{"line":309,"column":70,"offset":8293}}},{"type":"text","value":"\n"}],"position":{"start":{"line":308,"column":1,"offset":8218},"end":{"line":309,"column":70,"offset":8293}}},{"type":"text","value":"\n"}],"position":{"start":{"line":306,"column":1,"offset":8171},"end":{"line":309,"column":70,"offset":8293}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":311,"column":3,"offset":8297},"end":{"line":311,"column":7,"offset":8301}}}],"position":{"start":{"line":311,"column":1,"offset":8295},"end":{"line":311,"column":9,"offset":8303}}}],"position":{"start":{"line":311,"column":1,"offset":8295},"end":{"line":311,"column":9,"offset":8303}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'collapse-expand-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":312,"column":1,"offset":8304},"end":{"line":318,"column":4,"offset":8408}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"配置参数","position":{"start":{"line":320,"column":3,"offset":8412},"end":{"line":320,"column":7,"offset":8416}}}],"position":{"start":{"line":320,"column":1,"offset":8410},"end":{"line":320,"column":9,"offset":8418}}},{"type":"raw","value":"<br />","position":{"start":{"line":320,"column":9,"offset":8418},"end":{"line":320,"column":15,"offset":8424}}},{"type":"text","value":"配置 ","position":{"start":{"line":320,"column":15,"offset":8424},"end":{"line":320,"column":18,"offset":8427}}},{"type":"raw","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":320,"column":18,"offset":8427},"end":{"line":320,"column":27,"offset":8436}}},{"type":"text","value":" 参数为 ","position":{"start":{"line":320,"column":27,"offset":8436},"end":{"line":320,"column":32,"offset":8441}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":320,"column":34,"offset":8443},"end":{"line":320,"column":41,"offset":8450}}}],"position":{"start":{"line":320,"column":32,"offset":8441},"end":{"line":320,"column":43,"offset":8452}}},{"type":"text","value":" 后，单击节点分组即可收起或展开分组。","position":{"start":{"line":320,"column":43,"offset":8452},"end":{"line":320,"column":62,"offset":8471}}}],"position":{"start":{"line":320,"column":1,"offset":8410},"end":{"line":320,"column":62,"offset":8471}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'collapse-expand-group'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'click'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":322,"column":1,"offset":8473},"end":{"line":333,"column":4,"offset":8636}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570785874686-a7333f95-e8d3-45a7-873e-8ee56c3b4b21.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=57719&status=done&width=610","alt":"3.gif"},"children":[],"position":{"start":{"line":335,"column":1,"offset":8638},"end":{"line":335,"column":233,"offset":8870}}}],"position":{"start":{"line":335,"column":1,"offset":8638},"end":{"line":335,"column":233,"offset":8870}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"drag-group"},"children":[{"type":"element","tagName":"a","properties":{"href":"#drag-group","aria-label":"drag group permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"drag-group","position":{"start":{"line":337,"column":5,"offset":8876},"end":{"line":337,"column":15,"offset":8886}}}],"position":{"start":{"line":337,"column":1,"offset":8872},"end":{"line":337,"column":15,"offset":8886}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：拖动节点分组；","position":{"start":{"line":339,"column":3,"offset":8890},"end":{"line":339,"column":13,"offset":8900}}}],"position":{"start":{"line":339,"column":1,"offset":8888},"end":{"line":339,"column":13,"offset":8900}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type: &#39;drag-group&#39;</code>","position":{"start":{"line":340,"column":3,"offset":8903},"end":{"line":340,"column":23,"offset":8923}}},{"type":"text","value":"；","position":{"start":{"line":340,"column":23,"offset":8923},"end":{"line":340,"column":24,"offset":8924}}}],"position":{"start":{"line":340,"column":1,"offset":8901},"end":{"line":340,"column":24,"offset":8924}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":341,"column":3,"offset":8927},"end":{"line":341,"column":6,"offset":8930}}}],"position":{"start":{"line":341,"column":3,"offset":8927},"end":{"line":341,"column":6,"offset":8930}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":342,"column":5,"offset":8935},"end":{"line":342,"column":20,"offset":8950}}},{"type":"text","value":"：拖动节点分组时 ","position":{"start":{"line":342,"column":20,"offset":8950},"end":{"line":342,"column":29,"offset":8959}}},{"type":"raw","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":342,"column":29,"offset":8959},"end":{"line":342,"column":39,"offset":8969}}},{"type":"text","value":" 的样式。","position":{"start":{"line":342,"column":39,"offset":8969},"end":{"line":342,"column":44,"offset":8974}}}],"position":{"start":{"line":342,"column":3,"offset":8933},"end":{"line":342,"column":44,"offset":8974}}},{"type":"text","value":"\n"}],"position":{"start":{"line":342,"column":3,"offset":8933},"end":{"line":342,"column":44,"offset":8974}}},{"type":"text","value":"\n"}],"position":{"start":{"line":341,"column":1,"offset":8925},"end":{"line":342,"column":44,"offset":8974}}},{"type":"text","value":"\n"}],"position":{"start":{"line":339,"column":1,"offset":8888},"end":{"line":342,"column":44,"offset":8974}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":344,"column":3,"offset":8978},"end":{"line":344,"column":7,"offset":8982}}}],"position":{"start":{"line":344,"column":1,"offset":8976},"end":{"line":344,"column":9,"offset":8984}}}],"position":{"start":{"line":344,"column":1,"offset":8976},"end":{"line":344,"column":9,"offset":8984}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":345,"column":1,"offset":8985},"end":{"line":351,"column":4,"offset":9078}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"drag-node-with-group"},"children":[{"type":"element","tagName":"a","properties":{"href":"#drag-node-with-group","aria-label":"drag node with group permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"drag-node-with-group","position":{"start":{"line":353,"column":5,"offset":9084},"end":{"line":353,"column":25,"offset":9104}}}],"position":{"start":{"line":353,"column":1,"offset":9080},"end":{"line":353,"column":25,"offset":9104}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"含义：拖动节点分组中的节点；","position":{"start":{"line":355,"column":3,"offset":9108},"end":{"line":355,"column":17,"offset":9122}}}],"position":{"start":{"line":355,"column":1,"offset":9106},"end":{"line":355,"column":17,"offset":9122}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">type：&#39;drag-node-with-group&#39;</code>","position":{"start":{"line":356,"column":3,"offset":9125},"end":{"line":356,"column":32,"offset":9154}}},{"type":"text","value":"；","position":{"start":{"line":356,"column":32,"offset":9154},"end":{"line":356,"column":33,"offset":9155}}}],"position":{"start":{"line":356,"column":1,"offset":9123},"end":{"line":356,"column":33,"offset":9155}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"参数：","position":{"start":{"line":357,"column":3,"offset":9158},"end":{"line":357,"column":6,"offset":9161}}}],"position":{"start":{"line":357,"column":3,"offset":9158},"end":{"line":357,"column":6,"offset":9161}}},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":358,"column":5,"offset":9166},"end":{"line":358,"column":20,"offset":9181}}},{"type":"text","value":"：拖动节点分组时 ","position":{"start":{"line":358,"column":20,"offset":9181},"end":{"line":358,"column":29,"offset":9190}}},{"type":"raw","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":358,"column":29,"offset":9190},"end":{"line":358,"column":39,"offset":9200}}},{"type":"text","value":" 的样式；","position":{"start":{"line":358,"column":39,"offset":9200},"end":{"line":358,"column":44,"offset":9205}}}],"position":{"start":{"line":358,"column":3,"offset":9164},"end":{"line":358,"column":44,"offset":9205}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">maxMultiple</code>","position":{"start":{"line":359,"column":5,"offset":9210},"end":{"line":359,"column":18,"offset":9223}}},{"type":"text","value":"：","position":{"start":{"line":359,"column":18,"offset":9223},"end":{"line":359,"column":19,"offset":9224}}}],"position":{"start":{"line":359,"column":3,"offset":9208},"end":{"line":359,"column":19,"offset":9224}}},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"raw","value":"<code class=\"language-text\">minMultiple</code>","position":{"start":{"line":360,"column":5,"offset":9229},"end":{"line":360,"column":18,"offset":9242}}},{"type":"text","value":"。","position":{"start":{"line":360,"column":18,"offset":9242},"end":{"line":360,"column":19,"offset":9243}}}],"position":{"start":{"line":360,"column":3,"offset":9227},"end":{"line":360,"column":19,"offset":9243}}},{"type":"text","value":"\n"}],"position":{"start":{"line":358,"column":3,"offset":9164},"end":{"line":360,"column":19,"offset":9243}}},{"type":"text","value":"\n"}],"position":{"start":{"line":357,"column":1,"offset":9156},"end":{"line":360,"column":19,"offset":9243}}},{"type":"text","value":"\n"}],"position":{"start":{"line":355,"column":1,"offset":9106},"end":{"line":360,"column":19,"offset":9243}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认配置","position":{"start":{"line":362,"column":3,"offset":9247},"end":{"line":362,"column":7,"offset":9251}}}],"position":{"start":{"line":362,"column":1,"offset":9245},"end":{"line":362,"column":9,"offset":9253}}}],"position":{"start":{"line":362,"column":1,"offset":9245},"end":{"line":362,"column":9,"offset":9253}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-node-with-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":363,"column":1,"offset":9254},"end":{"line":369,"column":4,"offset":9357}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":370,"column":1,"offset":9358}}}}