Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/lnovel/layout/default/node_modules/summernote/src/js/editing/ |
import $ from 'jquery';
import lists from '../core/lists';
import func from '../core/func';
import dom from '../core/dom';
import range from '../core/range';
export default class Bullet {
/**
* toggle ordered list
*/
insertOrderedList(editable) {
this.toggleList('OL', editable);
}
/**
* toggle unordered list
*/
insertUnorderedList(editable) {
this.toggleList('UL', editable);
}
/**
* indent
*/
indent(editable) {
const rng = range.create(editable).wrapBodyInlineWithPara();
const paras = rng.nodes(dom.isPara, { includeAncestor: true });
const clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
$.each(clustereds, (idx, paras) => {
const head = lists.head(paras);
if (dom.isLi(head)) {
const previousList = this.findList(head.previousSibling);
if (previousList) {
paras
.map(para => previousList.appendChild(para));
} else {
this.wrapList(paras, head.parentNode.nodeName);
paras
.map((para) => para.parentNode)
.map((para) => this.appendToPrevious(para));
}
} else {
$.each(paras, (idx, para) => {
$(para).css('marginLeft', (idx, val) => {
return (parseInt(val, 10) || 0) + 25;
});
});
}
});
rng.select();
}
/**
* outdent
*/
outdent(editable) {
const rng = range.create(editable).wrapBodyInlineWithPara();
const paras = rng.nodes(dom.isPara, { includeAncestor: true });
const clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
$.each(clustereds, (idx, paras) => {
const head = lists.head(paras);
if (dom.isLi(head)) {
this.releaseList([paras]);
} else {
$.each(paras, (idx, para) => {
$(para).css('marginLeft', (idx, val) => {
val = (parseInt(val, 10) || 0);
return val > 25 ? val - 25 : '';
});
});
}
});
rng.select();
}
/**
* toggle list
*
* @param {String} listName - OL or UL
*/
toggleList(listName, editable) {
const rng = range.create(editable).wrapBodyInlineWithPara();
let paras = rng.nodes(dom.isPara, { includeAncestor: true });
const bookmark = rng.paraBookmark(paras);
const clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
// paragraph to list
if (lists.find(paras, dom.isPurePara)) {
let wrappedParas = [];
$.each(clustereds, (idx, paras) => {
wrappedParas = wrappedParas.concat(this.wrapList(paras, listName));
});
paras = wrappedParas;
// list to paragraph or change list style
} else {
const diffLists = rng.nodes(dom.isList, {
includeAncestor: true,
}).filter((listNode) => {
return !$.nodeName(listNode, listName);
});
if (diffLists.length) {
$.each(diffLists, (idx, listNode) => {
dom.replace(listNode, listName);
});
} else {
paras = this.releaseList(clustereds, true);
}
}
range.createFromParaBookmark(bookmark, paras).select();
}
/**
* @param {Node[]} paras
* @param {String} listName
* @return {Node[]}
*/
wrapList(paras, listName) {
const head = lists.head(paras);
const last = lists.last(paras);
const prevList = dom.isList(head.previousSibling) && head.previousSibling;
const nextList = dom.isList(last.nextSibling) && last.nextSibling;
const listNode = prevList || dom.insertAfter(dom.create(listName || 'UL'), last);
// P to LI
paras = paras.map((para) => {
return dom.isPurePara(para) ? dom.replace(para, 'LI') : para;
});
// append to list(<ul>, <ol>)
dom.appendChildNodes(listNode, paras);
if (nextList) {
dom.appendChildNodes(listNode, lists.from(nextList.childNodes));
dom.remove(nextList);
}
return paras;
}
/**
* @method releaseList
*
* @param {Array[]} clustereds
* @param {Boolean} isEscapseToBody
* @return {Node[]}
*/
releaseList(clustereds, isEscapseToBody) {
let releasedParas = [];
$.each(clustereds, (idx, paras) => {
const head = lists.head(paras);
const last = lists.last(paras);
const headList = isEscapseToBody ? dom.lastAncestor(head, dom.isList) : head.parentNode;
const parentItem = headList.parentNode;
if (headList.parentNode.nodeName === 'LI') {
paras.map(para => {
const newList = this.findNextSiblings(para);
if (parentItem.nextSibling) {
parentItem.parentNode.insertBefore(
para,
parentItem.nextSibling
);
} else {
parentItem.parentNode.appendChild(para);
}
if (newList.length) {
this.wrapList(newList, headList.nodeName);
para.appendChild(newList[0].parentNode);
}
});
if (headList.children.length === 0) {
parentItem.removeChild(headList);
}
if (parentItem.childNodes.length === 0) {
parentItem.parentNode.removeChild(parentItem);
}
} else {
const lastList = headList.childNodes.length > 1 ? dom.splitTree(headList, {
node: last.parentNode,
offset: dom.position(last) + 1,
}, {
isSkipPaddingBlankHTML: true,
}) : null;
const middleList = dom.splitTree(headList, {
node: head.parentNode,
offset: dom.position(head),
}, {
isSkipPaddingBlankHTML: true,
});
paras = isEscapseToBody ? dom.listDescendant(middleList, dom.isLi)
: lists.from(middleList.childNodes).filter(dom.isLi);
// LI to P
if (isEscapseToBody || !dom.isList(headList.parentNode)) {
paras = paras.map((para) => {
return dom.replace(para, 'P');
});
}
$.each(lists.from(paras).reverse(), (idx, para) => {
dom.insertAfter(para, headList);
});
// remove empty lists
const rootLists = lists.compact([headList, middleList, lastList]);
$.each(rootLists, (idx, rootList) => {
const listNodes = [rootList].concat(dom.listDescendant(rootList, dom.isList));
$.each(listNodes.reverse(), (idx, listNode) => {
if (!dom.nodeLength(listNode)) {
dom.remove(listNode, true);
}
});
});
}
releasedParas = releasedParas.concat(paras);
});
return releasedParas;
}
/**
* @method appendToPrevious
*
* Appends list to previous list item, if
* none exist it wraps the list in a new list item.
*
* @param {HTMLNode} ListItem
* @return {HTMLNode}
*/
appendToPrevious(node) {
return node.previousSibling
? dom.appendChildNodes(node.previousSibling, [node])
: this.wrapList([node], 'LI');
}
/**
* @method findList
*
* Finds an existing list in list item
*
* @param {HTMLNode} ListItem
* @return {Array[]}
*/
findList(node) {
return node
? lists.find(node.children, child => ['OL', 'UL'].indexOf(child.nodeName) > -1)
: null;
}
/**
* @method findNextSiblings
*
* Finds all list item siblings that follow it
*
* @param {HTMLNode} ListItem
* @return {HTMLNode}
*/
findNextSiblings(node) {
const siblings = [];
while (node.nextSibling) {
siblings.push(node.nextSibling);
node = node.nextSibling;
}
return siblings;
}
}