打包

优化：手动创建节点时立即聚焦
修复连线样式深度更新问题
2026-02-18 06:18:27 +08:00 · 2022-09-24 20:42:53 +08:00 · 2022-09-24 20:38:47 +08:00 · 2022-09-24 20:13:53 +08:00 · 2022-09-24 17:08:11 +08:00 · 2022-09-24 10:51:09 +08:00
738 changed files with 14530 additions and 82373 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,3 @@
 node_modules
 .DS_Store
-dist_electron
+package-lock.json
--- a/21
+++ b/21
@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2021-2023 The MindMap Team
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
--- a/README.md
+++ b/README.md
--- a/docs/assets/1.gif
+++ b/docs/assets/1.gif
--- a/docs/assets/2.gif
+++ b/docs/assets/2.gif
--- a/docs/assets/2021-07-21-19-54-48.gif
+++ b/docs/assets/2021-07-21-19-54-48.gif
--- a/docs/assets/3.gif
+++ b/docs/assets/3.gif
--- a/docs/assets/image-20210717174716810.png
+++ b/docs/assets/image-20210717174716810.png
--- a/docs/assets/image-20210717202607786.png
+++ b/docs/assets/image-20210717202607786.png
--- a/docs/assets/image-20210717210355763.png
+++ b/docs/assets/image-20210717210355763.png
--- a/docs/assets/image-20210717224527681.png
+++ b/docs/assets/image-20210717224527681.png
--- a/docs/assets/image-20210717230604086.png
+++ b/docs/assets/image-20210717230604086.png
--- a/docs/assets/image-20210717230805200.png
+++ b/docs/assets/image-20210717230805200.png
--- a/docs/assets/image-20210717230808662.png
+++ b/docs/assets/image-20210717230808662.png
--- a/docs/assets/image-20210718083006111.png
+++ b/docs/assets/image-20210718083006111.png
--- a/docs/assets/image-20210718083616076.png
+++ b/docs/assets/image-20210718083616076.png
--- a/docs/assets/image-20210718092817830.png
+++ b/docs/assets/image-20210718092817830.png
--- a/docs/assets/image-20210718102434530.png
+++ b/docs/assets/image-20210718102434530.png
--- a/docs/assets/image-20210718110652705.png
+++ b/docs/assets/image-20210718110652705.png
--- a/docs/assets/image-20210718111334085.png
+++ b/docs/assets/image-20210718111334085.png
--- a/docs/assets/image-20210718134525691.png
+++ b/docs/assets/image-20210718134525691.png
--- a/docs/assets/image-20210718184835414.png
+++ b/docs/assets/image-20210718184835414.png
--- a/docs/assets/image-20210718191124627.png
+++ b/docs/assets/image-20210718191124627.png
--- a/docs/assets/image-20210718221814590.png
+++ b/docs/assets/image-20210718221814590.png
--- a/docs/assets/image-20210718222150055.png
+++ b/docs/assets/image-20210718222150055.png
--- a/docs/assets/image-20210718222612078.png
+++ b/docs/assets/image-20210718222612078.png
--- a/docs/assets/image-20210720191943989.png
+++ b/docs/assets/image-20210720191943989.png
--- a/docs/assets/image-20210720192008277.png
+++ b/docs/assets/image-20210720192008277.png
--- a/docs/assets/image-20210720200816281.png
+++ b/docs/assets/image-20210720200816281.png
--- a/docs/assets/image-20210721183307656.png
+++ b/docs/assets/image-20210721183307656.png
--- a/docs/assets/image-20210721183340310.png
+++ b/docs/assets/image-20210721183340310.png
--- a/docs/assets/image-20210721183823754.png
+++ b/docs/assets/image-20210721183823754.png
--- a/docs/assets/image-20210721184140488.png
+++ b/docs/assets/image-20210721184140488.png
--- a/docs/assets/image-20210721185453825.png
+++ b/docs/assets/image-20210721185453825.png
--- a/docs/assets/image-20210721190700979.png
+++ b/docs/assets/image-20210721190700979.png
--- a/docs/assets/swdt.jpg
+++ b/docs/assets/swdt.jpg
--- a/docs/web思维导图实现的技术点分析.md
+++ b/docs/web思维导图实现的技术点分析.md
--- a/index.html
+++ b/index.html
@@ -1,69 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径
-      window.externalPublicPath = './dist/'
-      // 接管应用
-      window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?3f27c97d35a340dfd1c0" rel="stylesheet"><link href="dist/css/app.css?3f27c97d35a340dfd1c0" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
-        return new Promise((resolve, reject) => {
-          setTimeout(() => {
-            resolve({
-              mindMapData: {
-                root:{
-                  "data": {
-                      "text": "根节点"
-                  },
-                  "children": []
-                },
-                theme:{
-                  "template":"avocado",
-                  "config":{}
-                },
-                layout:"logicalStructure",
-                config: {},
-                view: null,
-              },
-              lang: 'zh',
-              localConfig: null
-            })
-          }, 200)
-        })
-      }
-      const setTakeOverAppMethods = (data) => {
-        window.takeOverAppMethods = {}
-        // 获取思维导图数据的函数
-        window.takeOverAppMethods.getMindMapData = () => {
-          return data.mindMapData
-        } 
-        // 保存思维导图数据的函数
-        window.takeOverAppMethods.saveMindMapData = (data) => {
-          console.log(data)
-        }
-        // 获取语言的函数
-        window.takeOverAppMethods.getLanguage = () => {
-          return data.lang
-        }
-        // 保存语言的函数
-        window.takeOverAppMethods.saveLanguage = (lang) => {
-          console.log(lang)
-        }
-        // 获取本地配置的函数
-        window.takeOverAppMethods.getLocalConfig = () => {
-          return data.localConfig
-        }
-        // 保存本地配置的函数
-        window.takeOverAppMethods.saveLocalConfig = (config) => {
-          console.log(config)
-        }
-      }
-      window.onload = async () => {
-        if (!window.takeOverApp) return
-        // 请求数据
-        const data = await getDataFromBackend()
-        // 设置全局的方法
-        setTakeOverAppMethods(data)
-        // 思维导图实例创建完成事件
-        window.$bus.$on('app_inited', (mindMap) => {
-          console.log(mindMap)
-        })
-        // 可以通过window.$bus.$on()来监听应用的一些事件
-        // 实例化页面
-        window.initApp()
-      }</script><script src="dist/js/chunk-vendors.js?3f27c97d35a340dfd1c0"></script><script src="dist/js/app.js?3f27c97d35a340dfd1c0"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>一个简单的web思维导图实现</title><link href="dist/js/chunk-2d20ec02.10aa67e3.js" rel="prefetch"><link href="dist/js/chunk-2d216b67.2d06497a.js" rel="prefetch"><link href="dist/js/chunk-5397ae43.9dca0f90.js" rel="prefetch"><link href="dist/css/app.891a59ac.css" rel="preload" as="style"><link href="dist/css/chunk-vendors.597033a2.css" rel="preload" as="style"><link href="dist/js/app.6ae41667.js" rel="preload" as="script"><link href="dist/js/chunk-vendors.9c26d9dc.js" rel="preload" as="script"><link href="dist/css/chunk-vendors.597033a2.css" rel="stylesheet"><link href="dist/css/app.891a59ac.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="dist/js/chunk-vendors.9c26d9dc.js"></script><script src="dist/js/app.6ae41667.js"></script></body></html>
--- a/qrcode.jpg
+++ b/qrcode.jpg
--- a/simple-mind-map/.eslintrc.js
+++ b/simple-mind-map/.eslintrc.js
@@ -1,17 +0,0 @@
-module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": "eslint:recommended",
-    "overrides": [
-    ],
-    "parserOptions": {
-        "parser": 'babel-eslint',
-        "ecmaVersion": 12,
-        "sourceType": "module",
-        "allowImportExportEverywhere": true
-    },
-    "rules": {
-    }
-}
--- a/simple-mind-map/.prettierignore
+++ b/simple-mind-map/.prettierignore
@@ -1,10 +0,0 @@
-src/assets
-*/.DS_Store
-dist
-example
-node_modules
-*.json
-*.md
-.eslintrc.js
-.prettierignore
-.prettierrc
--- a/simple-mind-map/.prettierrc
+++ b/simple-mind-map/.prettierrc
@@ -1,5 +0,0 @@
-semi: false
-singleQuote: true
-printWidth: 80
-trailingComma: 'none'
-arrowParens: 'avoid'
--- a/simple-mind-map/dist/img/blueSky.3c7f8ccb.jpg
+++ b/simple-mind-map/dist/img/blueSky.3c7f8ccb.jpg
--- a/simple-mind-map/dist/img/brainImpairedPink.511fee22.jpg
+++ b/simple-mind-map/dist/img/brainImpairedPink.511fee22.jpg
--- a/simple-mind-map/dist/img/catalogOrganization.380bb277.jpg
+++ b/simple-mind-map/dist/img/catalogOrganization.380bb277.jpg
--- a/simple-mind-map/dist/img/classic.733f273c.jpg
+++ b/simple-mind-map/dist/img/classic.733f273c.jpg
--- a/simple-mind-map/dist/img/classic2.cdfe2a8d.jpg
+++ b/simple-mind-map/dist/img/classic2.cdfe2a8d.jpg
--- a/simple-mind-map/dist/img/classic3.19d6c347.jpg
+++ b/simple-mind-map/dist/img/classic3.19d6c347.jpg
--- a/simple-mind-map/dist/img/classic4.087902fc.jpg
+++ b/simple-mind-map/dist/img/classic4.087902fc.jpg
--- a/simple-mind-map/dist/img/classicBlue.4b8243c6.jpg
+++ b/simple-mind-map/dist/img/classicBlue.4b8243c6.jpg
--- a/simple-mind-map/dist/img/classicGreen.c2ae7bde.jpg
+++ b/simple-mind-map/dist/img/classicGreen.c2ae7bde.jpg
--- a/simple-mind-map/dist/img/dark.894c1d36.jpg
+++ b/simple-mind-map/dist/img/dark.894c1d36.jpg
--- a/simple-mind-map/dist/img/dark2.c49dc11c.jpg
+++ b/simple-mind-map/dist/img/dark2.c49dc11c.jpg
--- a/simple-mind-map/dist/img/default.1312a3ba.jpg
+++ b/simple-mind-map/dist/img/default.1312a3ba.jpg
--- a/simple-mind-map/dist/img/earthYellow.c35e546d.jpg
+++ b/simple-mind-map/dist/img/earthYellow.c35e546d.jpg
--- a/simple-mind-map/dist/img/freshGreen.0e344e3e.jpg
+++ b/simple-mind-map/dist/img/freshGreen.0e344e3e.jpg
--- a/simple-mind-map/dist/img/freshRed.1c5bde77.jpg
+++ b/simple-mind-map/dist/img/freshRed.1c5bde77.jpg
--- a/simple-mind-map/dist/img/gold.3093b3c8.jpg
+++ b/simple-mind-map/dist/img/gold.3093b3c8.jpg
--- a/simple-mind-map/dist/img/greenLeaf.6789e8fc.jpg
+++ b/simple-mind-map/dist/img/greenLeaf.6789e8fc.jpg
--- a/simple-mind-map/dist/img/logicalStructure.624920ce.jpg
+++ b/simple-mind-map/dist/img/logicalStructure.624920ce.jpg
--- a/simple-mind-map/dist/img/mindMap.223b38aa.jpg
+++ b/simple-mind-map/dist/img/mindMap.223b38aa.jpg
--- a/simple-mind-map/dist/img/minions.c2a93f9e.jpg
+++ b/simple-mind-map/dist/img/minions.c2a93f9e.jpg
--- a/simple-mind-map/dist/img/mint.7933f60a.jpg
+++ b/simple-mind-map/dist/img/mint.7933f60a.jpg
--- a/simple-mind-map/dist/img/organizationStructure.8064f4da.jpg
+++ b/simple-mind-map/dist/img/organizationStructure.8064f4da.jpg
--- a/simple-mind-map/dist/img/pinkGrape.32c2587b.jpg
+++ b/simple-mind-map/dist/img/pinkGrape.32c2587b.jpg
--- a/simple-mind-map/dist/img/romanticPurple.7607e58a.jpg
+++ b/simple-mind-map/dist/img/romanticPurple.7607e58a.jpg
--- a/simple-mind-map/dist/img/skyGreen.4cfa829a.jpg
+++ b/simple-mind-map/dist/img/skyGreen.4cfa829a.jpg
--- a/simple-mind-map/dist/img/vitalityOrange.5dd9014f.jpg
+++ b/simple-mind-map/dist/img/vitalityOrange.5dd9014f.jpg
--- a/simple-mind-map/example/exampleData.js
+++ b/simple-mind-map/example/exampleData.js
@@ -900,17 +900,6 @@ const data5 = {
    }
 }

-// 富文本数据v0.4.0+，需要使用RichText插件才支持富文本编辑
-const richTextData = {
-    "root": {
-        "data": {
-            "text": "<a href='http://lxqnsys.com/' target='_blank'>理想去年实验室</a>",
-            "richText": true
-        },
-        "children": []
-    }
-}
-
 const rootData = {
    "root": {
        "data": {
@@ -936,6 +925,5 @@ export default {
    "layout": "logicalStructure",
    // "layout": "mindMap",
    // "layout": "catalogOrganization"
-    // "layout": "organizationStructure",
-    "config": {}
+    // "layout": "organizationStructure"
 }
--- a/simple-mind-map/example/exportFullData.json
+++ b/simple-mind-map/example/exportFullData.json
@@ -31,12 +31,6 @@
                    "isActive": false
                },
                "children": []
-            }, {
-                "data": {
-                    "text": "<a href='http://lxqnsys.com/' target='_blank'>理想去年实验室</a>",
-                    "richText": true
-                },
-                "children": []
            }]
        }]
    },
@@ -68,6 +62,5 @@
            "sx": 0,
            "sy": 0
        }
-    },
-    "config": {}
+    }
 }
--- a/simple-mind-map/full.js
+++ b/simple-mind-map/full.js
@@ -1,46 +0,0 @@
-import MindMap from './index'
-import MiniMap from './src/plugins/MiniMap.js'
-import Watermark from './src/plugins/Watermark.js'
-import KeyboardNavigation from './src/plugins/KeyboardNavigation.js'
-import ExportXMind from './src/plugins/ExportXMind.js'
-import ExportPDF from './src/plugins/ExportPDF.js'
-import Export from './src/plugins/Export.js'
-import Drag from './src/plugins/Drag.js'
-import Select from './src/plugins/Select.js'
-import AssociativeLine from './src/plugins/AssociativeLine'
-import RichText from './src/plugins/RichText'
-import NodeImgAdjust from './src/plugins/NodeImgAdjust.js'
-import TouchEvent from './src/plugins/TouchEvent.js'
-import Search from './src/plugins/Search.js'
-import Painter from './src/plugins/Painter.js'
-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'
-
-MindMap.xmind = xmind
-MindMap.markdown = markdown
-MindMap.iconList = icons.nodeIconList
-MindMap.constants = constants
-MindMap.themes = themes
-MindMap.defaultTheme = defaultTheme
-
-MindMap
-  .usePlugin(MiniMap)
-  .usePlugin(Watermark)
-  .usePlugin(Drag)
-  .usePlugin(KeyboardNavigation)
-  .usePlugin(ExportXMind)
-  .usePlugin(ExportPDF)
-  .usePlugin(Export)
-  .usePlugin(Select)
-  .usePlugin(AssociativeLine)
-  .usePlugin(RichText)
-  .usePlugin(TouchEvent)
-  .usePlugin(NodeImgAdjust)
-  .usePlugin(Search)
-  .usePlugin(Painter)
-
-export default MindMap
--- a/simple-mind-map/index.d.ts
+++ b/simple-mind-map/index.d.ts
@@ -1,14 +0,0 @@
-// declare module "simple-mind-map";
-declare module  'simple-mind-map'{
-   class MindMap {
-    constructor(opt:any);
-    handleOpt(opt:any):void;
-    render(callback:any, source:string):void;
-    reRender(callback:any, source:string):void;
-    resize():void;
-    on(event:any, fn:any):void;
-    setFullData(data:any):void;
-    getData(withConfig:any):any;
-  }
-  export default MindMap;
-}
--- a/simple-mind-map/index.js
+++ b/simple-mind-map/index.js
@@ -1,442 +1,427 @@
-import View from './src/core/view/View'
-import Event from './src/core/event/Event'
-import Render from './src/core/render/Render'
+import View from './src/View'
+import Event from './src/Event'
+import Render from './src/Render'
 import merge from 'deepmerge'
 import theme from './src/themes'
-import Style from './src/core/render/node/Style'
-import KeyCommand from './src/core/command/KeyCommand'
-import Command from './src/core/command/Command'
-import BatchExecution from './src/utils/BatchExecution'
+import Style from './src/Style'
+import KeyCommand from './src/KeyCommand'
+import Command from './src/Command'
+import BatchExecution from './src/BatchExecution'
+import Export from './src/Export'
+import Select from './src/Select'
+import Drag from './src/Drag'
 import {
-  layoutValueList,
-  CONSTANTS,
-  commonCaches,
-  ERROR_TYPES
-} from './src/constants/constant'
-import { SVG } from '@svgdotjs/svg.js'
-import { simpleDeepClone, getType } from './src/utils'
-import defaultTheme, {
-  checkIsNodeSizeIndependenceConfig
-} from './src/themes/default'
-import { defaultOpt } from './src/constants/defaultOptions'
+    layoutValueList
+} from './src/utils/constant'
+import {
+    SVG
+} from '@svgdotjs/svg.js'
+import xmind from './src/parse/xmind'
+import { simpleDeepClone } from './src/utils';

-//  思维导图
-class MindMap {
-  //  构造函数
-  constructor(opt = {}) {
-    // 合并选项
-    this.opt = this.handleOpt(merge(defaultOpt, opt))
-
-    // 容器元素
-    this.el = this.opt.el
-    if (!this.el) throw new Error('缺少容器元素el')
-    this.elRect = this.el.getBoundingClientRect()
-
-    // 画布宽高
-    this.width = this.elRect.width
-    this.height = this.elRect.height
-    if (this.width <= 0 || this.height <= 0) throw new Error('容器元素el的宽高不能为0')
-
-    // 画布
-    this.svg = SVG().addTo(this.el).size(this.width, this.height)
-    this.draw = this.svg.group()
-
-    // 初始化主题
-    this.initTheme()
-
-    // 初始化缓存数据
-    this.initCache()
-
-    // 事件类
-    this.event = new Event({
-      mindMap: this
-    })
-
-    // 按键类
-    this.keyCommand = new KeyCommand({
-      mindMap: this
-    })
-
-    // 命令类
-    this.command = new Command({
-      mindMap: this
-    })
-
-    // 渲染类
-    this.renderer = new Render({
-      mindMap: this
-    })
-
-    // 视图操作类
-    this.view = new View({
-      mindMap: this,
-      draw: this.draw
-    })
-
-    // 批量执行类
-    this.batchExecution = new BatchExecution()
-
-    // 注册插件
-    MindMap.pluginList.forEach(plugin => {
-      this.initPlugin(plugin)
-    })
-
-    // 初始渲染
-    this.render()
-    setTimeout(() => {
-      this.command.addHistory()
-    }, 0)
-  }
-
-  //  配置参数处理
-  handleOpt(opt) {
-    // 深拷贝一份节点数据
-    opt.data = simpleDeepClone(opt.data || {})
-    // 检查布局配置
-    if (!layoutValueList.includes(opt.layout)) {
-      opt.layout = CONSTANTS.LAYOUT.LOGICAL_STRUCTURE
-    }
-    // 检查主题配置
-    opt.theme = opt.theme && theme[opt.theme] ? opt.theme : 'default'
-    return opt
-  }
-
-  //  渲染，部分渲染
-  render(callback, source = '') {
-    this.batchExecution.push('render', () => {
-      this.initTheme()
-      this.renderer.reRender = false
-      this.renderer.render(callback, source)
-    })
-  }
-
-  //  重新渲染
-  reRender(callback, source = '') {
-    this.batchExecution.push('render', () => {
-      this.draw.clear()
-      this.initTheme()
-      this.renderer.reRender = true
-      this.renderer.render(callback, source)
-    })
-  }
-
-  //  容器尺寸变化，调整尺寸
-  resize() {
-    this.elRect = this.el.getBoundingClientRect()
-    this.width = this.elRect.width
-    this.height = this.elRect.height
-    this.svg.size(this.width, this.height)
-  }
-
-  //  监听事件
-  on(event, fn) {
-    this.event.on(event, fn)
-  }
-
-  //  触发事件
-  emit(event, ...args) {
-    this.event.emit(event, ...args)
-  }
-
-  //  解绑事件
-  off(event, fn) {
-    this.event.off(event, fn)
-  }
-
-  // 初始化缓存数据
-  initCache() {
-    Object.keys(commonCaches).forEach(key => {
-      let type = getType(commonCaches[key])
-      let value = ''
-      switch (type) {
-        case 'Boolean':
-          value = false
-          break
-        default:
-          value = null
-          break
-      }
-      commonCaches[key] = value
-    })
-  }
-
-  //  设置主题
-  initTheme() {
-    // 合并主题配置
-    this.themeConfig = merge(theme[this.opt.theme], this.opt.themeConfig)
-    // 设置背景样式
-    Style.setBackgroundStyle(this.el, this.themeConfig)
-  }
-
-  //  设置主题
-  setTheme(theme) {
-    this.renderer.clearAllActive()
-    this.opt.theme = theme
-    this.render(null, CONSTANTS.CHANGE_THEME)
-    this.emit('view_theme_change', theme)
-  }
-
-  //  获取当前主题
-  getTheme() {
-    return this.opt.theme
-  }
-
-  //  设置主题配置
-  setThemeConfig(config) {
-    this.opt.themeConfig = config
-    // 检查改变的是否是节点大小无关的主题属性
-    let res = checkIsNodeSizeIndependenceConfig(config)
-    this.render(null, res ? '' : CONSTANTS.CHANGE_THEME)
-  }
-
-  //  获取自定义主题配置
-  getCustomThemeConfig() {
-    return this.opt.themeConfig
-  }
-
-  //  获取某个主题配置值
-  getThemeConfig(prop) {
-    return prop === undefined ? this.themeConfig : this.themeConfig[prop]
-  }
-
-  // 获取配置
-  getConfig(prop) {
-    return prop === undefined ? this.opt : this.opt[prop]
-  }
-
-  // 更新配置
-  updateConfig(opt = {}) {
-    this.opt = this.handleOpt(merge.all([defaultOpt, this.opt, opt]))
-  }
-
-  //  获取当前布局结构
-  getLayout() {
-    return this.opt.layout
-  }
-
-  //  设置布局结构
-  setLayout(layout) {
-    // 检查布局配置
-    if (!layoutValueList.includes(layout)) {
-      layout = CONSTANTS.LAYOUT.LOGICAL_STRUCTURE
-    }
-    this.opt.layout = layout
-    this.view.reset()
-    this.renderer.setLayout()
-    this.render(null, CONSTANTS.CHANGE_LAYOUT)
-  }
-
-  //  执行命令
-  execCommand(...args) {
-    this.command.exec(...args)
-  }
-
-  //  动态设置思维导图数据，纯节点数据
-  setData(data) {
-    this.execCommand('CLEAR_ACTIVE_NODE')
-    this.command.clearHistory()
-    this.command.addHistory()
-    if (this.richText) {
-      this.renderer.renderTree = this.richText.handleSetData(data)
-    } else {
-      this.renderer.renderTree = data
-    }
-    this.reRender(() => {}, CONSTANTS.SET_DATA)
-  }
-
-  //  动态设置思维导图数据，包括节点数据、布局、主题、视图
-  setFullData(data) {
-    if (data.root) {
-      this.setData(data.root)
-    }
-    if (data.layout) {
-      this.setLayout(data.layout)
-    }
-    if (data.theme) {
-      if (data.theme.template) {
-        this.setTheme(data.theme.template)
-      }
-      if (data.theme.config) {
-        this.setThemeConfig(data.theme.config)
-      }
-    }
-    if (data.view) {
-      this.view.setTransformData(data.view)
-    }
-  }
-
-  //  获取思维导图数据，节点树、主题、布局等
-  getData(withConfig) {
-    let nodeData = this.command.getCopyData()
-    let data = {}
-    if (withConfig) {
-      data = {
-        layout: this.getLayout(),
-        root: nodeData,
-        theme: {
-          template: this.getTheme(),
-          config: this.getCustomThemeConfig()
-        },
-        view: this.view.getTransformData()
-      }
-    } else {
-      data = nodeData
-    }
-    return simpleDeepClone(data)
-  }
-
-  //  导出
-  async export(...args) {
-    try {
-      let result = await this.doExport.export(...args)
-      return result
-    } catch (error) {
-      this.opt.errorHandler(ERROR_TYPES.EXPORT_ERROR, error)
-    }
-  }
-
-  //  转换位置
-  toPos(x, y) {
-    return {
-      x: x - this.elRect.left,
-      y: y - this.elRect.top
-    }
-  }
-
-  //  设置只读模式、编辑模式
-  setMode(mode) {
-    if (![CONSTANTS.MODE.READONLY, CONSTANTS.MODE.EDIT].includes(mode)) {
-      return
-    }
-    this.opt.readonly = mode === CONSTANTS.MODE.READONLY
-    if (this.opt.readonly) {
-      // 取消当前激活的元素
-      this.renderer.clearAllActive()
-    }
-    this.emit('mode_change', mode)
-  }
-
-  // 获取svg数据
-  getSvgData({ paddingX = 0, paddingY = 0 } = {}) {
-    const svg = this.svg
-    const draw = this.draw
-    // 保存原始信息
-    const origWidth = svg.width()
-    const origHeight = svg.height()
-    const origTransform = draw.transform()
-    const elRect = this.el.getBoundingClientRect()
-    // 去除放大缩小的变换效果
-    draw.scale(1 / origTransform.scaleX, 1 / origTransform.scaleY)
-    // 获取变换后的位置尺寸信息，其实是getBoundingClientRect方法的包装方法
-    const rect = draw.rbox()
-    // 内边距
-    rect.width += paddingX * 2
-    rect.height += paddingY * 2
-    draw.translate(paddingX, paddingY)
-    // 将svg设置为实际内容的宽高
-    svg.size(rect.width, rect.height)
-    // 把实际内容变换
-    draw.translate(-rect.x + elRect.left, -rect.y + elRect.top)
-    // 克隆一份数据
-    let clone = svg.clone()
-    // 如果实际图形宽高超出了屏幕宽高，且存在水印的话需要重新绘制水印，否则会出现超出部分没有水印的问题
-    if (
-      (rect.width > origWidth || rect.height > origHeight) &&
-      this.watermark &&
-      this.watermark.hasWatermark()
-    ) {
-      this.width = rect.width
-      this.height = rect.height
-      this.watermark.draw()
-      clone = svg.clone()
-      this.width = origWidth
-      this.height = origHeight
-      this.watermark.draw()
-    }
-    // 恢复原先的大小和变换信息
-    svg.size(origWidth, origHeight)
-    draw.transform(origTransform)
-
-    return {
-      svg: clone, // 思维导图图形的整体svg元素，包括：svg（画布容器）、g（实际的思维导图组）
-      svgHTML: clone.svg(), // svg字符串
-      rect: {
-        ...rect, // 思维导图图形未缩放时的位置尺寸等信息
-        ratio: rect.width / rect.height // 思维导图图形的宽高比
-      },
-      origWidth, // 画布宽度
-      origHeight, // 画布高度
-      scaleX: origTransform.scaleX, // 思维导图图形的水平缩放值
-      scaleY: origTransform.scaleY // 思维导图图形的垂直缩放值
-    }
-  }
-
-  // 添加插件
-  addPlugin(plugin, opt) {
-    let index = MindMap.hasPlugin(plugin)
-    if (index === -1) {
-      MindMap.usePlugin(plugin, opt)
-      this.initPlugin(plugin)
-    }
-  }
-
-  // 移除插件
-  removePlugin(plugin) {
-    let index = MindMap.hasPlugin(plugin)
-    if (index !== -1) {
-      MindMap.pluginList.splice(index, 1)
-      if (this[plugin.instanceName]) {
-        if (this[plugin.instanceName].beforePluginRemove) {
-          this[plugin.instanceName].beforePluginRemove()
+// 默认选项配置
+const defaultOpt = {
+    // 是否只读
+    readonly: false,
+    // 布局
+    layout: 'logicalStructure',
+    // 主题
+    theme: 'default', // 内置主题：default（默认主题）
+    // 主题配置，会和所选择的主题进行合并
+    themeConfig: {},
+    // 放大缩小的增量比例
+    scaleRatio: 0.1,
+    // 最多显示几个标签
+    maxTag: 5,
+    // 导出图片时的内边距
+    exportPadding: 20,
+    // 展开收缩按钮尺寸
+    expandBtnSize: 20,
+    // 节点里图片和文字的间距
+    imgTextMargin: 5,
+    // 节点里各种文字信息的间距，如图标和文字的间距
+    textContentMargin: 2,
+    // 多选节点时鼠标移动到边缘时的画布移动偏移量
+    selectTranslateStep: 3,
+    // 多选节点时鼠标移动距边缘多少距离时开始偏移
+    selectTranslateLimit: 20,
+    // 自定义节点备注内容显示
+    customNoteContentShow: null
+    /*
+        {
+            show(){},
+            hide(){}
        }
-        delete this[plugin.instanceName]
-      }
+    */
+}
+
+/** 
+ * javascript comment 
+ * @Author: 王林25 
+ * @Date: 2021-04-06 11:18:47 
+ * @Desc: 思维导图 
+ */
+class MindMap {
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-06 11:19:01 
+     * @Desc: 构造函数 
+     */
+    constructor(opt = {}) {
+        // 合并选项
+        this.opt = this.handleOpt(merge(defaultOpt, opt))
+
+        // 容器元素
+        this.el = this.opt.el
+        this.elRect = this.el.getBoundingClientRect()
+
+        // 画布宽高
+        this.width = this.elRect.width
+        this.height = this.elRect.height
+
+        // 画布
+        this.svg = SVG().addTo(this.el).size(this.width, this.height)
+        this.draw = this.svg.group()
+
+        // 节点id
+        this.uid = 0
+
+        // 初始化主题
+        this.initTheme()
+
+        // 事件类
+        this.event = new Event({
+            mindMap: this
+        })
+
+        // 按键类
+        this.keyCommand = new KeyCommand({
+            mindMap: this
+        })
+
+        // 命令类
+        this.command = new Command({
+            mindMap: this
+        })
+
+        // 渲染类
+        this.renderer = new Render({
+            mindMap: this
+        })
+
+        // 视图操作类
+        this.view = new View({
+            mindMap: this,
+            draw: this.draw
+        })
+
+        // 导出类
+        this.doExport = new Export({
+            mindMap: this
+        })
+
+        // 选择类
+        this.select = new Select({
+            mindMap: this
+        })
+
+        // 拖动类
+        this.drag = new Drag({
+            mindMap: this
+        })
+
+        // 批量执行类
+        this.batchExecution = new BatchExecution()
+
+        // 初始渲染
+        this.reRender()
+        setTimeout(() => {
+            this.command.addHistory()
+        }, 0)
    }
-  }

-  // 实例化插件
-  initPlugin(plugin) {
-    this[plugin.instanceName] = new plugin({
-      mindMap: this,
-      pluginOpt: plugin.pluginOpt
-    })
-  }
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-01 22:15:22 
+     * @Desc: 配置参数处理 
+     */
+    handleOpt(opt) {
+        // 检查布局配置
+        if (!layoutValueList.includes(opt.layout)) {
+            opt.layout = 'logicalStructure'
+        }
+        // 检查主题配置
+        opt.theme = opt.theme && theme[opt.theme] ? opt.theme : 'default'
+        return opt
+    }

-  // 销毁
-  destroy() {
-    // 移除插件
-    ;[...MindMap.pluginList].forEach(plugin => {
-      this[plugin.instanceName] = null
-    })
-    // 解绑事件
-    this.event.unbind()
-    // 移除画布节点
-    this.svg.remove()
-    // 去除给容器元素设置的背景样式
-    Style.removeBackgroundStyle(this.el)
-    this.el = null
-  }
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-06 18:47:29 
+     * @Desc: 渲染，部分渲染
+     */
+    render() {
+        this.batchExecution.push('render', () => {
+            this.initTheme()
+            this.renderer.reRender = false
+            this.renderer.render()
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-08 22:05:11 
+     * @Desc: 重新渲染 
+     */
+    reRender() {
+        this.batchExecution.push('render', () => {
+            this.draw.clear()
+            this.initTheme()
+            this.renderer.reRender = true
+            this.renderer.render()
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 21:16:52 
+     * @Desc: 容器尺寸变化，调整尺寸 
+     */
+    resize() {
+        this.elRect = this.el.getBoundingClientRect()
+        this.width = this.elRect.width
+        this.height = this.elRect.height
+        this.svg.size(this.width, this.height)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:25:50 
+     * @Desc: 监听事件 
+     */
+    on(event, fn) {
+        this.event.on(event, fn)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:51:35 
+     * @Desc: 触发事件 
+     */
+    emit(event, ...args) {
+        this.event.emit(event, ...args)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:53:54 
+     * @Desc: 解绑事件 
+     */
+    off(event, fn) {
+        this.event.off(event, fn)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-05 13:32:43 
+     * @Desc: 设置主题
+     */
+    initTheme() {
+        // 合并主题配置
+        this.themeConfig = merge(theme[this.opt.theme], this.opt.themeConfig)
+        // 设置背景样式
+        Style.setBackgroundStyle(this.el, this.themeConfig)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-05 13:52:08 
+     * @Desc: 设置主题 
+     */
+    setTheme(theme) {
+        this.renderer.clearAllActive()
+        this.opt.theme = theme
+        this.reRender()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-25 23:52:37 
+     * @Desc: 获取当前主题 
+     */
+    getTheme() {
+        return this.opt.theme
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-05 13:50:17 
+     * @Desc: 设置主题配置 
+     */
+    setThemeConfig(config) {
+        this.opt.themeConfig = config
+        this.reRender()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-01 10:38:34 
+     * @Desc: 获取自定义主题配置 
+     */
+    getCustomThemeConfig() {
+        return this.opt.themeConfig
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-05 14:01:29 
+     * @Desc: 获取某个主题配置值 
+     */
+    getThemeConfig(prop) {
+        return prop === undefined ? this.themeConfig : this.themeConfig[prop]
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-13 16:17:06 
+     * @Desc: 获取当前布局结构 
+     */
+    getLayout() {
+        return this.opt.layout
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-13 16:17:33 
+     * @Desc: 设置布局结构 
+     */
+    setLayout(layout) {
+        // 检查布局配置
+        if (!layoutValueList.includes(layout)) {
+            layout = 'logicalStructure'
+        }
+        this.opt.layout = layout
+        this.renderer.setLayout()
+        this.render()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 13:01:00 
+     * @Desc: 执行命令 
+     */
+    execCommand(...args) {
+        this.command.exec(...args)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-03 22:58:12 
+     * @Desc: 动态设置思维导图数据，纯节点数据
+     */
+    setData(data) {
+        this.execCommand('CLEAR_ACTIVE_NODE')
+        this.command.clearHistory()
+        this.renderer.renderTree = data
+        this.reRender()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-09-21 16:39:13 
+     * @Desc: 动态设置思维导图数据，包括节点数据、布局、主题、视图
+     */
+    setFullData(data) {
+        if (data.root) {
+            this.setData(data.root)
+        }
+        if (data.layout) {
+            this.setLayout(data.layout)
+        }
+        if (data.theme) {
+            if (data.theme.template) {
+                this.setTheme(data.theme.template)
+            }
+            if (data.theme.config) {
+                this.setThemeConfig(data.theme.config)
+            }
+        }
+        if (data.view) {
+            this.view.setTransformData(data.view)
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-24 14:42:07 
+     * @Desc: 获取思维导图数据，节点树、主题、布局等 
+     */
+    getData(withConfig) {
+        let nodeData = this.command.getCopyData()
+        let data = {}
+        if (withConfig) {
+            data = {
+                layout: this.getLayout(),
+                root: nodeData,
+                theme: {
+                    template: this.getTheme(),
+                    config: this.getCustomThemeConfig()
+                },
+                view: this.view.getTransformData()
+            }
+        } else {
+            data = nodeData
+        }
+        return simpleDeepClone(data)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-01 22:06:38 
+     * @Desc: 导出 
+     */
+    async export(...args) {
+        let result = await this.doExport.export(...args)
+        return result
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 09:20:03 
+     * @Desc: 转换位置 
+     */
+    toPos(x, y) {
+        return {
+            x: x - this.elRect.left,
+            y: y - this.elRect.top
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-06-08 14:12:38 
+     * @Desc: 设置只读模式、编辑模式 
+     */
+    setMode(mode) {
+        if (!['readonly', 'edit'].includes(mode)) {
+            return
+        }
+        this.opt.readonly = mode === 'readonly'
+        if (this.opt.readonly) {
+            // 取消当前激活的元素
+            this.renderer.clearAllActive()
+        }
+        this.emit('mode_change', mode)
+    }
 }

-// 插件列表
-MindMap.pluginList = []
-MindMap.usePlugin = (plugin, opt = {}) => {
-  plugin.pluginOpt = opt
-  MindMap.pluginList.push(plugin)
-  return MindMap
-}
-MindMap.hasPlugin = plugin => {
-  return MindMap.pluginList.findIndex(item => {
-    return item === plugin
-  })
-}
+MindMap.xmind = xmind

-// 定义新主题
-MindMap.defineTheme = (name, config = {}) => {
-  if (theme[name]) {
-    return new Error('该主题名称已存在')
-  }
-  theme[name] = merge(defaultTheme, config)
-}
-
-export default MindMap
+export default MindMap
--- a/simple-mind-map/package-lock.json
+++ b/simple-mind-map/package-lock.json
--- a/simple-mind-map/package.json
+++ b/simple-mind-map/package.json
@@ -1,6 +1,6 @@
 {
  "name": "simple-mind-map",
-  "version": "0.6.17",
+  "version": "0.2.9",
  "description": "一个简单的web在线思维导图",
  "authors": [
    {
@@ -17,21 +17,16 @@
    "type": "git",
    "url": "https://github.com/wanglin2/mind-map"
  },
-  "scripts": {
-    "lint": "eslint src/",
-    "format": "prettier --write ."
-  },
+  "scripts": {},
  "module": "index.js",
-  "__main": "./dist/simpleMindMap.umd.min.js",
+  "main": "./dist/simpleMindMap.umd.min.js",
  "dependencies": {
    "@svgdotjs/svg.js": "^3.0.16",
+    "canvg": "^3.0.7",
    "deepmerge": "^1.5.2",
    "eventemitter3": "^4.0.7",
    "jspdf": "^2.5.1",
    "jszip": "^3.10.1",
-    "mdast-util-from-markdown": "^1.3.0",
-    "quill": "^1.3.6",
-    "uuid": "^9.0.0",
    "xml-js": "^1.6.11"
  },
  "keywords": [
@@ -40,9 +35,5 @@
    "mind-map",
    "mindMap",
    "MindMap"
-  ],
-  "devDependencies": {
-    "eslint": "^8.25.0",
-    "prettier": "^2.7.1"
-  }
+  ]
 }
--- a/simple-mind-map/scripts/walkJsFiles.js
+++ b/simple-mind-map/scripts/walkJsFiles.js
@@ -1,46 +0,0 @@
-// 遍历所有js文件
-const path = require('path')
-const fs = require('fs')
-
-const entryPath = path.resolve(__dirname, '../src')
-
-const transform = dir => {
-  let dirs = fs.readdirSync(dir)
-  dirs.forEach(item => {
-    let file = path.join(dir, item)
-    if (fs.statSync(file).isDirectory()) {
-      transform(file)
-    } else if (/\.js$/.test(file)) {
-      transformFile(file)
-    }
-  })
-}
-
-const transformFile = file => {
-  console.log(file);
-  let content = fs.readFileSync(file, 'utf-8')
-  countCodeLines(content)
-  // transformComments(file, content)
-}
-
-// 统计代码行数
-let totalLines = 0
-const countCodeLines = (content) => {
-  totalLines += content.split(/\n/).length
-}
-
-// 转换注释类型
-const transformComments = (file, content) => {
-  console.log('当前转换文件：', file)
-  content = content.replace(/\/\*\*[^/]+\*\//g, str => {
-    let res = /@Desc:([^\n]+)\n/g.exec(str)
-    if (res.length > 0) {
-      return '// ' + res[1]
-    }
-  })
-  fs.writeFileSync(file, content)
-}
-
-transform(entryPath)
-transformFile(path.join(__dirname, '../index.js'))
-console.log(totalLines);
--- a/simple-mind-map/src/BatchExecution.js
+++ b/simple-mind-map/src/BatchExecution.js
@@ -0,0 +1,85 @@
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-27 13:16:23 
+ * @Desc: 在下一个事件循环里执行任务 
+ */
+const nextTick = function (fn, ctx) {
+    let pending = false
+    let timerFunc = null
+    let handle = () => {
+        pending = false
+        ctx ? fn.call(ctx) : fn()
+    }
+    // 支持MutationObserver接口的话使用MutationObserver
+    if (typeof MutationObserver !== 'undefined') {
+        let counter = 1
+        let observer = new MutationObserver(handle)
+        let textNode = document.createTextNode(counter)
+        observer.observe(textNode, {
+            characterData: true// 设为 true 表示监视指定目标节点或子节点树中节点所包含的字符数据的变化
+        })
+        timerFunc = function () {
+            counter = (counter + 1) % 2// counter会在0和1两者循环变化
+            textNode.data = counter// 节点变化会触发回调handle，
+        }
+    } else {// 否则使用定时器
+        timerFunc = setTimeout
+    }
+    return function (cb, ctx) {
+        if (pending) return
+        pending = true
+        timerFunc(handle, 0)
+    }
+}
+
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-06-26 22:40:52 
+ * @Desc: 批量执行 
+ */
+class BatchExecution {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-26 22:41:41 
+     * @Desc: 构造函数 
+     */
+    constructor() {
+        this.has = {}
+        this.queue = []
+        this.nextTick = nextTick(this.flush, this)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-27 12:54:04 
+     * @Desc: 添加任务 
+     */
+    push(name, fn) {
+        if (this.has[name]) {
+            return;
+        }
+        this.has[name] = true
+        this.queue.push({
+            name,
+            fn
+        })
+        this.nextTick()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-27 13:09:24 
+     * @Desc:  执行队列
+     */
+    flush() {
+        let fns = this.queue.slice(0)
+        this.queue = []
+        fns.forEach(({ name, fn }) => {
+            this.has[name] = false
+            fn()
+        })
+    }
+}
+
+export default BatchExecution
--- a/simple-mind-map/src/Command.js
+++ b/simple-mind-map/src/Command.js
@@ -0,0 +1,152 @@
+import { copyRenderTree, simpleDeepClone } from './utils';
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-05-04 13:10:06 
+ * @Desc: 命令类 
+ */
+class Command {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 13:10:24 
+     * @Desc: 构造函数 
+     */
+    constructor(opt = {}) {
+        this.opt = opt
+        this.mindMap = opt.mindMap
+        this.commands = {}
+        this.history = []
+        this.activeHistoryIndex = 0
+        // 注册快捷键
+        this.registerShortcutKeys()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-03 23:06:55 
+     * @Desc: 清空历史数据 
+     */
+    clearHistory() {
+        this.history = []
+        this.activeHistoryIndex = 0
+        this.mindMap.emit('back_forward', 0, 0)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-02 23:23:19 
+     * @Desc: 注册快捷键 
+     */
+    registerShortcutKeys() {
+        this.mindMap.keyCommand.addShortcut('Control+z', () => {
+            this.mindMap.execCommand('BACK')
+        })
+        this.mindMap.keyCommand.addShortcut('Control+y', () => {
+            this.mindMap.execCommand('FORWARD')
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 13:12:30 
+     * @Desc: 执行命令 
+     */
+    exec(name, ...args) {
+        if (this.commands[name]) {
+            this.commands[name].forEach((fn) => {
+                fn(...args)
+            })
+            if (name === 'BACK' || name === 'FORWARD') {
+                return;
+            }
+            this.addHistory()
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 13:13:01 
+     * @Desc: 添加命令 
+     */
+    add(name, fn) {
+        if (this.commands[name]) {
+            this.commands[name].push(fn)
+        } else {
+            this.commands[name] = [fn]
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-15 23:02:41 
+     * @Desc: 移除命令 
+     */
+    remove(name, fn) {
+        if (!this.commands[name]) {
+            return
+        }
+        if (!fn) {
+            this.commands[name] = []
+            delete this.commands[name]
+        } else {
+            let index = this.commands[name].find((item) => {
+                return item === fn;
+            })
+            if (index !== -1) {
+                this.commands[name].splice(index, 1)
+            }
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 14:35:43 
+     * @Desc: 添加回退数据 
+     */
+    addHistory() {
+        let data = this.getCopyData()
+        this.history.push(simpleDeepClone(data))
+        this.activeHistoryIndex = this.history.length - 1
+        this.mindMap.emit('data_change', data)
+        this.mindMap.emit('back_forward', this.activeHistoryIndex, this.history.length)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 22:34:53 
+     * @Desc: 回退 
+     */
+    back(step = 1) {
+        if (this.activeHistoryIndex - step >= 0) {
+            this.activeHistoryIndex -= step
+            this.mindMap.emit('back_forward', this.activeHistoryIndex, this.history.length)
+            return simpleDeepClone(this.history[this.activeHistoryIndex]);
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-12 10:45:31 
+     * @Desc: 前进 
+     */
+    forward(step = 1) {
+        let len = this.history.length
+        if (this.activeHistoryIndex + step <= len - 1) {
+            this.activeHistoryIndex += step
+            this.mindMap.emit('back_forward', this.activeHistoryIndex,)
+            return simpleDeepClone(this.history[this.activeHistoryIndex]);
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-05-04 15:02:58 
+     * @Desc: 获取渲染树数据副本 
+     */
+    getCopyData() {
+        return copyRenderTree({}, this.mindMap.renderer.renderTree)
+    }
+}
+
+export default Command
--- a/simple-mind-map/src/Drag.js
+++ b/simple-mind-map/src/Drag.js
@@ -0,0 +1,317 @@
+import {
+    bfsWalk,
+    throttle
+} from './utils'
+import Base from './layouts/Base'
+
+/** 
+ * javascript comment 
+ * @Author: 王林25 
+ * @Date: 2021-11-23 17:38:55 
+ * @Desc: 节点拖动类 
+ */
+class Drag extends Base {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-10 22:35:16 
+     * @Desc: 构造函数 
+     */
+    constructor({
+        mindMap
+    }) {
+        super(mindMap.renderer)
+        this.mindMap = mindMap
+        this.reset()
+        this.bindEvent()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-23 19:33:56 
+     * @Desc: 复位 
+     */
+    reset() {
+        // 当前拖拽节点
+        this.node = null
+        // 当前重叠节点
+        this.overlapNode = null
+        // 当前上一个同级节点
+        this.prevNode = null
+        // 当前下一个同级节点
+        this.nextNode = null
+        // 画布的变换数据
+        this.drawTransform = null
+        // 克隆节点
+        this.clone = null
+        // 连接线
+        this.line = null
+        // 同级位置占位符
+        this.placeholder = null
+        // 鼠标按下位置和节点左上角的偏移量
+        this.offsetX = 0
+        this.offsetY = 0
+        // 克隆节点左上角的坐标
+        this.cloneNodeLeft = 0
+        this.cloneNodeTop = 0
+        // 当前鼠标是否按下
+        this.isMousedown = false
+        // 拖拽的鼠标位置变量
+        this.mouseDownX = 0
+        this.mouseDownY = 0
+        this.mouseMoveX = 0
+        this.mouseMoveY = 0
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-10 22:36:36 
+     * @Desc: 绑定事件 
+     */
+    bindEvent() {
+        this.checkOverlapNode = throttle(this.checkOverlapNode, 300, this)
+        this.mindMap.on('node_mousedown', (node, e) => {
+            if (this.mindMap.opt.readonly || node.isGeneralization) {
+                return
+            }
+            if (e.which !== 1 || node.isRoot) {
+                return
+            }
+            e.preventDefault()
+            // 计算鼠标按下的位置距离节点左上角的距离
+            this.drawTransform = this.mindMap.draw.transform()
+            let {
+                scaleX,
+                scaleY,
+                translateX,
+                translateY
+            } = this.drawTransform
+            this.offsetX = e.clientX - (node.left * scaleX + translateX)
+            this.offsetY = e.clientY - (node.top * scaleY + translateY)
+            // 
+            this.node = node
+            this.isMousedown = true
+            let {
+                x,
+                y
+            } = this.mindMap.toPos(e.clientX, e.clientY)
+            this.mouseDownX = x
+            this.mouseDownY = y
+        })
+        this.mindMap.on('mousemove', (e) => {
+            if (this.mindMap.opt.readonly) {
+                return
+            }
+            if (!this.isMousedown) {
+                return
+            }
+            e.preventDefault()
+            let {
+                x,
+                y
+            } = this.mindMap.toPos(e.clientX, e.clientY)
+            this.mouseMoveX = x
+            this.mouseMoveY = y
+            if ((Math.abs(x - this.mouseDownX) <= 10 && Math.abs(y - this.mouseDownY) <= 10) && !this.node.isDrag) {
+                return
+            }
+            this.mindMap.renderer.clearAllActive()
+            this.onMove(x, y)
+        })
+        this.onMouseup = this.onMouseup.bind(this)
+        this.mindMap.on('node_mouseup', this.onMouseup)
+        this.mindMap.on('mouseup', this.onMouseup)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-23 19:38:02 
+     * @Desc: 鼠标松开事件 
+     */
+    onMouseup(e) {
+        if (!this.isMousedown) {
+            return;
+        }
+        this.isMousedown = false
+        let _nodeIsDrag = this.node.isDrag
+        this.node.isDrag = false
+        this.node.show()
+        this.removeCloneNode()
+        // 存在重叠子节点，则移动作为其子节点
+        if (this.overlapNode) {
+            this.mindMap.renderer.setNodeActive(this.overlapNode, false)
+            this.mindMap.execCommand('MOVE_NODE_TO', this.node, this.overlapNode)
+        } else if (this.prevNode) { // 存在前一个相邻节点，作为其下一个兄弟节点
+            this.mindMap.renderer.setNodeActive(this.prevNode, false)
+            this.mindMap.execCommand('INSERT_AFTER', this.node, this.prevNode)
+        } else if (this.nextNode) { // 存在下一个相邻节点，作为其前一个兄弟节点
+            this.mindMap.renderer.setNodeActive(this.nextNode, false)
+            this.mindMap.execCommand('INSERT_BEFORE', this.node, this.nextNode)
+        } else if (_nodeIsDrag) {
+            // 自定义位置
+            let {
+                x,
+                y
+            } = this.mindMap.toPos(e.clientX - this.offsetX, e.clientY - this.offsetY)
+            let {
+                scaleX,
+                scaleY,
+                translateX,
+                translateY
+            } = this.drawTransform
+            x = (x - translateX) / scaleX
+            y = (y - translateY) / scaleY
+            this.node.left = x
+            this.node.top = y
+            this.node.customLeft = x
+            this.node.customTop = y
+            this.mindMap.execCommand('SET_NODE_CUSTOM_POSITION', this.node, x, y)
+            this.mindMap.render()
+        }
+        this.reset()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-23 19:34:53 
+     * @Desc: 创建克隆节点 
+     */
+    createCloneNode() {
+        if (!this.clone) {
+            // 节点
+            this.clone = this.node.group.clone()
+            this.clone.opacity(0.5)
+            this.clone.css('z-index', 99999)
+            this.node.isDrag = true
+            this.node.hide()
+            // 连接线
+            this.line = this.draw.path()
+            this.line.opacity(0.5)
+            this.node.styleLine(this.line, this.node)
+            // 同级位置占位符
+            this.placeholder = this.draw.rect().fill({
+                color: this.node.style.merge('lineColor', true)
+            })
+            this.mindMap.draw.add(this.clone)
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-23 19:35:16 
+     * @Desc: 移除克隆节点 
+     */
+    removeCloneNode() {
+        if (!this.clone) {
+            return
+        }
+        this.clone.remove()
+        this.line.remove()
+        this.placeholder.remove()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-23 18:53:47 
+     * @Desc: 拖动中 
+     */
+    onMove(x, y) {
+        if (!this.isMousedown) {
+            return;
+        }
+        this.createCloneNode()
+        let {
+            scaleX,
+            scaleY,
+            translateX,
+            translateY
+        } = this.drawTransform
+        this.cloneNodeLeft = x - this.offsetX
+        this.cloneNodeTop = y - this.offsetY
+        x = (this.cloneNodeLeft - translateX) / scaleX
+        y = (this.cloneNodeTop - translateY) / scaleY
+        let t = this.clone.transform()
+        this.clone.translate(x - t.translateX, y - t.translateY)
+        // 连接线
+        let parent = this.node.parent
+        this.line.plot(this.quadraticCurvePath(parent.left + parent.width / 2, parent.top + parent.height / 2, x + this.node.width / 2, y + this.node.height / 2))
+        this.checkOverlapNode()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 10:20:43 
+     * @Desc: 检测重叠节点 
+     */
+    checkOverlapNode() {
+        if (!this.drawTransform) {
+            return
+        }
+        let {
+            scaleX,
+            scaleY,
+            translateX,
+            translateY
+        } = this.drawTransform
+        let checkRight = this.cloneNodeLeft + this.node.width * scaleX
+        let checkBottom = this.cloneNodeTop + this.node.height * scaleX
+        this.overlapNode = null
+        this.prevNode = null
+        this.nextNode = null
+        this.placeholder.size(0, 0)
+        bfsWalk(this.mindMap.renderer.root, (node) => {
+            if (node.nodeData.data.isActive) {
+                this.mindMap.renderer.setNodeActive(node, false)
+            }
+            if (node === this.node || this.node.isParent(node)) {
+                return
+            }
+            if (this.overlapNode || this.prevNode && this.nextNode) {
+                return
+            }
+            let {
+                left,
+                top,
+                width,
+                height
+            } = node
+            let _left = left
+            let _top = top
+            let _bottom = top + height
+            let right = (left + width) * scaleX + translateX
+            let bottom = (top + height) * scaleY + translateY
+            left = left * scaleX + translateX
+            top = top * scaleY + translateY
+            // 检测是否重叠
+            if (!this.overlapNode) {
+                if (
+                    left <= checkRight && right >= this.cloneNodeLeft &&
+                    top <= checkBottom && bottom >= this.cloneNodeTop
+                ) {
+                    this.overlapNode = node
+                }
+            }
+            // 检测兄弟节点位置
+            if (!this.prevNode && !this.nextNode && this.node.isBrother(node)) {
+                if (left <= checkRight && right >= this.cloneNodeLeft) {
+                    if (this.cloneNodeTop > bottom && this.cloneNodeTop <= bottom + 10) {
+                        this.prevNode = node
+                        this.placeholder.size(node.width, 10).move(_left, _bottom)
+                    } else if (checkBottom < top && checkBottom >= top - 10) {
+                        this.nextNode = node
+                        this.placeholder.size(node.width, 10).move(_left, _top - 10)
+                    }
+                }
+            }
+        })
+        if (this.overlapNode) {
+            this.mindMap.renderer.setNodeActive(this.overlapNode, true)
+        }
+    }
+}
+
+export default Drag
--- a/simple-mind-map/src/Event.js
+++ b/simple-mind-map/src/Event.js
@@ -0,0 +1,182 @@
+import EventEmitter from 'eventemitter3'
+
+/** 
+ * javascript comment 
+ * @Author: 王林25 
+ * @Date: 2021-04-07 14:53:09 
+ * @Desc: 事件类 
+ */
+class Event extends EventEmitter {
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 14:53:25 
+     * @Desc: 构造函数 
+     */
+    constructor(opt = {}) {
+        super()
+        this.opt = opt
+        this.mindMap = opt.mindMap
+        this.isLeftMousedown = false
+        this.mousedownPos = {
+            x: 0,
+            y: 0
+        }
+        this.mousemovePos = {
+            x: 0,
+            y: 0
+        }
+        this.mousemoveOffset = {
+            x: 0,
+            y: 0
+        }
+        this.bindFn()
+        this.bind()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:52:24 
+     * @Desc: 绑定函数上下文 
+     */
+    bindFn() {
+        this.onDrawClick = this.onDrawClick.bind(this)
+        this.onMousedown = this.onMousedown.bind(this)
+        this.onMousemove = this.onMousemove.bind(this)
+        this.onMouseup = this.onMouseup.bind(this)
+        this.onMousewheel = this.onMousewheel.bind(this)
+        this.onContextmenu = this.onContextmenu.bind(this)
+        this.onSvgMousedown = this.onSvgMousedown.bind(this)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 14:53:43 
+     * @Desc: 绑定事件 
+     */
+    bind() {
+        this.mindMap.svg.on('click', this.onDrawClick)
+        this.mindMap.el.addEventListener('mousedown', this.onMousedown)
+        this.mindMap.svg.on('mousedown', this.onSvgMousedown)
+        window.addEventListener('mousemove', this.onMousemove)
+        window.addEventListener('mouseup', this.onMouseup)
+        // 兼容火狐浏览器
+        if(window.navigator.userAgent.toLowerCase().indexOf("firefox") != -1){
+            this.mindMap.el.addEventListener('DOMMouseScroll', this.onMousewheel)
+        } else {
+            this.mindMap.el.addEventListener('mousewheel', this.onMousewheel)
+        }
+        this.mindMap.svg.on('contextmenu', this.onContextmenu)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:40:51 
+     * @Desc: 解绑事件 
+     */
+    unbind() {
+        this.mindMap.svg.off('click', this.onDrawClick)
+        this.mindMap.el.removeEventListener('mousedown', this.onMousedown)
+        window.removeEventListener('mousemove', this.onMousemove)
+        window.removeEventListener('mouseup', this.onMouseup)
+        this.mindMap.el.removeEventListener('mousewheel', this.onMousewheel)
+        this.mindMap.svg.off('contextmenu', this.onContextmenu)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:19:39 
+     * @Desc:  画布的单击事件
+     */
+    onDrawClick(e) {
+        this.emit('draw_click', e)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-16 13:37:30 
+     * @Desc:  svg画布的鼠标按下事件
+     */
+    onSvgMousedown(e) {
+        this.emit('svg_mousedown', e)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:17:35 
+     * @Desc: 鼠标按下事件 
+     */
+    onMousedown(e) {
+        // e.preventDefault()
+        // 鼠标左键
+        if (e.which === 1) {
+            this.isLeftMousedown = true
+        }
+        this.mousedownPos.x = e.clientX
+        this.mousedownPos.y = e.clientY
+        this.emit('mousedown', e, this)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:18:32 
+     * @Desc: 鼠标移动事件 
+     */
+    onMousemove(e) {
+        // e.preventDefault()
+        this.mousemovePos.x = e.clientX
+        this.mousemovePos.y = e.clientY
+        this.mousemoveOffset.x = e.clientX - this.mousedownPos.x
+        this.mousemoveOffset.y = e.clientY - this.mousedownPos.y
+        this.emit('mousemove', e, this)
+        if (this.isLeftMousedown) {
+            this.emit('drag', e, this)
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:18:57 
+     * @Desc: 鼠标松开事件 
+     */
+    onMouseup(e) {
+        this.isLeftMousedown = false
+        this.emit('mouseup', e, this)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:46:27 
+     * @Desc: 鼠标滚动 
+     */
+    onMousewheel(e) {
+        e.stopPropagation()
+        e.preventDefault()
+        let dir
+        if ((e.wheelDeltaY || e.detail) > 0) {
+            dir = 'up'
+        } else {
+            dir = 'down'
+        }
+        this.emit('mousewheel', e, dir, this)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-10 22:34:13 
+     * @Desc: 鼠标右键菜单事件 
+     */
+    onContextmenu(e) {
+        e.preventDefault()
+        this.emit('contextmenu', e)
+    }
+}
+
+export default Event
--- a/simple-mind-map/src/Export.js
+++ b/simple-mind-map/src/Export.js
@@ -0,0 +1,268 @@
+import { imgToDataUrl, downloadFile } from './utils'
+import JsPDF from 'jspdf'
+import {
+    SVG,
+} from '@svgdotjs/svg.js'
+const URL = window.URL || window.webkitURL || window
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-07-01 22:05:16 
+ * @Desc: 导出类 
+ */
+class Export {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-01 22:05:42 
+     * @Desc: 构造函数 
+     */
+    constructor(opt) {
+        this.mindMap = opt.mindMap
+        this.exportPadding = this.mindMap.opt.exportPadding
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-02 07:44:06 
+     * @Desc: 导出 
+     */
+    async export(type, isDownload = true, name = '思维导图', ...args) {
+        if (this[type]) {
+            let result = await this[type](name, ...args)
+            if (isDownload && type !== 'pdf') {
+                downloadFile(result, name + '.' + type)
+            }
+            return result
+        } else {
+            return null
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 14:57:40 
+     * @Desc: 获取svg数据 
+     */
+    async getSvgData() {
+        const svg = this.mindMap.svg
+        const draw = this.mindMap.draw
+        // 保存原始信息
+        const origWidth = svg.width()
+        const origHeight = svg.height()
+        const origTransform = draw.transform()
+        const elRect = this.mindMap.el.getBoundingClientRect()
+        // 去除放大缩小的变换效果
+        draw.scale(1 / origTransform.scaleX, 1 / origTransform.scaleY)
+        // 获取变换后的位置尺寸信息，其实是getBoundingClientRect方法的包装方法
+        const rect = draw.rbox()
+        // 将svg设置为实际内容的宽高
+        svg.size(rect.width, rect.height)
+        // 把实际内容变换
+        draw.translate(-rect.x + elRect.left, -rect.y + elRect.top)
+        // 克隆一份数据
+        const clone = svg.clone()
+        // 恢复原先的大小和变换信息
+        svg.size(origWidth, origHeight)
+        draw.transform(origTransform)
+        // 把图片的url转换成data:url类型，否则导出会丢失图片
+        let imageList = clone.find('image')
+        let task = imageList.map(async (item) => {
+            let imgUlr = item.attr('href') || item.attr('xlink:href')
+            let imgData = await imgToDataUrl(imgUlr)
+            item.attr('href', imgData)
+        })
+        await Promise.all(task)
+        return {
+            node: clone,
+            str: clone.svg()
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 15:25:19 
+     * @Desc:  svg转png
+     */
+    svgToPng(svgSrc) {
+        return new Promise((resolve, reject) => {
+            const img = new Image()
+            // 跨域图片需要添加这个属性，否则画布被污染了无法导出图片
+            img.setAttribute('crossOrigin', 'anonymous')
+            img.onload = async () => {
+                try {
+                    let canvas = document.createElement('canvas')
+                    canvas.width = img.width + this.exportPadding * 2
+                    canvas.height = img.height + this.exportPadding * 2
+                    let ctx = canvas.getContext('2d')
+                    // 绘制背景
+                    await this.drawBackgroundToCanvas(ctx, canvas.width, canvas.height)
+                    // 图片绘制到canvas里
+                    ctx.drawImage(img, 0, 0, img.width, img.height, this.exportPadding, this.exportPadding, img.width, img.height)
+                    resolve(canvas.toDataURL())
+                } catch (error) {
+                    reject(error)
+                }
+            }
+            img.onerror = (e) => {
+                reject(e)
+            }
+            img.src = svgSrc
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 15:32:07 
+     * @Desc: 在canvas上绘制思维导图背景
+     */
+    drawBackgroundToCanvas(ctx, width, height) {
+        return new Promise((resolve, rejct) => {
+            let { backgroundColor = '#fff', backgroundImage, backgroundRepeat = "repeat" } = this.mindMap.themeConfig
+            // 背景颜色
+            ctx.save()
+            ctx.rect(0, 0, width, height)
+            ctx.fillStyle = backgroundColor
+            ctx.fill()
+            ctx.restore()
+            // 背景图片
+            if (backgroundImage && backgroundImage !== 'none') {
+                ctx.save()
+                let img = new Image()
+                img.src = backgroundImage
+                img.onload = () => {
+                    let pat = ctx.createPattern(img, backgroundRepeat)
+                    ctx.rect(0, 0, width, height)
+                    ctx.fillStyle = pat
+                    ctx.fill()
+                    ctx.restore()
+                    resolve()
+                }
+                img.onerror = (e) => {
+                    rejct(e)
+                }
+            } else {
+                resolve()
+            }
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-01 22:09:51 
+     * @Desc: 导出为png 
+     * 方法1.把svg的图片都转化成data:url格式，再转换
+     * 方法2.把svg的图片提取出来再挨个绘制到canvas里，最后一起转换
+     */
+    async png() {
+        let { str } = await this.getSvgData()
+        // 转换成blob数据
+        let blob = new Blob([str], {
+            type: 'image/svg+xml'
+        })
+        // 转换成data:url数据
+        let svgUrl = URL.createObjectURL(blob)
+        // 绘制到canvas上
+        let imgDataUrl = await this.svgToPng(svgUrl)
+        URL.revokeObjectURL(svgUrl)
+        return imgDataUrl
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-08-08 19:23:08 
+     * @Desc: 导出为pdf 
+     */
+    async pdf(name) {
+        let img = await this.png()
+        let pdf = new JsPDF('', 'pt', 'a4')
+        let a4Width = 595
+        let a4Height = 841
+        let a4Ratio = a4Width / a4Height
+        let image = new Image()
+        image.onload = () => {
+            let imageWidth = image.width
+            let imageHeight = image.height
+            let imageRatio = imageWidth / imageHeight
+            let w, h
+            if (imageWidth <= a4Width && imageHeight <= a4Height) {
+                // 使用图片原始宽高
+                w = imageWidth
+                h = imageHeight
+            } else if (a4Ratio > imageRatio) {
+                // 以a4Height为高度，缩放图片宽度
+                w = imageRatio * a4Height
+                h = a4Height
+            } else {
+                // 以a4Width为宽度，缩放图片高度
+                w = a4Width
+                h = a4Width / imageRatio
+            }
+            pdf.addImage(img, 'PNG', (a4Width - w) / 2, (a4Height - h) / 2, w, h)
+            pdf.save(name)
+        }
+        image.src = img
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 15:32:07 
+     * @Desc: 在svg上绘制思维导图背景
+     */
+    drawBackgroundToSvg(svg) {
+        return new Promise(async (resolve, rejct) => {
+            let { backgroundColor = '#fff', backgroundImage, backgroundRepeat = "repeat" } = this.mindMap.themeConfig
+            // 背景颜色
+            svg.css('background-color', backgroundColor)
+            // 背景图片
+            if (backgroundImage && backgroundImage !== 'none') {
+                let imgDataUrl = await imgToDataUrl(backgroundImage)
+                svg.css('background-image', `url(${imgDataUrl})`)
+                svg.css('background-repeat', backgroundRepeat)
+                resolve()
+            } else {
+                resolve()
+            }
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 14:54:07 
+     * @Desc: 导出为svg 
+     */
+    async svg(name) {
+        let { node } = await this.getSvgData()
+        node.first().before(SVG(`<title>${name}</title>`))
+        await this.drawBackgroundToSvg(node)
+        let str = node.svg()
+        // 转换成blob数据
+        let blob = new Blob([str], {
+            type: 'image/svg+xml'
+        })
+        return URL.createObjectURL(blob)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-03 22:19:17 
+     * @Desc: 导出为json 
+     */
+    json (name, withConfig = true) {
+        let data = this.mindMap.getData(withConfig)
+        let str = JSON.stringify(data)
+        let blob = new Blob([str])
+        return URL.createObjectURL(blob)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-03 22:24:24 
+     * @Desc: 专有文件，其实就是json文件 
+     */
+    smm (name, withConfig) {
+        return this.json(name, withConfig);
+    }
+}
+
+export default Export
--- a/simple-mind-map/src/KeyCommand.js
+++ b/simple-mind-map/src/KeyCommand.js
@@ -0,0 +1,200 @@
+import { keyMap } from './utils/keyMap';
+/** 
+ * @Author: 王林 
+ * @Date: 2021-04-24 15:20:46 
+ * @Desc: 快捷按键、命令处理类 
+ */
+export default class KeyCommand {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 15:21:32 
+     * @Desc: 构造函数 
+     */
+    constructor(opt) {
+        this.opt = opt
+        this.mindMap = opt.mindMap
+        this.shortcutMap = {
+            //Enter: [fn]
+        }
+        this.shortcutMapCache = {}
+        this.isPause = false
+        this.bindEvent()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-08-14 08:57:55 
+     * @Desc: 暂停快捷键响应 
+     */
+    pause() {
+        this.isPause = true
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-08-14 08:58:43 
+     * @Desc: 恢复快捷键响应 
+     */
+    recovery() {
+        this.isPause = false
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-08-16 16:29:01 
+     * @Desc: 保存当前注册的快捷键数据，然后清空快捷键数据
+     */
+    save() {
+        this.shortcutMapCache = this.shortcutMap
+        this.shortcutMap = {}
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-08-16 16:29:38 
+     * @Desc: 恢复保存的快捷键数据，然后清空缓存数据 
+     */
+    restore() {
+        this.shortcutMap = this.shortcutMapCache
+        this.shortcutMapCache = {}
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 15:23:22 
+     * @Desc: 绑定事件 
+     */
+    bindEvent() {
+        window.addEventListener('keydown', (e) => {
+            if (this.isPause) {
+                return
+            }
+            Object.keys(this.shortcutMap).forEach((key) => {
+                if (this.checkKey(e, key)) {
+                    e.stopPropagation()
+                    e.preventDefault()
+                    this.shortcutMap[key].forEach((fn) => {
+                        fn()
+                    })
+                }
+            })
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 19:24:53 
+     * @Desc: 检查键值是否符合 
+     */
+    checkKey(e, key) {
+        let o = this.getOriginEventCodeArr(e)
+        let k = this.getKeyCodeArr(key)
+        if (o.length !== k.length) {
+            return false
+        }
+        for (let i = 0; i < o.length; i++) {
+            let index = k.findIndex((item) => {
+                return item === o[i];
+            })
+            if (index === -1) {
+                return false
+            } else {
+                k.splice(index, 1)
+            }
+        }
+        return true
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 19:15:19 
+     * @Desc: 获取事件对象里的键值数组 
+     */
+    getOriginEventCodeArr(e) {
+        let arr = []
+        if (e.ctrlKey || e.metaKey) {
+            arr.push(keyMap['Control'])
+        }
+        if (e.altKey) {
+            arr.push(keyMap['Alt'])
+        }
+        if (e.shiftKey) {
+            arr.push(keyMap['Shift'])
+        }
+        if (!arr.includes(e.keyCode)) {
+            arr.push(e.keyCode)
+        }
+        return arr
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 19:40:11 
+     * @Desc: 获取快捷键对应的键值数组 
+     */
+    getKeyCodeArr(key) {
+        let keyArr = key.split(/\s*\+\s*/)
+        let arr = []
+        keyArr.forEach((item) => {
+            arr.push(keyMap[item])
+        })
+        return arr
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 15:23:00 
+     * @Desc: 添加快捷键命令 
+     * Enter
+     * Tab | Insert
+     * Shift + a
+     */
+    addShortcut(key, fn) {
+        key.split(/\s*\|\s*/).forEach((item) => {
+            if (this.shortcutMap[item]) {
+                this.shortcutMap[item].push(fn)
+            } else {
+                this.shortcutMap[item] = [fn]
+            }
+        })
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-27 14:06:16 
+     * @Desc: 移除快捷键命令 
+     */
+    removeShortcut(key, fn) {
+        key.split(/\s*\|\s*/).forEach((item) => {
+            if (this.shortcutMap[item]) {
+                if (fn) {
+                    let index = this.shortcutMap[item].findIndex((f) => {
+                        return f === fn
+                    })
+                    if (index !== -1) {
+                        this.shortcutMap[item].splice(index, 1)
+                    }
+                } else {
+                    this.shortcutMap[item] = []
+                    delete this.shortcutMap[item]
+                }
+            }
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-08-14 08:49:58 
+     * @Desc: 获取指定快捷键的处理函数 
+     */
+    getShortcutFn(key) {
+        let res = []
+        key.split(/\s*\|\s*/).forEach((item) => {
+            res = this.shortcutMap[item] || []
+        })
+        return res
+    }
+}
--- a/simple-mind-map/src/Node.js
+++ b/simple-mind-map/src/Node.js
--- a/simple-mind-map/src/Render.js
+++ b/simple-mind-map/src/Render.js
--- a/simple-mind-map/src/Select.js
+++ b/simple-mind-map/src/Select.js
@@ -0,0 +1,191 @@
+import { bfsWalk, throttle } from './utils'
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-07-10 22:34:51 
+ * @Desc: 选择节点类 
+ */
+
+class Select {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-10 22:35:16 
+     * @Desc: 构造函数 
+     */
+    constructor({ mindMap }) {
+        this.mindMap = mindMap
+        this.rect = null
+        this.isMousedown = false
+        this.mouseDownX = 0
+        this.mouseDownY = 0
+        this.mouseMoveX = 0
+        this.mouseMoveY = 0
+        this.bindEvent()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-10 22:36:36 
+     * @Desc: 绑定事件 
+     */
+    bindEvent() {
+        this.checkInNodes = throttle(this.checkInNodes, 500, this)
+        this.mindMap.on('mousedown', (e) => {
+            if (this.mindMap.opt.readonly) {
+                return
+            }
+            if (!e.ctrlKey && e.which !== 3) {
+                return
+            }
+            this.isMousedown = true
+            let { x, y } = this.mindMap.toPos(e.clientX, e.clientY)
+            this.mouseDownX = x
+            this.mouseDownY = y
+            this.createRect(x, y)
+        })
+        this.mindMap.on('mousemove', (e) => {
+            if (this.mindMap.opt.readonly) {
+                return
+            }
+            if (!this.isMousedown) {
+                return
+            }
+            let { x, y } = this.mindMap.toPos(e.clientX, e.clientY)
+            this.mouseMoveX = x
+            this.mouseMoveY = y
+            if (Math.abs(x - this.mouseDownX) <= 10 && Math.abs(y - this.mouseDownY) <= 10) {
+                return
+            }
+            clearTimeout(this.autoMoveTimer)
+            this.onMove(x, y)
+        })
+        this.mindMap.on('mouseup', (e) => {
+            if (this.mindMap.opt.readonly) {
+                return
+            }
+            if (!this.isMousedown) {
+                return;
+            }
+            this.mindMap.emit('node_active', null, this.mindMap.renderer.activeNodeList)
+            clearTimeout(this.autoMoveTimer)
+            this.isMousedown = false
+            if (this.rect) this.rect.remove()
+            this.rect = null
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-13 07:55:49 
+     * @Desc: 鼠标移动事件
+     */
+    onMove (x, y) {
+        // 绘制矩形
+        this.rect.plot([
+            [this.mouseDownX, this.mouseDownY],
+            [this.mouseMoveX, this.mouseDownY],
+            [this.mouseMoveX, this.mouseMoveY],
+            [this.mouseDownX, this.mouseMoveY]
+        ])
+        this.checkInNodes()
+        // 检测边缘移动
+        let step = this.mindMap.opt.selectTranslateStep
+        let limit = this.mindMap.opt.selectTranslateLimit
+        let count = 0
+        // 左边缘
+        if (x <= this.mindMap.elRect.left + limit) {
+            this.mouseDownX += step
+            this.mindMap.view.translateX(step)
+            count++
+        }
+        // 右边缘
+        if (x >= this.mindMap.elRect.right - limit) {
+            this.mouseDownX -= step
+            this.mindMap.view.translateX(-step)
+            count++
+        }
+        // 上边缘
+        if (y <= this.mindMap.elRect.top + limit) {
+            this.mouseDownY += step
+            this.mindMap.view.translateY(step)
+            count++
+        }
+        // 下边缘
+        if (y >= this.mindMap.elRect.bottom - limit) {
+            this.mouseDownY -= step
+            this.mindMap.view.translateY(-step)
+            count++
+        }
+        if (count > 0) {
+            this.startAutoMove(x, y)
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-22 08:02:23 
+     * @Desc: 开启自动移动 
+     */
+    startAutoMove(x, y) {
+        this.autoMoveTimer = setTimeout(() => {
+            this.onMove(x, y)
+        }, 20);
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 10:19:37 
+     * @Desc: 创建矩形 
+     */
+    createRect(x, y) {
+        this.rect = this.mindMap.svg.polygon().stroke({
+            color: '#0984e3'
+        }).fill({
+            color: 'rgba(9,132,227,0.3)'
+        }).plot([[x, y]])
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 10:20:43 
+     * @Desc: 检测在选区里的节点 
+     */
+    checkInNodes() {
+        let { scaleX, scaleY, translateX, translateY } = this.mindMap.draw.transform()
+        let minx = Math.min(this.mouseDownX, this.mouseMoveX)
+        let miny = Math.min(this.mouseDownY, this.mouseMoveY)
+        let maxx = Math.max(this.mouseDownX, this.mouseMoveX)
+        let maxy = Math.max(this.mouseDownY, this.mouseMoveY)
+        bfsWalk(this.mindMap.renderer.root, (node) => {
+            let { left, top, width, height } = node
+            let right = (left + width) * scaleX + translateX
+            let bottom = (top + height) * scaleY + translateY
+            left = left * scaleX + translateX
+            top = top * scaleY + translateY
+            if (
+                left >= minx &&
+                right <= maxx &&
+                top >= miny &&
+                bottom <= maxy
+            ) {
+                this.mindMap.batchExecution.push('activeNode' + node.uid, () => {
+                    if (node.nodeData.data.isActive) {
+                        return ;
+                    }
+                    this.mindMap.renderer.setNodeActive(node, true)
+                    this.mindMap.renderer.addActiveNode(node)
+                })
+            } else if (node.nodeData.data.isActive) {
+                this.mindMap.batchExecution.push('activeNode' + node.uid, () => {
+                    if (!node.nodeData.data.isActive) {
+                        return ;
+                    }
+                    this.mindMap.renderer.setNodeActive(node, false)
+                    this.mindMap.renderer.removeActiveNode(node)
+                })
+            }
+        })
+    }
+}
+
+export default Select
--- a/simple-mind-map/src/Shape.js
+++ b/simple-mind-map/src/Shape.js
@@ -0,0 +1,265 @@
+/** 
+ * @Author: 王林 
+ * @Date: 2022-08-22 21:32:50 
+ * @Desc: 节点形状类 
+ */
+ export default class Shape {
+    constructor(node) {
+        this.node = node
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-08-17 22:32:32 
+     * @Desc: 形状需要的padding 
+     */
+    getShapePadding(width, height, paddingX, paddingY) {
+        const shape = this.node.getShape()
+        const defaultPaddingX = 15
+        const defaultPaddingY = 5
+        const actWidth = width + paddingX * 2
+        const actHeight = height + paddingY * 2
+        const actOffset = Math.abs(actWidth - actHeight)
+        switch (shape) {
+            case 'roundedRectangle':
+                return {
+                    paddingX: height > width ? (height - width) / 2 : 0,
+                    paddingY: 0
+                }  
+            case 'diamond':
+                return {
+                    paddingX: width / 2,
+                    paddingY: height / 2
+                }
+            case 'parallelogram':
+                return {
+                    paddingX: paddingX <= 0 ? defaultPaddingX : 0,
+                    paddingY: 0
+                }
+            case 'outerTriangularRectangle':
+                return {
+                    paddingX: paddingX <= 0 ? defaultPaddingX : 0,
+                    paddingY: 0
+                }
+            case 'innerTriangularRectangle':
+                return {
+                    paddingX: paddingX <= 0 ? defaultPaddingX : 0,
+                    paddingY: 0
+                }
+            case 'ellipse':
+                return {
+                    paddingX: paddingX <= 0 ? defaultPaddingX : 0,
+                    paddingY: paddingY <= 0 ? defaultPaddingY : 0
+                }
+            case 'circle':
+                return {
+                    paddingX: actHeight > actWidth ? actOffset / 2 : 0,
+                    paddingY: actHeight < actWidth ? actOffset / 2 : 0,
+                }
+            default:
+                return {
+                    paddingX: 0,
+                    paddingY: 0
+                }
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-08-17 22:22:53 
+     * @Desc: 创建形状节点 
+     */
+    createShape() {
+        const shape = this.node.getShape()
+        let { width, height } = this.node
+        let node = null
+        // 矩形
+        if (shape === 'rectangle') {
+            node = this.node.group.rect(width, height)
+        } else if (shape === 'diamond') {
+            // 菱形
+            node = this.createDiamond()
+        } else if (shape === 'parallelogram') {
+            // 平行四边形
+            node = this.createParallelogram()
+        } else if (shape === 'roundedRectangle') {
+            // 圆角矩形
+            node = this.createRoundedRectangle()
+        } else if (shape === 'octagonalRectangle') {
+            // 八角矩形
+            node = this.createOctagonalRectangle()
+        } else if (shape === 'outerTriangularRectangle') {
+            // 外三角矩形
+            node = this.createOuterTriangularRectangle()
+        } else if (shape === 'innerTriangularRectangle') {
+            // 内三角矩形
+            node = this.createInnerTriangularRectangle()
+        } else if (shape === 'ellipse') {
+            // 椭圆
+            node = this.createEllipse()
+        } else if (shape === 'circle') {
+            // 圆
+            node = this.createCircle()
+        }
+        return node
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-09-04 09:08:54 
+     * @Desc: 创建菱形 
+     */
+    createDiamond() {
+        let { width, height } = this.node
+        let halfWidth = width / 2
+        let halfHeight = height / 2
+        let topX = halfWidth
+        let topY = 0
+        let rightX = width
+        let rightY = halfHeight
+        let bottomX = halfWidth
+        let bottomY = height
+        let leftX = 0
+        let leftY = halfHeight
+        return this.node.group.polygon(`
+            ${topX}, ${topY}
+            ${rightX}, ${rightY}
+            ${bottomX}, ${bottomY}
+            ${leftX}, ${leftY}
+        `)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-09-03 16:14:12 
+     * @Desc: 创建平行四边形 
+     */
+    createParallelogram() {
+        let { paddingX } = this.node.getPaddingVale()
+        paddingX = paddingX || this.node.shapePadding.paddingX
+        let { width, height } = this.node
+        return this.node.group.polygon(`
+            ${paddingX}, ${0}
+            ${width}, ${0}
+            ${width - paddingX}, ${height}
+            ${0}, ${height}
+        `)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-09-03 16:50:23 
+     * @Desc: 创建圆角矩形 
+     */
+    createRoundedRectangle() {
+        let { width, height } = this.node
+        let halfHeight = height / 2
+        return this.node.group.path(`
+            M${halfHeight},0
+            L${width - halfHeight},0
+            A${height / 2},${height / 2} 0 0,1 ${width - halfHeight},${height} 
+            L${halfHeight},${height}
+            A${height / 2},${height / 2} 0 0,1 ${halfHeight},${0}
+        `)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 16:14:08 
+     * @Desc: 创建八角矩形 
+     */
+    createOctagonalRectangle() {
+        let w = 5
+        let { width, height } = this.node
+        return this.node.group.polygon(`
+            ${0}, ${w}
+            ${w}, ${0}
+            ${width - w}, ${0}
+            ${width}, ${w}
+            ${width}, ${height - w}
+            ${width - w}, ${height}
+            ${w}, ${height}
+            ${0}, ${height - w}
+        `)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 20:55:50 
+     * @Desc: 创建外三角矩形 
+     */
+    createOuterTriangularRectangle() {
+        let { paddingX } = this.node.getPaddingVale()
+        paddingX = paddingX || this.node.shapePadding.paddingX
+        let { width, height } = this.node
+        return this.node.group.polygon(`
+            ${paddingX}, ${0}
+            ${width - paddingX}, ${0}
+            ${width}, ${height / 2}
+            ${width - paddingX}, ${height}
+            ${paddingX}, ${height}
+            ${0}, ${height / 2}
+        `)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 20:59:37 
+     * @Desc: 创建内三角矩形 
+     */
+    createInnerTriangularRectangle() {
+        let { paddingX } = this.node.getPaddingVale()
+        paddingX = paddingX || this.node.shapePadding.paddingX
+        let { width, height } = this.node
+        return this.node.group.polygon(`
+            ${0}, ${0}
+            ${width}, ${0}
+            ${width - paddingX / 2}, ${height / 2}
+            ${width}, ${height}
+            ${0}, ${height}
+            ${paddingX / 2}, ${height / 2}
+        `)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 21:06:31 
+     * @Desc: 创建椭圆 
+     */
+    createEllipse() {
+        let { width, height } = this.node
+        let halfWidth = width / 2
+        let halfHeight = height / 2
+        return this.node.group.path(`
+            M${halfWidth},0
+            A${halfWidth},${halfHeight} 0 0,1 ${halfWidth},${height} 
+            M${halfWidth},${height} 
+            A${halfWidth},${halfHeight} 0 0,1 ${halfWidth},${0} 
+        `)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 21:14:04 
+     * @Desc: 创建圆 
+     */
+    createCircle() {
+        let { width, height } = this.node
+        let halfWidth = width / 2
+        let halfHeight = height / 2
+        return this.node.group.path(`
+            M${halfWidth},0
+            A${halfWidth},${halfHeight} 0 0,1 ${halfWidth},${height} 
+            M${halfWidth},${height} 
+            A${halfWidth},${halfHeight} 0 0,1 ${halfWidth},${0} 
+        `)
+    }
+}
+
+// 形状列表
+export const shapeList = ['rectangle', 'diamond', 'parallelogram', 'roundedRectangle', 'octagonalRectangle', 'outerTriangularRectangle', 'innerTriangularRectangle', 'ellipse', 'circle']
--- a/simple-mind-map/src/Style.js
+++ b/simple-mind-map/src/Style.js
@@ -0,0 +1,210 @@
+import { tagColorList } from './utils/constant';
+const rootProp = ['paddingX', 'paddingY']
+
+/** 
+ * @Author: 王林 
+ * @Date: 2021-04-11 10:09:08 
+ * @Desc: 样式类 
+ */
+class Style {
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 16:01:53 
+     * @Desc:  设置背景样式
+     */
+    static setBackgroundStyle(el, themeConfig) {
+        let { backgroundColor, backgroundImage, backgroundRepeat } = themeConfig
+        el.style.backgroundColor = backgroundColor
+        if (backgroundImage) {
+            el.style.backgroundImage = `url(${backgroundImage})`
+            el.style.backgroundRepeat = backgroundRepeat
+        }
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 10:10:11 
+     * @Desc: 构造函数 
+     */
+    constructor(ctx, themeConfig) {
+        this.ctx = ctx
+        this.themeConfig = themeConfig
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-12 07:40:14 
+     * @Desc: 更新主题配置 
+     */
+    updateThemeConfig(themeConfig) {
+        this.themeConfig = themeConfig
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 12:02:55 
+     * @Desc: 合并样式 
+     */
+    merge(prop, root, isActive) {
+        // 三级及以下节点
+        let defaultConfig = this.themeConfig.node
+        if (root || rootProp.includes(prop)) {// 直接使用最外层样式
+            defaultConfig = this.themeConfig
+        } else if (this.ctx.isGeneralization) {// 概要节点
+            defaultConfig = this.themeConfig.generalization
+        } else if (this.ctx.layerIndex === 0) {// 根节点
+            defaultConfig = this.themeConfig.root
+        } else if (this.ctx.layerIndex === 1) {// 二级节点
+            defaultConfig = this.themeConfig.second
+        }
+        // 激活状态
+        if (isActive !== undefined ? isActive : this.ctx.nodeData.data.isActive) {
+            if (this.ctx.nodeData.data.activeStyle && this.ctx.nodeData.data.activeStyle[prop] !== undefined) {
+                return this.ctx.nodeData.data.activeStyle[prop];
+            } else if (defaultConfig.active && defaultConfig.active[prop]) {
+                return defaultConfig.active[prop]
+            }
+        }
+        // 优先使用节点本身的样式
+        return this.getSelfStyle(prop) !== undefined ? this.getSelfStyle(prop) : defaultConfig[prop]
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 21:55:57 
+     * @Desc: 获取某个样式值 
+     */
+    getStyle(prop, root, isActive) {
+        return this.merge(prop, root, isActive)
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: flydreame 
+     * @Date: 2022-09-17 12:09:39 
+     * @Desc: 获取自身自定义样式 
+     */
+    getSelfStyle(prop) {
+        return this.ctx.nodeData.data[prop]
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 10:12:56 
+     * @Desc: 矩形 
+     */
+    rect(node) {
+        this.shape(node)
+        node.radius(this.merge('borderRadius'))
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林 
+     * @Date: 2022-09-12 15:04:28 
+     * @Desc:  矩形外的其他形状 
+     */
+    shape(node) {
+        node.fill({
+            color: this.merge('fillColor')
+        }).stroke({
+            color: this.merge('borderColor'),
+            width: this.merge('borderWidth'),
+            dasharray: this.merge('borderDasharray')
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 12:07:59 
+     * @Desc: 文字 
+     */
+    text(node) {
+        node.fill({
+            color: this.merge('color')
+        }).css({
+            'font-family': this.merge('fontFamily'),
+            'font-size': this.merge('fontSize'),
+            'font-weight': this.merge('fontWeight'),
+            'font-style': this.merge('fontStyle'),
+            'text-decoration': this.merge('textDecoration')
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-13 08:14:34 
+     * @Desc: html文字节点 
+     */
+    domText(node, fontSizeScale = 1) {
+        node.style.fontFamily = this.merge('fontFamily')
+        node.style.fontSize = this.merge('fontSize') * fontSizeScale + 'px'
+        node.style.fontWeight = this.merge('fontWeight') || 'normal'
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-20 20:02:18 
+     * @Desc: 标签文字 
+     */
+    tagText(node, index) {
+        node.fill({
+            color: tagColorList[index].color
+        }).css({
+            'font-size': '12px'
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-06-20 21:04:11 
+     * @Desc: 标签矩形 
+     */
+    tagRect(node, index) {
+        node.fill({
+            color: tagColorList[index].background
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-03 22:37:19 
+     * @Desc: 内置图标 
+     */
+    iconNode(node) {
+        node.attr({
+            fill: this.merge('color')
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 14:50:49 
+     * @Desc: 连线 
+     */
+    line(node, { width, color, dasharray } = {}) {
+        node.stroke({ width, color, dasharray }).fill({ color: 'none' })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2022-07-30 16:19:03 
+     * @Desc: 概要连线 
+     */
+    generalizationLine(node) {
+        node.stroke({ width: this.merge('generalizationLineWidth', true), color: this.merge('generalizationLineColor', true) }).fill({ color: 'none' })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-11 20:03:59 
+     * @Desc: 按钮 
+     */
+    iconBtn(node, fillNode) {
+        node.fill({ color: '#808080' })
+        fillNode.fill({ color: '#fff' })
+    }
+}
+
+export default Style
--- a/simple-mind-map/src/TextEdit.js
+++ b/simple-mind-map/src/TextEdit.js
@@ -0,0 +1,146 @@
+import {
+    getStrWithBrFromHtml
+} from './utils'
+
+/** 
+ * javascript comment 
+ * @Author: 王林25 
+ * @Date: 2021-06-19 11:11:28 
+ * @Desc: 节点文字编辑类 
+ */
+export default class TextEdit {
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-06-19 11:22:57 
+     * @Desc: 构造函数 
+     */
+    constructor(renderer) {
+        this.renderer = renderer
+        this.mindMap = renderer.mindMap
+        // 文本编辑框
+        this.textEditNode = null
+        // 文本编辑框是否显示
+        this.showTextEdit = false
+        this.bindEvent()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:27:04 
+     * @Desc: 事件 
+     */
+    bindEvent() {
+        this.show = this.show.bind(this)
+        // 节点双击事件
+        this.mindMap.on('node_dblclick', this.show)
+        // 点击事件
+        this.mindMap.on('draw_click', () => {
+            // 隐藏文本编辑框
+            this.hideEditTextBox()
+        })
+        // 展开收缩按钮点击事件
+        this.mindMap.on('expand_btn_click', () => {
+            this.hideEditTextBox()
+        })
+        // 节点激活前事件
+        this.mindMap.on('before_node_active', () => {
+            this.hideEditTextBox()
+        })
+        // 注册编辑快捷键
+        this.mindMap.keyCommand.addShortcut('F2', () => {
+            if (this.renderer.activeNodeList.length <= 0) {
+                return
+            }
+            this.show(this.renderer.activeNodeList[0])
+        })
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2022-08-16 16:27:02 
+     * @Desc: 注册临时快捷键 
+     */
+    registerTmpShortcut() {
+        // 注册回车快捷键
+        this.mindMap.keyCommand.addShortcut('Enter', () => {
+            this.hideEditTextBox()
+        })
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-13 22:15:56 
+     * @Desc: 显示文本编辑框 
+     */
+    show(node) {
+        this.showEditTextBox(node, node._textData.node.node.getBoundingClientRect())
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-13 22:13:02 
+     * @Desc: 显示文本编辑框 
+     */
+    showEditTextBox(node, rect) {
+        this.mindMap.emit('before_show_text_edit')
+        this.registerTmpShortcut()
+        if (!this.textEditNode) {
+            this.textEditNode = document.createElement('div')
+            this.textEditNode.style.cssText = `position:fixed;box-sizing: border-box;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,.5);padding: 3px 5px;margin-left: -5px;margin-top: -3px;outline: none;`
+            this.textEditNode.setAttribute('contenteditable', true)
+            document.body.appendChild(this.textEditNode)
+        }
+        node.style.domText(this.textEditNode, this.mindMap.view.scale)
+        this.textEditNode.innerHTML = node.nodeData.data.text.split(/\n/img).join('<br>')
+        this.textEditNode.style.minWidth = rect.width + 10 + 'px'
+        this.textEditNode.style.minHeight = rect.height + 6 + 'px'
+        this.textEditNode.style.left = rect.left + 'px'
+        this.textEditNode.style.top = rect.top + 'px'
+        this.textEditNode.style.display = 'block'
+        this.showTextEdit = true
+        // 选中文本
+        this.selectNodeText()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-08-02 23:13:50 
+     * @Desc: 选中文本 
+     */
+    selectNodeText() {
+        let selection = window.getSelection()
+        let range = document.createRange()
+        range.selectNodeContents(this.textEditNode)
+        selection.removeAllRanges()
+        selection.addRange(range)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-04-24 13:48:16 
+     * @Desc: 隐藏文本编辑框 
+     */
+    hideEditTextBox() {
+        if (!this.showTextEdit) {
+            return
+        }
+        this.renderer.activeNodeList.forEach((node) => {
+            let str = getStrWithBrFromHtml(this.textEditNode.innerHTML)
+            this.mindMap.execCommand('SET_NODE_TEXT', node, str)
+            if (node.isGeneralization) {
+                // 概要节点
+                node.generalizationBelongNode.updateGeneralization()
+            }
+            this.mindMap.render()
+        })
+        this.mindMap.emit('hide_text_edit', this.textEditNode, this.renderer.activeNodeList)
+        this.textEditNode.style.display = 'none'
+        this.textEditNode.innerHTML = ''
+        this.textEditNode.style.fontFamily = 'inherit'
+        this.textEditNode.style.fontSize = 'inherit'
+        this.textEditNode.style.fontWeight = 'normal'
+        this.showTextEdit = false
+    }
+}
--- a/simple-mind-map/src/View.js
+++ b/simple-mind-map/src/View.js
@@ -0,0 +1,193 @@
+/** 
+ * javascript comment 
+ * @Author: 王林25 
+ * @Date: 2021-04-07 14:45:24 
+ * @Desc: 视图操作类 
+ */
+class View {
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 14:45:40 
+     * @Desc: 构造函数 
+     */
+    constructor(opt = {}) {
+        this.opt = opt
+        this.mindMap = this.opt.mindMap
+        this.scale = 1
+        this.sx = 0
+        this.sy = 0
+        this.x = 0
+        this.y = 0
+        this.firstDrag = true
+        this.setTransformData(this.mindMap.opt.viewData)
+        this.bind()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-04-07 15:38:51 
+     * @Desc: 绑定 
+     */
+    bind() {
+        // 快捷键
+        this.mindMap.keyCommand.addShortcut('Control+=', () => {
+            this.enlarge()
+        })
+        this.mindMap.keyCommand.addShortcut('Control+-', () => {
+            this.narrow()
+        })
+        this.mindMap.keyCommand.addShortcut('Control+Enter', () => {
+            this.reset()
+        })
+        this.mindMap.svg.on('dblclick', () => {
+            this.reset()
+        })
+        // 拖动视图
+        this.mindMap.event.on('mousedown', () => {
+            this.sx = this.x
+            this.sy = this.y
+        })
+        this.mindMap.event.on('drag', (e, event) => {
+            if (e.ctrlKey) {
+                // 按住ctrl键拖动为多选
+                return
+            }
+            if (this.firstDrag) {
+                this.firstDrag = false
+                // 清除激活节点
+                this.mindMap.execCommand('CLEAR_ACTIVE_NODE')
+            }
+            this.x = this.sx + event.mousemoveOffset.x
+            this.y = this.sy + event.mousemoveOffset.y
+            this.transform()
+        })
+        this.mindMap.event.on('mouseup', () => {
+            this.firstDrag = true
+        })
+        // 放大缩小视图
+        this.mindMap.event.on('mousewheel', (e, dir) => {
+            // // 放大
+            if (dir === 'down') {
+                this.enlarge()
+            } else { // 缩小
+                this.narrow()
+            }
+        })
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-22 18:30:24 
+     * @Desc: 获取当前变换状态数据 
+     */
+    getTransformData() {
+        return {
+            transform: this.mindMap.draw.transform(),
+            state: {
+                scale: this.scale,
+                x: this.x,
+                y: this.y,
+                sx: this.sx,
+                sy: this.sy
+            }
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-11-22 19:54:17 
+     * @Desc: 动态设置变换状态数据 
+     */
+    setTransformData(viewData) {
+        if (viewData) {
+            Object.keys(viewData.state).forEach((prop) => {
+                this[prop] = viewData.state[prop]
+            })
+            this.mindMap.draw.transform({
+                ...viewData.transform
+            })
+            this.mindMap.emit('view_data_change', this.getTransformData())
+            this.mindMap.emit('scale', this.scale)
+        }
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-13 15:49:06 
+     * @Desc: 平移x方向 
+     */
+    translateX(step) {
+        this.x += step
+        this.transform()
+    }
+
+    /** 
+     * javascript comment 
+     * @Author: 王林25 
+     * @Date: 2021-07-13 15:48:52 
+     * @Desc: 平移y方向 
+     */
+    translateY(step) {
+        this.y += step
+        this.transform()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 17:13:14 
+     * @Desc:  应用变换
+     */
+    transform() {
+        this.mindMap.draw.transform({
+            scale: this.scale,
+            // origin: 'center center',
+            translate: [this.x, this.y],
+        })
+        this.mindMap.emit('view_data_change', this.getTransformData())
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-11 17:41:35 
+     * @Desc: 恢复
+     */
+    reset() {
+        this.scale = 1
+        this.x = 0
+        this.y = 0
+        this.transform()
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 17:10:34 
+     * @Desc: 缩小 
+     */
+    narrow() {
+        if (this.scale - this.mindMap.opt.scaleRatio > 0.1) {
+            this.scale -= this.mindMap.opt.scaleRatio
+        } else {
+            this.scale = 0.1
+        }
+        this.transform()
+        this.mindMap.emit('scale', this.scale)
+    }
+
+    /** 
+     * @Author: 王林 
+     * @Date: 2021-07-04 17:10:41 
+     * @Desc: 放大 
+     */
+    enlarge() {
+        this.scale += this.mindMap.opt.scaleRatio
+        this.transform()
+        this.mindMap.emit('scale', this.scale)
+    }
+}
+
+export default View
--- a/simple-mind-map/src/assets/blueSky.jpg
+++ b/simple-mind-map/src/assets/blueSky.jpg
--- a/simple-mind-map/src/assets/brainImpairedPink.jpg
+++ b/simple-mind-map/src/assets/brainImpairedPink.jpg
--- a/simple-mind-map/src/assets/catalogOrganization.jpg
+++ b/simple-mind-map/src/assets/catalogOrganization.jpg
--- a/simple-mind-map/src/assets/classic.jpg
+++ b/simple-mind-map/src/assets/classic.jpg
--- a/simple-mind-map/src/assets/classic2.jpg
+++ b/simple-mind-map/src/assets/classic2.jpg
--- a/simple-mind-map/src/assets/classic3.jpg
+++ b/simple-mind-map/src/assets/classic3.jpg
--- a/simple-mind-map/src/assets/classic4.jpg
+++ b/simple-mind-map/src/assets/classic4.jpg
--- a/simple-mind-map/src/assets/classicBlue.jpg
+++ b/simple-mind-map/src/assets/classicBlue.jpg
--- a/simple-mind-map/src/assets/classicGreen.jpg
+++ b/simple-mind-map/src/assets/classicGreen.jpg
--- a/simple-mind-map/src/assets/dark.jpg
+++ b/simple-mind-map/src/assets/dark.jpg
--- a/simple-mind-map/src/assets/dark2.jpg
+++ b/simple-mind-map/src/assets/dark2.jpg
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
wanglin2	830e7e2482	打包	2022-09-24 20:42:53 +08:00
wanglin2	13ed7f28df	优化：手动创建节点时立即聚焦	2022-09-24 20:38:47 +08:00
wanglin2	17e79a0b23	修复连线样式深度更新问题	2022-09-24 20:13:53 +08:00
wanglin2	eee310ba49	支持新建、打开、	2022-09-24 17:08:11 +08:00
wanglin2	36c8927dd0	修改文档	2022-09-24 10:51:09 +08:00
wanglin2	05333daa63	支持展开到指定层级	2022-09-24 10:49:40 +08:00
wanglin25	5aed681198	支持展开到指定层级	2022-09-23 17:41:38 +08:00
wanglin25	8a438f2906	修复xmind8版本文件导入失败的问题	2022-09-23 16:16:08 +08:00
wanglin2	260de4987d	修改README	2022-09-21 21:02:17 +08:00
wanglin25	31cc658c06	打包	2022-09-21 20:11:12 +08:00
wanglin25	be6b41d74d	支持导入.xmind文件	2022-09-21 20:07:46 +08:00
wanglin25	4beeead53d	修复根节点添加多个节点爆栈的问题	2022-09-21 09:38:41 +08:00
wanglin25	af2df6acd3	导出svg增加title标签	2022-09-19 09:36:19 +08:00
wanglin2	c08d66acf2	打包	2022-09-17 22:00:15 +08:00
wanglin2	5a9cb9ac07	节点支持设置自定义线条样式	2022-09-17 16:18:38 +08:00
wanglin2	1662cd1be7	优化节点自定义线条样式	2022-09-17 15:09:34 +08:00
wanglin2	9dd5b3d47e	节点支持自定义线条样式	2022-09-17 15:00:12 +08:00
wanglin2	ece116317b	修改文档	2022-09-13 22:30:45 +08:00
wanglin25	d24d5c8281	修复节点展开收起的bug&打包	2022-09-13 10:34:20 +08:00
wanglin25	97c01cda3a	打包	2022-09-13 09:43:18 +08:00
wanglin25	6d520ece7e	修改文档	2022-09-13 09:33:05 +08:00
wanglin2	745041deef	节点支持多种形状开发完成	2022-09-12 23:07:01 +08:00
wanglin25	ae6c10cdf9	打包	2022-09-01 11:11:33 +08:00
街角小林	f5338d62fc	Merge pull request #26 from huangyuanyin/main fix 二级节点后无子节点，展开所有/收起所有操作后的报错信息	2022-09-01 11:07:38 +08:00
liuzhanghao	19fc12ff20	fix	2022-09-01 10:28:26 +08:00
liuzhanghao	d7640bb026	fix 二级节点后无子节点，展开所有/收起所有操作后的报错信息	2022-09-01 10:22:01 +08:00
wanglin	193b293cfe	更新readme	2022-08-22 21:03:08 +08:00
wanglin25	615ff3ea25	fix:修改右键菜单快捷键提示	2022-08-17 09:25:16 +08:00
wanglin25	8b9cfd2972	fix:修复右键菜单快捷键提示错误	2022-08-16 18:48:11 +08:00
wanglin25	03f8cb9290	fix:修复编辑节点文本时快捷键冲突的问题	2022-08-16 16:47:43 +08:00
wanglin	1ea0c7e316	修复输入字符串/和快捷键/冲突问题	2022-08-14 09:43:00 +08:00
wanglin	a39c8c30e6	打包	2022-08-08 21:24:02 +08:00
街角小林	26ce08c27d	Update README.md	2022-08-08 20:09:31 +08:00
wanglin25	4bfc98a96f	支持导出为pdf	2022-08-08 20:06:59 +08:00
wanglin	7560411922	打包&发布新版本	2022-08-06 09:21:18 +08:00
wanglin25	4288e44f3a	支持Ctrl+左键多选	2022-08-05 17:21:21 +08:00
wanglin25	b82c5247fa	Merge branch 'dev' of https://github.com/wanglin2/mind-map into dev	2022-08-05 09:30:19 +08:00
wanglin25	c7d2082944	新增库打包&修改文档	2022-08-05 09:29:59 +08:00
wanglin	29458ade9c	增加图标	2022-08-04 20:24:57 +08:00
wanglin25	49d366628e	修改文档	2022-08-04 15:06:07 +08:00
wanglin25	b093153262	新增快捷键	2022-08-04 14:48:52 +08:00
wanglin25	02f276bc2a	支持自由拖拽、修复一些bug	2022-08-04 11:39:17 +08:00
wanglin25	69cb961cc1	修复概要的一些bug	2022-08-02 08:59:05 +08:00
wanglin25	7096391f3b	修复拖拽节点时为隐藏概要内容的问题	2022-08-01 09:59:43 +08:00
wanglin25	280ffcf01d	修复初始渲染时激活节点没有触发页面效果的问题	2022-08-01 09:51:53 +08:00
wanglin25	db3c2b71f5	修复概要展开收起的定位错误问题	2022-08-01 09:36:25 +08:00
wanglin	f11f364d00	新增方法	2022-07-31 22:29:40 +08:00
wanglin	0e8c50d430	修复概要定位问题	2022-07-31 20:46:40 +08:00
wanglin	dd8d250857	修改及新增主题	2022-07-31 14:54:32 +08:00
wanglin	693ead6b49	概要开发中	2022-07-31 10:28:13 +08:00
wanglin	dc3c91270c	更新版本	2022-07-30 08:21:43 +08:00
街角小林	71ac739964	Merge pull request #16 from harris2012/patch-2 fix typo	2022-07-29 21:59:53 +08:00
街角小林	eae5dc5854	Merge pull request #15 from harris2012/patch-1 Update Node.js	2022-07-29 21:57:05 +08:00
Harris Zhang	c45ceac7dc	fix typo	2022-07-29 17:55:20 +08:00
Harris Zhang	3d8702be8a	Update Node.js	2022-07-29 11:29:25 +08:00
街角小林	084dd9fd84	Merge pull request #13 from harris2012/patch-1 Update index.js	2022-07-26 21:15:41 +08:00
Harris Zhang	0c6c68820f	Update index.js	2022-07-26 19:12:47 +08:00
wanglin25	f5ff479f47	fix:1.节点图标不能删除的问题；2.工具按钮置灰仍然可以点击的问题	2022-06-28 19:55:31 +08:00
wanglin25	e9722efe93	增加只读模式	2022-06-08 14:30:45 +08:00
wanglin	db1f9c04c1	修改README	2022-05-10 23:09:54 +08:00
wanglin	b3e6412dbc	发布0.1.6版本	2022-05-10 23:08:02 +08:00
wanglin25	f58828469c	打包	2022-05-09 14:31:22 +08:00
wanglin25	cf7a92d9c7	节点备注支持markdown及富文本、修复不能选中文字的问题	2022-05-09 14:24:11 +08:00
wanglin25	ec0d021e92	修复节点标注在节点激活后无法隐藏问题	2022-05-09 11:31:05 +08:00
wanglin25	25a2d919fb	修复超链接、备注、标签等文字编辑时返回键和回车键与思维导图快捷键冲突的问题	2022-05-09 11:03:56 +08:00
wanglin	c3f4e2b797	增加版本号	2021-11-25 22:25:26 +08:00
wanglin25	a0c07522f9	新增支持节点拖拽	2021-11-25 16:06:18 +08:00
wanglin25	ca0cbdf009	'状态数据支持保存激活状态、视图状态（拖动位置、缩放值）'	2021-11-22 19:59:21 +08:00
wanglin	6263a49903	修复存在激活节点时设置主题存在的问题	2021-08-05 22:29:02 +08:00
wanglin	dce133f8f0	升级版本	2021-08-05 08:09:48 +08:00
wanglin	7f4f4e2fe0	增加快捷键功能	2021-08-05 00:06:27 +08:00
wanglin	4e4ade5c31	修复回退问题	2021-08-04 23:45:05 +08:00
wanglin	5423b42e9d	新增导出为json；优化一些细节	2021-08-04 07:26:01 +08:00
wanglin	9555375907	修改版本号及package.json	2021-08-01 11:58:08 +08:00
wanglin	cc19ce168b	增加本地存储功能	2021-08-01 10:49:57 +08:00
wanglin25	e324813eae	修复删除节点和节点编辑时的删除冲突问题	2021-07-27 14:17:58 +08:00
wanglin25	08a7ba380a	'修改文章与打包'	2021-07-22 19:06:51 +08:00
wanglin25	dd2bfbcf93	'打包'	2021-07-22 14:13:49 +08:00
wanglin25	4ae5c914ca	'打包'	2021-07-22 09:36:50 +08:00
wanglin	6f49577794	优化	2021-07-22 08:03:00 +08:00
wanglin	43a3dd97c7	修改文章	2021-07-21 22:50:46 +08:00
wanglin25	7226e40a6c	'完成文章'	2021-07-21 20:24:37 +08:00
wanglin25	9f090a4474	文章写作中	2021-07-20 20:18:03 +08:00
wanglin	bf5298ab2f	文章	2021-07-20 07:48:22 +08:00
wanglin	ffe4fedbc3	修改文章	2021-07-19 07:39:34 +08:00
wanglin	07ad92e93a	添加图片	2021-07-18 22:47:03 +08:00
wanglin	5a004e40de	优化与文档编写	2021-07-18 22:27:34 +08:00
wanglin	8664bcc00b	完善开发文档	2021-07-16 19:33:01 +08:00
wanglin	d00f56c7f1	优化代码	2021-07-16 13:58:48 +08:00
wanglin	4ddce22076	基本完成	2021-07-16 13:42:37 +08:00
wanglin25	fdf4d51a1e	'右键功能开发中'	2021-07-15 17:46:36 +08:00
wanglin25	a9ebe50fff	Merge branch 'main' of https://github.com/wanglin2/mind-map into main	2021-07-15 09:46:53 +08:00
wanglin25	f8638088f3	'优化'	2021-07-15 09:46:27 +08:00
wanglin	081797e83b	右键菜单开发中	2021-07-14 23:57:36 +08:00
wanglin25	8adf5a7fb8	'修改样式'	2021-07-14 09:54:45 +08:00
wanglin25	194a920efa	'打包'	2021-07-14 09:34:13 +08:00
wanglin	6b3741741c	修改配置	2021-07-14 08:13:23 +08:00
wanglin	80a7e334e4	修改配置	2021-07-14 08:09:23 +08:00
wanglin	5d45d7accf	打包	2021-07-14 07:38:30 +08:00
wanglin	b893776f82	修改打包配置i	2021-07-14 07:34:06 +08:00
wanglin	115a0ac480	修改	2021-07-14 07:28:31 +08:00
wanglin	cb43292aa5	上传打包文件	2021-07-13 23:29:22 +08:00
wanglin	7b773bd9ad	修改README	2021-07-13 23:20:41 +08:00
wanglin25	38a1e25cc2	'基本完成'	2021-07-13 16:39:50 +08:00
wanglin	fd0c471f00	优化	2021-07-13 08:04:47 +08:00
wanglin	97f84933f8	新增主题	2021-07-12 22:49:22 +08:00
wanglin25	321fc69798	'完成部分结构'	2021-07-12 20:12:21 +08:00
wanglin25	af2910bec8	'优化及增加主题'	2021-07-12 14:55:50 +08:00
wanglin	9deb20f1ca	回退功能开发中	2021-07-12 07:56:38 +08:00
wanglin	0f4d614c4e	增加快捷键和全屏功能	2021-07-11 22:21:40 +08:00
wanglin	eeba3153ef	完成多选操作	2021-07-11 13:33:06 +08:00
wanglin	554dab56d3	完成基本逻辑	2021-07-10 22:06:45 +08:00
wanglin	da28f89c52	日常提交	2021-07-04 22:53:36 +08:00
wanglin	8b0c62430e	完成导出功能	2021-07-04 16:56:37 +08:00
wanglin	adcf77f60d	日常提交	2021-06-28 07:46:12 +08:00
wanglin	54ae4b3e26	提交	2021-06-26 00:03:39 +08:00
wanglin	b0929da054	完成节点内容设置及主题	2021-06-26 00:01:03 +08:00
wanglin2	1528c3d64b	Delete .DS_Store	2021-06-20 23:05:11 +08:00
wanglin2	ecc3ba8784	Delete .DS_Store	2021-06-20 23:04:56 +08:00
wanglin	947c4b2b44	完成节点内容布局	2021-06-20 23:03:23 +08:00
wanglin25	08c7768b18	修改忽略文件	2021-06-19 14:24:52 +08:00
wanglin25	efebe3f094	重构	2021-06-19 14:04:05 +08:00