Faber-mind NPM

Get Started

launch project dev

npm start

build browser

npm run build:browser

Problem to be solved

"babel-plugin-add-module-exports": "^1.0.0",插件在babel-loader@8中不起作用，导致在html中需要使用MM.default.App.init()，而不是MM.App.init()。

对象

Item

属性	类型	说明
1	2	3

Item节点JSON格式描述

{
	"root": {
		"id": "jlecrbfh", // 节点ID
		"text": "My Mind Map", // 节点文本
		"color": "#e33", // 边框、连线颜色
		"bgColor": "#e33", // 背景颜色
		"layout": "map", // 布局
		"children": [ // 子节点
			{
				"id": "cpyjpjtw",
				"text": "aa",
				"side": "right", // 左/右侧
				"color": "#3e3",
				"children": [
					{
						"id": "hxuzpclr",
						"text": "aa-11"
					},
					{
						"id": "ukdcgmkk",
						"text": "aa-22"
					}
				]
			},
			{
				"id": "wihheics",
				"text": "bb",
				"side": "left",
				"color": "#3dd"
			}
		]
	}
}

事件

鼠标事件

参见：Mouse.js

单击click

鼠标点击，选中Item。
设置App.current=Item

mousedown
mouseup
click

双击dblclick

鼠标双击，Item进入编辑模式

mousedown
mouseup
click
mousedown
mouseup
click
dblclick

滚轮wheel

wheel

右键context

mousedown
contextmenu

拖动/平移

mousedown
(多个事件)mousemove
mouseup
click

导出导图JSON数据

JSON.stringify(window.MM.map.toJSON())

从JSON加载导图

window.MM.map.fromJSON(JSON.parse('{"root":{"id":"mhbimzba","text":"My Mind Map","layout":"map","children":[{"id":"jebetoyd","text":"aaa","side":"right","fontColor":"#FFF","color":"#f5222d","bgColor":"#f5222d","children":[{"id":"dtfmqqyh","text":"aaaa111","layout":"graph-top","children":[{"id":"zfevfahd","text":"aaa111222"},{"id":"kaooophf","text":"aaa22111"}]},{"id":"meqeufxz","text":"aaaa222","layout":"graph-bottom","children":[{"id":"zkwxgkuf","text":"asdfasdf"},{"id":"rrogctxu","text":"asdfasdf"}]},{"id":"sbdtiqyk","text":"aaaa333"}]},{"id":"yhxmodnl","text":"bbb","side":"left","fontColor":"#FFF","color":"#52c41a","bgColor":"#52c41a","children":[{"id":"zdszeijz","text":"aaasa","children":[{"id":"lquxkxeg","text":"asdfasdf"}]},{"id":"wupfsbrd","text":"adsfasdf","layout":"tree-left","children":[{"id":"hxpscmnb","text":"asdfas"},{"id":"ndiygbso","text":"asdfasdf"},{"id":"xkrqccni","text":"asdfas"},{"id":"nhxsvavf","text":"asdf"}]},{"id":"foonmdpl","text":"asdf"}]},{"id":"zczslrpe","text":"ccc","side":"right","fontColor":"#FFF","color":"#faad14","bgColor":"#faad14","layout":"tree-right","linkUrl":"https://help.finebi.com/doc-view-268.html","children":[{"id":"ilssyihr","text":"aaazzz"},{"id":"swrrhtvv","text":"ccccc2`"},{"id":"ywatdmka","text":"ccc223"}]}]}}'))