|
- 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 };
|