Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | 1x 1x 1x 176x 1x 176x 176x 176x 176x 176x 54x 90x 122x 122x 176x 1x 176x 176x 176x 157x 176x 176x 176x 176x 176x 154x 154x 154x 176x 176x 176x 1x 176x 166x 273x 273x 273x 73x | import { removeNegativeTextIndentParser } from '../parsers/removeNegativeTextIndentParser';
import {
createListLevel,
parseFormat,
updateListMetadata,
createListItem,
addBlock,
isElementOfType,
} from 'roosterjs-content-model-dom';
import type {
DomToModelContext,
DomToModelListFormat,
ContentModelBlockGroup,
ContentModelListLevel,
ListMetadataFormat,
ContentModelListItem,
ContentModelListItemLevelFormat,
ContentModelListItemFormat,
FormatParser,
ContentModelSegmentFormat,
} from 'roosterjs-content-model-types';
const removeMargin = (format: ContentModelListItemFormat): void => {
delete format.marginLeft;
};
/**
* @internal
*/
export function setupListFormat(
listType: 'OL' | 'UL',
element: HTMLElement,
context: DomToModelContext,
listDepth: number,
listFormat: DomToModelListFormat,
group: ContentModelBlockGroup,
IadditionalParsers: FormatParser<ContentModelListItemLevelFormat>[] = []
) {
const newLevel: ContentModelListLevel = createListLevel(listType);
parseFormat(element, context.formatParsers.listLevel, newLevel.format, context);
parseFormat(element, additionalParsers.concat(removeMargin), newLevel.format, context);
// If the list format is in a different level, update the array so we get the new item
// To be in the same level as the provided level metadata.
if (listDepth > listFormat.levels.length) {
while (listDepth != listFormat.levels.length) {
listFormat.levels.push(newLevel);
}
} else {
listFormat.levels.splice(listDepth, listFormat.levels.length - 1);
listFormat.levels[listDepth - 1] = newLevel;
}
listFormat.listParent = group;
}
/**
* @internal
*/
export function processAsListItem(
context: DomToModelContext,
element: HTMLElement,
group: ContentModelBlockGroup,
listFormatMetadata: ListMetadataFormat | undefined,
bulletElement: HTMLElement | undefined,
beforeProcessingChildren?: (listItem: ContentModelListItem) => void
) {
const listFormat = context.listFormat;
const lastLevel = listFormat.levels[listFormat.levels.length - 1];
if (listFormatMetadata && lastLevel) {
updateListMetadata(lastLevel, metadata => Object.assign({}, metadata, listFormatMetadata));
}
const listItem = createListItem(listFormat.levels, context.segmentFormat);
parseFormat(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
parseFormat(element, context.formatParsers.listItemElement, listItem.format, context);
parseFormat(
element,
[removeNegativeTextIndentParser, nonListElementParser],
listItem.format,
context
);
if (bulletElement) {
const format: ContentModelSegmentFormat = { ...context.segmentFormat };
parseFormat(bulletElement, context.formatParsers.segmentOnBlock, format, context);
listItem.formatHolder.format = format;
}
beforeProcessingChildren?.(listItem);
context.elementProcessors.child(listItem, element, context);
addBlock(group, listItem);
}
const nonListElementParser: FormatParser<ContentModelListItemFormat> = (
format,
element,
_context,
defaultStyle
): void => {
if (!isElementOfType(element, 'li')) {
Object.keys(defaultStyle).forEach(keyInput => {
const key = keyInput as keyof CSSStyleDeclaration;
const formatKey = keyInput as keyof ContentModelListItemFormat;
if (
key != 'display' &&
format[formatKey] != undefined &&
format[formatKey] == defaultStyle[key]
) {
delete format[formatKey];
}
});
}
};
|