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.
		
		
		
		
		
			
		
			
				
					
					
						
							173 lines
						
					
					
						
							4.8 KiB
						
					
					
				
			
		
		
	
	
							173 lines
						
					
					
						
							4.8 KiB
						
					
					
				import Parchment from 'parchment'; | 
						|
import Emitter from '../core/emitter'; | 
						|
import Block, { BlockEmbed } from './block'; | 
						|
import Break from './break'; | 
						|
import CodeBlock from '../formats/code'; | 
						|
import Container from './container'; | 
						|
 | 
						|
 | 
						|
function isLine(blot) { | 
						|
  return (blot instanceof Block || blot instanceof BlockEmbed); | 
						|
} | 
						|
 | 
						|
 | 
						|
class Scroll extends Parchment.Scroll { | 
						|
  constructor(domNode, config) { | 
						|
    super(domNode); | 
						|
    this.emitter = config.emitter; | 
						|
    if (Array.isArray(config.whitelist)) { | 
						|
      this.whitelist = config.whitelist.reduce(function(whitelist, format) { | 
						|
        whitelist[format] = true; | 
						|
        return whitelist; | 
						|
      }, {}); | 
						|
    } | 
						|
    // Some reason fixes composition issues with character languages in Windows/Chrome, Safari | 
						|
    this.domNode.addEventListener('DOMNodeInserted', function() {}); | 
						|
    this.optimize(); | 
						|
    this.enable(); | 
						|
  } | 
						|
 | 
						|
  batchStart() { | 
						|
    this.batch = true; | 
						|
  } | 
						|
 | 
						|
  batchEnd() { | 
						|
    this.batch = false; | 
						|
    this.optimize(); | 
						|
  } | 
						|
 | 
						|
  deleteAt(index, length) { | 
						|
    let [first, offset] = this.line(index); | 
						|
    let [last, ] = this.line(index + length); | 
						|
    super.deleteAt(index, length); | 
						|
    if (last != null && first !== last && offset > 0) { | 
						|
      if (first instanceof BlockEmbed || last instanceof BlockEmbed) { | 
						|
        this.optimize(); | 
						|
        return; | 
						|
      } | 
						|
      if (first instanceof CodeBlock) { | 
						|
        let newlineIndex = first.newlineIndex(first.length(), true); | 
						|
        if (newlineIndex > -1) { | 
						|
          first = first.split(newlineIndex + 1); | 
						|
          if (first === last) { | 
						|
            this.optimize(); | 
						|
            return; | 
						|
          } | 
						|
        } | 
						|
      } else if (last instanceof CodeBlock) { | 
						|
        let newlineIndex = last.newlineIndex(0); | 
						|
        if (newlineIndex > -1) { | 
						|
          last.split(newlineIndex + 1); | 
						|
        } | 
						|
      } | 
						|
      let ref = last.children.head instanceof Break ? null : last.children.head; | 
						|
      first.moveChildren(last, ref); | 
						|
      first.remove(); | 
						|
    } | 
						|
    this.optimize(); | 
						|
  } | 
						|
 | 
						|
  enable(enabled = true) { | 
						|
    this.domNode.setAttribute('contenteditable', enabled); | 
						|
  } | 
						|
 | 
						|
  formatAt(index, length, format, value) { | 
						|
    if (this.whitelist != null && !this.whitelist[format]) return; | 
						|
    super.formatAt(index, length, format, value); | 
						|
    this.optimize(); | 
						|
  } | 
						|
 | 
						|
  insertAt(index, value, def) { | 
						|
    if (def != null && this.whitelist != null && !this.whitelist[value]) return; | 
						|
    if (index >= this.length()) { | 
						|
      if (def == null || Parchment.query(value, Parchment.Scope.BLOCK) == null) { | 
						|
        let blot = Parchment.create(this.statics.defaultChild); | 
						|
        this.appendChild(blot); | 
						|
        if (def == null && value.endsWith('\n')) { | 
						|
          value = value.slice(0, -1); | 
						|
        } | 
						|
        blot.insertAt(0, value, def); | 
						|
      } else { | 
						|
        let embed = Parchment.create(value, def); | 
						|
        this.appendChild(embed); | 
						|
      } | 
						|
    } else { | 
						|
      super.insertAt(index, value, def); | 
						|
    } | 
						|
    this.optimize(); | 
						|
  } | 
						|
 | 
						|
  insertBefore(blot, ref) { | 
						|
    if (blot.statics.scope === Parchment.Scope.INLINE_BLOT) { | 
						|
      let wrapper = Parchment.create(this.statics.defaultChild); | 
						|
      wrapper.appendChild(blot); | 
						|
      blot = wrapper; | 
						|
    } | 
						|
    super.insertBefore(blot, ref); | 
						|
  } | 
						|
 | 
						|
  leaf(index) { | 
						|
    return this.path(index).pop() || [null, -1]; | 
						|
  } | 
						|
 | 
						|
  line(index) { | 
						|
    if (index === this.length()) { | 
						|
      return this.line(index - 1); | 
						|
    } | 
						|
    return this.descendant(isLine, index); | 
						|
  } | 
						|
 | 
						|
  lines(index = 0, length = Number.MAX_VALUE) { | 
						|
    let getLines = (blot, index, length) => { | 
						|
      let lines = [], lengthLeft = length; | 
						|
      blot.children.forEachAt(index, length, function(child, index, length) { | 
						|
        if (isLine(child)) { | 
						|
          lines.push(child); | 
						|
        } else if (child instanceof Parchment.Container) { | 
						|
          lines = lines.concat(getLines(child, index, lengthLeft)); | 
						|
        } | 
						|
        lengthLeft -= length; | 
						|
      }); | 
						|
      return lines; | 
						|
    }; | 
						|
    return getLines(this, index, length); | 
						|
  } | 
						|
 | 
						|
  optimize(mutations = [], context = {}) { | 
						|
    if (this.batch === true) return; | 
						|
    super.optimize(mutations, context); | 
						|
    if (mutations.length > 0) { | 
						|
      this.emitter.emit(Emitter.events.SCROLL_OPTIMIZE, mutations, context); | 
						|
    } | 
						|
  } | 
						|
 | 
						|
  path(index) { | 
						|
    return super.path(index).slice(1);  // Exclude self | 
						|
  } | 
						|
 | 
						|
  update(mutations) { | 
						|
    if (this.batch === true) return; | 
						|
    let source = Emitter.sources.USER; | 
						|
    if (typeof mutations === 'string') { | 
						|
      source = mutations; | 
						|
    } | 
						|
    if (!Array.isArray(mutations)) { | 
						|
      mutations = this.observer.takeRecords(); | 
						|
    } | 
						|
    if (mutations.length > 0) { | 
						|
      this.emitter.emit(Emitter.events.SCROLL_BEFORE_UPDATE, source, mutations); | 
						|
    } | 
						|
    super.update(mutations.concat([]));   // pass copy | 
						|
    if (mutations.length > 0) { | 
						|
      this.emitter.emit(Emitter.events.SCROLL_UPDATE, source, mutations); | 
						|
    } | 
						|
  } | 
						|
} | 
						|
Scroll.blotName = 'scroll'; | 
						|
Scroll.className = 'ql-editor'; | 
						|
Scroll.tagName = 'DIV'; | 
						|
Scroll.defaultChild = 'block'; | 
						|
Scroll.allowedChildren = [Block, BlockEmbed, Container]; | 
						|
 | 
						|
 | 
						|
export default Scroll;
 | 
						|
 |