mirror of
https://github.com/wanglin2/mind-map.git
synced 2026-02-21 10:27:44 +08:00
Feat：新增创建新节点时默认不聚焦新节点的配置选项
This commit is contained in:
wanglin2
parent
70c32e3c74
commit
2d50106ce7
@ -229,5 +229,7 @@ export const defaultOpt = {
|
||||
highlightNodeBoxStyle: {
|
||||
stroke: 'rgb(94, 200, 248)',
|
||||
fill: 'transparent'
|
||||
}
|
||||
},
|
||||
// 创建新节点时默认不聚焦新节点，不进入新节点的编辑状态
|
||||
notFocusNewNodeOnCreateNewNode: false
|
||||
}
|
||||
|
||||
@ -344,10 +344,7 @@ class Render {
|
||||
let isChange = false
|
||||
isChange = this.lastActiveNode !== node
|
||||
if (!isChange) {
|
||||
isChange = !checkNodeListIsEqual(
|
||||
this.lastActiveNodeList,
|
||||
activeNodeList
|
||||
)
|
||||
isChange = !checkNodeListIsEqual(this.lastActiveNodeList, activeNodeList)
|
||||
}
|
||||
if (!isChange) return
|
||||
this.lastActiveNode = node
|
||||
@ -541,16 +538,20 @@ class Render {
|
||||
this.textEdit.hideEditTextBox()
|
||||
const {
|
||||
defaultInsertSecondLevelNodeText,
|
||||
defaultInsertBelowSecondLevelNodeText
|
||||
defaultInsertBelowSecondLevelNodeText,
|
||||
notFocusNewNodeOnCreateNewNode
|
||||
} = this.mindMap.opt
|
||||
const list = appointNodes.length > 0 ? appointNodes : this.activeNodeList
|
||||
const handleMultiNodes = list.length > 1
|
||||
const isRichText = !!this.mindMap.richText
|
||||
const focusNewNode = notFocusNewNodeOnCreateNewNode
|
||||
? false
|
||||
: handleMultiNodes || !openEdit
|
||||
const params = {
|
||||
expand: true,
|
||||
richText: isRichText,
|
||||
resetRichText: isRichText,
|
||||
isActive: handleMultiNodes || !openEdit // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
isActive: focusNewNode // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
}
|
||||
// 动态指定的子节点数据也需要添加相关属性
|
||||
appointChildren = addDataToAppointNodes(appointChildren, {
|
||||
@ -569,7 +570,8 @@ class Render {
|
||||
// 计算插入位置
|
||||
const index = getNodeDataIndex(node)
|
||||
const newNodeData = {
|
||||
inserting: handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式,
|
||||
inserting:
|
||||
notFocusNewNodeOnCreateNewNode || handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式,
|
||||
data: {
|
||||
text: text,
|
||||
...params,
|
||||
@ -581,7 +583,7 @@ class Render {
|
||||
parent.nodeData.children.splice(index + 1, 0, newNodeData)
|
||||
})
|
||||
// 如果同时对多个节点插入子节点，需要清除原来激活的节点
|
||||
if (handleMultiNodes || !openEdit) {
|
||||
if (focusNewNode) {
|
||||
this.clearActiveNodeList()
|
||||
}
|
||||
this.mindMap.render()
|
||||
@ -597,11 +599,13 @@ class Render {
|
||||
this.textEdit.hideEditTextBox()
|
||||
const list = appointNodes.length > 0 ? appointNodes : this.activeNodeList
|
||||
const isRichText = !!this.mindMap.richText
|
||||
const { notFocusNewNodeOnCreateNewNode } = this.mindMap.opt
|
||||
const focusNewNode = !notFocusNewNodeOnCreateNewNode
|
||||
const params = {
|
||||
expand: true,
|
||||
richText: isRichText,
|
||||
resetRichText: isRichText,
|
||||
isActive: true
|
||||
isActive: focusNewNode
|
||||
}
|
||||
nodeList = addDataToAppointNodes(nodeList, params)
|
||||
list.forEach(node => {
|
||||
@ -617,7 +621,9 @@ class Render {
|
||||
)
|
||||
parent.nodeData.children.splice(index + 1, 0, ...newNodeList)
|
||||
})
|
||||
this.clearActiveNodeList()
|
||||
if (focusNewNode) {
|
||||
this.clearActiveNodeList()
|
||||
}
|
||||
this.mindMap.render()
|
||||
}
|
||||
|
||||
@ -635,16 +641,20 @@ class Render {
|
||||
this.textEdit.hideEditTextBox()
|
||||
const {
|
||||
defaultInsertSecondLevelNodeText,
|
||||
defaultInsertBelowSecondLevelNodeText
|
||||
defaultInsertBelowSecondLevelNodeText,
|
||||
notFocusNewNodeOnCreateNewNode
|
||||
} = this.mindMap.opt
|
||||
const list = appointNodes.length > 0 ? appointNodes : this.activeNodeList
|
||||
const handleMultiNodes = list.length > 1
|
||||
const isRichText = !!this.mindMap.richText
|
||||
const focusNewNode = notFocusNewNodeOnCreateNewNode
|
||||
? false
|
||||
: handleMultiNodes || !openEdit
|
||||
const params = {
|
||||
expand: true,
|
||||
richText: isRichText,
|
||||
resetRichText: isRichText,
|
||||
isActive: handleMultiNodes || !openEdit // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
isActive: focusNewNode // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
}
|
||||
// 动态指定的子节点数据也需要添加相关属性
|
||||
appointChildren = addDataToAppointNodes(appointChildren, {
|
||||
@ -661,7 +671,8 @@ class Render {
|
||||
? defaultInsertSecondLevelNodeText
|
||||
: defaultInsertBelowSecondLevelNodeText
|
||||
const newNode = {
|
||||
inserting: handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式
|
||||
inserting:
|
||||
notFocusNewNodeOnCreateNewNode || handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式
|
||||
data: {
|
||||
text: text,
|
||||
uid: createUid(),
|
||||
@ -677,7 +688,7 @@ class Render {
|
||||
})
|
||||
})
|
||||
// 如果同时对多个节点插入子节点，需要清除原来激活的节点
|
||||
if (handleMultiNodes || !openEdit) {
|
||||
if (focusNewNode) {
|
||||
this.clearActiveNodeList()
|
||||
}
|
||||
this.mindMap.render()
|
||||
@ -693,11 +704,13 @@ class Render {
|
||||
this.textEdit.hideEditTextBox()
|
||||
const list = appointNodes.length > 0 ? appointNodes : this.activeNodeList
|
||||
const isRichText = !!this.mindMap.richText
|
||||
const { notFocusNewNodeOnCreateNewNode } = this.mindMap.opt
|
||||
const focusNewNode = !notFocusNewNodeOnCreateNewNode
|
||||
const params = {
|
||||
expand: true,
|
||||
richText: isRichText,
|
||||
resetRichText: isRichText,
|
||||
isActive: true
|
||||
isActive: focusNewNode
|
||||
}
|
||||
childList = addDataToAppointNodes(childList, params)
|
||||
list.forEach(node => {
|
||||
@ -714,7 +727,9 @@ class Render {
|
||||
expand: true
|
||||
})
|
||||
})
|
||||
this.clearActiveNodeList()
|
||||
if (focusNewNode) {
|
||||
this.clearActiveNodeList()
|
||||
}
|
||||
this.mindMap.render()
|
||||
}
|
||||
|
||||
@ -727,16 +742,20 @@ class Render {
|
||||
this.textEdit.hideEditTextBox()
|
||||
const {
|
||||
defaultInsertSecondLevelNodeText,
|
||||
defaultInsertBelowSecondLevelNodeText
|
||||
defaultInsertBelowSecondLevelNodeText,
|
||||
notFocusNewNodeOnCreateNewNode
|
||||
} = this.mindMap.opt
|
||||
const list = appointNodes.length > 0 ? appointNodes : this.activeNodeList
|
||||
const handleMultiNodes = list.length > 1
|
||||
const isRichText = !!this.mindMap.richText
|
||||
const focusNewNode = notFocusNewNodeOnCreateNewNode
|
||||
? false
|
||||
: handleMultiNodes || !openEdit
|
||||
const params = {
|
||||
expand: true,
|
||||
richText: isRichText,
|
||||
resetRichText: isRichText,
|
||||
isActive: handleMultiNodes || !openEdit // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
isActive: focusNewNode // 如果同时对多个节点插入子节点，那么需要把新增的节点设为激活状态。如果不进入编辑状态，那么也需要手动设为激活状态
|
||||
}
|
||||
list.forEach(node => {
|
||||
if (node.isGeneralization || node.isRoot) {
|
||||
@ -747,7 +766,8 @@ class Render {
|
||||
? defaultInsertSecondLevelNodeText
|
||||
: defaultInsertBelowSecondLevelNodeText
|
||||
const newNode = {
|
||||
inserting: handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式
|
||||
inserting:
|
||||
notFocusNewNodeOnCreateNewNode || handleMultiNodes ? false : openEdit, // 如果同时对多个节点插入子节点，那么无需进入编辑模式
|
||||
data: {
|
||||
text: text,
|
||||
uid: createUid(),
|
||||
@ -762,7 +782,7 @@ class Render {
|
||||
parent.nodeData.children.splice(index, 1, newNode)
|
||||
})
|
||||
// 如果同时对多个节点插入子节点，需要清除原来激活的节点
|
||||
if (handleMultiNodes || !openEdit) {
|
||||
if (focusNewNode) {
|
||||
this.clearActiveNodeList()
|
||||
}
|
||||
this.mindMap.render()
|
||||
|
||||
Loading…
Reference in New Issue
Block a user