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:
街角小林
@@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 2479351 */
|
||||
src: url('iconfont.woff2?t=1709781789605') format('woff2'),
|
||||
url('iconfont.woff?t=1709781789605') format('woff'),
|
||||
url('iconfont.ttf?t=1709781789605') format('truetype');
|
||||
src: url('iconfont.woff2?t=1711432586441') format('woff2'),
|
||||
url('iconfont.woff?t=1711432586441') format('woff'),
|
||||
url('iconfont.ttf?t=1711432586441') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@@ -13,6 +13,14 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icongundongtiao:before {
|
||||
content: "\e670";
|
||||
}
|
||||
|
||||
.iconxietongwendang:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
|
||||
.iconTXT:before {
|
||||
content: "\e6e1";
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -2,6 +2,10 @@
|
||||
|
||||
## 0.9.9
|
||||
|
||||
Fix:
|
||||
|
||||
> 1.Fix the issue of incorrect arrow color when creating association lines for the first time;
|
||||
|
||||
New:
|
||||
|
||||
> 1.Support inserting child nodes with the insert key;
|
||||
@@ -17,6 +21,8 @@ New:
|
||||
> 6.Add the getAncestorNodes method to the node instance to obtain the list of ancestor nodes;
|
||||
>
|
||||
> 7.Adding mouse events to personnel avatars during collaborative editing;
|
||||
>
|
||||
> 8.Instantiation and setData methods support passing in empty data;
|
||||
|
||||
Demo:
|
||||
|
||||
|
||||
@@ -2,6 +2,10 @@
|
||||
<div>
|
||||
<h1>Changelog</h1>
|
||||
<h2>0.9.9</h2>
|
||||
<p>Fix:</p>
|
||||
<blockquote>
|
||||
<p>1.Fix the issue of incorrect arrow color when creating association lines for the first time;</p>
|
||||
</blockquote>
|
||||
<p>New:</p>
|
||||
<blockquote>
|
||||
<p>1.Support inserting child nodes with the insert key;</p>
|
||||
@@ -11,6 +15,7 @@
|
||||
<p>5.Add mouse in and out events to icons in nodes;</p>
|
||||
<p>6.Add the getAncestorNodes method to the node instance to obtain the list of ancestor nodes;</p>
|
||||
<p>7.Adding mouse events to personnel avatars during collaborative editing;</p>
|
||||
<p>8.Instantiation and setData methods support passing in empty data;</p>
|
||||
</blockquote>
|
||||
<p>Demo:</p>
|
||||
<blockquote>
|
||||
|
||||
@@ -25,7 +25,7 @@ const mindMap = new MindMap({
|
||||
| Field Name | Type | Default Value | Description | Required |
|
||||
| -------------------------------- | ------- | ---------------- | ------------------------------------------------------------ | -------- |
|
||||
| el | Element | | Container element, must be a DOM element | Yes |
|
||||
| data | Object | {} | Mind map data, Please refer to the introduction of 【Data structure】 below | |
|
||||
| data | Object 、null | | Mind map data, Please refer to the introduction of 【Data structure】 below. V0.9.9+supports passing empty objects or null, and the canvas will display blank space | |
|
||||
| layout | String | logicalStructure | Layout type, options: logicalStructure (logical structure diagram), mindMap (mind map), catalogOrganization (catalog organization diagram), organizationStructure (organization structure diagram)、timeline（v0.5.4+, timeline）、timeline2（v0.5.4+, up down alternating timeline）、fishbone（v0.5.4+, fishbone diagram） | |
|
||||
| fishboneDeg（v0.5.4+） | Number | 45 | Set the diagonal angle of the fishbone structure diagram | |
|
||||
| theme | String | default | Theme, options: default, classic, minions, pinkGrape, mint, gold, vitalityOrange, greenLeaf, dark2, skyGreen, classic2, classic3, classic4(v0.2.0+), classicGreen, classicBlue, blueSky, brainImpairedPink, dark, earthYellow, freshGreen, freshRed, romanticPurple, simpleBlack(v0.5.4+), courseGreen(v0.5.4+), coffee(v0.5.4+), redSpirit(v0.5.4+), blackHumour(v0.5.4+), lateNightOffice(v0.5.4+), blackGold(v0.5.4+)、、avocado(v.5.10-fix.2+)、autumn(v.5.10-fix.2+)、orangeJuice(v.5.10-fix.2+) | |
|
||||
@@ -563,7 +563,7 @@ redo. All commands are as follows:
|
||||
|
||||
Dynamic setting of mind map data, pure node data
|
||||
|
||||
`data`: mind map structure data
|
||||
`data`: mind map structure data. V0.9.9+ supports passing empty objects or null, and the canvas will display blank space.
|
||||
|
||||
### setFullData(_data_)
|
||||
|
||||
|
||||
@@ -37,9 +37,9 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>data</td>
|
||||
<td>Object</td>
|
||||
<td>{}</td>
|
||||
<td>Mind map data, Please refer to the introduction of 【Data structure】 below</td>
|
||||
<td>Object 、null</td>
|
||||
<td></td>
|
||||
<td>Mind map data, Please refer to the introduction of 【Data structure】 below. V0.9.9+supports passing empty objects or null, and the canvas will display blank space</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -1474,7 +1474,7 @@ redo. All commands are as follows:</p>
|
||||
</table>
|
||||
<h3>setData(data)</h3>
|
||||
<p>Dynamic setting of mind map data, pure node data</p>
|
||||
<p><code>data</code>: mind map structure data</p>
|
||||
<p><code>data</code>: mind map structure data. V0.9.9+ supports passing empty objects or null, and the canvas will display blank space.</p>
|
||||
<h3>setFullData(<em>data</em>)</h3>
|
||||
<blockquote>
|
||||
<p>v0.2.7+</p>
|
||||
|
||||
@@ -2,6 +2,10 @@
|
||||
|
||||
## 0.9.9
|
||||
|
||||
修复：
|
||||
|
||||
> 1.修复第一次创建关联线时，箭头颜色不正确的问题；
|
||||
|
||||
新增：
|
||||
|
||||
> 1.支持insert键插入下级节点；
|
||||
@@ -17,6 +21,8 @@
|
||||
> 6.节点实例新增getAncestorNodes方法用于获取祖先节点列表；
|
||||
>
|
||||
> 7.协同编辑时的人员头像增加鼠标事件；
|
||||
>
|
||||
> 8.实例化及setData方法支持传入空的data；
|
||||
|
||||
Demo：
|
||||
|
||||
|
||||
@@ -2,6 +2,10 @@
|
||||
<div>
|
||||
<h1>Changelog</h1>
|
||||
<h2>0.9.9</h2>
|
||||
<p>修复：</p>
|
||||
<blockquote>
|
||||
<p>1.修复第一次创建关联线时，箭头颜色不正确的问题；</p>
|
||||
</blockquote>
|
||||
<p>新增：</p>
|
||||
<blockquote>
|
||||
<p>1.支持insert键插入下级节点；</p>
|
||||
@@ -11,6 +15,7 @@
|
||||
<p>5.节点中的图标添加鼠标移入和移出事件；</p>
|
||||
<p>6.节点实例新增getAncestorNodes方法用于获取祖先节点列表；</p>
|
||||
<p>7.协同编辑时的人员头像增加鼠标事件；</p>
|
||||
<p>8.实例化及setData方法支持传入空的data；</p>
|
||||
</blockquote>
|
||||
<p>Demo：</p>
|
||||
<blockquote>
|
||||
|
||||
@@ -25,7 +25,7 @@ const mindMap = new MindMap({
|
||||
| 字段名称 | 类型 | 默认值 | 描述 |
|
||||
| -------------------------------- | ------- | ---------------- | ------------------------------------------------------------ |
|
||||
| el | Element | | 容器元素，必传，必须为DOM元素 |
|
||||
| data | Object | {} | 思维导图数据，可参考下方【数据结构】介绍 |
|
||||
| data | Object 、 null | | 思维导图数据，可参考下方【数据结构】介绍。v0.9.9+支持传空对象或者null，画布会显示空白 |
|
||||
| layout | String | logicalStructure | 布局类型，可选列表：logicalStructure（逻辑结构图）、mindMap（思维导图）、catalogOrganization（目录组织图）、organizationStructure（组织结构图）、timeline（v0.5.4+，时间轴）、timeline2（v0.5.4+，上下交替型时间轴）、fishbone（v0.5.4+，鱼骨图） |
|
||||
| fishboneDeg（v0.5.4+） | Number | 45 | 设置鱼骨结构图的斜线角度 |
|
||||
| theme | String | default | 主题，可选列表：default（默认）、classic（脑图经典）、minions（小黄人）、pinkGrape（粉红葡萄）、mint（薄荷）、gold（金色vip）、vitalityOrange（活力橙）、greenLeaf（绿叶）、dark2（暗色2）、skyGreen（天清绿）、classic2（脑图经典2）、classic3（脑图经典3）、classic4（脑图经典4，v0.2.0+）、classicGreen（经典绿）、classicBlue（经典蓝）、blueSky（天空蓝）、brainImpairedPink（脑残粉）、dark（暗色）、earthYellow（泥土黄）、freshGreen（清新绿）、freshRed（清新红）、romanticPurple（浪漫紫）、simpleBlack（v0.5.4+简约黑）、courseGreen（v0.5.4+课程绿）、coffee（v0.5.4+咖啡）、redSpirit（v0.5.4+红色精神）、blackHumour（v0.5.4+黑色幽默）、lateNightOffice（v0.5.4+深夜办公室）、blackGold（v0.5.4+黑金）、avocado（v.5.10-fix.2+牛油果）、autumn（v.5.10-fix.2+秋天）、orangeJuice（v.5.10-fix.2+橙汁） |
|
||||
@@ -558,7 +558,7 @@ mindMap.updateConfig({
|
||||
|
||||
动态设置思维导图数据，纯节点数据
|
||||
|
||||
`data`：思维导图结构数据
|
||||
`data`：思维导图结构数据。v0.9.9+支持传空对象或者null，画布会显示空白。
|
||||
|
||||
### setFullData(*data*)
|
||||
|
||||
|
||||
@@ -35,9 +35,9 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>data</td>
|
||||
<td>Object</td>
|
||||
<td>{}</td>
|
||||
<td>思维导图数据，可参考下方【数据结构】介绍</td>
|
||||
<td>Object 、 null</td>
|
||||
<td></td>
|
||||
<td>思维导图数据，可参考下方【数据结构】介绍。v0.9.9+支持传空对象或者null，画布会显示空白</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>layout</td>
|
||||
@@ -1370,7 +1370,7 @@ mindMap.setTheme(<span class="hljs-string">'主题名称'</span>)
|
||||
</table>
|
||||
<h3>setData(data)</h3>
|
||||
<p>动态设置思维导图数据，纯节点数据</p>
|
||||
<p><code>data</code>：思维导图结构数据</p>
|
||||
<p><code>data</code>：思维导图结构数据。v0.9.9+支持传空对象或者null，画布会显示空白。</p>
|
||||
<h3>setFullData(<em>data</em>)</h3>
|
||||
<blockquote>
|
||||
<p>v0.2.7+</p>
|
||||
|
||||
@@ -42,11 +42,11 @@ export default {
|
||||
dataList: [
|
||||
{
|
||||
icon: 'iconstar',
|
||||
value: 'Github star数量2000+'
|
||||
value: 'Github star数量3000+'
|
||||
},
|
||||
{
|
||||
icon: 'iconfork',
|
||||
value: 'Github fork数量250+'
|
||||
value: 'Github fork数量400+'
|
||||
},
|
||||
{
|
||||
icon: 'iconxiazai',
|
||||
@@ -54,7 +54,7 @@ export default {
|
||||
},
|
||||
{
|
||||
icon: 'iconteamwork',
|
||||
value: '代码贡献者14+'
|
||||
value: '代码贡献者16+'
|
||||
}
|
||||
],
|
||||
functionList: [
|
||||
@@ -149,6 +149,21 @@ export default {
|
||||
icon: 'iconshezhi',
|
||||
name: '丰富的设置',
|
||||
value: '提供了丰富的功能设置，可以选择合适你的操作行为。'
|
||||
},
|
||||
{
|
||||
icon: 'iconxietongwendang',
|
||||
name: '协同编辑',
|
||||
value: '支持协同编辑，方便多人同时编辑同一个文件。'
|
||||
},
|
||||
{
|
||||
icon: 'icongongshi',
|
||||
name: '数学公式',
|
||||
value: '支持传入数学公式，省去截图的麻烦。'
|
||||
},
|
||||
{
|
||||
icon: 'icongundongtiao',
|
||||
name: '滚动条',
|
||||
value: '支持显示滚动条，轻松拖动画布到指定位置。'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user