You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							120 lines
						
					
					
						
							3.4 KiB
						
					
					
				
			
		
		
	
	
							120 lines
						
					
					
						
							3.4 KiB
						
					
					
				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 };
 | 
						|
 |