• 插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小整体体积
• 支持逻辑结构图、思维导图、组织结构图、目录组织图四种结构
• 内置多种主题，允许高度自定义样式
• 支持快捷键
• 节点内容支持图片、图标、超链接、备注、标签、概要
• 支持前进后退
• 支持拖动、缩放
• 支持右键按住多选
• 支持节点自由拖拽、拖拽调整
• 支持多种节点形状
• 支持导出为json、png、svg、pdf，支持从json、xmind导入
• 支持小地图
• 支持小地图、支持水印

1.simple-mind-map 思维导图工具库，框架无关，Vue、React等框架或无框架都可以使用。

2.使用simple-mind-map工具库，基于vue3.2、ElementPlus搭建的在线思维导图。特性：

• 工具栏，支持插入节点、删除节点；编辑节点图片、图标、超链接、备注、标签、概要

• 侧边栏，基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板

• 导入导出功能；数据默认保存在浏览器本地存储，也支持直接创建、打开、编辑电脑本地文件

• 右键菜单，支持展开、收起、整理布局等操作

• 底部栏，支持节点数量、字数统计；支持切换编辑和只读模式；支持放大缩小；支持全屏切换；支持小地图

git clone https://github.com/huangyuanyin/hyy-vue3-mindMap.git
npm i
npm run serve

• 将项目从 vue-cli 迁移至 vite
• 将项目由 JS 改至 TS编写

本项目较粗糙，未进行完整测试，功能尚不是很完善，性能也存在一些问题，仅用于学习和参考，请勿用于实际项目。

本项目基于https://github.com/wanglin2/mind-map 上重构vue3 + elementplus版本。

项目内置的主题和图标来自于：

百度脑图

知犀思维导图