View Code? Open in Web Editor
NEW
Mindmap component for Vue2
JavaScript 1.02%
HTML 1.35%
Vue 70.40%
TypeScript 16.00%
SCSS 11.22%
mindmap's Introduction
🥳 偶尔做一下思维导图
工作主要技术
React:react-query, react-use, redux, react-router-dom, react-spring
组件库:antd, antd-mobile
样式:sass, css modules
打包工具:webpack, rollup
乾坤:比 iframe 更好的体验
Taro:移动端跨端开发
Typescript:类型支持
mindmap's People
Contributors
mindmap's Issues
大佬您好,新建节点后如果把文字删除,这个节点的区域就会很小很不明显,再想删除这个节点,不容易选中。
建议节点文字删除并确定后,自动把这个节点也删了,或者给节点选中区域设置个最小宽度
另外可以提pr吗
draggable="false" click事件也无法响应了?,禁止拖拽之后不能点击节点了
你好,我本来想通过 showNodeAdd 和 禁用键盘来实现只读的功能,但直接禁用键盘又会导致拖拽功能不可用,请问有什么办法解决吗。
除此之外,我建议使用鼠标右键拖拽,感觉这样更符合使用习惯。
你好大佬!我是个js初学者,我想得到节点的单击事件,从而获取节点的内容,请问大佬我该怎样操作?
在使用过程中,拖拽到其他节点上切换的时候,发现有很多一部分几率会失败。希望可以增加拖拽到节点上后hover效果提示
在节点被编辑完成时,可以有事件相应,开发者可根据需求将编辑结果推送至后端,或做有效性检查以拒绝此次编辑等
许多软件支持 shift+鼠标滚轮来进行左右滑动,是否方便在这里实现
看了作者的计划中有节点折叠,建议节点可以懒加载,因为有些情况子节点特别多,一下子显示出来不仅很乱,而且对前端后端都有性能问题,建议对节点增加事件和标志,这样子可以动态增减
请问如何实现默认根节点大小,现在使用根节点无限大。和实现居中效果,没有找到相关api
大佬,您好,我又来*扰了您,您的组件很好用,膜拜下哈,问下节点之间的复制,可以纳入TODO计划里面吗?
梳理:
点击事件
右键点击事件
双击事件
编辑完成事件
展开折叠按钮事件
被拖拽
从后台给一个组织架构的json,数据更改了,但是没有重新渲染
iPhone7Plus,双指缩放无效。文档不是说支持吗?:zoomable="true"也加了。
PS:建议新建节点时,输入框自动获取焦点,最好加个选中的默认值如:new label之类的,并全选状态。
大佬,我想请教一下,目前双击节点内容之后鼠标的光标是在开头的位置,可以外部进行可配置的吗,就是我想双击的时候光标的位置在内容的后面出现
一运行就报这个,并且鼠标一移动会增加错误,按照你的步骤来的
请问如何下手
很感谢使用大佬的开源思维导图,我想在右击事件上加一个复制的功能该如何加?
大牛,我最近的项目需要实现这样的功能,能否给我一点思路:
点击节点目前的背景色是淡紫色,我如何能自定义这个颜色?
Hello,sir!
When a node is selected, pressing enter will increase the peer node, and then start input. Pressing enter will end input and select. At this moment, pressing enter will increase the peer node. How to realize this
大佬,您好。我的项目本来是用vue和element-ui写的,现在有个需求需要用您写的这个mindmap,但是里面的代码需要改一下,现在把您项目的全部代码拿到我的项目里面,项目就无法启动。不知道是我的配置问题还是怎么了??盼回复,回复可发送我的邮箱[email protected] 万分感谢。
谢谢大神,还是有一些问题,当某一级节点有很多的时候,将一个节点拽到很远就会报错。
其实也不用拖拽很远,就是某一级节点超过10个的时候,交换位置就会报错。
ImData.js:54 Uncaught TypeError: Cannot set property 'id' of undefined
at B (ImData.js:54)
at B (ImData.js:63)
at t.value (ImData.js:158)
at a.move (MindMap.vue:327)
at a.dragended (MindMap.vue:690)
at r.apply (dispatch.js:61)
at s (on.js:103)
at Object.d (drag.js:137)
at B (drag.js:76)
at on.js:27
然后拖拽节点到另一节点的功能也报错了。
同时我也在读源码,来理解您的思路。
这个组件可以在react使用吗?或者有没有react版本的?
能不能考虑一下,在一个画布里面 添加多个思维导图呢?
1、通过vuex修改状态。(没效果)
2、通过v-if重建组件。(没效果)
3、给予随机值,实现数据更新。(没效果)
这分两种情况:
上来给现成的大量数据,这时可允许用户折叠以隐藏某个节点的子节点
上来给少量数据,折叠时可通过事件,从后端异步加载数据并添加为子节点
很棒的项目,vue思维导图组件独树一帜,希望作者继续更新,star一个
有些节点点击后不会触发click,需要点击其他节点之后再回来点击这个节点,click才会触发
一个节点应该是可以点击后散开分支,再次点击后收拢.
但是目前来看是无法收拢的啊.
目前是点击选中该节点,双击编辑节点。建议可以提供一个自定义点击事件处理