| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 | import Parchment from 'parchment';import Quill from '../core/quill';import Module from '../core/module';class History extends Module {  constructor(quill, options) {    super(quill, options);    this.lastRecorded = 0;    this.ignoreChange = false;    this.clear();    this.quill.on(Quill.events.EDITOR_CHANGE, (eventName, delta, oldDelta, source) => {      if (eventName !== Quill.events.TEXT_CHANGE || this.ignoreChange) return;      if (!this.options.userOnly || source === Quill.sources.USER) {        this.record(delta, oldDelta);      } else {        this.transform(delta);      }    });    this.quill.keyboard.addBinding({ key: 'Z', shortKey: true }, this.undo.bind(this));    this.quill.keyboard.addBinding({ key: 'Z', shortKey: true, shiftKey: true }, this.redo.bind(this));    if (/Win/i.test(navigator.platform)) {      this.quill.keyboard.addBinding({ key: 'Y', shortKey: true }, this.redo.bind(this));    }  }  change(source, dest) {    if (this.stack[source].length === 0) return;    let delta = this.stack[source].pop();    this.stack[dest].push(delta);    this.lastRecorded = 0;    this.ignoreChange = true;    this.quill.updateContents(delta[source], Quill.sources.USER);    this.ignoreChange = false;    let index = getLastChangeIndex(delta[source]);    this.quill.setSelection(index);  }  clear() {    this.stack = { undo: [], redo: [] };  }  cutoff() {    this.lastRecorded = 0;  }  record(changeDelta, oldDelta) {    if (changeDelta.ops.length === 0) return;    this.stack.redo = [];    let undoDelta = this.quill.getContents().diff(oldDelta);    let timestamp = Date.now();    if (this.lastRecorded + this.options.delay > timestamp && this.stack.undo.length > 0) {      let delta = this.stack.undo.pop();      undoDelta = undoDelta.compose(delta.undo);      changeDelta = delta.redo.compose(changeDelta);    } else {      this.lastRecorded = timestamp;    }    this.stack.undo.push({      redo: changeDelta,      undo: undoDelta    });    if (this.stack.undo.length > this.options.maxStack) {      this.stack.undo.shift();    }  }  redo() {    this.change('redo', 'undo');  }  transform(delta) {    this.stack.undo.forEach(function(change) {      change.undo = delta.transform(change.undo, true);      change.redo = delta.transform(change.redo, true);    });    this.stack.redo.forEach(function(change) {      change.undo = delta.transform(change.undo, true);      change.redo = delta.transform(change.redo, true);    });  }  undo() {    this.change('undo', 'redo');  }}History.DEFAULTS = {  delay: 1000,  maxStack: 100,  userOnly: false};function endsWithNewlineChange(delta) {  let lastOp = delta.ops[delta.ops.length - 1];  if (lastOp == null) return false;  if (lastOp.insert != null) {    return typeof lastOp.insert === 'string' && lastOp.insert.endsWith('\n');  }  if (lastOp.attributes != null) {    return Object.keys(lastOp.attributes).some(function(attr) {      return Parchment.query(attr, Parchment.Scope.BLOCK) != null;    });  }  return false;}function getLastChangeIndex(delta) {  let deleteLength = delta.reduce(function(length, op) {    length += (op.delete || 0);    return length;  }, 0);  let changeIndex = delta.length() - deleteLength;  if (endsWithNewlineChange(delta)) {    changeIndex -= 1;  }  return changeIndex;}export { History as default, getLastChangeIndex };
 |