174 lines
4.8 KiB
JavaScript
174 lines
4.8 KiB
JavaScript
|
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;
|