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 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 313x 313x 339x 339x 339x 339x 311x 311x 311x 311x 311x 311x 311x 311x 311x 327x 222x 105x 105x 311x 92x 28x 25x 25x 25x 3x 9x 3x 3x 3x 3x 3x 3x 3x 339x 76x 76x 76x 76x 313x 298x | import { createBr } from '../creators/createBr'; import { createParagraph } from '../creators/createParagraph'; import { createSelectionMarker } from '../creators/createSelectionMarker'; import { deleteBlock } from './deleteBlock'; import { deleteSegment } from './deleteSegment'; import { getSegmentTextFormat } from './getSegmentTextFormat'; import { iterateSelections } from '../selection/iterateSelections'; import { mutateBlock, mutateSegments } from '../common/mutate'; import { setParagraphNotImplicit } from '../block/setParagraphNotImplicit'; import type { ContentModelSelectionMarker, DeleteSelectionContext, FormatContentModelContext, InsertPoint, IterateSelectionsOption, ReadonlyContentModelBlockGroup, ReadonlyContentModelDocument, ReadonlyTableSelectionContext, ShallowMutableContentModelParagraph, } from 'roosterjs-content-model-types'; const DeleteSelectionIteratingOptions: IterateSelectionsOption = { contentUnderSelectedTableCell: 'ignoreForTableOrCell', // When a table cell is selected, we replace all content for this cell, so no need to go into its content contentUnderSelectedGeneralElement: 'generalElementOnly', // When a general element is selected, we replace the whole element so no need to go into its content includeListFormatHolder: 'never', }; /** * @internal * Iterate the model and find all selected content if any, delete them, and keep/create an insert point * at the first deleted position so that we know where to put cursor to after delete */ export function deleteExpandedSelection( model: ReadonlyContentModelDocument, formatContext?: FormatContentModelContext ): DeleteSelectionContext { const context: DeleteSelectionContext = { deleteResult: 'notDeleted', insertPoint: null, formatContext, undeletableSegments: [], }; iterateSelections( model, (path, tableContext, readonlyBlock, readonlySegments) => { // Set paragraph, format and index for default position where we will put cursor to. // Later we can overwrite these info when process the selections let paragraph: ShallowMutableContentModelParagraph = createParagraph( true /*implicit*/, undefined /*blockFormat*/, model.format ); let markerFormat = model.format; let insertMarkerIndex = 0; if (readonlySegments && readonlyBlock?.blockType == 'Paragraph') { const [block, segments, indexes] = mutateSegments(readonlyBlock, readonlySegments); // Delete segments inside a paragraph Eif (segments[0]) { // Now that we have found a paragraph with selections, we can overwrite the default paragraph with this one // so we can put cursor here after delete paragraph = block; insertMarkerIndex = indexes[0]; markerFormat = getSegmentTextFormat(segments[0], true /*includingBIU*/); const isFirstDeletingParagraph = !context.lastParagraph; context.lastParagraph = paragraph; context.lastTableContext = tableContext; segments.forEach((segment, i) => { if ( i == 0 && !context.insertPoint && segment.segmentType == 'SelectionMarker' ) { // First time we hit a selection and it is a selection marker, just mark it and not need to delete // because this is possible a collapsed selection, then it will be handled later context.insertPoint = createInsertPoint( segment, block, path, tableContext ); } else Eif ( deleteSegment( block, segment, context.formatContext, undefined /*direction*/, isFirstDeletingParagraph ? undefined : context.undeletableSegments // For first paragraph we can keep undeletable segments so no need to merge it later ) ) { context.deleteResult = 'range'; } }); // Since we are operating on this paragraph and it possible we delete everything from this paragraph, // Need to make it "not implicit" so that it will always have a container element, so that when we do normalization // of this paragraph, a BR can be added if need if (context.deleteResult == 'range') { setParagraphNotImplicit(block); } } } else if (readonlyBlock) { // Delete a whole block (divider, table, ...) const blocks = mutateBlock(path[0]).blocks; Eif (deleteBlock(blocks, readonlyBlock, paragraph, context.formatContext)) { context.deleteResult = 'range'; } } else Eif (tableContext) { // Delete a whole table cell const { table, colIndex, rowIndex } = tableContext; const mutableTable = mutateBlock(table); const row = mutableTable.rows[rowIndex]; const cell = mutateBlock(row.cells[colIndex]); path = [cell, ...path]; paragraph.segments.push(createBr(model.format)); cell.blocks = [paragraph]; context.deleteResult = 'range'; } if (!context.insertPoint) { // If we have not got a insert point after delete and we have a paragraph to put an insert point in, create insert point now const marker = createSelectionMarker(markerFormat); setParagraphNotImplicit(paragraph); paragraph.segments.splice(insertMarkerIndex, 0, marker); context.insertPoint = createInsertPoint(marker, paragraph, path, tableContext); } }, DeleteSelectionIteratingOptions ); return context; } function createInsertPoint( marker: ContentModelSelectionMarker, paragraph: ShallowMutableContentModelParagraph, path: ReadonlyContentModelBlockGroup[], tableContext: ReadonlyTableSelectionContext | undefined ): InsertPoint { return { marker, paragraph, path, tableContext, }; } |