Elgato_dark/idraw
1
0
Fork 0
mirror of https://github.com/idrawjs/idraw synced 2026-05-24 01:58:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: idraw add redo func

Browse source
This commit is contained in:
chenshenhai 2021-06-09 15:08:32 +08:00
parent 1bc84d903e
commit 63ddf79cc7
2 changed files with 28 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/todo/core.md
View file

@ -4,7 +4,7 @@
* [x] Scroll canvas
* [x] Render by requestAnimateFrame
* [x] Image load queue
* [] Input data by `any` type `core.initData/core.setData`
* [x] Input data by `any` type `core.initData/core.setData`
* Render data's elements
* Basic box
* [x] Border

35
packages/idraw/src/index.ts
View file

@ -19,14 +19,16 @@ type Record = {
}
const _opts = Symbol('_opts');
const _records = Symbol('_records');
const _doRecords = Symbol('_doRecords');
const _unDoRecords = Symbol('_unDoRecords');
const _hasInited = Symbol('_hasInited');
const _initEvent = Symbol('_initEvent');
class IDraw extends Core {
private [_opts]: PrivateOptions;
private [_records]: Record[] = [];
private [_doRecords]: Record[] = [];
private [_unDoRecords]: Record[] = [];
private [_hasInited] = false;
constructor(mount: HTMLDivElement, opts: Options, config: TypeConfig) {
@ -42,15 +44,31 @@ class IDraw extends Core {
}
undo() {
if (!(this[_records].length > 1)) {
if (!(this[_doRecords].length > 1)) {
return;
}
this[_records].pop();
const record = this[_records][this[_records].length - 1];
const popRecord = this[_doRecords].pop();
if (popRecord) {
this[_unDoRecords].push(popRecord);
}
const record = this[_doRecords][this[_doRecords].length - 1];
if (record?.data) {
this.setData(record.data);
this.draw();
}
return this[_doRecords].length;
}
redo() {
if (!(this[_unDoRecords].length > 1)) {
return;
}
const record = this[_doRecords].pop();
if (record?.data) {
this.setData(record.data);
this.draw();
}
return this[_unDoRecords].length;
}
private [_initEvent]() {
@ -64,10 +82,11 @@ class IDraw extends Core {
}
private _pushRecord(data: TypeData) {
if (this[_records].length >= this[_opts].maxRecords) {
this[_records].shift();
if (this[_doRecords].length >= this[_opts].maxRecords) {
this[_doRecords].shift();
}
this[_records].push({ data, time: Date.now() })
this[_doRecords].push({ data, time: Date.now() })
this[_unDoRecords] = [];
}
private _createOpts(opts: Options): PrivateOptions {