revoke.js
3.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/**
撤销重做功能
* @Author: eyas66
* @Mail: 33955341@qq.com
* @Date: 2021-12-13 10:09:23
* @Last Modified by: eyas66
* @Last Modified time: 2021-12-13 10:09:23
*/
export class Revoke {
// 历史记录
recordList = [];
// 撤销记录，用于重做
redoList = [];
// 当前记录用currentRecord变量暂时存储，当用户修改时，再存放到recordList
currentRecord = null;
// 上次插入数据时间
time = 0;
// 最多存储10条记录(撤销步骤，最多10次，实际五次，因为点击那次不算)
recordListLen = 10;
/**
* @description: 插入历史记录
* @param {object}record
* @return {boolean}
*/
push(record) {
const nowTime = Date.now();
// 防止添加重复的时间，当添加间隔小于100ms时，则替换当前记录并取消执行添加
if (this.time + 100 > nowTime) {
this.currentRecord = JSON.stringify(record);
return false;
}
this.time = nowTime;
// console.log("currentRecord","11111111");
// 判断之前是否已经存在currentRecord记录，有则存储到recordList
if (this.currentRecord) {
this.recordList.push(this.currentRecord);
//（清空记录）增加记录后则应该清空重做记录
//splice() 方法向/从数组添加/删除项目，并返回删除的项目。
this.redoList.splice(0, this.redoList.length);
}
// 将json转成字符串存储
this.currentRecord = JSON.stringify(record);
//console.log("currentRecord","11111111");
// 最多存储10条记录，超过10条记录则删除之前的记录
if (this.recordList.length > this.recordListLen) {
//unshift() 方法将新项添加到数组的开头，并返回新的长度。
this.recordList.splice(0, 1);
}
return true;
}
/**
* @description: 撤销操作
* @param {*}
* @return {object}
*/
undo() {
// 没有记录时,返回false
// 新建的recordList里面，不知为什么会存在一条记录，未找到原因，所以就判断长度为1时就不能撤销了。
if (this.recordList.length === 1 ) {
return false;
}
//pop()： 方法用于删除并返回数组的最后一个元素。
const record = this.recordList.pop();
// 将当前记录添加到重做记录里面
if (this.currentRecord) {
this.redoList.push(this.currentRecord);
}
// 丢弃当前记录，防止重复添加
this.currentRecord = null;
//返回撤销的记录
return JSON.parse(record);
}
/**
* @description: 重做操作
* @param {*}
* @return {*}
*/
redo() {
// 没有重做记录时,返回false
if (this.redoList.length === 0) {
return false;
}
//pop()： 方法用于删除并返回数组的最后一个元素。
const record = this.redoList.pop();
// 添加到重做记录里面
if (this.currentRecord) {
this.recordList.push(this.currentRecord);
}
// 丢弃当前记录，防止重复添加
this.currentRecord = null;
return JSON.parse(record);
}
}