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:
街角小林 2025-03-25 19:03:41 +08:00
parent e53e41dadc
commit 8414d39c4c
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,7 +15,7 @@ class Command {
this.opt = opt this.opt = opt
this.mindMap = opt.mindMap this.mindMap = opt.mindMap
this.commands = {} this.commands = {}
this.history = [] this.history = [] // 字符串形式存储
this.activeHistoryIndex = 0 this.activeHistoryIndex = 0
// 注册快捷键 // 注册快捷键
this.registerShortcutKeys() this.registerShortcutKeys()
@ -107,18 +107,18 @@ class Command {
return return
} }
this.mindMap.emit('beforeAddHistory') this.mindMap.emit('beforeAddHistory')
const lastData = const lastDataStr =
this.history.length > 0 ? this.history[this.activeHistoryIndex] : null this.history.length > 0 ? this.history[this.activeHistoryIndex] : null
const data = this.getCopyData() const data = this.getCopyData()
const dataStr = JSON.stringify(data)
// 此次数据和上次一样则不重复添加 // 此次数据和上次一样则不重复添加
if (lastData === data) return if (lastDataStr && lastDataStr === dataStr) {
if (lastData && JSON.stringify(lastData) === JSON.stringify(data)) {
return return
} }
this.emitDataUpdatesEvent(lastData, data) this.emitDataUpdatesEvent(lastDataStr, dataStr)
// 删除当前历史指针后面的数据 // 删除当前历史指针后面的数据
this.history = this.history.slice(0, this.activeHistoryIndex + 1) this.history = this.history.slice(0, this.activeHistoryIndex + 1)
this.history.push(simpleDeepClone(data)) this.history.push(dataStr)
// 历史记录数超过最大数量 // 历史记录数超过最大数量
if (this.history.length > this.mindMap.opt.maxHistoryCount) { if (this.history.length > this.mindMap.opt.maxHistoryCount) {
this.history.shift() this.history.shift()
@ -138,15 +138,16 @@ class Command {
return return
} }
if (this.activeHistoryIndex - step >= 0) { if (this.activeHistoryIndex - step >= 0) {
const lastData = this.history[this.activeHistoryIndex] const lastDataStr = this.history[this.activeHistoryIndex]
this.activeHistoryIndex -= step this.activeHistoryIndex -= step
this.mindMap.emit( this.mindMap.emit(
'back_forward', 'back_forward',
this.activeHistoryIndex, this.activeHistoryIndex,
this.history.length this.history.length
) )
const data = simpleDeepClone(this.history[this.activeHistoryIndex]) const dataStr = this.history[this.activeHistoryIndex]
this.emitDataUpdatesEvent(lastData, data) const data = JSON.parse(dataStr)
this.emitDataUpdatesEvent(lastDataStr, dataStr)
return data return data
} }
} }
@ -158,15 +159,16 @@ class Command {
} }
let len = this.history.length let len = this.history.length
if (this.activeHistoryIndex + step <= len - 1) { if (this.activeHistoryIndex + step <= len - 1) {
const lastData = this.history[this.activeHistoryIndex] const lastDataStr = this.history[this.activeHistoryIndex]
this.activeHistoryIndex += step this.activeHistoryIndex += step
this.mindMap.emit( this.mindMap.emit(
'back_forward', 'back_forward',
this.activeHistoryIndex, this.activeHistoryIndex,
this.history.length this.history.length
) )
const data = simpleDeepClone(this.history[this.activeHistoryIndex]) const dataStr = this.history[this.activeHistoryIndex]
this.emitDataUpdatesEvent(lastData, data) const data = JSON.parse(dataStr)
this.emitDataUpdatesEvent(lastDataStr, dataStr)
return data return data
} }
} }
@ -195,12 +197,14 @@ class Command {
} }
// 派发思维导图更新明细事件 // 派发思维导图更新明细事件
emitDataUpdatesEvent(lastData, data) { emitDataUpdatesEvent(lastDataStr, dataStr) {
try { try {
// 如果data_change_detail没有监听者，那么不进行计算，节省性能 // 如果data_change_detail没有监听者，那么不进行计算，节省性能
const eventName = 'data_change_detail' const eventName = 'data_change_detail'
const count = this.mindMap.event.listenerCount(eventName) const count = this.mindMap.event.listenerCount(eventName)
if (count > 0 && lastData && data) { if (count > 0 && lastDataStr && dataStr) {
const lastData = JSON.parse(lastDataStr)
const data = JSON.parse(dataStr)
const lastDataObj = simpleDeepClone(transformTreeDataToObject(lastData)) const lastDataObj = simpleDeepClone(transformTreeDataToObject(lastData))
const dataObj = simpleDeepClone(transformTreeDataToObject(data)) const dataObj = simpleDeepClone(transformTreeDataToObject(data))
const res = [] const res = []