mind-elixir 0.19.2 → 0.19.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/dist/MindElixir.js +1 -55
- package/dist/MindElixirLite.js +1 -35
- package/dist/example1.js +1 -1
- package/dist/example2.js +1 -1
- package/dist/painter.js +1 -16
- package/package.json +17 -17
- package/readme.cn.md +99 -99
- package/dist/test.html +0 -342
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mind-elixir",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.3",
|
|
4
4
|
"description": "Mind elixir is a free open source mind map core.",
|
|
5
5
|
"main": "dist/MindElixir.js",
|
|
6
6
|
"scripts": {
|
|
7
|
-
"start": "webpack-dev-server --mode development --env
|
|
8
|
-
"startd": "webpack-dev-server --mode development --env
|
|
7
|
+
"start": "webpack-dev-server --mode development --env dist=0",
|
|
8
|
+
"startd": "webpack-dev-server --mode development --env dist=1",
|
|
9
9
|
"test": "jest --runInBand",
|
|
10
10
|
"build": "webpack --mode production",
|
|
11
11
|
"doc": "./node_modules/.bin/jsdoc src/ -R readme.md -c conf.json",
|
|
@@ -33,27 +33,27 @@
|
|
|
33
33
|
"babel-loader": "^8.0.6",
|
|
34
34
|
"better-docs": "^2.3.2",
|
|
35
35
|
"canvg": "^3.0.6",
|
|
36
|
-
"css-loader": "^
|
|
36
|
+
"css-loader": "^6.7.1",
|
|
37
37
|
"docdash": "^1.1.1",
|
|
38
38
|
"eslint": "^8.0.0",
|
|
39
|
-
"file-loader": "^
|
|
39
|
+
"file-loader": "^6.2.0",
|
|
40
40
|
"html-webpack-plugin": "^5.3.2",
|
|
41
|
-
"jest": "^
|
|
41
|
+
"jest": "^27.5.1",
|
|
42
42
|
"jsdoc": "^3.6.3",
|
|
43
|
-
"jsdoc-to-markdown": "^
|
|
44
|
-
"less": "^
|
|
45
|
-
"less-loader": "^
|
|
46
|
-
"puppeteer": "^5.
|
|
43
|
+
"jsdoc-to-markdown": "^7.1.1",
|
|
44
|
+
"less": "^4.1.2",
|
|
45
|
+
"less-loader": "^10.2.0",
|
|
46
|
+
"puppeteer": "^13.5.1",
|
|
47
47
|
"puppeteer-to-istanbul": "^1.4.0",
|
|
48
48
|
"regenerator-runtime": "^0.13.7",
|
|
49
|
-
"style-loader": "^
|
|
49
|
+
"style-loader": "^3.3.1",
|
|
50
|
+
"terser-webpack-plugin": "^5.3.1",
|
|
50
51
|
"ts-loader": "^9.2.6",
|
|
51
52
|
"typescript": "^4.4.3",
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"webpack": "5.
|
|
55
|
-
"webpack-
|
|
56
|
-
"webpack-
|
|
57
|
-
"webpack-dev-server": "^3.5.1"
|
|
53
|
+
"url-loader": "^4.1.1",
|
|
54
|
+
"webpack": "5.70.0",
|
|
55
|
+
"webpack-bundle-analyzer": "^4.5.0",
|
|
56
|
+
"webpack-cli": "^4.9.2",
|
|
57
|
+
"webpack-dev-server": "^4.7.4"
|
|
58
58
|
}
|
|
59
59
|
}
|
package/readme.cn.md
CHANGED
|
@@ -1,99 +1,99 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<p>
|
|
4
|
-
<a href="https://www.npmjs.com/package/mind-elixir"><img src="https://img.shields.io/npm/v/mind-elixir" alt="version"></a>
|
|
5
|
-
<img src="https://img.shields.io/npm/l/mind-elixir" alt="license">
|
|
6
|
-
</p>
|
|
7
|
-
|
|
8
|
-
Mind elixir 是一个免费开源的思维导图内核
|
|
9
|
-
|
|
10
|
-
## 立即试用
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
https://mindelixir.ink/#/
|
|
15
|
-
|
|
16
|
-
## 在项目中使用
|
|
17
|
-
|
|
18
|
-
### 安装
|
|
19
|
-
|
|
20
|
-
#### NPM
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
npm i mind-elixir -S
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
```javascript
|
|
27
|
-
import MindElixir, { E } from 'mind-elixir'
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
#### script 标签引入
|
|
31
|
-
|
|
32
|
-
```html
|
|
33
|
-
<script src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/mind-elixir.js"></script>
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
### HTML 结构
|
|
37
|
-
|
|
38
|
-
```html
|
|
39
|
-
<div class="outer">
|
|
40
|
-
<div id="map"></div>
|
|
41
|
-
</div>
|
|
42
|
-
<style>
|
|
43
|
-
#map {
|
|
44
|
-
height: 500px;
|
|
45
|
-
width: 100%;
|
|
46
|
-
}
|
|
47
|
-
</style>
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
### 初始化
|
|
51
|
-
|
|
52
|
-
```javascript
|
|
53
|
-
let mind = new MindElixir({
|
|
54
|
-
el: '#map',
|
|
55
|
-
direction: MindElixir.LEFT,
|
|
56
|
-
// 创建新数据
|
|
57
|
-
data: MindElixir.new('new topic'),
|
|
58
|
-
// 也使用 getDataAll 得到的数据
|
|
59
|
-
data: {...},
|
|
60
|
-
draggable: true, // 启用拖动 default true
|
|
61
|
-
contextMenu: true, // 启用右键菜单 default true
|
|
62
|
-
toolBar: true, // 启用工具栏 default true
|
|
63
|
-
nodeMenu: true, // 启用节点菜单 default true
|
|
64
|
-
keypress: true, // 启用快捷键 default true
|
|
65
|
-
})
|
|
66
|
-
mind.init()
|
|
67
|
-
|
|
68
|
-
// get a node
|
|
69
|
-
E('node-id')
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
### Data Export
|
|
73
|
-
|
|
74
|
-
```javascript
|
|
75
|
-
mind.getAllData()
|
|
76
|
-
// see src/example.js
|
|
77
|
-
```
|
|
78
|
-
|
|
79
|
-
## 使用提示
|
|
80
|
-
|
|
81
|
-
### direction 选项
|
|
82
|
-
|
|
83
|
-
direction 选项可选 `MindElixir.LEFT`、`MindElixir.RIGHT` 和 `MindElixir.SIDE`。
|
|
84
|
-
|
|
85
|
-
### HTML 结构
|
|
86
|
-
|
|
87
|
-
挂载的目标需要定宽高，可以是百分百；外层元素建议设置 `position: relative;`，否则菜单位置以视窗为标准分布。
|
|
88
|
-
|
|
89
|
-
### E 函数
|
|
90
|
-
|
|
91
|
-
在使用节点操作方法时需要传入的参数可以借助 `E` 函数获得。
|
|
92
|
-
|
|
93
|
-
```javascript
|
|
94
|
-
mind.insertSibling(E('bd4313fbac40284b'))
|
|
95
|
-
```
|
|
96
|
-
|
|
97
|
-
## 文档
|
|
98
|
-
|
|
99
|
-
https://inspiring-golick-3c01b9.netlify.com/
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
<p>
|
|
4
|
+
<a href="https://www.npmjs.com/package/mind-elixir"><img src="https://img.shields.io/npm/v/mind-elixir" alt="version"></a>
|
|
5
|
+
<img src="https://img.shields.io/npm/l/mind-elixir" alt="license">
|
|
6
|
+
</p>
|
|
7
|
+
|
|
8
|
+
Mind elixir 是一个免费开源的思维导图内核
|
|
9
|
+
|
|
10
|
+
## 立即试用
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
https://mindelixir.ink/#/
|
|
15
|
+
|
|
16
|
+
## 在项目中使用
|
|
17
|
+
|
|
18
|
+
### 安装
|
|
19
|
+
|
|
20
|
+
#### NPM
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
npm i mind-elixir -S
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
```javascript
|
|
27
|
+
import MindElixir, { E } from 'mind-elixir'
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
#### script 标签引入
|
|
31
|
+
|
|
32
|
+
```html
|
|
33
|
+
<script src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/mind-elixir.js"></script>
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
### HTML 结构
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<div class="outer">
|
|
40
|
+
<div id="map"></div>
|
|
41
|
+
</div>
|
|
42
|
+
<style>
|
|
43
|
+
#map {
|
|
44
|
+
height: 500px;
|
|
45
|
+
width: 100%;
|
|
46
|
+
}
|
|
47
|
+
</style>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### 初始化
|
|
51
|
+
|
|
52
|
+
```javascript
|
|
53
|
+
let mind = new MindElixir({
|
|
54
|
+
el: '#map',
|
|
55
|
+
direction: MindElixir.LEFT,
|
|
56
|
+
// 创建新数据
|
|
57
|
+
data: MindElixir.new('new topic'),
|
|
58
|
+
// 也使用 getDataAll 得到的数据
|
|
59
|
+
data: {...},
|
|
60
|
+
draggable: true, // 启用拖动 default true
|
|
61
|
+
contextMenu: true, // 启用右键菜单 default true
|
|
62
|
+
toolBar: true, // 启用工具栏 default true
|
|
63
|
+
nodeMenu: true, // 启用节点菜单 default true
|
|
64
|
+
keypress: true, // 启用快捷键 default true
|
|
65
|
+
})
|
|
66
|
+
mind.init()
|
|
67
|
+
|
|
68
|
+
// get a node
|
|
69
|
+
E('node-id')
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
### Data Export
|
|
73
|
+
|
|
74
|
+
```javascript
|
|
75
|
+
mind.getAllData()
|
|
76
|
+
// see src/example.js
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
## 使用提示
|
|
80
|
+
|
|
81
|
+
### direction 选项
|
|
82
|
+
|
|
83
|
+
direction 选项可选 `MindElixir.LEFT`、`MindElixir.RIGHT` 和 `MindElixir.SIDE`。
|
|
84
|
+
|
|
85
|
+
### HTML 结构
|
|
86
|
+
|
|
87
|
+
挂载的目标需要定宽高，可以是百分百；外层元素建议设置 `position: relative;`，否则菜单位置以视窗为标准分布。
|
|
88
|
+
|
|
89
|
+
### E 函数
|
|
90
|
+
|
|
91
|
+
在使用节点操作方法时需要传入的参数可以借助 `E` 函数获得。
|
|
92
|
+
|
|
93
|
+
```javascript
|
|
94
|
+
mind.insertSibling(E('bd4313fbac40284b'))
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
## 文档
|
|
98
|
+
|
|
99
|
+
https://inspiring-golick-3c01b9.netlify.com/
|
package/dist/test.html
DELETED
|
@@ -1,342 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
7
|
-
<title>Document</title>
|
|
8
|
-
<style>
|
|
9
|
-
/* 想要菜单相对父组件显示需要在外层添加 position: relative; */
|
|
10
|
-
.outer {
|
|
11
|
-
position: relative;
|
|
12
|
-
margin: 50px;
|
|
13
|
-
}
|
|
14
|
-
#map {
|
|
15
|
-
height: 500px;
|
|
16
|
-
overflow: auto;
|
|
17
|
-
}
|
|
18
|
-
</style>
|
|
19
|
-
</head>
|
|
20
|
-
<body>
|
|
21
|
-
<div class="outer">
|
|
22
|
-
<div id="map"></div>
|
|
23
|
-
</div>
|
|
24
|
-
<script type="text/javascript" src="./MindElixir.js"></script>
|
|
25
|
-
</body>
|
|
26
|
-
<script>
|
|
27
|
-
var data = {
|
|
28
|
-
nodeData: {
|
|
29
|
-
id: 'root',
|
|
30
|
-
topic: 'Mind Elixir',
|
|
31
|
-
root: true,
|
|
32
|
-
children: [
|
|
33
|
-
{
|
|
34
|
-
topic: '什么是 Minde Elixir',
|
|
35
|
-
id: 'bd4313fbac40284b',
|
|
36
|
-
direction: 0,
|
|
37
|
-
expanded: true,
|
|
38
|
-
children: [
|
|
39
|
-
{
|
|
40
|
-
topic: '一个网页版思维导图应用程序',
|
|
41
|
-
id: 'beeb823afd6d2114',
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
topic: '免费',
|
|
45
|
-
id: 'c1f068377de9f3a0',
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
topic: '即将开源',
|
|
49
|
-
id: 'c1f06d38a09f23ca',
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
topic: '无框架依赖',
|
|
53
|
-
id: 'c1f06e4cbcf16463',
|
|
54
|
-
expanded: true,
|
|
55
|
-
children: [],
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
topic: '两步轻松接入已有项目',
|
|
59
|
-
id: 'c1f1f11a7fbf7550',
|
|
60
|
-
children: [
|
|
61
|
-
{
|
|
62
|
-
topic: "import MindElixir from 'mind-elixir'",
|
|
63
|
-
id: 'c1f1e245b0a89f9b',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
topic: 'new MindElixir({...}).init()',
|
|
67
|
-
id: 'c1f1ebc7072c8928',
|
|
68
|
-
},
|
|
69
|
-
],
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
topic: '使用简单',
|
|
73
|
-
id: 'c1f0723c07b408d7',
|
|
74
|
-
expanded: true,
|
|
75
|
-
children: [
|
|
76
|
-
{
|
|
77
|
-
topic: '操作手感类似其他主流思维导图应用',
|
|
78
|
-
id: 'c1f09612fd89920d',
|
|
79
|
-
},
|
|
80
|
-
],
|
|
81
|
-
},
|
|
82
|
-
],
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
topic: '基本操作',
|
|
86
|
-
id: 'bd1b66c4b56754d9',
|
|
87
|
-
direction: 0,
|
|
88
|
-
expanded: true,
|
|
89
|
-
children: [
|
|
90
|
-
{
|
|
91
|
-
topic: 'tab 新建子节点',
|
|
92
|
-
id: 'bd1b6892bcab126a',
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
topic: 'enter 新建同级节点',
|
|
96
|
-
id: 'bd1b6b632a434b27',
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
topic: 'del 删除节点',
|
|
100
|
-
id: 'bd1b983085187c0a',
|
|
101
|
-
},
|
|
102
|
-
],
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
topic: '专注',
|
|
106
|
-
id: 'bd1b9b94a9a7a913',
|
|
107
|
-
direction: 1,
|
|
108
|
-
expanded: true,
|
|
109
|
-
children: [
|
|
110
|
-
{
|
|
111
|
-
topic: '点击右键，专注模式',
|
|
112
|
-
id: 'bd1bb2ac4bbab458',
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
topic: '需要取消专注时同样通过右键菜单，点击取消专注',
|
|
116
|
-
id: 'bd1bb4b14d6697c3',
|
|
117
|
-
},
|
|
118
|
-
],
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
topic: '左侧菜单',
|
|
122
|
-
id: 'bd1b9d1816ede134',
|
|
123
|
-
direction: 0,
|
|
124
|
-
expanded: true,
|
|
125
|
-
children: [
|
|
126
|
-
{
|
|
127
|
-
topic: '选择节点分布方式',
|
|
128
|
-
id: 'bd1ba11e620c3c1a',
|
|
129
|
-
expanded: true,
|
|
130
|
-
children: [
|
|
131
|
-
{
|
|
132
|
-
topic: '左侧分布',
|
|
133
|
-
id: 'bd1c1cb51e6745d3',
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
topic: '右侧分布',
|
|
137
|
-
id: 'bd1c1e12fd603ff6',
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
topic: '左右分布',
|
|
141
|
-
id: 'bd1c1f03def5c97b',
|
|
142
|
-
},
|
|
143
|
-
],
|
|
144
|
-
},
|
|
145
|
-
],
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
topic: '下方菜单',
|
|
149
|
-
id: 'bd1ba66996df4ba4',
|
|
150
|
-
direction: 1,
|
|
151
|
-
expanded: true,
|
|
152
|
-
children: [
|
|
153
|
-
{
|
|
154
|
-
topic: '全屏',
|
|
155
|
-
id: 'bd1ba81d9bc95a7e',
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
topic: '定位到中点',
|
|
159
|
-
id: 'bd1babdd5c18a7a2',
|
|
160
|
-
},
|
|
161
|
-
{
|
|
162
|
-
topic: '画布缩小',
|
|
163
|
-
id: 'bd1bae68e0ab186e',
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
topic: '画布放大',
|
|
167
|
-
id: 'bd1bb06377439977',
|
|
168
|
-
},
|
|
169
|
-
],
|
|
170
|
-
},
|
|
171
|
-
{
|
|
172
|
-
topic: '节点连接',
|
|
173
|
-
id: 'bd1beff607711025',
|
|
174
|
-
direction: 0,
|
|
175
|
-
expanded: true,
|
|
176
|
-
children: [
|
|
177
|
-
{
|
|
178
|
-
topic: '点击右键菜单——连接',
|
|
179
|
-
id: 'bd1bf320da90046a',
|
|
180
|
-
},
|
|
181
|
-
{
|
|
182
|
-
topic: '然后直接点击连接目标',
|
|
183
|
-
id: 'bd1bf6f94ff2e642',
|
|
184
|
-
},
|
|
185
|
-
{
|
|
186
|
-
topic: '可以通过贝塞尔曲线控制点修改连线弧度',
|
|
187
|
-
id: 'bd1c0c4a487bd036',
|
|
188
|
-
},
|
|
189
|
-
],
|
|
190
|
-
},
|
|
191
|
-
{
|
|
192
|
-
topic: '节点样式修改',
|
|
193
|
-
id: 'bd1c217f9d0b20bd',
|
|
194
|
-
direction: 0,
|
|
195
|
-
expanded: true,
|
|
196
|
-
children: [
|
|
197
|
-
{
|
|
198
|
-
topic: '字体大小',
|
|
199
|
-
id: 'bd1c24420cd2c2f5',
|
|
200
|
-
style: {
|
|
201
|
-
fontSize: '32',
|
|
202
|
-
color: '#3298db',
|
|
203
|
-
},
|
|
204
|
-
},
|
|
205
|
-
{
|
|
206
|
-
topic: '字体颜色',
|
|
207
|
-
id: 'bd1c2a59b9a2739c',
|
|
208
|
-
style: {
|
|
209
|
-
color: '#c0392c',
|
|
210
|
-
},
|
|
211
|
-
},
|
|
212
|
-
{
|
|
213
|
-
topic: '背景颜色',
|
|
214
|
-
id: 'bd1c2de33f057eb4',
|
|
215
|
-
style: {
|
|
216
|
-
color: '#bdc3c7',
|
|
217
|
-
background: '#2c3e50',
|
|
218
|
-
},
|
|
219
|
-
},
|
|
220
|
-
{
|
|
221
|
-
topic: '添加标签',
|
|
222
|
-
id: 'bd1cff58364436d0',
|
|
223
|
-
tags: ['已完成'],
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
topic: '添加图标',
|
|
227
|
-
id: 'bd1d0317f7e8a61a',
|
|
228
|
-
icons: ['😂'],
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
topic: '文字加粗',
|
|
232
|
-
id: 'bd41fd4ca32322a4',
|
|
233
|
-
style: {
|
|
234
|
-
fontWeight: 'bold',
|
|
235
|
-
},
|
|
236
|
-
},
|
|
237
|
-
],
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
topic: '节点拖拽',
|
|
241
|
-
id: 'bd1f03fee1f63bc6',
|
|
242
|
-
direction: 1,
|
|
243
|
-
expanded: true,
|
|
244
|
-
children: [
|
|
245
|
-
{
|
|
246
|
-
topic: '将一个节点拖拽到另一个节点，会成为另一个节点的子节点',
|
|
247
|
-
id: 'bd1f07c598e729dc',
|
|
248
|
-
},
|
|
249
|
-
],
|
|
250
|
-
},
|
|
251
|
-
{
|
|
252
|
-
topic: '未来功能',
|
|
253
|
-
id: 'bd1facea32a1967c',
|
|
254
|
-
direction: 1,
|
|
255
|
-
expanded: true,
|
|
256
|
-
children: [
|
|
257
|
-
{
|
|
258
|
-
topic: '节点插入图片',
|
|
259
|
-
id: 'bd1fb1ec53010749',
|
|
260
|
-
},
|
|
261
|
-
{
|
|
262
|
-
topic: '自由节点',
|
|
263
|
-
id: 'bd42d3e3bee992b9',
|
|
264
|
-
},
|
|
265
|
-
{
|
|
266
|
-
topic: '样式优化',
|
|
267
|
-
id: 'beeb7f3db6ad6496',
|
|
268
|
-
},
|
|
269
|
-
],
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
topic: '导出数据',
|
|
273
|
-
id: 'beeb7586973430db',
|
|
274
|
-
direction: 1,
|
|
275
|
-
expanded: true,
|
|
276
|
-
children: [
|
|
277
|
-
{
|
|
278
|
-
topic: 'JSON',
|
|
279
|
-
id: 'beeb784cc189375f',
|
|
280
|
-
},
|
|
281
|
-
{
|
|
282
|
-
topic: 'HTML',
|
|
283
|
-
id: 'beeb7a6bec2d68f5',
|
|
284
|
-
},
|
|
285
|
-
],
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
topic: '注意',
|
|
289
|
-
id: 'bd42dad21aaf6bae',
|
|
290
|
-
direction: 0,
|
|
291
|
-
style: {
|
|
292
|
-
background: '#f1c40e',
|
|
293
|
-
},
|
|
294
|
-
expanded: true,
|
|
295
|
-
children: [
|
|
296
|
-
{
|
|
297
|
-
topic: '暂时只能手动保存',
|
|
298
|
-
id: 'bd42e1d0163ebf04',
|
|
299
|
-
expanded: true,
|
|
300
|
-
children: [
|
|
301
|
-
{
|
|
302
|
-
topic: '点击右上角保存',
|
|
303
|
-
id: 'bd42e619051878b3',
|
|
304
|
-
expanded: true,
|
|
305
|
-
children: [],
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
topic: 'ctrl + S 保存',
|
|
309
|
-
id: 'bd42e97d7ac35e99',
|
|
310
|
-
},
|
|
311
|
-
],
|
|
312
|
-
},
|
|
313
|
-
],
|
|
314
|
-
},
|
|
315
|
-
],
|
|
316
|
-
expanded: true,
|
|
317
|
-
},
|
|
318
|
-
linkData: {},
|
|
319
|
-
}
|
|
320
|
-
console.log('MindElixir.SIDE', MindElixir.SIDE)
|
|
321
|
-
let mind = new MindElixir({
|
|
322
|
-
el: '#map',
|
|
323
|
-
direction: MindElixir.SIDE,
|
|
324
|
-
data: {
|
|
325
|
-
nodeData: {
|
|
326
|
-
id: 'root',
|
|
327
|
-
topic: 'Mind Elixir',
|
|
328
|
-
root: true,
|
|
329
|
-
children:[]
|
|
330
|
-
},
|
|
331
|
-
linkData: {},
|
|
332
|
-
},
|
|
333
|
-
draggable: true,
|
|
334
|
-
contextMenu: true,
|
|
335
|
-
toolBar: true,
|
|
336
|
-
nodeMenu: true,
|
|
337
|
-
keypress: true,
|
|
338
|
-
})
|
|
339
|
-
mind.init()
|
|
340
|
-
console.log('test E function', E('bd4313fbac40284b'))
|
|
341
|
-
</script>
|
|
342
|
-
</html>
|