All files / roosterjs-content-model-plugins/lib/edit/tabUtils handleTabOnTable.ts

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
1x
1x
 
 
 
 
 
 
 
 
 
1x
4x
4x
2x
2x
2x
 
2x
 
 
 
3x
3x
 
3x
 
 
import { getFirstSelectedTable } from 'roosterjs-content-model-dom';
import { setModelIndentation } from 'roosterjs-content-model-api';
import type {
    ReadonlyContentModelDocument,
    ReadonlyContentModelTable,
} from 'roosterjs-content-model-types';
 
/**
 * When the whole table is selected, indent or outdent the whole table with setModelIndentation.
 * @internal
 */
export function handleTabOnTable(model: ReadonlyContentModelDocument, rawEvent: KeyboardEvent) {
    const tableModel = getFirstSelectedTable(model)[0];
    if (tableModel && isWholeTableSelected(tableModel)) {
        setModelIndentation(model, rawEvent.shiftKey ? 'outdent' : 'indent');
        rawEvent.preventDefault();
        return true;
    }
    return false;
}
 
function isWholeTableSelected(tableModel: ReadonlyContentModelTable) {
    const lastRow = tableModel.rows[tableModel.rows.length - 1];
    const lastCell = lastRow?.cells[lastRow.cells.length - 1];
 
    return tableModel.rows[0]?.cells[0]?.isSelected && lastCell?.isSelected;
}