vue2 手写思维导图编辑器，支持图片和节点拖拽（1）

效果图：

支持图片粘贴和布局重新计算

可拖拽：

 

代码结构

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

DigitalXmindDialog.vue //弹框 VueXmind// 脑图编辑器 index.vue //主体编辑器 XmindNode.vue  // 节点文件 XmindSvgLine.vue  // 脑图底部的svg 线段绘画板 NodeAttributes.vue // 右侧主题设置模块 XmindStyleMixins // 样式设置逻辑 XmindDateSaveMixins // 数据保存逻辑 KeyboardShortcutMixins // 快捷键逻辑   import {     executeXmindNodePosition,     CalculateDragUtil,     selectNodeByTreeNode,   } from './util' // 位置计算逻辑