mirror of
https://github.com/codex-team/editor.js
synced 2024-05-19 06:47:16 +02:00
ac93017c70
* 2.16.0 * [Refactor] Separate internal and external settings (#845) * Enable flipping tools via standalone class (#830) * Enable flipping tools via standalone class * use flipper to refactor (#842) * use flipper to refactor * save changes * update * fix flipper on inline toolbar * ready for testing * requested changes * update doc * updates * destroy flippers * some requested changes * update * update * ready * update * last changes * update docs * Hghl active button of CT, simplify activate/deactivate * separate dom iterator * unhardcode directions * fixed a link in readme.md (#856) * Fix Block selection via CMD+A (#829) * Fix Block selection via CMD+A * Delete editor.js.map * update * update * Update CHANGELOG.md * Improve style of selected blocks (#858) * Cross-block-selection style improved * Update CHANGELOG.md * Fix case when property 'observer' in modificationObserver is not defined (#866) * Bump lodash.template from 4.4.0 to 4.5.0 (#885) Bumps [lodash.template](https://github.com/lodash/lodash) from 4.4.0 to 4.5.0. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](https://github.com/lodash/lodash/compare/4.4.0...4.5.0) Signed-off-by: dependabot[bot] <support@github.com> * Bump eslint-utils from 1.3.1 to 1.4.2 (#886) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.3.1 to 1.4.2. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](https://github.com/mysticatea/eslint-utils/compare/v1.3.1...v1.4.2) Signed-off-by: dependabot[bot] <support@github.com> * Bump mixin-deep from 1.3.1 to 1.3.2 (#887) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](https://github.com/jonschlinkert/mixin-deep/compare/1.3.1...1.3.2) Signed-off-by: dependabot[bot] <support@github.com> * update bundle and readme * Update README.md * upd codeowners, fix funding * Minor Docs Fix according to main Readme (#916) * Inline Toolbar now contains Conversion Toolbar (#932) * Block lifecycle hooks (#906) * [Fix] Arrow selection (#964) * Fix arrow selection * Add docs * [issue-926]: fix dom iterator leafing when items are empty (#958) * [issue-926]: fix dom iterator leafing when items are empty * update Changelog * Issue 869 (#963) * Fix issue 943 (#965) * [Draft] Feature/tooltip enhancements (#907) * initial * update * make module standalone * use tooltips as external module * update * build via prod mode * add tooltips as external module * add declaration file and options param * add api tooltip * update * removed submodule * removed due to the incorrect setip * setup tooltips again * wip * update tooltip module * toolbox, inline toolbar * Tooltips in block tunes not uses shorthand * shorthand in a plus and block settings * fix doc * Update tools-inline.md * Delete tooltip.css * Update CHANGELOG.md * Update codex.tooltips * Update api.md * [issue-779]: Grammarly conflicts (#956) * grammarly conflicts * update * upd bundle * Submodule Header now on master * Submodule Marker now on master * Submodule Paragraph now on master * Submodule InlineCode now on master * Submodule Simple Image now on master * [issue-868]: Deleting multiple blocks triggers back button in Firefox (#967) * Deleting multiple blocks triggers back button in Firefox @evgenusov * Update editor.js * Update CHANGELOG.md * pass options on removeEventListener (#904) * pass options on removeEventListener by removeAll * rebuild * Merge branch 'release/2.16' into pr/904 * Update CHANGELOG.md * Update inline.ts * [Fix] Selection rangecount (#968) * Fix #952 (#969) * Update codex.tooltips * Selection bugfix (#970) * Selection bugfix * fix cross block selection * close inline toolbar when blocks selected via shift * remove inline toolbar closing on cross block selection mouse up due to the bug (#972) * [Feature] Log levels (#971) * Decrease margins (#973) * Decrease margins * Update editor.licenses.txt * Update src/components/domIterator.ts Co-Authored-By: Murod Khaydarov <murod.haydarov@gmail.com> * [Fix] Fix delete blocks api method (#974) * Update docs/usage.md Co-Authored-By: Murod Khaydarov <murod.haydarov@gmail.com> * rm unused * Update yarn.lock file * upd bundle, changelog
265 lines
5.9 KiB
TypeScript
265 lines
5.9 KiB
TypeScript
import * as _ from './utils';
|
|
import $ from './dom';
|
|
import Block, {BlockToolAPI} from './block';
|
|
|
|
/**
|
|
* @class Blocks
|
|
* @classdesc Class to work with Block instances array
|
|
*
|
|
* @private
|
|
*
|
|
* @property {HTMLElement} workingArea — editor`s working node
|
|
*
|
|
*/
|
|
export default class Blocks {
|
|
/**
|
|
* Get length of Block instances array
|
|
*
|
|
* @returns {Number}
|
|
*/
|
|
public get length(): number {
|
|
return this.blocks.length;
|
|
}
|
|
|
|
/**
|
|
* Get Block instances array
|
|
*
|
|
* @returns {Block[]}
|
|
*/
|
|
public get array(): Block[] {
|
|
return this.blocks;
|
|
}
|
|
|
|
/**
|
|
* Get blocks html elements array
|
|
*
|
|
* @returns {HTMLElement[]}
|
|
*/
|
|
public get nodes(): HTMLElement[] {
|
|
return _.array(this.workingArea.children);
|
|
}
|
|
|
|
/**
|
|
* Proxy trap to implement array-like setter
|
|
*
|
|
* @example
|
|
* blocks[0] = new Block(...)
|
|
*
|
|
* @param {Blocks} instance — Blocks instance
|
|
* @param {Number|String} property — block index or any Blocks class property to set
|
|
* @param {Block} value — value to set
|
|
* @returns {Boolean}
|
|
*/
|
|
public static set(instance: Blocks, property: number | string, value: Block | any) {
|
|
|
|
/**
|
|
* If property name is not a number (method or other property, access it via reflect
|
|
*/
|
|
if (isNaN(Number(property))) {
|
|
Reflect.set(instance, property, value);
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* If property is number, call insert method to emulate array behaviour
|
|
*
|
|
* @example
|
|
* blocks[0] = new Block();
|
|
*/
|
|
instance.insert(+property, value);
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Proxy trap to implement array-like getter
|
|
*
|
|
* @param {Blocks} instance — Blocks instance
|
|
* @param {Number|String} property — Blocks class property
|
|
* @returns {Block|*}
|
|
*/
|
|
public static get(instance: Blocks, property: any | number) {
|
|
|
|
/**
|
|
* If property is not a number, get it via Reflect object
|
|
*/
|
|
if (isNaN(Number(property))) {
|
|
return Reflect.get(instance, property);
|
|
}
|
|
|
|
/**
|
|
* If property is a number (Block index) return Block by passed index
|
|
*/
|
|
return instance.get(+property);
|
|
}
|
|
|
|
/**
|
|
* Array of Block instances in order of addition
|
|
*/
|
|
public blocks: Block[];
|
|
|
|
/**
|
|
* Editor`s area where to add Block`s HTML
|
|
*/
|
|
public workingArea: HTMLElement;
|
|
|
|
/**
|
|
* @constructor
|
|
*
|
|
* @param {HTMLElement} workingArea — editor`s working node
|
|
*/
|
|
constructor(workingArea: HTMLElement) {
|
|
this.blocks = [];
|
|
this.workingArea = workingArea;
|
|
}
|
|
|
|
/**
|
|
* Push new Block to the blocks array and append it to working area
|
|
*
|
|
* @param {Block} block
|
|
*/
|
|
public push(block: Block): void {
|
|
this.blocks.push(block);
|
|
this.insertToDOM(block);
|
|
}
|
|
|
|
/**
|
|
* Swaps blocks with indexes first and second
|
|
* @param {Number} first - first block index
|
|
* @param {Number} second - second block index
|
|
*/
|
|
public swap(first: number, second: number): void {
|
|
const secondBlock = this.blocks[second];
|
|
|
|
/**
|
|
* Change in DOM
|
|
*/
|
|
$.swap(this.blocks[first].holder, secondBlock.holder);
|
|
|
|
/**
|
|
* Change in array
|
|
*/
|
|
this.blocks[second] = this.blocks[first];
|
|
this.blocks[first] = secondBlock;
|
|
}
|
|
|
|
/**
|
|
* Insert new Block at passed index
|
|
*
|
|
* @param {Number} index — index to insert Block
|
|
* @param {Block} block — Block to insert
|
|
* @param {Boolean} replace — it true, replace block on given index
|
|
*/
|
|
public insert(index: number, block: Block, replace: boolean = false): void {
|
|
if (!this.length) {
|
|
this.push(block);
|
|
return;
|
|
}
|
|
|
|
if (index > this.length) {
|
|
index = this.length;
|
|
}
|
|
|
|
if (replace) {
|
|
this.blocks[index].holder.remove();
|
|
this.blocks[index].call(BlockToolAPI.REMOVED);
|
|
}
|
|
|
|
const deleteCount = replace ? 1 : 0;
|
|
|
|
this.blocks.splice(index, deleteCount, block);
|
|
|
|
if (index > 0) {
|
|
const previousBlock = this.blocks[index - 1];
|
|
|
|
this.insertToDOM(block, 'afterend', previousBlock);
|
|
} else {
|
|
const nextBlock = this.blocks[index + 1];
|
|
|
|
if (nextBlock) {
|
|
this.insertToDOM(block, 'beforebegin', nextBlock);
|
|
} else {
|
|
this.insertToDOM(block);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Remove block
|
|
* @param {Number|null} index
|
|
*/
|
|
public remove(index: number): void {
|
|
if (isNaN(index)) {
|
|
index = this.length - 1;
|
|
}
|
|
|
|
this.blocks[index].holder.remove();
|
|
|
|
this.blocks[index].call(BlockToolAPI.REMOVED);
|
|
|
|
this.blocks.splice(index, 1);
|
|
}
|
|
|
|
/**
|
|
* Remove all blocks
|
|
*/
|
|
public removeAll(): void {
|
|
this.workingArea.innerHTML = '';
|
|
|
|
this.blocks.forEach((block) => block.call(BlockToolAPI.REMOVED));
|
|
|
|
this.blocks.length = 0;
|
|
}
|
|
|
|
/**
|
|
* Insert Block after passed target
|
|
*
|
|
* @todo decide if this method is necessary
|
|
*
|
|
* @param {Block} targetBlock — target after wich Block should be inserted
|
|
* @param {Block} newBlock — Block to insert
|
|
*/
|
|
public insertAfter(targetBlock: Block, newBlock: Block): void {
|
|
const index = this.blocks.indexOf(targetBlock);
|
|
|
|
this.insert(index + 1, newBlock);
|
|
}
|
|
|
|
/**
|
|
* Get Block by index
|
|
*
|
|
* @param {Number} index — Block index
|
|
* @returns {Block}
|
|
*/
|
|
public get(index: number): Block {
|
|
return this.blocks[index];
|
|
}
|
|
|
|
/**
|
|
* Return index of passed Block
|
|
*
|
|
* @param {Block} block
|
|
* @returns {Number}
|
|
*/
|
|
public indexOf(block: Block): number {
|
|
return this.blocks.indexOf(block);
|
|
}
|
|
|
|
/**
|
|
* Insert new Block into DOM
|
|
*
|
|
* @param {Block} block - Block to insert
|
|
* @param {InsertPosition} position — insert position (if set, will use insertAdjacentElement)
|
|
* @param {Block} target — Block related to position
|
|
*/
|
|
private insertToDOM(block: Block, position?: InsertPosition, target?: Block): void {
|
|
if (position) {
|
|
target.holder.insertAdjacentElement(position, block.holder);
|
|
} else {
|
|
this.workingArea.appendChild(block.holder);
|
|
}
|
|
|
|
block.call(BlockToolAPI.RENDERED);
|
|
}
|
|
}
|