百度脑图(kityminder)是目前个人认为功能比较完善,且交互比较流畅的一款js编写的脑图开源软件,但遗憾的是没有VUE组件版本。
几经搜罗,加上朋友的帮助下,终于实现了与vue3的集成。项目基于基于vite + vue3 + elmentui-plus,基本实现了与百度脑图提供的接口功能。
我将基于此代码库的脑图功能集成到了一款自研的软件中,需要的朋友可以下载查看效果,这里是软件地址:https://yisouwk.top/
或者你可以通过下面的步骤进行预览:
- 下载代码
- 安装组件
npm install --force
- 执行
npm run dev
- 在使用过程中,若脑图节点过多的情况下,有可能会出现卡顿现象
- 若使用原始的kitty-code的代码,存在连线不跟节点走,导致界面显示错误的问题,请使用本人修改后的kittys
- 脑图中心点的设置目前是以根节点来进行初始化,进入的时候,显示有点偏右感觉怪怪的,由于不熟悉kitty-code底层实现,暂时没办法调整。
以上 ~ 欢迎指正和优化