FE/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-17 14:04:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Demo:修复激活节点,移动画布就关闭侧边栏的问题

Browse Source
This commit is contained in:
wanglin2
2025-04-08 21:57:01 +08:00
parent b543cfde38
commit 2b25e28cb8
10 changed files with 82 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/pages/Edit/components/AssociativeLineStyle.vue
View File

@@ -298,7 +298,9 @@ export default {
},
associativeLineDeactivate() {
this.setActiveSidebar('')
if (this.activeSidebar === 'associativeLineStyle') {
this.setActiveSidebar(null)
}
this.activeLineNode = null
this.activeLineToNode = null
this.style = {

3
web/src/pages/Edit/components/LinkNodeSelect.vue
View File

@@ -172,3 +172,6 @@ export default {
overflow: auto;
}
</style>
<style lang="less" scoped>
@import url('../../../style/outlineTree.less');
</style>

2
web/src/pages/Edit/components/NodeIconToolbar.vue
View File

@@ -76,7 +76,7 @@ export default {
this.updatePos()
this.showNodeIconToolbar = true
if (this.activeSidebar === 'nodeIconSidebar') {
this.setActiveSidebar('')
this.setActiveSidebar(null)
}
},

3
web/src/pages/Edit/components/NodeNoteSidebar.vue
View File

@@ -55,6 +55,9 @@ export default {
...mapMutations(['setActiveSidebar']),
onNodeActive(...args) {
if (this.activeSidebar !== 'noteSidebar') {
return
}
const nodes = [...args[1]]
if (nodes.length > 0) {
if (nodes[0] !== this.node) {

11
web/src/pages/Edit/components/NodeOuterFrame.vue
View File

@@ -435,19 +435,11 @@ export default {
},
created() {
this.mindMap.on('outer_frame_active', this.onOuterFrameActive)
this.mindMap.on('scale', this.hide)
this.mindMap.on('translate', this.hide)
this.mindMap.on('svg_mousedown', this.hide)
this.mindMap.on('expand_btn_click', this.hide)
this.mindMap.on('outer_frame_delete', this.hide)
this.mindMap.on('outer_frame_deactivate', this.hide)
},
beforeDestroy() {
this.mindMap.off('outer_frame_active', this.onOuterFrameActive)
this.mindMap.off('scale', this.hide)
this.mindMap.off('translate', this.hide)
this.mindMap.off('svg_mousedown', this.hide)
this.mindMap.off('expand_btn_click', this.hide)
this.mindMap.off('outer_frame_delete', this.hide)
this.mindMap.off('outer_frame_deactivate', this.hide)
},
@@ -510,6 +502,9 @@ export default {
},
hide() {
if (this.activeSidebar !== 'nodeOuterFrameStyle') {
return
}
this.setActiveSidebar(null)
}
}

65
web/src/pages/Edit/components/Outline.vue
View File

@@ -351,67 +351,6 @@ export default {
}
}
</style>
<style lang="less">
.outlineTree {
&.isDark {
background-color: #262a2e;
.customNode {
color: #fff;
}
&.el-tree--highlight-current {
/deep/ .el-tree-node.is-current > .el-tree-node__content {
background-color: hsla(0, 0%, 100%, 0.05) !important;
}
}
/deep/ .el-tree-node__content:hover,
.el-upload-list__item:hover {
background-color: hsla(0, 0%, 100%, 0.02) !important;
}
/deep/ .el-tree-node__content {
.el-tree-node__expand-icon {
color: #fff;
&.is-leaf {
&::after {
background-color: #fff;
}
}
}
}
}
/deep/ .el-tree-node > .el-tree-node__children {
overflow: inherit;
}
/deep/ .el-tree-node__content {
height: auto;
margin: 5px 0;
.el-tree-node__expand-icon {
color: #262a2e;
&.is-leaf {
color: transparent;
position: relative;
&::after {
background-color: #262a2e;
position: absolute;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
}
}
}
}
<style lang="less" scoped>
@import url('../../../style/outlineTree.less');
</style>

3
web/src/pages/Edit/components/OutlineEdit.vue
View File

@@ -363,3 +363,6 @@ export default {
}
}
</style>
<style lang="less" scoped>
@import url('../../../style/outlineTree.less');
</style>

2
web/src/pages/Edit/components/OutlineSidebar.vue
View File

@@ -71,7 +71,7 @@ export default {
...mapMutations(['setIsOutlineEdit', 'setActiveSidebar']),
onChangeToOutlineEdit() {
this.setActiveSidebar('')
this.setActiveSidebar(null)
this.setIsOutlineEdit(true)
},

2
web/src/pages/Edit/components/Sidebar.vue
View File

@@ -60,7 +60,7 @@ export default {
close() {
this.show = false
this.setActiveSidebar('')
this.setActiveSidebar(null)
},
getEl() {

62
web/src/style/outlineTree.less Normal file
View File

@@ -0,0 +1,62 @@
.outlineTree {
&.isDark {
background-color: #262a2e;
.customNode {
color: #fff;
}
&.el-tree--highlight-current {
/deep/ .el-tree-node.is-current > .el-tree-node__content {
background-color: hsla(0, 0%, 100%, 0.05) !important;
}
}
/deep/ .el-tree-node__content:hover,
.el-upload-list__item:hover {
background-color: hsla(0, 0%, 100%, 0.02) !important;
}
/deep/ .el-tree-node__content {
.el-tree-node__expand-icon {
color: #fff;
&.is-leaf {
&::after {
background-color: #fff;
}
}
}
}
}
/deep/ .el-tree-node > .el-tree-node__children {
overflow: inherit;
}
/deep/ .el-tree-node__content {
height: auto;
margin: 5px 0;
.el-tree-node__expand-icon {
color: #262a2e;
&.is-leaf {
color: transparent;
position: relative;
&::after {
background-color: #262a2e;
position: absolute;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
}
}
}
}