今天主要在尝试使用 simple-mind-map 这个思维导图库来做新需求,这个库是目前来看开源里面功能做的最全的,但是在细节打磨方面有不少用起来比较难受的问题。
优点
- 支持插件形式的功能扩展
- 兼容手机触摸操作
- 支持导出多种图片格式
- 支持修改主题外观、编辑节点内容
缺点
- TypeScript 支持不好,源码几乎都是 JavaScript 编写的
- 对 Vite 的兼容性不好,一些 Demo 中的常量无法被引入,会报错
- 对 SSR 的框架支持不好(Remix 需要使用
await import()
函数动态加载)
当然这只是尝试了下最基础的使用,我认为在 useEffect
里面动态加载库还是过于愚蠢,还是得想办法正常引入加载会比较好。我也发现了一些大厂维护的更高级的流程图库,但是它们的数据表示方式没有这个方便,他这种给 AI 生成或许会更容易。
晚上修好了两位老师的图,阿尼亚和甘雨。甘雨的甚至不需要返修了,老师同意直接就可以发了。