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-04-01 13:51:05 +08:00
parent c0f69e038a
commit 979299f2e2
1 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
simple-mind-map/src/core/view/View.js
View File

@ -158,7 +158,8 @@ class View {
...viewData.transform ...viewData.transform
}) })
this.mindMap.emit('view_data_change', this.getTransformData()) this.mindMap.emit('view_data_change', this.getTransformData())
this.mindMap.emit('scale', this.scale) this.emitEvent('scale')
this.emitEvent('translate')
} }
} }
@ -168,6 +169,7 @@ class View {
this.x += x this.x += x
this.y += y this.y += y
this.transform() this.transform()
this.emitEvent('translate')
} }
// 平移x方向 // 平移x方向
@ -175,12 +177,14 @@ class View {
if (step === 0) return if (step === 0) return
this.x += step this.x += step
this.transform() this.transform()
this.emitEvent('translate')
} }
// 平移x方式到 // 平移x方式到
translateXTo(x) { translateXTo(x) {
this.x = x this.x = x
this.transform() this.transform()
this.emitEvent('translate')
} }
// 平移y方向 // 平移y方向
@ -188,12 +192,14 @@ class View {
if (step === 0) return if (step === 0) return
this.y += step this.y += step
this.transform() this.transform()
this.emitEvent('translate')
} }
// 平移y方向到 // 平移y方向到
translateYTo(y) { translateYTo(y) {
this.y = y this.y = y
this.transform() this.transform()
this.emitEvent('translate')
} }
// 应用变换 // 应用变换
@ -211,13 +217,17 @@ class View {
// 恢复 // 恢复
reset() { reset() {
let scaleChange = this.scale !== 1 const scaleChange = this.scale !== 1
const translateChange = this.x !== 0 || this.y !== 0
this.scale = 1 this.scale = 1
this.x = 0 this.x = 0
this.y = 0 this.y = 0
this.transform() this.transform()
if (scaleChange) { if (scaleChange) {
this.mindMap.emit('scale', this.scale) this.emitEvent('scale')
}
if (translateChange) {
this.emitEvent('translate')
} }
} }
@ -227,7 +237,7 @@ class View {
const scale = Math.max(this.scale - scaleRatio, 0.1) const scale = Math.max(this.scale - scaleRatio, 0.1)
this.scaleInCenter(scale, cx, cy) this.scaleInCenter(scale, cx, cy)
this.transform() this.transform()
this.mindMap.emit('scale', this.scale) this.emitEvent('scale')
} }
// 放大 // 放大
@ -236,7 +246,7 @@ class View {
const scale = this.scale + scaleRatio const scale = this.scale + scaleRatio
this.scaleInCenter(scale, cx, cy) this.scaleInCenter(scale, cx, cy)
this.transform() this.transform()
this.mindMap.emit('scale', this.scale) this.emitEvent('scale')
} }
// 基于指定中心进行缩放，cx，cy 可不指定，此时会使用画布中心点 // 基于指定中心进行缩放，cx，cy 可不指定，此时会使用画布中心点
@ -262,7 +272,7 @@ class View {
this.scale = scale this.scale = scale
} }
this.transform() this.transform()
this.mindMap.emit('scale', this.scale) this.emitEvent('scale')
} }
// 适应画布大小 // 适应画布大小
@ -394,6 +404,16 @@ class View {
bottom bottom
} }
} }
// 派发事件
emitEvent(type) {
switch (type) {
case 'scale':
this.mindMap.emit('scale', this.scale)
case 'translate':
this.mindMap.emit('translate', this.x, this.y)
}
}
} }
export default View export default View