Feat：抽离库和demo中的主题文件为单独的包

README.md

@@ -475,4 +475,8 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/Joe.jpg" style="width: 50px;height: 50px;" />
         <span>Joe</span>
     </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>中文网字计划-江夏尧</span>
+    </span>
 </p>

simple-mind-map/full.js

@@ -22,14 +22,12 @@ import xmind from './src/parse/xmind.js'
 import markdown from './src/parse/markdown.js'
 import icons from './src/svg/icons.js'
 import * as constants from './src/constants/constant.js'
-import themes from './src/themes/index.js'
-import * as defaultTheme from './src/themes/default.js'
+import * as defaultTheme from './src/theme/default.js'
 
 MindMap.xmind = xmind
 MindMap.markdown = markdown
 MindMap.iconList = icons.nodeIconList
 MindMap.constants = constants
-MindMap.themes = themes
 MindMap.defaultTheme = defaultTheme
 MindMap.version = '0.11.2'
 

simple-mind-map/index.js

@@ -2,7 +2,7 @@ import View from './src/core/view/View'
 import Event from './src/core/event/Event'
 import Render from './src/core/render/Render'
 import merge from 'deepmerge'
-import theme from './src/themes'
+import theme from './src/theme'
 import Style from './src/core/render/node/Style'
 import KeyCommand from './src/core/command/KeyCommand'
 import Command from './src/core/command/Command'
@@ -24,7 +24,7 @@ import {
 } from './src/utils'
 import defaultTheme, {
   checkIsNodeSizeIndependenceConfig
-} from './src/themes/default'
+} from './src/theme/default'
 import { defaultOpt } from './src/constants/defaultOptions'
 
 //  思维导图
@@ -254,7 +254,7 @@ class MindMap {
   //  设置主题
   initTheme() {
     // 合并主题配置
-    this.themeConfig = mergeTheme(theme[this.opt.theme], this.opt.themeConfig)
+    this.themeConfig = mergeTheme(theme[this.opt.theme] || theme.default, this.opt.themeConfig)
     // 设置背景样式
     Style.setBackgroundStyle(this.el, this.themeConfig)
   }
@@ -645,5 +645,11 @@ MindMap.defineTheme = (name, config = {}) => {
   }
   theme[name] = mergeTheme(defaultTheme, config)
 }
+// 移除主题
+MindMap.removeTheme = name => {
+  if (theme[name]) {
+    theme[name] = null
+  }
+}
 
 export default MindMap

simple-mind-map/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-mind-map",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "一个简单的web在线思维导图",
   "authors": [
     {

simple-mind-map/src/constants/constant.js

@@ -1,167 +1,3 @@
-//  主题列表
-export const themeList = [
-  {
-    name: '默认',
-    value: 'default',
-    dark: false
-  },
-  {
-    name: '暗色2',
-    value: 'dark2',
-    dark: true
-  },
-  {
-    name: '天清绿',
-    value: 'skyGreen',
-    dark: false
-  },
-  {
-    name: '脑图经典2',
-    value: 'classic2',
-    dark: false
-  },
-  {
-    name: '脑图经典3',
-    value: 'classic3',
-    dark: false
-  },
-  {
-    name: '经典绿',
-    value: 'classicGreen',
-    dark: false
-  },
-  {
-    name: '经典蓝',
-    value: 'classicBlue',
-    dark: false
-  },
-  {
-    name: '天空蓝',
-    value: 'blueSky',
-    dark: false
-  },
-  {
-    name: '脑残粉',
-    value: 'brainImpairedPink',
-    dark: false
-  },
-  {
-    name: '暗色',
-    value: 'dark',
-    dark: true
-  },
-  {
-    name: '泥土黄',
-    value: 'earthYellow',
-    dark: false
-  },
-  {
-    name: '清新绿',
-    value: 'freshGreen',
-    dark: false
-  },
-  {
-    name: '清新红',
-    value: 'freshRed',
-    dark: false
-  },
-  {
-    name: '浪漫紫',
-    value: 'romanticPurple',
-    dark: false
-  },
-  {
-    name: '粉红葡萄',
-    value: 'pinkGrape',
-    dark: false
-  },
-  {
-    name: '薄荷',
-    value: 'mint',
-    dark: false
-  },
-  {
-    name: '金色vip',
-    value: 'gold',
-    dark: false
-  },
-  {
-    name: '活力橙',
-    value: 'vitalityOrange',
-    dark: false
-  },
-  {
-    name: '绿叶',
-    value: 'greenLeaf',
-    dark: false
-  },
-  {
-    name: '脑图经典',
-    value: 'classic',
-    dark: true
-  },
-  {
-    name: '脑图经典4',
-    value: 'classic4',
-    dark: false
-  },
-  {
-    name: '小黄人',
-    value: 'minions',
-    dark: false
-  },
-  {
-    name: '简约黑',
-    value: 'simpleBlack',
-    dark: false
-  },
-  {
-    name: '课程绿',
-    value: 'courseGreen',
-    dark: false
-  },
-  {
-    name: '咖啡',
-    value: 'coffee',
-    dark: false
-  },
-  {
-    name: '红色精神',
-    value: 'redSpirit',
-    dark: false
-  },
-  {
-    name: '黑色幽默',
-    value: 'blackHumour',
-    dark: true
-  },
-  {
-    name: '深夜办公室',
-    value: 'lateNightOffice',
-    dark: true
-  },
-  {
-    name: '黑金',
-    value: 'blackGold',
-    dark: true
-  },
-  {
-    name: '牛油果',
-    value: 'avocado',
-    dark: false
-  },
-  {
-    name: '秋天',
-    value: 'autumn',
-    dark: false
-  },
-  {
-    name: '橙汁',
-    value: 'orangeJuice',
-    dark: true
-  }
-]
-
 // 常量
 export const CONSTANTS = {
   CHANGE_THEME: 'changeTheme',

simple-mind-map/src/core/render/Render.js

@@ -36,7 +36,7 @@ import {
   throttle
 } from '../../utils'
 import { shapeList } from './node/Shape'
-import { lineStyleProps } from '../../themes/default'
+import { lineStyleProps } from '../../theme/default'
 import { CONSTANTS, ERROR_TYPES } from '../../constants/constant'
 import { Polygon } from '@svgdotjs/svg.js'
 

simple-mind-map/src/theme/default.js

@@ -1,5 +1,4 @@
 //  默认主题
-
 export default {
   // 节点内边距
   paddingX: 15,

simple-mind-map/src/theme/index.js

@@ -0,0 +1,5 @@
+import defaultTheme from './default'
+
+export default {
+  default: defaultTheme
+}

simple-mind-map/src/themes/autumn.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 秋天
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#fff2df',
-  // 连线的颜色
-  lineColor: '#b0bc47',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#b0bc47',
-  // 根节点样式
-  root: {
-    fillColor: '#e68112',
-    color: '#fff',
-    borderColor: '#e68112',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#ffd683',
-    color: '#8c5416',
-    borderColor: '#b0bc47',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#8c5416'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#ffd683',
-    borderColor: '#b0bc47',
-    borderWidth: 2,
-    color: '#8c5416'
-  }
-})

simple-mind-map/src/themes/avocado.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 牛油果
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#e6f1de',
-  // 连线的颜色
-  lineColor: '#f5ffad',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#749336',
-  // 根节点样式
-  root: {
-    fillColor: '#94c143',
-    color: '#fff',
-    borderColor: '#94c143',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#cee498',
-    color: '#749336',
-    borderColor: '#aec668',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#749336'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#cee498',
-    borderColor: '#aec668',
-    borderWidth: 2,
-    color: '#749336'
-  }
-})

simple-mind-map/src/themes/blackGold.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 黑金
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(18, 20, 20)',
-  // 连线的颜色
-  lineColor: 'rgb(205, 186, 156)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(245, 224, 191)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 208, 124)',
-    color: 'rgb(111, 61, 6)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(66, 57, 46)',
-    color: 'rgb(225, 201, 158)',
-    borderColor: 'rgb(245, 224, 191)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(231, 203, 155)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(56, 45, 34)',
-    borderColor: 'rgb(104, 84, 61)',
-    borderWidth: 2,
-    color: 'rgb(242, 216, 176)'
-  }
-})

simple-mind-map/src/themes/blackHumour.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 黑色幽默
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(27, 31, 34)',
-  // 连线的颜色
-  lineColor: 'rgb(75, 81, 78)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(36, 179, 96)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(254, 199, 13)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(27, 31, 34)',
-    borderColor: 'rgb(255, 119, 34)',
-    borderWidth: 2,
-    color: 'rgb(204, 204, 204)'
-  }
-})

simple-mind-map/src/themes/blueSky.js

@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  天空蓝
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(115, 161, 191)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(115, 161, 191)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(238, 243, 246)',
-    color: '#333',
-    borderColor: 'rgb(115, 161, 191)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/brainImpairedPink.js

@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  脑残粉
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 115, 148)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 115, 148)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 238, 242)',
-    color: '#333',
-    borderColor: 'rgb(191, 115, 148)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/classic.js

@@ -1,49 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  脑图经典
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#fff',
-  // 连线的粗细
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(58, 65, 68)',
-  // 背景图片
-  backgroundImage:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzg5QTQ0NDhENzgxMUUzOENGREE4QTg0RDgzRTZDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzg5QTQ0NThENzgxMUUzOENGREE4QTg0RDgzRTZDNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwOEQ1NDRGOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwOEQ1NDUwOEQ3NzExRTM4Q0ZEQThBODREODNFNkM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e9P33AAAACVJREFUeNpisXJ0YUACTAyoAMr/+eM7EGGRZ4FQ7BycEAZAgAEAHbEGtkoQm/wAAAAASUVORK5CYII=',
-  // 背景重复
-  backgroundRepeat: 'repeat',
-  backgroundSize: 'auto',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(233, 223, 152)',
-    color: '#333',
-    fontSize: 24,
-    borderRadius: 21
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(164, 197, 192)',
-    borderColor: 'transparent',
-    color: '#333',
-    fontSize: 16,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#fff',
-    fontWeight: 'bold'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/classic2.js

@@ -1,43 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典2
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 背景颜色
-  backgroundColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(18, 187, 55)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(241, 242, 241)',
-    borderColor: 'transparent',
-    color: '#1a1a1a',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#1a1a1a'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 2,
-    color: '#1a1a1a'
-  }
-})

simple-mind-map/src/themes/classic3.js

@@ -1,46 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典3
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(94, 202, 110)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#1a1a1a',
-  // 背景颜色
-  backgroundColor: 'rgb(241, 241, 241)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 245, 214)',
-    color: '#1a1a1a',
-    fontSize: 24,
-    borderRadius: 10,
-    borderColor: 'rgb(249, 199, 84)',
-    borderWidth: 1
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 245, 214)',
-    borderColor: 'rgb(249, 199, 84)',
-    borderWidth: 1,
-    color: '#1a1a1a',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#1a1a1a'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#1a1a1a',
-    color: '#1a1a1a',
-    borderWidth: 2
-  }
-})

simple-mind-map/src/themes/classic4.js

@@ -1,49 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典4
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(30, 53, 86)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(56, 123, 233)',
-  // 背景颜色
-  backgroundColor: 'rgb(241, 241, 241)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(30, 53, 86)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10,
-    borderColor: 'rgb(189, 197, 201)',
-    borderWidth: 2
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(169, 218, 218)',
-    borderColor: 'rgb(30, 53, 86)',
-    borderWidth: 2,
-    color: '#fff',
-    fontSize: 18,
-    borderRadius: 10
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(30, 53, 86)',
-    borderColor: 'rgb(30, 53, 86)',
-    borderWidth: 1,
-    marginY: 20
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(56, 123, 233)',
-    borderColor: 'rgb(56, 123, 233)',
-    color: '#fff',
-    borderWidth: 0
-  }
-})

simple-mind-map/src/themes/classicBlue.js

@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典蓝
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 背景颜色
-  backgroundColor: 'rgb(239, 248, 250)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: '#222'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: '#222',
-    borderColor: 'rgb(255, 255, 255)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(51, 51, 51)',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/classicGreen.js

@@ -1,39 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  经典绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(123, 199, 120)',
-  // 背景颜色
-  backgroundColor: 'rgb(236, 245, 231)',
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(123, 199, 120)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(253, 244, 217)',
-    color: '#222'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(253, 244, 217)',
-    color: '#222',
-    borderColor: 'rgb(242, 200, 104)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(123, 199, 120)',
-    borderColor: 'transparent',
-    borderWidth: 2,
-    color: '#fff'
-  }
-})

simple-mind-map/src/themes/coffee.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 咖啡
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(173, 123, 91)',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 4,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(173, 123, 91)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(202, 117, 79)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(245, 231, 216)',
-    color: 'rgb(125, 86, 42)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(96, 71, 47)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 249, 239)',
-    borderColor: 'rgb(173, 123, 91)',
-    borderWidth: 2,
-    color: 'rgb(122, 83, 44)'
-  }
-})

simple-mind-map/src/themes/courseGreen.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 课程绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(113, 195, 169)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(113, 195, 169)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(16, 160, 121)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(240, 252, 249)',
-    color: 'rgb(50, 113, 96)',
-    borderColor: 'rgb(113, 195, 169)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(10, 59, 43)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(246, 238, 211)',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(173, 91, 12)'
-  }
-})

simple-mind-map/src/themes/dark.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  暗色
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(17, 68, 23)',
-  // 连线的粗细
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(15, 16, 17)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(28, 178, 43)',
-    color: '#fff',
-    fontSize: 24,
-    borderRadius: 10
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(55, 56, 58)',
-    color: 'rgb(147,148,149)',
-    fontSize: 18,
-    borderRadius: 10,
-    borderWidth: 0
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(147, 148, 149)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/dark2.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  暗色2
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(75, 81, 78)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 背景颜色
-  backgroundColor: 'rgb(27, 31, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(36, 179, 96)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(254, 199, 13)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'transparent',
-    borderColor: 'rgb(255, 119, 34)',
-    borderWidth: 2,
-    color: 'rgb(204, 204, 204)'
-  }
-})

simple-mind-map/src/themes/earthYellow.js

@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  泥土黄
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 147, 115)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 147, 115)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 242, 238)',
-    color: '#333',
-    borderColor: 'rgb(191, 147, 115)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/freshGreen.js

@@ -1,31 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  清新绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#333',
-  // 背景颜色
-  backgroundColor: '#d1f6ec',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: '#1fb27d'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: '#565656',
-    borderColor: 'transparent',
-    borderWidth: 0
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/freshRed.js

@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  清新红
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(191, 115, 115)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(191, 115, 115)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(246, 238, 238)',
-    color: '#333',
-    borderColor: 'rgb(191, 115, 115)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/gold.js

@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  金色vip
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 56, 62)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(127, 93, 64)',
-  // 背景颜色
-  backgroundColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(51, 56, 62)',
-    color: 'rgb(247, 208, 160)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(239, 209, 176)',
-    color: 'rgb(81, 58, 42)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(127, 93, 64)',
-    borderColor: 'transparent',
-    color: 'rgb(255, 214, 175)'
-  }
-})

simple-mind-map/src/themes/greenLeaf.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  绿叶
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(40, 193, 84)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(251, 158, 0)',
-  // 背景颜色
-  backgroundColor: 'rgb(238, 255, 243)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(25, 193, 73)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: 'rgb(69, 149, 96)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'rgb(251, 158, 0)',
-    borderWidth: 2,
-    color: 'rgb(51, 51, 51)'
-  }
-})

simple-mind-map/src/themes/index.js

@@ -1,67 +0,0 @@
-import defaultTheme from './default'
-import freshGreen from './freshGreen'
-import blueSky from './blueSky'
-import brainImpairedPink from './brainImpairedPink'
-import romanticPurple from './romanticPurple'
-import freshRed from './freshRed'
-import earthYellow from './earthYellow'
-import classic from './classic'
-import classic2 from './classic2'
-import classic3 from './classic3'
-import classic4 from './classic4'
-import dark from './dark'
-import classicGreen from './classicGreen'
-import classicBlue from './classicBlue'
-import minions from './minions'
-import pinkGrape from './pinkGrape'
-import mint from './mint'
-import gold from './gold'
-import vitalityOrange from './vitalityOrange'
-import greenLeaf from './greenLeaf'
-import dark2 from './dark2'
-import skyGreen from './skyGreen'
-import simpleBlack from './simpleBlack'
-import courseGreen from './courseGreen'
-import coffee from './coffee'
-import redSpirit from './redSpirit'
-import blackHumour from './blackHumour'
-import lateNightOffice from './lateNightOffice'
-import blackGold from './blackGold'
-import avocado from './avocado'
-import autumn from './autumn'
-import orangeJuice from './orangeJuice'
-
-export default {
-  default: defaultTheme,
-  freshGreen,
-  blueSky,
-  brainImpairedPink,
-  romanticPurple,
-  freshRed,
-  earthYellow,
-  classic,
-  classic2,
-  classic3,
-  classic4,
-  dark,
-  classicGreen,
-  classicBlue,
-  minions,
-  pinkGrape,
-  mint,
-  gold,
-  vitalityOrange,
-  greenLeaf,
-  dark2,
-  skyGreen,
-  simpleBlack,
-  courseGreen,
-  coffee,
-  redSpirit,
-  blackHumour,
-  lateNightOffice,
-  blackGold,
-  avocado,
-  autumn,
-  orangeJuice
-}

simple-mind-map/src/themes/lateNightOffice.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 深夜办公室
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(32, 37, 49)',
-  // 连线的颜色
-  lineColor: 'rgb(137, 167, 196)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 119, 34)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(23, 153, 243)',
-    color: 'rgb(255, 255, 255)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(70, 78, 94)',
-    color: 'rgb(209, 210, 210)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(204, 204, 204)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 119, 34)',
-    borderColor: '',
-    borderWidth: 2,
-    color: '#fff'
-  }
-})

simple-mind-map/src/themes/minions.js

@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  小黄人
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#222',
-  // 背景颜色
-  backgroundColor: 'rgb(248, 215, 49)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(55, 165, 255)',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 3
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 160, 36)',
-    color: '#222',
-    borderColor: 'rgb(51, 51, 51)',
-    borderWidth: 3,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    borderColor: '#222',
-    borderWidth: 3,
-    color: '#222'
-  }
-})

simple-mind-map/src/themes/mint.js

@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  薄荷
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(104, 204, 202)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(90, 206, 241)',
-  // 背景颜色
-  backgroundColor: 'rgb(239, 255, 255)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(0, 192, 184)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: '#222',
-    borderColor: 'rgb(184, 235, 233)',
-    borderWidth: 2,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(90, 206, 241)',
-    borderColor: 'transparent',
-    color: '#fff'
-  }
-})

simple-mind-map/src/themes/orangeJuice.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 橙汁
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: '#070616',
-  // 连线的颜色
-  lineColor: '#fff',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 根节点样式
-  root: {
-    fillColor: '#ff6811',
-    color: '#110501',
-    borderColor: '#ff6811',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#070616',
-    color: '#a9a4a9',
-    borderColor: '#ff6811',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: '#a9a4a9'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '',
-    borderColor: '#ff6811',
-    borderWidth: 2,
-    color: '#a9a4a9'
-  }
-})

simple-mind-map/src/themes/pinkGrape.js

@@ -1,40 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  粉红葡萄
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(166, 101, 106)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(255, 208, 211)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(139, 109, 225)',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(243, 104, 138)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: '#222'
-  }
-})

simple-mind-map/src/themes/redSpirit.js

@@ -1,44 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 红色精神
-export default mergeTheme(defaultTheme, {
-  // 背景颜色
-  backgroundColor: 'rgb(255, 238, 228)',
-  // 连线的颜色
-  lineColor: 'rgb(230, 138, 131)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(222, 101, 85)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(207, 44, 44)',
-    color: 'rgb(255, 233, 157)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(255, 255, 255)',
-    color: 'rgb(211, 58, 21)',
-    borderColor: 'rgb(222, 101, 85)',
-    borderWidth: 2,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(144, 71, 43)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'rgb(255, 247, 211)',
-    borderColor: 'rgb(255, 202, 162)',
-    borderWidth: 2,
-    color: 'rgb(187, 101, 69)'
-  }
-})

simple-mind-map/src/themes/romanticPurple.js

@@ -1,37 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  浪漫紫
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(123, 115, 191)',
-  // 背景颜色
-  backgroundColor: 'rgb(251, 251, 251)',
-  // 概要连线的粗细
-  generalizationLineWidth: 1,
-  // 概要连线的颜色
-  generalizationLineColor: '#333',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(123, 115, 191)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(239, 238, 246)',
-    color: '#333',
-    borderColor: 'rgb(123, 115, 191)',
-    borderWidth: 1,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#333'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: '#333',
-    color: '#333'
-  }
-})

simple-mind-map/src/themes/simpleBlack.js

@@ -1,42 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-// 简约黑
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(34, 34, 34)',
-  lineWidth: 4,
-  // 概要连线的粗细
-  generalizationLineWidth: 4,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(34, 34, 34)',
-  // 根节点样式
-  root: {
-    fillColor: '#fff',
-    color: 'rgb(34, 34, 34)',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 3,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(241, 246, 248)',
-    color: 'rgb(34, 34, 34)',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 3,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(34, 34, 34)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'transparent',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 2,
-    color: 'rgb(34, 34, 34)'
-  }
-})

simple-mind-map/src/themes/skyGreen.js

@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  天清绿
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: '#fff',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: '#fff',
-  // 背景颜色
-  backgroundColor: 'rgb(80, 156, 170)',
-  // 根节点样式
-  root: {
-    fillColor: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(65, 89, 158)'
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(251, 227, 188)',
-    color: 'rgb(65, 89, 158)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: 'rgb(65, 89, 158)'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: '#fff',
-    borderColor: 'transparent',
-    color: 'rgb(65, 89, 158)'
-  }
-})

simple-mind-map/src/themes/vitalityOrange.js

@@ -1,41 +0,0 @@
-import defaultTheme from './default'
-import { mergeTheme } from '../utils'
-
-//  活力橙
-export default mergeTheme(defaultTheme, {
-  // 连线的颜色
-  lineColor: 'rgb(254, 146, 0)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(255, 222, 69)',
-  // 背景颜色
-  backgroundColor: 'rgb(255, 246, 243)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(255, 112, 52)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0
-  },
-  // 二级节点样式
-  second: {
-    fillColor: '#fff',
-    color: 'rgb(51, 51, 51)',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 14
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 12,
-    color: '#222'
-  },
-  // 概要节点样式
-  generalization: {
-    fillColor: 'rgb(255, 222, 69)',
-    borderColor: 'transparent',
-    color: 'rgb(51, 51, 51)'
-  }
-})

web/src/config/constant.js

@@ -11,56 +11,6 @@ export const layoutImgMap = {
   verticalTimeline: require('../assets/img/structures/verticalTimeline.png')
 }
 
-//  主题图片映射
-export const themeMap = {
-  default: require('../assets/img/themes/default.jpg'),
-  classic: require('../assets/img/themes/classic.jpg'),
-  minions: require('../assets/img/themes/minions.jpg'),
-  pinkGrape: require('../assets/img/themes/pinkGrape.jpg'),
-  mint: require('../assets/img/themes/mint.jpg'),
-  gold: require('../assets/img/themes/gold.jpg'),
-  vitalityOrange: require('../assets/img/themes/vitalityOrange.jpg'),
-  greenLeaf: require('../assets/img/themes/greenLeaf.jpg'),
-  dark2: require('../assets/img/themes/dark2.jpg'),
-  skyGreen: require('../assets/img/themes/skyGreen.jpg'),
-  classic2: require('../assets/img/themes/classic2.jpg'),
-  classic3: require('../assets/img/themes/classic3.jpg'),
-  classic4: require('../assets/img/themes/classic4.jpg'),
-  classicGreen: require('../assets/img/themes/classicGreen.jpg'),
-  classicBlue: require('../assets/img/themes/classicBlue.jpg'),
-  blueSky: require('../assets/img/themes/blueSky.jpg'),
-  brainImpairedPink: require('../assets/img/themes/brainImpairedPink.jpg'),
-  dark: require('../assets/img/themes/dark.jpg'),
-  earthYellow: require('../assets/img/themes/earthYellow.jpg'),
-  freshGreen: require('../assets/img/themes/freshGreen.jpg'),
-  freshRed: require('../assets/img/themes/freshRed.jpg'),
-  romanticPurple: require('../assets/img/themes/romanticPurple.jpg'),
-  simpleBlack: require('../assets/img/themes/simpleBlack.jpg'),
-  courseGreen: require('../assets/img/themes/courseGreen.jpg'),
-  coffee: require('../assets/img/themes/coffee.jpg'),
-  redSpirit: require('../assets/img/themes/redSpirit.jpg'),
-  blackHumour: require('../assets/img/themes/blackHumour.jpg'),
-  lateNightOffice: require('../assets/img/themes/lateNightOffice.jpg'),
-  blackGold: require('../assets/img/themes/blackGold.jpg'),
-  autumn: require('../assets/img/themes/autumn.jpg'),
-  avocado: require('../assets/img/themes/avocado.jpg'),
-  orangeJuice: require('../assets/img/themes/orangeJuice.jpg'),
-  oreo: require('../assets/img/themes/oreo.jpg'),
-  shallowSea: require('../assets/img/themes/shallowSea.jpg'),
-  lemonBubbles: require('../assets/img/themes/lemonBubbles.jpg'),
-  rose: require('../assets/img/themes/rose.jpg'),
-  seaBlueLine: require('../assets/img/themes/seaBlueLine.jpg'),
-  neonLamp: require('../assets/img/themes/neonLamp.jpg'),
-  darkNightLceBlade: require('../assets/img/themes/darkNightLceBlade.jpg'),
-  morandi: require('../assets/img/themes/morandi.jpg'),
-  classic5: require('../assets/img/themes/classic5.jpg'),
-  dark3: require('../assets/img/themes/dark3.jpg'),
-  dark4: require('../assets/img/themes/dark4.jpg'),
-  cactus: require('../assets/img/themes/cactus.jpg'),
-  classic6: require('../assets/img/themes/classic6.jpg'),
-  classic7: require('../assets/img/themes/classic7.jpg')
-}
-
 // 公式列表
 export const formulaList = [
   'a^2',

web/src/customThemes/cactus.js

@@ -1,46 +0,0 @@
-// 仙人掌
-export default {
-    backgroundColor: 'rgb(219, 255, 211)',
-    // 连线的颜色
-    lineColor: 'rgb(51, 51, 51)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(255, 127, 71)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(160, 220, 63)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(160, 220, 63)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(15, 198, 113)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: '#fff',
-      color: 'rgb(26, 26, 26)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(255, 127, 71)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  

web/src/customThemes/classic5.js

@@ -1,45 +0,0 @@
-// 经典5
-export default {
-    backgroundColor: 'rgb(233, 245, 241)',
-    // 连线的颜色
-    lineColor: 'rgb(34, 34, 34)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(34, 34, 34)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(56, 44, 116)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(56, 44, 116)',
-      color: '#fff',
-      borderColor: 'rgb(56, 44, 116)',
-      borderWidth: 0,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(161, 213, 188)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(56, 44, 116)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  

web/src/customThemes/classic6.js

@@ -1,45 +0,0 @@
-// 经典6
-export default {
-    backgroundColor: 'rgb(255, 255, 255)',
-    // 连线的颜色
-    lineColor: 'rgb(0, 0, 0)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(0, 0, 0)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(152, 162, 171)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(237, 182, 72)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: 'rgb(0, 0, 0)',
-      borderWidth: 2,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(114, 158, 28)',
-      color: '#fff',
-      borderColor: 'rgb(0, 0, 0)',
-      borderWidth: 2,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(10, 2, 2)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      color: 'rgb(10, 2, 2)'
-    }
-  }
-  

web/src/customThemes/classic7.js

@@ -1,44 +0,0 @@
-// 经典7
-export default {
-  backgroundColor: 'rgb(255, 255, 255)',
-  // 连线的颜色
-  lineColor: 'rgb(237, 185, 81)',
-  lineWidth: 2,
-  // 概要连线的粗细
-  generalizationLineWidth: 2,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(226, 90, 64)',
-  // 关联线默认状态的颜色
-  associativeLineColor: 'rgb(152, 162, 171)',
-  // 关联线文字颜色
-  associativeLineTextColor: 'rgb(68, 68, 68)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(226, 90, 64)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(43, 118, 239)',
-    color: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    fontSize: 18
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(43, 118, 239)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: '#fff',
-    borderColor: '',
-    borderWidth: 0,
-    color: 'rgb(43, 118, 239)'
-  }
-}

web/src/customThemes/dark3.js

@@ -1,46 +0,0 @@
-// 暗色3
-export default {
-    backgroundColor: 'rgb(0, 0, 0)',
-    // 连线的颜色
-    lineColor: 'rgb(172, 172, 172)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(172, 172, 172)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(57, 130, 252)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: '#fff',
-      color: 'rgb(241, 79, 81)',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(241, 79, 81)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      color: 'rgb(241, 79, 81)'
-    }
-  }
-  

web/src/customThemes/dark4.js

@@ -1,45 +0,0 @@
-// 暗色4
-export default {
-    backgroundColor: 'rgb(32, 34, 43)',
-    // 连线的颜色
-    lineColor: 'rgb(90, 136, 116)',
-    lineWidth: 2,
-    // 概要连线的粗细
-    generalizationLineWidth: 2,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(90, 136, 116)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(57, 130, 252)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(68, 68, 68)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(1, 192, 116)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 24
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(48, 51, 63)',
-      color: '#fff',
-      borderColor: '',
-      borderWidth: 0,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(1, 192, 116)',
-      borderColor: '',
-      borderWidth: 0,
-      color: '#fff'
-    }
-  }
-  

web/src/customThemes/darkNightLceBlade.js

@@ -1,47 +0,0 @@
-// 暗夜冰刃
-export default {
-    backgroundColor: 'rgb(0, 21, 21)',
-    // 连线的颜色
-    lineColor: 'rgb(0, 139, 146)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgba(2, 167, 240, 0.5)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(255, 255, 255)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(255, 255, 255)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(0, 243, 255)',
-      color: 'rgb(0, 21, 21)',
-      borderColor: '#fff',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'parallelogram'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(0, 21, 21)',
-      color: '#fff',
-      borderColor: '#fff',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'diamond'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(0, 117, 255)',
-      borderWidth: 2,
-      color: 'rgb(0, 21, 21)'
-    }
-  }
-  

web/src/customThemes/index.js

@@ -1,101 +0,0 @@
-import oreo from './oreo'
-import shallowSea from './shallowSea'
-import lemonBubbles from './lemonBubbles'
-import rose from './rose'
-import seaBlueLine from './seaBlueLine'
-import neonLamp from './neonLamp'
-import darkNightLceBlade from './darkNightLceBlade'
-import morandi from './morandi'
-import classic5 from './classic5'
-import classic6 from './classic6'
-import classic7 from './classic7'
-import dark3 from './dark3'
-import dark4 from './dark4'
-import cactus from './cactus'
-
-export default [
-    {
-        name: '奥利奥',
-        value: 'oreo',
-        theme: oreo,
-        dark: false
-    },
-    {
-        name: '浅海',
-        value: 'shallowSea',
-        theme: shallowSea,
-        dark: false
-    },
-    {
-        name: '柠檬气泡',
-        value: 'lemonBubbles',
-        theme: lemonBubbles,
-        dark: false
-    },
-    {
-        name: '玫瑰',
-        value: 'rose',
-        theme: rose,
-        dark: false
-    },
-    {
-        name: '海蓝线',
-        value: 'seaBlueLine',
-        theme: seaBlueLine,
-        dark: false
-    },
-    {
-        name: '霓虹灯',
-        value: 'neonLamp',
-        theme: neonLamp,
-        dark: true
-    },
-    {
-        name: '暗夜冰刃',
-        value: 'darkNightLceBlade',
-        theme: darkNightLceBlade,
-        dark: true
-    },
-    {
-        name: '莫兰迪',
-        value: 'morandi',
-        theme: morandi,
-        dark: false
-    },
-    {
-        name: '脑图经典5',
-        value: 'classic5',
-        theme: classic5,
-        dark: false
-    },
-    {
-        name: '暗色3',
-        value: 'dark3',
-        theme: dark3,
-        dark: true
-    },
-    {
-        name: '暗色4',
-        value: 'dark4',
-        theme: dark4,
-        dark: true
-    },
-    {
-        name: '仙人掌',
-        value: 'cactus',
-        theme: cactus,
-        dark: false
-    },
-    {
-        name: '脑图经典6',
-        value: 'classic6',
-        theme: classic6,
-        dark: false
-    },
-    {
-        name: '脑图经典7',
-        value: 'classic7',
-        theme: classic7,
-        dark: false
-    }
-]

web/src/customThemes/lemonBubbles.js

@@ -1,43 +0,0 @@
-// 柠檬气泡
-export default {
-    backgroundColor: 'rgb(236, 254, 255)',
-    // 连线的颜色
-    lineColor: 'rgb(51, 51, 51)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(51, 51, 51)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(39, 222, 232)',
-      color: 'rgb(26, 26, 26)',
-      borderColor: 'rgb(26, 26, 26)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(235, 255, 187)',
-      color: 'rgb(0, 0, 0)',
-      borderColor: 'rgb(51, 51, 51)',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(0, 0, 0)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(26, 26, 26)',
-      borderWidth: 2,
-      color: 'rgb(26, 26, 26)'
-    }
-  }
-  

web/src/customThemes/morandi.js

@@ -1,47 +0,0 @@
-// 莫兰迪
-export default {
-    backgroundColor: 'rgb(252, 245, 241)',
-    // 连线的颜色
-    lineColor: 'rgb(144, 114, 110)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(128, 154, 151)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(166, 124, 106)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(166, 124, 106)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(207, 121, 105)',
-      color: '#fff',
-      borderColor: 'rgb(207, 121, 105)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(239, 210, 207)',
-      color: 'rgb(144, 79, 68)',
-      borderColor: 'rgb(222, 186, 183)',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(131, 90, 64)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: 'rgb(172, 202, 199)',
-      borderColor: 'rgb(172, 202, 199)',
-      borderWidth: 2,
-      color: 'rgb(91, 102, 97)'
-    }
-  }
-  

web/src/customThemes/neonLamp.js

@@ -1,46 +0,0 @@
-// 霓虹灯
-export default {
-    backgroundColor: 'rgb(17, 17, 84)',
-    // 连线的颜色
-    lineColor: 'rgb(255, 0, 214)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(255, 181, 0)',
-    // 关联线默认状态的颜色
-    associativeLineColor: 'rgb(255, 255, 255)',
-    // 关联线文字颜色
-    associativeLineTextColor: 'rgb(255, 255, 255)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(251, 233, 248)',
-      color: 'rgb(208, 5, 176)',
-      borderColor: 'rgb(255, 0, 214)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'transparent',
-      color: 'rgb(248, 177, 237)',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: '#fff'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(255, 181, 0)',
-      borderWidth: 2,
-      color: 'rgb(17, 17, 84)'
-    }
-  }
-  

web/src/customThemes/oreo.js

@@ -1,40 +0,0 @@
-// 奥利奥
-export default {
-  // 连线的颜色
-  lineColor: 'rgb(51, 51, 51)',
-  lineWidth: 3,
-  // 概要连线的粗细
-  generalizationLineWidth: 3,
-  // 概要连线的颜色
-  generalizationLineColor: 'rgb(51, 51, 51)',
-  // 根节点样式
-  root: {
-    fillColor: 'rgb(22, 22, 22)',
-    color: '#fff',
-    borderColor: 'rgb(22, 22, 22)',
-    borderWidth: 3,
-    fontSize: 24
-  },
-  // 二级节点样式
-  second: {
-    fillColor: 'rgb(244, 246, 253)',
-    color: 'rgb(0, 0, 0)',
-    borderColor: '',
-    borderWidth: 3,
-    fontSize: 18,
-    shape: 'roundedRectangle'
-  },
-  // 三级及以下节点样式
-  node: {
-    fontSize: 14,
-    color: 'rgb(0, 0, 0)'
-  },
-  // 概要节点样式
-  generalization: {
-    fontSize: 14,
-    fillColor: 'transparent',
-    borderColor: 'rgb(34, 34, 34)',
-    borderWidth: 2,
-    color: 'rgb(34, 34, 34)'
-  }
-}

web/src/customThemes/rose.js

@@ -1,43 +0,0 @@
-// 玫瑰
-export default {
-    backgroundColor: 'rgb(255, 251, 231)',
-    // 连线的颜色
-    lineColor: 'rgb(110, 165, 79)',
-    lineWidth: 3,
-    // 概要连线的粗细
-    generalizationLineWidth: 3,
-    // 概要连线的颜色
-    generalizationLineColor: 'rgb(136, 100, 0)',
-    // 根节点样式
-    root: {
-      fillColor: 'rgb(254, 92, 92)',
-      color: '#fff',
-      borderColor: 'rgb(18, 187, 55)',
-      borderWidth: 3,
-      fontSize: 24,
-      shape: 'roundedRectangle'
-    },
-    // 二级节点样式
-    second: {
-      fillColor: 'rgb(209, 237, 176)',
-      color: 'rgb(85, 136, 55)',
-      borderColor: '',
-      borderWidth: 3,
-      fontSize: 18,
-      shape: 'roundedRectangle'
-    },
-    // 三级及以下节点样式
-    node: {
-      fontSize: 14,
-      color: 'rgb(26, 26, 26)'
-    },
-    // 概要节点样式
-    generalization: {
-      fontSize: 14,
-      fillColor: '#fff',
-      borderColor: 'rgb(136, 100, 0)',
-      borderWidth: 2,
-      color: 'rgb(136, 100, 0)'
-    }
-  }
-