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.
		
		
		
		
		
			
		
			
				
					
					
						
							174 lines
						
					
					
						
							4.4 KiB
						
					
					
				
			
		
		
	
	
							174 lines
						
					
					
						
							4.4 KiB
						
					
					
				import extend from 'extend'; | 
						|
import Delta from 'quill-delta'; | 
						|
import Parchment from 'parchment'; | 
						|
import Break from './break'; | 
						|
import Inline from './inline'; | 
						|
import TextBlot from './text'; | 
						|
 | 
						|
 | 
						|
const NEWLINE_LENGTH = 1; | 
						|
 | 
						|
 | 
						|
class BlockEmbed extends Parchment.Embed { | 
						|
  attach() { | 
						|
    super.attach(); | 
						|
    this.attributes = new Parchment.Attributor.Store(this.domNode); | 
						|
  } | 
						|
 | 
						|
  delta() { | 
						|
    return new Delta().insert(this.value(), extend(this.formats(), this.attributes.values())); | 
						|
  } | 
						|
 | 
						|
  format(name, value) { | 
						|
    let attribute = Parchment.query(name, Parchment.Scope.BLOCK_ATTRIBUTE); | 
						|
    if (attribute != null) { | 
						|
      this.attributes.attribute(attribute, value); | 
						|
    } | 
						|
  } | 
						|
 | 
						|
  formatAt(index, length, name, value) { | 
						|
    this.format(name, value); | 
						|
  } | 
						|
 | 
						|
  insertAt(index, value, def) { | 
						|
    if (typeof value === 'string' && value.endsWith('\n')) { | 
						|
      let block = Parchment.create(Block.blotName); | 
						|
      this.parent.insertBefore(block, index === 0 ? this : this.next); | 
						|
      block.insertAt(0, value.slice(0, -1)); | 
						|
    } else { | 
						|
      super.insertAt(index, value, def); | 
						|
    } | 
						|
  } | 
						|
} | 
						|
BlockEmbed.scope = Parchment.Scope.BLOCK_BLOT; | 
						|
// It is important for cursor behavior BlockEmbeds use tags that are block level elements | 
						|
 | 
						|
 | 
						|
class Block extends Parchment.Block { | 
						|
  constructor(domNode) { | 
						|
    super(domNode); | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  delta() { | 
						|
    if (this.cache.delta == null) { | 
						|
      this.cache.delta = this.descendants(Parchment.Leaf).reduce((delta, leaf) => { | 
						|
        if (leaf.length() === 0) { | 
						|
          return delta; | 
						|
        } else { | 
						|
          return delta.insert(leaf.value(), bubbleFormats(leaf)); | 
						|
        } | 
						|
      }, new Delta()).insert('\n', bubbleFormats(this)); | 
						|
    } | 
						|
    return this.cache.delta; | 
						|
  } | 
						|
 | 
						|
  deleteAt(index, length) { | 
						|
    super.deleteAt(index, length); | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  formatAt(index, length, name, value) { | 
						|
    if (length <= 0) return; | 
						|
    if (Parchment.query(name, Parchment.Scope.BLOCK)) { | 
						|
      if (index + length === this.length()) { | 
						|
        this.format(name, value); | 
						|
      } | 
						|
    } else { | 
						|
      super.formatAt(index, Math.min(length, this.length() - index - 1), name, value); | 
						|
    } | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  insertAt(index, value, def) { | 
						|
    if (def != null) return super.insertAt(index, value, def); | 
						|
    if (value.length === 0) return; | 
						|
    let lines = value.split('\n'); | 
						|
    let text = lines.shift(); | 
						|
    if (text.length > 0) { | 
						|
      if (index < this.length() - 1 || this.children.tail == null) { | 
						|
        super.insertAt(Math.min(index, this.length() - 1), text); | 
						|
      } else { | 
						|
        this.children.tail.insertAt(this.children.tail.length(), text); | 
						|
      } | 
						|
      this.cache = {}; | 
						|
    } | 
						|
    let block = this; | 
						|
    lines.reduce(function(index, line) { | 
						|
      block = block.split(index, true); | 
						|
      block.insertAt(0, line); | 
						|
      return line.length; | 
						|
    }, index + text.length); | 
						|
  } | 
						|
 | 
						|
  insertBefore(blot, ref) { | 
						|
    let head = this.children.head; | 
						|
    super.insertBefore(blot, ref); | 
						|
    if (head instanceof Break) { | 
						|
      head.remove(); | 
						|
    } | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  length() { | 
						|
    if (this.cache.length == null) { | 
						|
      this.cache.length = super.length() + NEWLINE_LENGTH; | 
						|
    } | 
						|
    return this.cache.length; | 
						|
  } | 
						|
 | 
						|
  moveChildren(target, ref) { | 
						|
    super.moveChildren(target, ref); | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  optimize(context) { | 
						|
    super.optimize(context); | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  path(index) { | 
						|
    return super.path(index, true); | 
						|
  } | 
						|
 | 
						|
  removeChild(child) { | 
						|
    super.removeChild(child); | 
						|
    this.cache = {}; | 
						|
  } | 
						|
 | 
						|
  split(index, force = false) { | 
						|
    if (force && (index === 0 || index >= this.length() - NEWLINE_LENGTH)) { | 
						|
      let clone = this.clone(); | 
						|
      if (index === 0) { | 
						|
        this.parent.insertBefore(clone, this); | 
						|
        return this; | 
						|
      } else { | 
						|
        this.parent.insertBefore(clone, this.next); | 
						|
        return clone; | 
						|
      } | 
						|
    } else { | 
						|
      let next = super.split(index, force); | 
						|
      this.cache = {}; | 
						|
      return next; | 
						|
    } | 
						|
  } | 
						|
} | 
						|
Block.blotName = 'block'; | 
						|
Block.tagName = 'P'; | 
						|
Block.defaultChild = 'break'; | 
						|
Block.allowedChildren = [Inline, Parchment.Embed, TextBlot]; | 
						|
 | 
						|
 | 
						|
function bubbleFormats(blot, formats = {}) { | 
						|
  if (blot == null) return formats; | 
						|
  if (typeof blot.formats === 'function') { | 
						|
    formats = extend(formats, blot.formats()); | 
						|
  } | 
						|
  if (blot.parent == null || blot.parent.blotName == 'scroll' || blot.parent.statics.scope !== blot.statics.scope) { | 
						|
    return formats; | 
						|
  } | 
						|
  return bubbleFormats(blot.parent, formats); | 
						|
} | 
						|
 | 
						|
 | 
						|
export { bubbleFormats, BlockEmbed, Block as default };
 | 
						|
 |