openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat：点击超链接图标时激活节点；新增自定义超链接跳转的实例化选项

Browse Source
This commit is contained in:
街角小林 2024-06-25 15:53:06 +08:00
parent 6ffa4570d4
commit 624203ea84
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
simple-mind-map/src/constants/defaultOptions.js
View File

@ -223,6 +223,9 @@ export const defaultOpt = {
createNodePostfixContent: null, createNodePostfixContent: null,
// 禁止粘贴用户剪贴板中的数据，禁止将复制的数据写入用户的剪贴板中 // 禁止粘贴用户剪贴板中的数据，禁止将复制的数据写入用户的剪贴板中
disabledClipboard: false, disabledClipboard: false,
// 自定义超链接的跳转
// 如果不传，默认会以新窗口的方式打开超链接，可以传递一个函数，函数接收两个参数：link（超链接的url）、node（所属节点实例），只要传递了函数，就会阻止默认的跳转
customHyperlinkJump: null,
// 【Select插件】 // 【Select插件】
// 多选节点时鼠标移动到边缘时的画布移动偏移量 // 多选节点时鼠标移动到边缘时的画布移动偏移量

6
simple-mind-map/src/core/render/node/nodeCreateContents.js
View File

@ -254,12 +254,16 @@ function createHyperlinkNode() {
if (!hyperlink) { if (!hyperlink) {
return return
} }
const { customHyperlinkJump } = this.mindMap.opt
let iconSize = this.mindMap.themeConfig.iconSize let iconSize = this.mindMap.themeConfig.iconSize
let node = new SVG().size(iconSize, iconSize) let node = new SVG().size(iconSize, iconSize)
// 超链接节点 // 超链接节点
let a = new A().to(hyperlink).target('_blank') let a = new A().to(hyperlink).target('_blank')
a.node.addEventListener('click', e => { a.node.addEventListener('click', e => {
e.stopPropagation() if (typeof customHyperlinkJump === 'function') {
e.preventDefault()
customHyperlinkJump(hyperlink, this)
}
}) })
if (hyperlinkTitle) { if (hyperlinkTitle) {
node.add(SVG(`<title>${hyperlinkTitle}</title>`)) node.add(SVG(`<title>${hyperlinkTitle}</title>`))