@kedao/editor/lib/extensions/table/handlers.js

Rich Text Editor Based On Draft.js

import { RichUtils } from 'draft-js';
import { ContentUtils } from '@kedao/utils';
import * as TableUtils from './utils';
// todo
// 禁止选中多个单元格式时进行输入和粘贴操作
// 可以按tab/shift + tab键切换选中单元格
// 可以按方向键切换选中表格
// 在最后一个单元格中按Shift + 回车跳出表格
export const handleKeyCommand = (oringeHandler) => (command, editorState, editor) => {
    if (oringeHandler &&
        oringeHandler(command, editorState, editor) === 'handled') {
        return 'handled';
    }
    if (command === 'backspace') {
        const contentState = editorState.getCurrentContent();
        const focusOffset = editorState.getSelection().getFocusOffset();
        if (focusOffset === 0) {
            const currentBlock = ContentUtils.getSelectionBlock(editorState);
            const beforeBlock = contentState.getBlockBefore(currentBlock.getKey());
            if (!beforeBlock)
                return 'not-handled';
            if (beforeBlock.getType() === 'table-cell') {
                // 当前行 之前是表格的情况 特殊处理
                const tableKey = beforeBlock.getData().get('tableKey');
                editor.setValue(TableUtils.removeTable(editorState, tableKey));
                return 'handled';
            }
        }
    }
    const selectedBlocks = ContentUtils.getSelectedBlocks(editorState);
    if (!selectedBlocks.find((block) => block.getType() === 'table-cell')) {
        return 'not-handled';
    }
    const currentBlock = ContentUtils.getSelectionBlock(editorState);
    if (['backspace', 'delete'].includes(command)) {
        if (selectedBlocks.length > 1) {
            return 'handled';
        }
        const textLen = currentBlock.getLength();
        if (textLen === 0) {
            return 'handled';
        }
        const focusOffset = editorState.getSelection().getFocusOffset();
        if (command === 'backspace' && focusOffset === 0) {
            return 'handled';
        }
        if (command === 'delete' && focusOffset === textLen) {
            return 'handled';
        }
    }
    else if (command === 'tab') {
        return 'handled';
    }
};
export const handleReturn = (oringeHandler) => (event, editorState, editor) => {
    if (oringeHandler &&
        oringeHandler(event, editorState, editor) === 'handled') {
        return 'handled';
    }
    if (!ContentUtils.selectionContainsBlockType(editorState, 'table-cell')) {
        return 'not-handled';
    }
    const blockType = ContentUtils.getSelectionBlockType(editorState);
    if (blockType !== 'table-cell') {
        return 'not-handled';
    }
    editor.setValue(RichUtils.insertSoftNewline(editorState));
    return 'handled';
};
export const handleDroppedFiles = (oringeHandler) => (selectionState, files, editor) => {
    if (oringeHandler &&
        oringeHandler(selectionState, files, editor) === 'handled') {
        return 'handled';
    }
    if (!ContentUtils.selectionContainsBlockType(editor.state.editorState, 'table-cell')) {
        return 'not-handled';
    }
    const currentBlock = ContentUtils.getSelectionBlock(editor.state.editorState);
    if (currentBlock.getType() === 'table-cell') {
        return 'handled';
    }
};
export const handlePastedFiles = (oringeHandler) => (files, editor) => {
    if (oringeHandler && oringeHandler(files, editor) === 'handled') {
        return 'handled';
    }
    if (!ContentUtils.selectionContainsBlockType(editor.state.editorState, 'table-cell')) {
        return 'not-handled';
    }
    const currentBlock = ContentUtils.getSelectionBlock(editor.state.editorState);
    if (currentBlock.getType() === 'table-cell') {
        return 'handled';
    }
};
export const handlePastedText = (oringeHandler) => (text, html, editorState, editor) => {
    if (oringeHandler &&
        oringeHandler(text, html, editorState, editor) === 'handled') {
        return 'handled';
    }
    const selectedBlocks = ContentUtils.getSelectedBlocks(editor.state.editorState);
    if (!selectedBlocks.find((block) => block.getType() === 'table-cell')) {
        return 'not-handled';
    }
    if (selectedBlocks.length === 1) {
        editor.setValue(ContentUtils.insertText(editor.state.editorState, text));
    }
    return 'handled';
};
//# sourceMappingURL=handlers.js.map