mirror of
https://github.com/wanglin2/mind-map.git
synced 2026-02-17 14:04:47 +08:00
Doc: update
This commit is contained in:
街角小林
@@ -103,7 +103,9 @@ const mindMap = new MindMap({
|
||||
|
||||
# 微信交流群
|
||||
|
||||
群聊人数较多，无法通过二维码入群，可以微信添加`wanglinguanfang`拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。
|
||||
一群已满，可以扫描如下二维码进入二群，如已过期，可以微信添加`wanglinguanfang`拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。
|
||||
|
||||
<img src="./qrcode.jpg" style="width: 300px" />
|
||||
|
||||
# star
|
||||
|
||||
@@ -443,4 +445,8 @@ const mindMap = new MindMap({
|
||||
<img src="./web/src/assets/avatar/。.png" style="width: 50px;height: 50px;" />
|
||||
<span>。</span>
|
||||
</span>
|
||||
<span>
|
||||
<img src="./web/src/assets/avatar/Jeffrey.jpg" style="width: 50px;height: 50px;" />
|
||||
<span>Jeffrey</span>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
BIN
qrcode.jpg
Normal file
BIN
qrcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
web/src/assets/avatar/Jeffrey.jpg
Normal file
BIN
web/src/assets/avatar/Jeffrey.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
@@ -55,6 +55,12 @@ The currently active connection line and array type are the same as the structur
|
||||
|
||||
## Methods
|
||||
|
||||
### cancelCreateLine()
|
||||
|
||||
> v0.10.5+
|
||||
|
||||
Cancel the creation of the associated line midway.
|
||||
|
||||
### renderAllLines()
|
||||
|
||||
Re-render all associated lines.
|
||||
|
||||
@@ -49,6 +49,11 @@ MindMap.usePlugin(AssociativeLine)
|
||||
<h3>mindMap.associativeLine.activeLine</h3>
|
||||
<p>The currently active connection line and array type are the same as the structure of each item in the <code>lineList</code> array.</p>
|
||||
<h2>Methods</h2>
|
||||
<h3>cancelCreateLine()</h3>
|
||||
<blockquote>
|
||||
<p>v0.10.5+</p>
|
||||
</blockquote>
|
||||
<p>Cancel the creation of the associated line midway.</p>
|
||||
<h3>renderAllLines()</h3>
|
||||
<p>Re-render all associated lines.</p>
|
||||
<h3>removeAllLines()</h3>
|
||||
|
||||
@@ -1,5 +1,37 @@
|
||||
# Changelog
|
||||
|
||||
## 0.10.5
|
||||
|
||||
> 2024.8.2
|
||||
|
||||
Fix:
|
||||
|
||||
> 1.Fixed the issue of error when dragging the scrollbar after enabling the scrollbar plugin and performance mode;
|
||||
>
|
||||
> 2.Fixed the issue where the rich text style of nodes was not updated when copying across levels;
|
||||
>
|
||||
> 3.Fixed the issue where the demo plugin did not work properly after enabling performance mode;
|
||||
>
|
||||
> 4.Fixed the issue of canvas jumping when the first rendering canvas is triggered after adjusting the canvas size;
|
||||
|
||||
New:
|
||||
|
||||
> 1.Move the node and change the node hierarchy. Nodes that have set custom rich text styles do not need to update the styles;
|
||||
>
|
||||
> 2.Support clicking on the canvas to cancel the creation of associated lines;
|
||||
>
|
||||
> 3.Automatically expand a node by moving it or copying it to a collapsed node;
|
||||
|
||||
Demo:
|
||||
|
||||
> 1.When the number of subordinate nodes is greater than 100, the collapse button displays ellipsis;
|
||||
>
|
||||
> 2.No longer write data to the browser cache when opening local file editing, to avoid the problem of local file data loss caused by triggering storage restrictions;
|
||||
>
|
||||
> 3.If the local file is not saved, close the page and add an interception prompt;
|
||||
>
|
||||
> 4.Fixed the issue in the outline where clicking and dragging a node would trigger a file drag mask on the page;
|
||||
|
||||
## 0.10.4
|
||||
|
||||
> 2024.7.25
|
||||
|
||||
@@ -1,6 +1,30 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1>Changelog</h1>
|
||||
<h2>0.10.5</h2>
|
||||
<blockquote>
|
||||
<p>2024.8.2</p>
|
||||
</blockquote>
|
||||
<p>Fix:</p>
|
||||
<blockquote>
|
||||
<p>1.Fixed the issue of error when dragging the scrollbar after enabling the scrollbar plugin and performance mode;</p>
|
||||
<p>2.Fixed the issue where the rich text style of nodes was not updated when copying across levels;</p>
|
||||
<p>3.Fixed the issue where the demo plugin did not work properly after enabling performance mode;</p>
|
||||
<p>4.Fixed the issue of canvas jumping when the first rendering canvas is triggered after adjusting the canvas size;</p>
|
||||
</blockquote>
|
||||
<p>New:</p>
|
||||
<blockquote>
|
||||
<p>1.Move the node and change the node hierarchy. Nodes that have set custom rich text styles do not need to update the styles;</p>
|
||||
<p>2.Support clicking on the canvas to cancel the creation of associated lines;</p>
|
||||
<p>3.Automatically expand a node by moving it or copying it to a collapsed node;</p>
|
||||
</blockquote>
|
||||
<p>Demo:</p>
|
||||
<blockquote>
|
||||
<p>1.When the number of subordinate nodes is greater than 100, the collapse button displays ellipsis;</p>
|
||||
<p>2.No longer write data to the browser cache when opening local file editing, to avoid the problem of local file data loss caused by triggering storage restrictions;</p>
|
||||
<p>3.If the local file is not saved, close the page and add an interception prompt;</p>
|
||||
<p>4.Fixed the issue in the outline where clicking and dragging a node would trigger a file drag mask on the page;</p>
|
||||
</blockquote>
|
||||
<h2>0.10.4</h2>
|
||||
<blockquote>
|
||||
<p>2024.7.25</p>
|
||||
|
||||
@@ -466,4 +466,8 @@ Open source is not easy. If this project is helpful to you, you can invite the a
|
||||
<img src="../../../../assets/avatar/。.png" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>。</p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||
<img src="../../../../assets/avatar/Jeffrey.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>Jeffrey</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -8,18 +8,18 @@
|
||||
</blockquote>
|
||||
<h2>Features</h2>
|
||||
<ul>
|
||||
<li><input type="checkbox" id="checkbox170" checked="true" /><label for="checkbox170">Pluggable architecture, in addition to core functions, other functions are provided as plugins, which can be used as needed to reduce packaging volume</label></li>
|
||||
<li><input type="checkbox" id="checkbox171" checked="true" /><label for="checkbox171">Support logical structure chart(Left and Right Logical Structure Diagram), mind map, Organizational chart, directory organization chart, timeline (horizontal and vertical), fishbone chart and other structures</label></li>
|
||||
<li><input type="checkbox" id="checkbox172" checked="true" /><label for="checkbox172">Built-in multiple themes, allowing for highly customizable styles, and supporting registration of new themes</label></li>
|
||||
<li><input type="checkbox" id="checkbox173" checked="true" /><label for="checkbox173">Node content supports text (regular text, rich text), images, icons, hyperlinks, notes, labels, summaries, and math formulas</label></li>
|
||||
<li><input type="checkbox" id="checkbox174" checked="true" /><label for="checkbox174">Nodes support drag and drop (drag and move, freely adjust), multiple node shapes, Support for expanding node content, and fully customize node content using DDM</label></li>
|
||||
<li><input type="checkbox" id="checkbox175" checked="true" /><label for="checkbox175">Support canvas dragging and scaling</label></li>
|
||||
<li><input type="checkbox" id="checkbox176" checked="true" /><label for="checkbox176">Supports two multi node selection methods: mouse button drag selection and Ctrl+left button selection</label></li>
|
||||
<li><input type="checkbox" id="checkbox177" checked="true" /><label for="checkbox177">Supoorts to export as </label><code>json</code>、<code>png</code>、<code>svg</code>、<code>pdf</code>、<code>markdown</code>、<code>xmind</code>、<code>txt</code>, support import from <code>json</code>、<code>xmind</code>、<code>markdown</code></li>
|
||||
<li><input type="checkbox" id="checkbox178" checked="true" /><label for="checkbox178">Support shortcut keys, forward and backward, correlation lines, search and replacement, small maps, watermarks, scrollbar, Hand drawn style, and rainbow lines</label></li>
|
||||
<li><input type="checkbox" id="checkbox179" checked="true" /><label for="checkbox179">Provide rich configurations to meet various scenarios and usage habits</label></li>
|
||||
<li><input type="checkbox" id="checkbox180" checked="true" /><label for="checkbox180">Support collaborative editing</label></li>
|
||||
<li><input type="checkbox" id="checkbox181" checked="true" /><label for="checkbox181">Support demonstration mode</label></li>
|
||||
<li><input type="checkbox" id="checkbox34" checked="true" /><label for="checkbox34">Pluggable architecture, in addition to core functions, other functions are provided as plugins, which can be used as needed to reduce packaging volume</label></li>
|
||||
<li><input type="checkbox" id="checkbox35" checked="true" /><label for="checkbox35">Support logical structure chart(Left and Right Logical Structure Diagram), mind map, Organizational chart, directory organization chart, timeline (horizontal and vertical), fishbone chart and other structures</label></li>
|
||||
<li><input type="checkbox" id="checkbox36" checked="true" /><label for="checkbox36">Built-in multiple themes, allowing for highly customizable styles, and supporting registration of new themes</label></li>
|
||||
<li><input type="checkbox" id="checkbox37" checked="true" /><label for="checkbox37">Node content supports text (regular text, rich text), images, icons, hyperlinks, notes, labels, summaries, and math formulas</label></li>
|
||||
<li><input type="checkbox" id="checkbox38" checked="true" /><label for="checkbox38">Nodes support drag and drop (drag and move, freely adjust), multiple node shapes, Support for expanding node content, and fully customize node content using DDM</label></li>
|
||||
<li><input type="checkbox" id="checkbox39" checked="true" /><label for="checkbox39">Support canvas dragging and scaling</label></li>
|
||||
<li><input type="checkbox" id="checkbox40" checked="true" /><label for="checkbox40">Supports two multi node selection methods: mouse button drag selection and Ctrl+left button selection</label></li>
|
||||
<li><input type="checkbox" id="checkbox41" checked="true" /><label for="checkbox41">Supoorts to export as </label><code>json</code>、<code>png</code>、<code>svg</code>、<code>pdf</code>、<code>markdown</code>、<code>xmind</code>、<code>txt</code>, support import from <code>json</code>、<code>xmind</code>、<code>markdown</code></li>
|
||||
<li><input type="checkbox" id="checkbox42" checked="true" /><label for="checkbox42">Support shortcut keys, forward and backward, correlation lines, search and replacement, small maps, watermarks, scrollbar, Hand drawn style, and rainbow lines</label></li>
|
||||
<li><input type="checkbox" id="checkbox43" checked="true" /><label for="checkbox43">Provide rich configurations to meet various scenarios and usage habits</label></li>
|
||||
<li><input type="checkbox" id="checkbox44" checked="true" /><label for="checkbox44">Support collaborative editing</label></li>
|
||||
<li><input type="checkbox" id="checkbox45" checked="true" /><label for="checkbox45">Support demonstration mode</label></li>
|
||||
</ul>
|
||||
<p>The official provides the following plugins, which can be introduced as needed (a certain function may not be effective because you did not introduce the corresponding plugin). Please refer to the documentation for specific usage methods:</p>
|
||||
<blockquote>
|
||||
@@ -39,16 +39,16 @@ frameworks such as Vue and React, or without a framework.</p>
|
||||
<p>This is an online mind map built using the <code>simple-mind-map</code> library and based
|
||||
on <code>Vue2.x</code> and <code>ElementUI</code>. Features include:</p>
|
||||
<ul>
|
||||
<li><input type="checkbox" id="checkbox182" checked="true" /><label for="checkbox182">Toolbar, which supports inserting and deleting nodes, and editing node</label>
|
||||
<li><input type="checkbox" id="checkbox46" checked="true" /><label for="checkbox46">Toolbar, which supports inserting and deleting nodes, and editing node</label>
|
||||
images, icons, hyperlinks, notes, tags, and summaries</li>
|
||||
<li><input type="checkbox" id="checkbox183" checked="true" /><label for="checkbox183">Sidebar, with panels for basic style settings, node style settings,</label>
|
||||
<li><input type="checkbox" id="checkbox47" checked="true" /><label for="checkbox47">Sidebar, with panels for basic style settings, node style settings,</label>
|
||||
outline, theme selection, and structure selection</li>
|
||||
<li><input type="checkbox" id="checkbox184" checked="true" /><label for="checkbox184">Import and export functionality; data is saved in the browser's local</label>
|
||||
<li><input type="checkbox" id="checkbox48" checked="true" /><label for="checkbox48">Import and export functionality; data is saved in the browser's local</label>
|
||||
storage by default, but it also supports creating, opening, and editing
|
||||
local files on the computer directly</li>
|
||||
<li><input type="checkbox" id="checkbox185" checked="true" /><label for="checkbox185">Right-click menu, which supports operations such as expanding, collapsing,</label>
|
||||
<li><input type="checkbox" id="checkbox49" checked="true" /><label for="checkbox49">Right-click menu, which supports operations such as expanding, collapsing,</label>
|
||||
and organizing layout</li>
|
||||
<li><input type="checkbox" id="checkbox186" checked="true" /><label for="checkbox186">Bottom bar, which supports node and word count statistics, switching</label>
|
||||
<li><input type="checkbox" id="checkbox50" checked="true" /><label for="checkbox50">Bottom bar, which supports node and word count statistics, switching</label>
|
||||
between edit and read-only modes, zooming in and out, and switching to
|
||||
full screen, support mini map</li>
|
||||
</ul>
|
||||
@@ -422,6 +422,10 @@ full screen, support mini map</li>
|
||||
<img src="../../../../assets/avatar/。.png" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>。</p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||
<img src="../../../../assets/avatar/Jeffrey.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>Jeffrey</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -298,7 +298,7 @@ Focus and select all specified input boxes.
|
||||
|
||||
Adding additional data to the specified node list tree data will modify the original data.
|
||||
|
||||
#### createUidForAppointNodes(appointNodes, createNewId)
|
||||
#### createUidForAppointNodes(appointNodes, createNewId, handle)
|
||||
|
||||
> v0.7.2+
|
||||
|
||||
@@ -306,6 +306,8 @@ Adding additional data to the specified node list tree data will modify the orig
|
||||
|
||||
- `createNewId`：v0.7.3-fix.1+, `Boolean`, default is `false`, If the node does not have a 'uid', a new 'uid' will be created. If 'true' is passed, a new 'uid' will be created regardless of whether the node data originally exists or not`
|
||||
|
||||
- `handle`：v0.10.5+, `null、Function`, default is `null`, You can pass a function that will be called when traversing each node, with the callback parameter being the current node being traversed.
|
||||
|
||||
Adding a uid to the specified node list tree data (if the uid does not exist) will modify the original data.
|
||||
|
||||
#### getNodeIndex(node)
|
||||
|
||||
@@ -235,7 +235,7 @@ and copying the <code>data</code> of the data object, example:</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Adding additional data to the specified node list tree data will modify the original data.</p>
|
||||
<h4>createUidForAppointNodes(appointNodes, createNewId)</h4>
|
||||
<h4>createUidForAppointNodes(appointNodes, createNewId, handle)</h4>
|
||||
<blockquote>
|
||||
<p>v0.7.2+</p>
|
||||
</blockquote>
|
||||
@@ -246,6 +246,9 @@ and copying the <code>data</code> of the data object, example:</p>
|
||||
<li>
|
||||
<p><code>createNewId</code>：v0.7.3-fix.1+, <code>Boolean</code>, default is <code>false</code>, If the node does not have a 'uid', a new 'uid' will be created. If 'true' is passed, a new 'uid' will be created regardless of whether the node data originally exists or not`</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><code>handle</code>：v0.10.5+, <code>null、Function</code>, default is <code>null</code>, You can pass a function that will be called when traversing each node, with the callback parameter being the current node being traversed.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Adding a uid to the specified node list tree data (if the uid does not exist) will modify the original data.</p>
|
||||
<h4>getNodeIndex(node)</h4>
|
||||
|
||||
@@ -55,6 +55,12 @@ MindMap.usePlugin(AssociativeLine)
|
||||
|
||||
## 方法
|
||||
|
||||
### cancelCreateLine()
|
||||
|
||||
> v0.10.5+
|
||||
|
||||
中途取消创建关联线。
|
||||
|
||||
### renderAllLines()
|
||||
|
||||
重新渲染所有关联线。
|
||||
|
||||
@@ -49,6 +49,11 @@ MindMap.usePlugin(AssociativeLine)
|
||||
<h3>mindMap.associativeLine.activeLine</h3>
|
||||
<p>当前激活的连接线，数组类型，同<code>lineList</code>数组的每一项的结构。</p>
|
||||
<h2>方法</h2>
|
||||
<h3>cancelCreateLine()</h3>
|
||||
<blockquote>
|
||||
<p>v0.10.5+</p>
|
||||
</blockquote>
|
||||
<p>中途取消创建关联线。</p>
|
||||
<h3>renderAllLines()</h3>
|
||||
<p>重新渲染所有关联线。</p>
|
||||
<h3>removeAllLines()</h3>
|
||||
|
||||
@@ -1,5 +1,37 @@
|
||||
# Changelog
|
||||
|
||||
## 0.10.5
|
||||
|
||||
> 2024.8.2
|
||||
|
||||
修复：
|
||||
|
||||
> 1.修复开启滚动条插件和性能模式后拖动滚动条报错的问题；
|
||||
>
|
||||
> 2.修复跨层级复制节点时，节点的富文本样式没有更新的问题；
|
||||
>
|
||||
> 3.修复开启性能模式后，演示插件无法正常工作的问题；
|
||||
>
|
||||
> 4.修复画布尺寸调整后第一次触发渲染画布会发生跳动的问题；
|
||||
|
||||
新增：
|
||||
|
||||
> 1.移动节点且节点层级发生了改变，设置过自定义富文本样式的节点不需要更新样式；
|
||||
>
|
||||
> 2.支持点击画布取消创建关联线；
|
||||
>
|
||||
> 3.移动节点或复制节点到收起的节点上自动展开该节点；
|
||||
|
||||
Demo：
|
||||
|
||||
> 1.节点下级数量大于100时，收起按钮显示省略号；
|
||||
>
|
||||
> 2.打开本地文件编辑的情况下不再将数据写入浏览器缓存，避免因触发存储限制导致本地文件数据丢失的问题；
|
||||
>
|
||||
> 3.编辑本地文件时如果未保存关闭页面增加拦截提示；
|
||||
>
|
||||
> 4.修复大纲里点击节点进行拖拽会触发页面的文件拖拽蒙层的问题；
|
||||
|
||||
## 0.10.4
|
||||
|
||||
> 2024.7.25
|
||||
|
||||
@@ -1,6 +1,30 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1>Changelog</h1>
|
||||
<h2>0.10.5</h2>
|
||||
<blockquote>
|
||||
<p>2024.8.2</p>
|
||||
</blockquote>
|
||||
<p>修复：</p>
|
||||
<blockquote>
|
||||
<p>1.修复开启滚动条插件和性能模式后拖动滚动条报错的问题；</p>
|
||||
<p>2.修复跨层级复制节点时，节点的富文本样式没有更新的问题；</p>
|
||||
<p>3.修复开启性能模式后，演示插件无法正常工作的问题；</p>
|
||||
<p>4.修复画布尺寸调整后第一次触发渲染画布会发生跳动的问题；</p>
|
||||
</blockquote>
|
||||
<p>新增：</p>
|
||||
<blockquote>
|
||||
<p>1.移动节点且节点层级发生了改变，设置过自定义富文本样式的节点不需要更新样式；</p>
|
||||
<p>2.支持点击画布取消创建关联线；</p>
|
||||
<p>3.移动节点或复制节点到收起的节点上自动展开该节点；</p>
|
||||
</blockquote>
|
||||
<p>Demo：</p>
|
||||
<blockquote>
|
||||
<p>1.节点下级数量大于100时，收起按钮显示省略号；</p>
|
||||
<p>2.打开本地文件编辑的情况下不再将数据写入浏览器缓存，避免因触发存储限制导致本地文件数据丢失的问题；</p>
|
||||
<p>3.编辑本地文件时如果未保存关闭页面增加拦截提示；</p>
|
||||
<p>4.修复大纲里点击节点进行拖拽会触发页面的文件拖拽蒙层的问题；</p>
|
||||
</blockquote>
|
||||
<h2>0.10.4</h2>
|
||||
<blockquote>
|
||||
<p>2024.7.25</p>
|
||||
|
||||
@@ -120,7 +120,9 @@
|
||||
|
||||
# 微信交流群
|
||||
|
||||
群聊人数较多，无法通过二维码入群，可以微信添加`wanglinguanfang`拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。
|
||||
一群已满，可以扫描如下二维码进入二群，如已过期，可以微信添加`wanglinguanfang`拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。
|
||||
|
||||
<img src="../../../../../../qrcode.jpg" style="width: 300px" />
|
||||
|
||||
## 请作者喝杯咖啡
|
||||
|
||||
@@ -462,4 +464,8 @@
|
||||
<img src="../../../../assets/avatar/。.png" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>。</p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||
<img src="../../../../assets/avatar/Jeffrey.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>Jeffrey</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -8,18 +8,18 @@
|
||||
</blockquote>
|
||||
<h2>特性</h2>
|
||||
<ul>
|
||||
<li><input type="checkbox" id="checkbox153" checked="true" /><label for="checkbox153">插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积</label></li>
|
||||
<li><input type="checkbox" id="checkbox154" checked="true" /><label for="checkbox154">支持逻辑结构图（向左、向右逻辑结构图）、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构</label></li>
|
||||
<li><input type="checkbox" id="checkbox155" checked="true" /><label for="checkbox155">内置多种主题，允许高度自定义样式，支持注册新主题</label></li>
|
||||
<li><input type="checkbox" id="checkbox156" checked="true" /><label for="checkbox156">节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式</label></li>
|
||||
<li><input type="checkbox" id="checkbox157" checked="true" /><label for="checkbox157">节点支持拖拽（拖拽移动、自由调整）、多种节点形状；支持扩展节点内容、支持使用 DDM 完全自定义节点内容</label></li>
|
||||
<li><input type="checkbox" id="checkbox158" checked="true" /><label for="checkbox158">支持画布拖动、缩放</label></li>
|
||||
<li><input type="checkbox" id="checkbox159" checked="true" /><label for="checkbox159">支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式</label></li>
|
||||
<li><input type="checkbox" id="checkbox160" checked="true" /><label for="checkbox160">支持导出为</label><code>json</code>、<code>png</code>、<code>svg</code>、<code>pdf</code>、<code>markdown</code>、<code>xmind</code>、<code>txt</code>，支持从<code>json</code>、<code>xmind</code>、<code>markdown</code>导入</li>
|
||||
<li><input type="checkbox" id="checkbox161" checked="true" /><label for="checkbox161">支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条</label></li>
|
||||
<li><input type="checkbox" id="checkbox162" checked="true" /><label for="checkbox162">提供丰富的配置，满足各种场景各种使用习惯</label></li>
|
||||
<li><input type="checkbox" id="checkbox163" checked="true" /><label for="checkbox163">支持协同编辑</label></li>
|
||||
<li><input type="checkbox" id="checkbox164" checked="true" /><label for="checkbox164">支持演示模式</label></li>
|
||||
<li><input type="checkbox" id="checkbox17" checked="true" /><label for="checkbox17">插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积</label></li>
|
||||
<li><input type="checkbox" id="checkbox18" checked="true" /><label for="checkbox18">支持逻辑结构图（向左、向右逻辑结构图）、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构</label></li>
|
||||
<li><input type="checkbox" id="checkbox19" checked="true" /><label for="checkbox19">内置多种主题，允许高度自定义样式，支持注册新主题</label></li>
|
||||
<li><input type="checkbox" id="checkbox20" checked="true" /><label for="checkbox20">节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式</label></li>
|
||||
<li><input type="checkbox" id="checkbox21" checked="true" /><label for="checkbox21">节点支持拖拽（拖拽移动、自由调整）、多种节点形状；支持扩展节点内容、支持使用 DDM 完全自定义节点内容</label></li>
|
||||
<li><input type="checkbox" id="checkbox22" checked="true" /><label for="checkbox22">支持画布拖动、缩放</label></li>
|
||||
<li><input type="checkbox" id="checkbox23" checked="true" /><label for="checkbox23">支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式</label></li>
|
||||
<li><input type="checkbox" id="checkbox24" checked="true" /><label for="checkbox24">支持导出为</label><code>json</code>、<code>png</code>、<code>svg</code>、<code>pdf</code>、<code>markdown</code>、<code>xmind</code>、<code>txt</code>，支持从<code>json</code>、<code>xmind</code>、<code>markdown</code>导入</li>
|
||||
<li><input type="checkbox" id="checkbox25" checked="true" /><label for="checkbox25">支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条</label></li>
|
||||
<li><input type="checkbox" id="checkbox26" checked="true" /><label for="checkbox26">提供丰富的配置，满足各种场景各种使用习惯</label></li>
|
||||
<li><input type="checkbox" id="checkbox27" checked="true" /><label for="checkbox27">支持协同编辑</label></li>
|
||||
<li><input type="checkbox" id="checkbox28" checked="true" /><label for="checkbox28">支持演示模式</label></li>
|
||||
</ul>
|
||||
<p>官方提供了如下插件，可根据需求按需引入（某个功能不生效大概率是因为你没有引入对应的插件），具体使用方式请查看文档：</p>
|
||||
<blockquote>
|
||||
@@ -37,11 +37,11 @@
|
||||
<p>2.<code>web</code></p>
|
||||
<p>使用<code>simple-mind-map</code>库，基于<code>vue2.x</code>、<code>ElementUI</code>搭建的在线思维导图。特性：</p>
|
||||
<ul>
|
||||
<li><input type="checkbox" id="checkbox165" checked="true" /><label for="checkbox165">工具栏，支持插入节点、删除节点；编辑节点图片、图标、超链接、备注、标签、概要</label></li>
|
||||
<li><input type="checkbox" id="checkbox166" checked="true" /><label for="checkbox166">侧边栏，基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板</label></li>
|
||||
<li><input type="checkbox" id="checkbox167" checked="true" /><label for="checkbox167">导入导出功能；数据默认保存在浏览器本地存储，也支持直接创建、打开、编辑电脑本地文件</label></li>
|
||||
<li><input type="checkbox" id="checkbox168" checked="true" /><label for="checkbox168">右键菜单，支持展开、收起、整理布局等操作</label></li>
|
||||
<li><input type="checkbox" id="checkbox169" checked="true" /><label for="checkbox169">底部栏，支持节点数量、字数统计；支持切换编辑和只读模式；支持放大缩小；支持全屏切换；支持小地图</label></li>
|
||||
<li><input type="checkbox" id="checkbox29" checked="true" /><label for="checkbox29">工具栏，支持插入节点、删除节点；编辑节点图片、图标、超链接、备注、标签、概要</label></li>
|
||||
<li><input type="checkbox" id="checkbox30" checked="true" /><label for="checkbox30">侧边栏，基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板</label></li>
|
||||
<li><input type="checkbox" id="checkbox31" checked="true" /><label for="checkbox31">导入导出功能；数据默认保存在浏览器本地存储，也支持直接创建、打开、编辑电脑本地文件</label></li>
|
||||
<li><input type="checkbox" id="checkbox32" checked="true" /><label for="checkbox32">右键菜单，支持展开、收起、整理布局等操作</label></li>
|
||||
<li><input type="checkbox" id="checkbox33" checked="true" /><label for="checkbox33">底部栏，支持节点数量、字数统计；支持切换编辑和只读模式；支持放大缩小；支持全屏切换；支持小地图</label></li>
|
||||
</ul>
|
||||
<p>提供文档页面服务。</p>
|
||||
<p>3.<code>dist</code></p>
|
||||
@@ -78,7 +78,8 @@
|
||||
<h2>License</h2>
|
||||
<p><a href="https://github.com/wanglin2/mind-map/blob/main/LICENSE">MIT</a>。保留<code>mind-map</code>版权声明的情况下可随意商用。如不想保留可联系作者。</p>
|
||||
<h1>微信交流群</h1>
|
||||
<p>群聊人数较多，无法通过二维码入群，可以微信添加<code>wanglinguanfang</code>拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。</p>
|
||||
<p>一群已满，可以扫描如下二维码进入二群，如已过期，可以微信添加<code>wanglinguanfang</code>拉你入群。思维导图相关问题皆可在群里提问，不必私聊作者。</p>
|
||||
<img src="../../../../../../qrcode.jpg" style="width: 300px" />
|
||||
<h2>请作者喝杯咖啡</h2>
|
||||
<p>开源不易，如果本项目有帮助到你的话，可以考虑请作者喝杯咖啡，你的支持是开发者持续维护的最大动力~</p>
|
||||
<blockquote>
|
||||
@@ -415,6 +416,10 @@
|
||||
<img src="../../../../assets/avatar/。.png" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>。</p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
|
||||
<img src="../../../../assets/avatar/Jeffrey.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
|
||||
<p>Jeffrey</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -302,7 +302,7 @@ copyNodeTree({}, node)
|
||||
|
||||
给指定的节点列表树数据添加附加数据，会修改原数据。
|
||||
|
||||
#### createUidForAppointNodes(appointNodes, createNewId)
|
||||
#### createUidForAppointNodes(appointNodes, createNewId, handle)
|
||||
|
||||
> v0.7.2+
|
||||
|
||||
@@ -310,6 +310,8 @@ copyNodeTree({}, node)
|
||||
|
||||
- `createNewId`：v0.7.3-fix.1+，`Boolean`，默认为`false`，即如果节点不存在`uid`的话，会创建新的`uid`。如果传`true`，那么无论节点数据原来是否存在`uid`，都会创建新的`uid`
|
||||
|
||||
- `handle`：v0.10.5+，`null、Function`，默认为`null`，可以传递一个函数，遍历到每个节点时会调用该函数，回调参数为当前遍历到的节点。
|
||||
|
||||
给指定的节点列表树数据添加 uid（如果 uid 不存在的话），会修改原数据。
|
||||
|
||||
#### getNodeIndex(node)
|
||||
|
||||
@@ -239,7 +239,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<p>给指定的节点列表树数据添加附加数据，会修改原数据。</p>
|
||||
<h4>createUidForAppointNodes(appointNodes, createNewId)</h4>
|
||||
<h4>createUidForAppointNodes(appointNodes, createNewId, handle)</h4>
|
||||
<blockquote>
|
||||
<p>v0.7.2+</p>
|
||||
</blockquote>
|
||||
@@ -250,6 +250,9 @@
|
||||
<li>
|
||||
<p><code>createNewId</code>：v0.7.3-fix.1+，<code>Boolean</code>，默认为<code>false</code>，即如果节点不存在<code>uid</code>的话，会创建新的<code>uid</code>。如果传<code>true</code>，那么无论节点数据原来是否存在<code>uid</code>，都会创建新的<code>uid</code></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><code>handle</code>：v0.10.5+，<code>null、Function</code>，默认为<code>null</code>，可以传递一个函数，遍历到每个节点时会调用该函数，回调参数为当前遍历到的节点。</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>给指定的节点列表树数据添加 uid（如果 uid 不存在的话），会修改原数据。</p>
|
||||
<h4>getNodeIndex(node)</h4>
|
||||
|
||||
Reference in New Issue
Block a user