@worktile/theia 16.3.2 → 16.3.4

package/fesm2022/worktile-theia.mjs

@@ -29,6 +29,7 @@ import { mixinUnsubscribe, MixinBase, ScrollToService } from 'ngx-tethys/core';
 import { isKeyHotkey } from 'is-hotkey';
 import { Subject, fromEvent, timer, combineLatest, Observable, BehaviorSubject, merge, ReplaySubject, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil, debounceTime, take, delay, map as map$1, filter, startWith, distinctUntilChanged, skip, share, mapTo, pairwise } from 'rxjs/operators';
+import isUrl from 'is-url';
 import * as i6$1 from 'ngx-tethys/input';
 import { ThyInputModule } from 'ngx-tethys/input';
 import * as i10 from 'ngx-tethys/empty';
@@ -52,7 +53,6 @@ import { ThyImageDirective, ThyImageModule } from 'ngx-tethys/image';
 import { ThyUploadStatus } from 'ngx-tethys/upload';
 import * as i9$1 from 'ngx-tethys/progress';
 import { ThyProgressModule } from 'ngx-tethys/progress';
-import isUrl from 'is-url';
 import * as i3 from 'ngx-tethys/form';
 import { ThyFormModule } from 'ngx-tethys/form';
 import * as i5$1 from 'ngx-tethys/shared';
@@ -2132,7 +2132,10 @@ function copyNode(editor, element, thyNotifyService, codeMirrorEditor) {
     if (IS_SAFARI) {
         copyNodeForSafari(editor, element);
     }
-    document.execCommand('copy') ? thyNotifyService.success('复制成功') : thyNotifyService.error('复制失败');
+    const isSuccess = document.execCommand('copy');
+    if (thyNotifyService) {
+        isSuccess ? thyNotifyService.success('复制成功') : thyNotifyService.error('复制失败');
+    }
     if (IS_SAFARI) {
         window.getSelection().removeAllRanges();
     }
@@ -4389,12 +4392,29 @@ function handleContinualInsertBreak(editor, lowestBlock, type) {
     return false;
 }
 
+const deleteNodeByType = (editor, type) => {
+    const node = getAboveByType(editor, type);
+    const element = node && node[0];
+    if (element) {
+        deleteElement(editor, element);
+    }
+};
+
+const setNodeByType = (editor, props, type) => {
+    const node = getAboveByType(editor, type);
+    const path = node && node[1];
+    if (path) {
+        Transforms.setNodes(editor, props, { at: path });
+    }
+};
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     applyDeepToNodes: applyDeepToNodes,
     clearMarks: clearMarks,
     closeConversionHint: closeConversionHint,
     deleteElement: deleteElement,
+    deleteNodeByType: deleteNodeByType,
     handleContinualDeleteBackward: handleContinualDeleteBackward,
     handleContinualInsertBreak: handleContinualInsertBreak,
     insertElements: insertElements,
@@ -4405,6 +4425,7 @@ var index = /*#__PURE__*/Object.freeze({
     setEndSelection: setEndSelection,
     setMarks: setMarks,
     setNode: setNode,
+    setNodeByType: setNodeByType,
     unWrap: unWrap,
     unwrapNodesByType: unwrapNodesByType
 });
@@ -4762,11 +4783,14 @@ const BlockquoteEditor = {
 };
 
 const CodeEditor = {
-    setCodeAttribute(editor, element, value) {
-        const at = AngularEditor.findPath(editor, element);
-        Transforms.setNodes(editor, value, {
-            at
-        });
+    setCodeAttribute(editor, props, element) {
+        if (!element) {
+            setNodeByType(editor, props, ElementKinds.code);
+        }
+        else {
+            const path = findPath(editor, element);
+            Transforms.setNodes(editor, props, { at: path });
+        }
     },
     insertCode(editor) {
         const isSelectContent = Editor.string(editor, editor.selection);
@@ -4802,6 +4826,14 @@ const CodeEditor = {
             };
             insertElements(editor, codeElement);
         }
+    },
+    removeCode(editor, code) {
+        if (code) {
+            deleteElement(editor, code);
+        }
+        else {
+            deleteNodeByType(editor, ElementKinds.code);
+        }
     }
 };
 
@@ -4950,15 +4982,21 @@ const ImageEditor = {
         }
         return true;
     },
-    isImageActive(editor) {
+    isActive(editor) {
         const [match] = Editor.nodes(editor, {
             match: n => Element$1.isElement(n) && n.type === ElementKinds.image,
             universal: true
         });
         return !!match;
     },
-    setImageNode(editor, path, partial) {
-        Transforms.setNodes(editor, partial, { at: path });
+    setImageNode(editor, props, image) {
+        if (!image) {
+            setNodeByType(editor, props, ElementKinds.image);
+        }
+        else {
+            const path = findPath(editor, image);
+            Transforms.setNodes(editor, props, { at: path });
+        }
     },
     isBase64(url) {
         return isString(url) && url.includes('base64');
@@ -4976,6 +5014,14 @@ const ImageEditor = {
         if (externalSource) {
             image.externalSource = externalSource;
         }
+    },
+    removeImage(editor, image) {
+        if (image) {
+            deleteElement(editor, image);
+        }
+        else {
+            deleteNodeByType(editor, ElementKinds.image);
+        }
     }
 };
 
@@ -5078,7 +5124,7 @@ const LinkEditor = {
             });
         }
         else {
-            const isActive = LinkEditor.isLinkActive(editor);
+            const isActive = LinkEditor.isActive(editor);
             if (isActive) {
                 LinkEditor.unwrapLink(editor);
                 return;
@@ -5097,12 +5143,12 @@ const LinkEditor = {
             });
         }
     },
-    isLinkActive(editor) {
+    isActive(editor) {
         const [link] = Editor.nodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
         return !!link;
     },
     wrapLink(editor, text, url) {
-        if (LinkEditor.isLinkActive(editor)) {
+        if (LinkEditor.isActive(editor)) {
             LinkEditor.unwrapLink(editor);
         }
         const { selection } = editor;
@@ -5122,6 +5168,21 @@ const LinkEditor = {
     },
     unwrapLink(editor) {
         Transforms.unwrapNodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
+    },
+    updateLink(editor, element, url, text) {
+        if (isUrl(url)) {
+            const path = TheEditor.findPath(editor, element);
+            if (element.url !== url) {
+                Transforms.setNodes(editor, { url: url }, { at: path });
+            }
+            if (Node.string(element) !== text) {
+                const [start, end] = Editor.edges(editor, path);
+                Transforms.insertText(editor, text, { at: { anchor: end, focus: end } });
+                Transforms.delete(editor, { at: { anchor: start, focus: end } });
+            }
+            TheEditor.focus(editor);
+            Transforms.select(editor, Editor.after(editor, path));
+        }
     }
 };
 
@@ -6447,6 +6508,151 @@ function setCellIndent(editor, indentType, child, at) {
     }
 }
 
+function splitCell(editor) {
+    const tablePosition = createTablePosition(editor);
+    const { cell, table, cellEntry } = tablePosition;
+    if ((!cell.rowspan && !cell.colspan) || (cell.rowspan === 1 && cell.colspan === 1))
+        return editor;
+    const cellRow = tablePosition.getRowIndex();
+    const cellCol = tablePosition.getColumnIndex();
+    resetTableCell(editor, table, cell, cellRow, cellCol);
+    Transforms.select(editor, cellEntry[1]);
+    Transforms.collapse(editor, { edge: 'end' });
+}
+function resetTableCell(editor, table, cell, cellRow, cellCol) {
+    const rowSpanIndex = cellRow + (cell.rowspan || 1) - 1;
+    const colSpanIndex = cellCol + (cell.colspan || 1) - 1;
+    Editor.withoutNormalizing(editor, () => {
+        table.children.map((row, rowIndex) => {
+            row.children.map((col, colIndex) => {
+                if (rowIndex >= cellRow && rowIndex <= rowSpanIndex && colIndex >= cellCol && colIndex <= colSpanIndex) {
+                    const path = findPath(editor, col);
+                    Transforms.setNodes(editor, { colspan: null, rowspan: null, hidden: null }, { at: path });
+                }
+            });
+        });
+    });
+}
+
+const getTableEntry = (editor) => {
+    const { tableEntry } = createTablePosition(editor);
+    return tableEntry;
+};
+const getTablePath = (editor) => {
+    const tableEntry = getTableEntry(editor);
+    return tableEntry[1];
+};
+const getTable = (editor) => {
+    const { tableEntry } = createTablePosition(editor);
+    return tableEntry[0];
+};
+const getSelectedCell = (editor) => {
+    if (editor && editor.selection) {
+        const { cell } = createTablePosition(editor);
+        return cell;
+    }
+    return null;
+};
+
+function isSelectedCellMerged(editor) {
+    if (editor && editor.selection) {
+        const opts = new TableOptions();
+        const { anchor } = editor.selection;
+        const { cell } = TablePosition.create(opts, editor, anchor.path);
+        if (cell) {
+            return (cell.colspan && cell.colspan !== 1) || (cell.rowspan && cell.rowspan !== 1);
+        }
+    }
+    return false;
+}
+function getLeftCellDict(selectCellNodes) {
+    return selectCellNodes.reduce((dict, cell) => {
+        if (!dict[cell.row]) {
+            dict[cell.row] = cell;
+        }
+        return dict;
+    }, {});
+}
+function calculateCellSpan(selectCellNodes, leftCellDict) {
+    let rowspan = 0, colspan = 0, crossCount = -1;
+    selectCellNodes
+        .filter(item => !item.node.hidden)
+        .forEach(item => {
+        const { row } = item;
+        if (item.row === selectCellNodes[0].row) {
+            colspan += item.node.colspan || 1;
+        }
+        const maxRowSpan = leftCellDict[row].maxRowSpan || 1;
+        leftCellDict[row].maxRowSpan = (item.node.rowspan || 1) > maxRowSpan ? item.node.rowspan : maxRowSpan;
+    });
+    Object.values(leftCellDict).forEach((item) => {
+        const { row, maxRowSpan } = item;
+        if (crossCount < row) {
+            rowspan += maxRowSpan;
+            crossCount = row + maxRowSpan - 1;
+        }
+    });
+    return { rowspan, colspan };
+}
+function mergeCell(editor, selectedCells) {
+    sortCell(selectedCells);
+    const selectCellNodes = getSelectCellNode(editor, selectedCells);
+    Editor.withoutNormalizing(editor, () => {
+        let leftTopCellPath;
+        const leftCellDict = getLeftCellDict(selectCellNodes);
+        selectCellNodes.forEach((cell, index) => {
+            const { row, node } = cell;
+            if (node) {
+                const cellPath = findPath(editor, node);
+                if (index === 0) {
+                    leftTopCellPath = cellPath;
+                }
+                else {
+                    mergeCellContent(editor, leftTopCellPath, cellPath);
+                    Transforms.setNodes(editor, { colspan: null, rowspan: null, hidden: true }, { at: cellPath });
+                }
+            }
+        });
+        let { rowspan, colspan } = calculateCellSpan(selectCellNodes, leftCellDict);
+        Transforms.setNodes(editor, { rowspan, colspan }, { at: leftTopCellPath });
+        Transforms.select(editor, leftTopCellPath);
+        Transforms.collapse(editor, { edge: 'end' });
+    });
+}
+function mergeCellContent(editor, leftTopCellPath, cellPath) {
+    Editor.withoutNormalizing(editor, () => {
+        const { path } = Editor.end(editor, leftTopCellPath);
+        const endRange = Editor.range(editor, Editor.start(editor, cellPath), Editor.end(editor, cellPath));
+        let tableCell;
+        path.pop();
+        const nextPath = Path.next(path);
+        Transforms.moveNodes(editor, {
+            at: endRange,
+            to: nextPath,
+            match: node => {
+                if (Element$1.isElement(node) && node.type === ElementKinds.tableCell) {
+                    tableCell = node;
+                }
+                if (Element$1.isElement(node) && node.type && tableCell && tableCell.children.includes(node)) {
+                    const isSingleEmptyParagraph = tableCell.children.length === 1 && Editor.isEmpty(editor, node) && node.type === ElementKinds.default;
+                    return !isSingleEmptyParagraph && true;
+                }
+            }
+        });
+    });
+}
+// 计算合并前的单元格
+function getCellPositionsBeforeMerge(editor, { row, col }) {
+    const pos = createTablePosition(editor);
+    const { rowspan, colspan } = pos.findCellByPath({ row, col });
+    if (rowspan || colspan) {
+        const colSpan = colspan ?? 1;
+        const rowSpan = rowspan ?? 1;
+        return getCellPositionsFromRange(row, col, row + rowSpan, col + colSpan);
+    }
+    return [{ row, col }];
+}
+
 const TableEditor = {
     insertTable(editor, optionsParam) {
         const opts = new TableOptions(optionsParam);
@@ -6476,11 +6682,81 @@ const TableEditor = {
         const opts = new TableOptions(optionsParam);
         clearCell(opts, editor, nodeEntry);
     },
+    setCellsBackgroundColor(editor, color, cells) {
+        if (!cells) {
+            cells = TableEditor.getSelectedCells(editor) || [];
+        }
+        if (cells.length) {
+            // 点击自定义颜色面板输入框设置颜色值时，会丢失焦点和选区（目前无法做到焦点同时存在于编辑器和输入框）
+            let location;
+            if (!editor.selection) {
+                const { rangeRef } = THE_EDITOR_PREVIOUS_SELECTION.get(editor);
+                location = rangeRef.current.anchor;
+            }
+            const isHeader = TableEditor.isActiveHeader(editor, location);
+            if (color === 'transparent' ||
+                (color === TableHeaderBackgroundColor && isHeader) ||
+                (color === SpecialBackgroundColor && !isHeader)) {
+                color = null;
+            }
+            Editor.withoutNormalizing(editor, () => {
+                cells.map(cell => {
+                    const cellPath = AngularEditor.findPath(editor, cell);
+                    Transforms.setNodes(editor, { backgroundColor: color }, { at: cellPath });
+                });
+            });
+        }
+    },
+    mergeCell(editor) {
+        const selectedCellsPosition = TableEditor.getSelectedCellPositions(editor);
+        selectedCellsPosition.length && mergeCell(editor, selectedCellsPosition);
+    },
+    splitCell(editor) {
+        splitCell(editor);
+    },
+    setTableOptions(editor, newOptions) {
+        const tablePosition = createTablePosition(editor);
+        const tablePath = getTablePath(editor);
+        const table = tablePosition.table;
+        const options = { ...table.options, ...newOptions };
+        Transforms.setNodes(editor, { options }, { at: tablePath });
+    },
+    setEquallyColumn(editor) {
+        const [tableEntry] = Editor.nodes(editor, { at: editor.selection, match: (n) => n.type === ElementKinds.table });
+        const tableElement = (tableEntry && tableEntry[0]);
+        if (tableElement) {
+            const columns = tableElement.columns;
+            const sumWidth = columns.reduce((previousValue, currentValue) => {
+                return previousValue + currentValue.width;
+            }, 0);
+            const equalColumns = columns.map(() => {
+                return { width: sumWidth / columns.length };
+            });
+            setNode(editor, { columns: equalColumns }, tableElement);
+        }
+    },
+    clearCellsContent(editor, cells) {
+        if (!cells) {
+            cells = TableEditor.getSelectedCells(editor) || [];
+        }
+        if (cells.length > 0) {
+            const tablePosition = createTablePosition(editor);
+            if (tablePosition.isInTable()) {
+                Editor.withoutNormalizing(editor, () => {
+                    cells.forEach(cell => {
+                        const path = TheEditor.findPath(editor, cell);
+                        TableEditor.clearCell(editor, [cell, path]);
+                    });
+                });
+                Transforms.select(editor, Editor.start(editor, tablePosition.cellEntry[1]));
+            }
+        }
+    },
     isActive(editor) {
         const [table] = Editor.nodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.table });
         return !!table;
     },
-    getSelectedCells(editor) {
+    getSelectedCellPositions(editor) {
         const tableNode = getAboveByType(editor, ElementKinds.table);
         if (tableNode) {
             const tableComponent = ELEMENT_TO_COMPONENT.get(tableNode[0]);
@@ -6491,18 +6767,27 @@ const TableEditor = {
         }
         return null;
     },
-    setAlign(editor, alignment) {
+    getSelectedCells(editor) {
+        const tableNode = getAboveByType(editor, ElementKinds.table);
+        if (tableNode) {
+            const tableComponent = ELEMENT_TO_COMPONENT.get(tableNode[0]);
+            return tableComponent?.tableStore?.selectedCells || null;
+        }
+        return null;
+    },
+    setAlign(editor, alignment, cells) {
         return TableEditor.handleSelectedCells(editor, (_, cellRange) => {
             Transforms.setNodes(editor, { align: alignment }, {
                 at: cellRange,
                 match: (n) => ALIGN_BLOCK_TYPES.includes(n.type)
             });
-        });
+        }, cells);
     },
-    setVerticalAlign(editor, alignment) {
+    setVerticalAlign(editor, alignment, cells) {
         const isSelected = TableEditor.handleSelectedCells(editor, cellPath => {
             Transforms.setNodes(editor, { verticalAlign: alignment }, { at: cellPath });
-        });
+        }, cells);
+        console.log(isSelected);
         if (!isSelected) {
             const cellEntry = getAboveByType(editor, ElementKinds.tableCell);
             if (cellEntry) {
@@ -6518,7 +6803,7 @@ const TableEditor = {
         return true;
     },
     isVerticalAlignActive(editor, alignment) {
-        const cells = TableEditor.getSelectedCells(editor);
+        const cells = TableEditor.getSelectedCellPositions(editor);
         if (cells) {
             const lastCell = cells[cells.length - 1];
             const tableNode = getAboveByType(editor, ElementKinds.table);
@@ -6574,17 +6859,17 @@ const TableEditor = {
             setMarks(editor, marks, cellRange);
         });
     },
-    handleSelectedCells(editor, handle) {
-        const cells = TableEditor.getSelectedCells(editor);
+    handleSelectedCells(editor, handle, cells) {
+        if (!cells) {
+            cells = TableEditor.getSelectedCells(editor);
+        }
         if (cells) {
-            const tableNode = getAboveByType(editor, ElementKinds.table);
             Editor.withoutNormalizing(editor, () => {
-                for (const cell of cells) {
-                    const { row, col } = cell;
-                    const cellPath = [...tableNode[1], row, col];
+                cells.forEach(cell => {
+                    const cellPath = TheEditor.findPath(editor, cell);
                     const cellRange = { anchor: Editor.start(editor, cellPath), focus: Editor.end(editor, cellPath) };
                     handle(cellPath, cellRange);
-                }
+                });
             });
             return true;
         }
@@ -6618,14 +6903,14 @@ const TableEditor = {
             match: n => Element$1.isElement(n) &&
                 ((n.type === ElementKinds.tableRow && n.header) || (n.type === ElementKinds.table && n.options?.headerRow))
         });
-        const selectedCells = TableEditor.getSelectedCells(editor) ?? [];
+        const selectedCells = TableEditor.getSelectedCellPositions(editor) ?? [];
         sortCell(selectedCells);
         const isContainHeaderRow = !!selectedCells && selectedCells[0].row === 0;
         return isHeaderRow && isContainHeaderRow;
     },
     hasHeaderColumnCell(editor) {
         const table = getAboveByType(editor, ElementKinds.table);
-        const selectedCells = TableEditor.getSelectedCells(editor) ?? [];
+        const selectedCells = TableEditor.getSelectedCellPositions(editor) ?? [];
         sortCell(selectedCells);
         const isContainHeaderColumn = !!selectedCells && selectedCells[0].col === 0;
         const isHeaderColumn = table && table[0] && table[0]?.options?.headerColumn;
@@ -7225,7 +7510,7 @@ class TheCodeComponent extends TheBaseElementComponent {
         this.onChangeLanguage = item => {
             this.options = { ...this.options, mode: item.key };
             this.activeLanguage = item;
-            CodeEditor.setCodeAttribute(this.editor, this.element, { language: item.key });
+            CodeEditor.setCodeAttribute(this.editor, { language: item.key }, this.element);
         };
     }
     onContextChange() {
@@ -7346,10 +7631,11 @@ class TheCodeComponent extends TheBaseElementComponent {
     }
     codeChange($event) {
         this.isHightLight = false;
-        CodeEditor.setCodeAttribute(this.editor, this.element, { content: $event });
+        CodeEditor.setCodeAttribute(this.editor, { content: $event }, this.element);
     }
     onDelete(event) {
-        deleteElement(this.editor, this.element);
+        event.preventDefault();
+        CodeEditor.removeCode(this.editor, this.element);
     }
     onCopy(event) {
         event.preventDefault();
@@ -7387,19 +7673,19 @@ class TheCodeComponent extends TheBaseElementComponent {
     }
     onEndResize() {
         Transforms.select(this.editor, AngularEditor.findPath(this.editor, this.element));
-        CodeEditor.setCodeAttribute(this.editor, this.element, { height: this.resizeHeight });
+        CodeEditor.setCodeAttribute(this.editor, { height: this.resizeHeight }, this.element);
     }
     onChangeWrap(value) {
         this.isHightLight = false;
         this.options = { ...this.options, lineWrapping: value || false };
-        CodeEditor.setCodeAttribute(this.editor, this.element, { autoWrap: value ? value : null });
+        CodeEditor.setCodeAttribute(this.editor, { autoWrap: value ? value : null }, this.element);
     }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheCodeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.ThyNotifyService }, { token: TheContextService }, { token: i0.NgZone }, { token: i1$1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2$1.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdownComponent", first: true, predicate: TheToolbarDropdownComponent, descendants: true, read: TheToolbarDropdownComponent }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readOnly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    [delayRefreshTime]=\"300\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n    [autoMaxHeight]=\"maxHeight\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>\u81EA\u52A8\u6362\u884C</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (click)=\"onCopy($event)\"></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      thyTooltip=\"\u5220\u9664\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildren, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: i9.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "component", type: i9.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: i10$1.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: i13.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "options", "delayRefreshTime"], outputs: ["focusChange"] }, { kind: "component", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdownComponent", first: true, predicate: TheToolbarDropdownComponent, descendants: true, read: TheToolbarDropdownComponent }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readOnly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    [delayRefreshTime]=\"300\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n    [autoMaxHeight]=\"maxHeight\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>\u81EA\u52A8\u6362\u884C</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (click)=\"onCopy($event)\"></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      thyTooltip=\"\u5220\u9664\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildren, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: i9.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "component", type: i9.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: i10$1.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: i13.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "options", "delayRefreshTime"], outputs: ["focusChange"] }, { kind: "component", type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheCodeComponent, decorators: [{
             type: Component,
@@ -7513,7 +7799,7 @@ class TheColorToolbarItemComponent extends TheBaseToolbarItem {
         ColorEditor.setColor(this.editor, this.selectedColor, this.type);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheColorToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheColorToolbarItemComponent, selector: "the-color-toolbar-item", host: { classAttribute: "the-toolbar-item" }, usesInheritance: true, ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"toolbarItem.name\"\n  thyTooltipPlacement=\"top\"\n  thyColorPicker\n  thyPlacement=\"bottomLeft\"\n  [(ngModel)]=\"selectedColor\"\n  (ngModelChange)=\"changeColor($event)\"\n  (mousedown)=\"preventDefault($event)\"\n>\n  <thy-icon\n    [thyIconName]=\"toolbarItem.icon\"\n    thyIconType=\"twotone\"\n    [thyTwotoneColor]=\"active ?? (toolbarItem.key === 'color' ? defaultColorLine : defaultBackgroundColorLine)\"\n  ></thy-icon>\n  <thy-icon class=\"link-down-icon font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n", dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheColorToolbarItemComponent, selector: "the-color-toolbar-item", host: { classAttribute: "the-toolbar-item" }, usesInheritance: true, ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"toolbarItem.name\"\n  thyTooltipPlacement=\"top\"\n  thyColorPicker\n  thyPlacement=\"bottomLeft\"\n  [(ngModel)]=\"selectedColor\"\n  (ngModelChange)=\"changeColor($event)\"\n  (mousedown)=\"preventDefault($event)\"\n>\n  <thy-icon\n    [thyIconName]=\"toolbarItem.icon\"\n    thyIconType=\"twotone\"\n    [thyTwotoneColor]=\"active ?? (toolbarItem.key === 'color' ? defaultColorLine : defaultBackgroundColorLine)\"\n  ></thy-icon>\n  <thy-icon class=\"link-down-icon font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n", dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheColorToolbarItemComponent, decorators: [{
             type: Component,
@@ -8948,8 +9234,7 @@ class TheImageComponent extends TheBaseElementComponent {
                     width = maxWidth;
                     // clear `layout` when the image is adjusted to the maximum value under rich media
                     if (this.imageEntry?.layout) {
-                        const path = findPath(this.editor, this.element);
-                        ImageEditor.setImageNode(this.editor, path, { layout: undefined });
+                        ImageEditor.setImageNode(this.editor, { layout: undefined }, this.element);
                     }
                 }
                 if (width <= 100) {
@@ -9039,10 +9324,9 @@ class TheImageComponent extends TheBaseElementComponent {
         const { layout, align } = this.imageEntry;
         return key && ((key === align && !layout) || key === layout);
     }
-    setImageNode(e, partial) {
+    setImageNode(e, props) {
         e.preventDefault();
-        const path = findPath(this.editor, this.element);
-        ImageEditor.setImageNode(this.editor, path, partial);
+        ImageEditor.setImageNode(this.editor, props, this.element);
     }
     setBlockCardLayoutAttr() {
         Promise.resolve().then(() => {
@@ -9060,7 +9344,7 @@ class TheImageComponent extends TheBaseElementComponent {
     }
     onDelete(event) {
         event.preventDefault();
-        deleteElement(this.editor, this.element);
+        ImageEditor.removeImage(this.editor, this.element);
     }
     createPositionStrategy() {
         const bottomPosition = {
@@ -9167,7 +9451,7 @@ const createImagePlugin = createPluginFactory({
             icon: 'image',
             name: '图片',
             execute: editor => ImageEditor.openUpload(editor),
-            active: editor => ImageEditor.isImageActive(editor)
+            active: editor => ImageEditor.isActive(editor)
         }
     ],
     menuItems: [
@@ -9175,7 +9459,7 @@ const createImagePlugin = createPluginFactory({
             key: ElementKinds.image,
             keywords: 'tp,tupian,image,photo,picture,图片',
             execute: editor => ImageEditor.openUpload(editor),
-            active: editor => ImageEditor.isImageActive(editor),
+            active: editor => ImageEditor.isActive(editor),
             name: '图片',
             menuIcon: PluginMenuIcons.image,
             description: '支持 jpg、jpeg 等格式图像',
@@ -9471,17 +9755,7 @@ class TheLinkEditComponent {
     applyLink(form) {
         const link = this.link.trim();
         if (isUrl(link)) {
-            const linkPath = findPath(this.editor, this.node);
-            if (this.originLink !== link) {
-                Transforms.setNodes(this.editor, { url: link }, { at: linkPath });
-            }
-            if (this.originText !== this.text) {
-                const [start, end] = Editor.edges(this.editor, linkPath);
-                Transforms.insertText(this.editor, this.text, { at: { anchor: end, focus: end } });
-                Transforms.delete(this.editor, { at: { anchor: start, focus: end } });
-            }
-            TheEditor.focus(this.editor);
-            Transforms.select(this.editor, Editor.after(this.editor, linkPath));
+            LinkEditor.updateLink(this.editor, this.node, link, this.text);
             this.closePopover(LinkCloseTypes.apply);
         }
         else {
@@ -9581,7 +9855,7 @@ class TheBaseLinkComponent extends TheBaseElementComponent {
                     this.openLinkEdit(LinkTags.edit);
                 },
                 deleteHandle: () => {
-                    Transforms.unwrapNodes(this.editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
+                    LinkEditor.unwrapLink(this.editor);
                     this.closeHoverPopover();
                 }
             },
@@ -9711,7 +9985,7 @@ const createLinkPlugin = createPluginFactory({
             icon: 'link-insert',
             name: '链接',
             execute: editor => LinkEditor.insertLink(editor),
-            active: editor => LinkEditor.isLinkActive(editor)
+            active: editor => LinkEditor.isActive(editor)
         }
     ],
     menuItems: [
@@ -9720,7 +9994,7 @@ const createLinkPlugin = createPluginFactory({
             keywords: 'lj,lianjie,link,链接',
             description: '支持插入链接',
             execute: editor => LinkEditor.insertLink(editor),
-            active: editor => LinkEditor.isLinkActive(editor),
+            active: editor => LinkEditor.isActive(editor),
             type: ThePluginMenuItemType.icon,
             name: '链接',
             displayKey: '/lj',
@@ -11510,7 +11784,7 @@ class TheContextMenuComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheContextMenuComponent, selector: "the-contextmenu", inputs: { menuEntities: "menuEntities", actionHandle: "actionHandle", activeHandle: "activeHandle", deactivateHandle: "deactivateHandle" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)" }, properties: { "class.the-overlay-menu-wrap": "this.wrap" } }, ngImport: i0, template: "<div class=\"thy-dropdown-menu\">\n  <ng-container *ngFor=\"let menuItem of menuEntities\">\n    <ng-container *ngIf=\"menuItem.visibility && !menuItem?.isInputNumber && menuItem.key !== 'background-color'\">\n      <ng-template [ngTemplateOutlet]=\"defaultMenuTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"menuItem.visibility && menuItem.key === 'background-color'\">\n      <ng-template [ngTemplateOutlet]=\"backgroundColorTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"menuItem.visibility && menuItem?.isInputNumber\">\n      <ng-template [ngTemplateOutlet]=\"inputNumberMenuTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <thy-dropdown-menu-divider *ngIf=\"menuItem.divider && menuItem.visibility\"></thy-dropdown-menu-divider>\n  </ng-container>\n</div>\n\n<ng-template #defaultMenuTemplate let-item>\n  <a\n    href=\"javascript:;\"\n    thyDropdownMenuItem\n    (mousedown)=\"itemMousedown($event, item)\"\n    (mouseenter)=\"itemMouseenter($event, item)\"\n    (mouseleave)=\"itemMouseleave($event, item)\"\n  >\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName>{{ item.name }}</span>\n    <span *ngIf=\"item.extendIcon\" thyDropdownMenuItemExtendIcon>\n      <thy-icon thyIconName=\"{{ item.extendIcon }}\"></thy-icon>\n    </span>\n  </a>\n</ng-template>\n\n<ng-template #backgroundColorTemplate let-item>\n  <a\n    href=\"javascript:;\"\n    thyDropdownMenuItem\n    thyColorPicker\n    thyTrigger=\"hover\"\n    thyPlacement=\"rightTop\"\n    [(ngModel)]=\"item.backgroundColor\"\n    (ngModelChange)=\"changeColor($event, item)\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\" thyIconType=\"twotone\" [thyTwotoneColor]=\"item.backgroundColor\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName>{{ item.name }}</span>\n    <span *ngIf=\"item.extendIcon\" thyDropdownMenuItemExtendIcon>\n      <thy-icon thyIconName=\"{{ item.extendIcon }}\"></thy-icon>\n    </span>\n  </a>\n</ng-template>\n\n<ng-template #inputNumberMenuTemplate let-item>\n  <a href=\"javascript:;\" class=\"the-input-number-menu\" thyDropdownMenuItem (click)=\"itemMousedown($event, item)\">\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName class=\"d-flex align-items-center\">\n      {{ item.name }}\n      <thy-input-number\n        #inputNumber\n        class=\"mx-2\"\n        thySize=\"sm\"\n        [(ngModel)]=\"item.count\"\n        [thyStep]=\"1\"\n        [thyMin]=\"1\"\n        (click)=\"inputNumberFocus($event)\"\n        (thyEnter)=\"itemEnterHandle($event, item)\"\n        thyStopPropagation\n      ></thy-input-number>\n      {{ item.nameSuffix }}\n    </span>\n  </a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i5$1.ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: i5$1.ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "component", type: i6.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6.ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }, { kind: "component", type: i7$1.ThyInputNumberComponent, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheContextMenuComponent, selector: "the-contextmenu", inputs: { menuEntities: "menuEntities", actionHandle: "actionHandle", activeHandle: "activeHandle", deactivateHandle: "deactivateHandle" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)", "mousedown": "handleMouseDown($event)" }, properties: { "class.the-overlay-menu-wrap": "this.wrap" } }, ngImport: i0, template: "<div class=\"thy-dropdown-menu\">\n  <ng-container *ngFor=\"let menuItem of menuEntities\">\n    <ng-container *ngIf=\"menuItem.visibility && !menuItem?.isInputNumber && menuItem.key !== 'background-color'\">\n      <ng-template [ngTemplateOutlet]=\"defaultMenuTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"menuItem.visibility && menuItem.key === 'background-color'\">\n      <ng-template [ngTemplateOutlet]=\"backgroundColorTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"menuItem.visibility && menuItem?.isInputNumber\">\n      <ng-template [ngTemplateOutlet]=\"inputNumberMenuTemplate\" [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"></ng-template>\n    </ng-container>\n    <thy-dropdown-menu-divider *ngIf=\"menuItem.divider && menuItem.visibility\"></thy-dropdown-menu-divider>\n  </ng-container>\n</div>\n\n<ng-template #defaultMenuTemplate let-item>\n  <a\n    href=\"javascript:;\"\n    thyDropdownMenuItem\n    (mousedown)=\"itemMousedown($event, item)\"\n    (mouseenter)=\"itemMouseenter($event, item)\"\n    (mouseleave)=\"itemMouseleave($event, item)\"\n  >\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName>{{ item.name }}</span>\n    <span *ngIf=\"item.extendIcon\" thyDropdownMenuItemExtendIcon>\n      <thy-icon thyIconName=\"{{ item.extendIcon }}\"></thy-icon>\n    </span>\n  </a>\n</ng-template>\n\n<ng-template #backgroundColorTemplate let-item>\n  <a\n    href=\"javascript:;\"\n    thyDropdownMenuItem\n    thyColorPicker\n    thyTrigger=\"hover\"\n    thyPlacement=\"rightTop\"\n    [(ngModel)]=\"item.backgroundColor\"\n    (ngModelChange)=\"changeColor($event, item)\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\" thyIconType=\"twotone\" [thyTwotoneColor]=\"item.backgroundColor\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName>{{ item.name }}</span>\n    <span *ngIf=\"item.extendIcon\" thyDropdownMenuItemExtendIcon>\n      <thy-icon thyIconName=\"{{ item.extendIcon }}\"></thy-icon>\n    </span>\n  </a>\n</ng-template>\n\n<ng-template #inputNumberMenuTemplate let-item>\n  <a href=\"javascript:;\" class=\"the-input-number-menu\" thyDropdownMenuItem (click)=\"itemMousedown($event, item)\">\n    <span thyDropdownMenuItemIcon>\n      <thy-icon [thyIconName]=\"item.icon\"></thy-icon>\n    </span>\n    <span thyDropdownMenuItemName class=\"d-flex align-items-center\">\n      {{ item.name }}\n      <thy-input-number\n        #inputNumber\n        class=\"mx-2\"\n        thySize=\"sm\"\n        [(ngModel)]=\"item.count\"\n        [thyStep]=\"1\"\n        [thyMin]=\"1\"\n        (click)=\"inputNumberFocus($event)\"\n        (thyEnter)=\"itemEnterHandle($event, item)\"\n        thyStopPropagation\n      ></thy-input-number>\n      {{ item.nameSuffix }}\n    </span>\n  </a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i5$1.ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: i5$1.ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "component", type: i6.ThyDropdownMenuDividerComponent, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: i6.ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: i6.ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: i6.ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }, { kind: "component", type: i7$1.ThyInputNumberComponent, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheContextMenuComponent, decorators: [{
             type: Component,
@@ -11534,133 +11808,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImpor
                 args: ['mousedown', ['$event']]
             }] } });
 
-function isSelectedCellMerged(editor) {
-    if (editor && editor.selection) {
-        const opts = new TableOptions();
-        const { anchor } = editor.selection;
-        const { cell } = TablePosition.create(opts, editor, anchor.path);
-        if (cell) {
-            return (cell.colspan && cell.colspan !== 1) || (cell.rowspan && cell.rowspan !== 1);
-        }
-    }
-    return false;
-}
-function getLeftCellDict(selectCellNodes) {
-    return selectCellNodes.reduce((dict, cell) => {
-        if (!dict[cell.row]) {
-            dict[cell.row] = cell;
-        }
-        return dict;
-    }, {});
-}
-function calculateCellSpan(selectCellNodes, leftCellDict) {
-    let rowspan = 0, colspan = 0, crossCount = -1;
-    selectCellNodes
-        .filter(item => !item.node.hidden)
-        .forEach(item => {
-        const { row } = item;
-        if (item.row === selectCellNodes[0].row) {
-            colspan += item.node.colspan || 1;
-        }
-        const maxRowSpan = leftCellDict[row].maxRowSpan || 1;
-        leftCellDict[row].maxRowSpan = (item.node.rowspan || 1) > maxRowSpan ? item.node.rowspan : maxRowSpan;
-    });
-    Object.values(leftCellDict).forEach((item) => {
-        const { row, maxRowSpan } = item;
-        if (crossCount < row) {
-            rowspan += maxRowSpan;
-            crossCount = row + maxRowSpan - 1;
-        }
-    });
-    return { rowspan, colspan };
-}
-function mergeCell(editor, selectedCells) {
-    sortCell(selectedCells);
-    const selectCellNodes = getSelectCellNode(editor, selectedCells);
-    Editor.withoutNormalizing(editor, () => {
-        let leftTopCellPath;
-        const leftCellDict = getLeftCellDict(selectCellNodes);
-        selectCellNodes.forEach((cell, index) => {
-            const { row, node } = cell;
-            if (node) {
-                const cellPath = findPath(editor, node);
-                if (index === 0) {
-                    leftTopCellPath = cellPath;
-                }
-                else {
-                    mergeCellContent(editor, leftTopCellPath, cellPath);
-                    Transforms.setNodes(editor, { colspan: null, rowspan: null, hidden: true }, { at: cellPath });
-                }
-            }
-        });
-        let { rowspan, colspan } = calculateCellSpan(selectCellNodes, leftCellDict);
-        Transforms.setNodes(editor, { rowspan, colspan }, { at: leftTopCellPath });
-        Transforms.select(editor, leftTopCellPath);
-        Transforms.collapse(editor, { edge: 'end' });
-    });
-}
-function mergeCellContent(editor, leftTopCellPath, cellPath) {
-    Editor.withoutNormalizing(editor, () => {
-        const { path } = Editor.end(editor, leftTopCellPath);
-        const endRange = Editor.range(editor, Editor.start(editor, cellPath), Editor.end(editor, cellPath));
-        let tableCell;
-        path.pop();
-        const nextPath = Path.next(path);
-        Transforms.moveNodes(editor, {
-            at: endRange,
-            to: nextPath,
-            match: node => {
-                if (Element$1.isElement(node) && node.type === ElementKinds.tableCell) {
-                    tableCell = node;
-                }
-                if (Element$1.isElement(node) && node.type && tableCell && tableCell.children.includes(node)) {
-                    const isSingleEmptyParagraph = tableCell.children.length === 1 && Editor.isEmpty(editor, node) && node.type === ElementKinds.default;
-                    return !isSingleEmptyParagraph && true;
-                }
-            }
-        });
-    });
-}
-// 计算合并前的单元格
-function getCellPositionsBeforeMerge(editor, { row, col }) {
-    const pos = createTablePosition(editor);
-    const { rowspan, colspan } = pos.findCellByPath({ row, col });
-    if (rowspan || colspan) {
-        const colSpan = colspan ?? 1;
-        const rowSpan = rowspan ?? 1;
-        return getCellPositionsFromRange(row, col, row + rowSpan, col + colSpan);
-    }
-    return [{ row, col }];
-}
-
-const getTableEntry = (editor) => {
-    const { tableEntry } = createTablePosition(editor);
-    return tableEntry;
-};
-const getTablePath = (editor) => {
-    const tableEntry = getTableEntry(editor);
-    return tableEntry[1];
-};
-const getTable = (editor) => {
-    const { tableEntry } = createTablePosition(editor);
-    return tableEntry[0];
-};
-const getSelectedCell = (editor) => {
-    if (editor && editor.selection) {
-        const { cell } = createTablePosition(editor);
-        return cell;
-    }
-    return null;
-};
-
-function setTableOptions(editor, newOptions) {
-    const tablePosition = createTablePosition(editor);
-    const tablePath = getTablePath(editor);
-    const table = tablePosition.table;
-    const options = { ...table.options, ...newOptions };
-    Transforms.setNodes(editor, { options }, { at: tablePath });
-}
-
 function removeColumnOrRows(editor, tableStore, options) {
     const { isSelectedTable } = tableStore;
     const selectedRowsIndex = options?.selectedRowsIndex || tableStore.selectedRowsIndex;
@@ -11674,7 +11821,7 @@ function removeColumnOrRows(editor, tableStore, options) {
     if (selectedRowsIndex.length > 0 && selectedColumnsIndex.length === 0) {
         // 删除行时取消标题行
         if (tablePosition.table && tableComponent.headerRow && selectedRowsIndex.includes(0)) {
-            setTableOptions(editor, { headerRow: false });
+            TableEditor.setTableOptions(editor, { headerRow: false });
             // headerRow 兼容代码, 取消标题行的时候同时设置 row 中的 header 属性
             if (tablePosition.table.children[0].header) {
                 const rowPath = TheEditor.findPath(editor, tablePosition.table.children[0]);
@@ -11691,7 +11838,7 @@ function removeColumnOrRows(editor, tableStore, options) {
     if (selectedColumnsIndex.length > 0 && selectedRowsIndex.length === 0) {
         // 删除列时取消标题列
         if (tablePosition.table && tablePosition.table.options?.headerColumn && selectedColumnsIndex.includes(0)) {
-            setTableOptions(editor, { headerColumn: false });
+            TableEditor.setTableOptions(editor, { headerColumn: false });
         }
         selectedColumnsIndex
             .sort((a, b) => b - a)
@@ -11702,25 +11849,6 @@ function removeColumnOrRows(editor, tableStore, options) {
     }
 }
 
-const setSelectedCellsBackgroundColor = (editor, color, tableStore) => {
-    // 点击自定义颜色面板输入框设置颜色值时，会丢失焦点和选区（目前无法做到焦点同时存在于编辑器和输入框）
-    let location;
-    if (!editor.selection) {
-        const { rangeRef } = THE_EDITOR_PREVIOUS_SELECTION.get(editor);
-        location = rangeRef.current.anchor;
-    }
-    const isHeader = TableEditor.isActiveHeader(editor, location);
-    if (color === 'transparent') {
-        color = null;
-    }
-    if ((color === TableHeaderBackgroundColor && isHeader) || (color === SpecialBackgroundColor && !isHeader)) {
-        tableStore.setSelectedCellsBackgroundColor(null);
-    }
-    else {
-        tableStore.setSelectedCellsBackgroundColor(color);
-    }
-};
-
 function setCellMenuVisibility(editor, menuList, tableInfo) {
     const { selectedCellPositions, isFullscreen, isSelectedTable, selectedRowsIndex, selectedColumnsIndex } = tableInfo;
     const isCellMerged = isSelectedCellMerged(editor);
@@ -11761,32 +11889,6 @@ function setCellMenuVisibility(editor, menuList, tableInfo) {
     });
 }
 
-function splitCell(editor) {
-    const tablePosition = createTablePosition(editor);
-    const { cell, table, cellEntry } = tablePosition;
-    if ((!cell.rowspan && !cell.colspan) || (cell.rowspan === 1 && cell.colspan === 1))
-        return editor;
-    const cellRow = tablePosition.getRowIndex();
-    const cellCol = tablePosition.getColumnIndex();
-    resetTableCell(editor, table, cell, cellRow, cellCol);
-    Transforms.select(editor, cellEntry[1]);
-    Transforms.collapse(editor, { edge: 'end' });
-}
-function resetTableCell(editor, table, cell, cellRow, cellCol) {
-    const rowSpanIndex = cellRow + (cell.rowspan || 1) - 1;
-    const colSpanIndex = cellCol + (cell.colspan || 1) - 1;
-    Editor.withoutNormalizing(editor, () => {
-        table.children.map((row, rowIndex) => {
-            row.children.map((col, colIndex) => {
-                if (rowIndex >= cellRow && rowIndex <= rowSpanIndex && colIndex >= cellCol && colIndex <= colSpanIndex) {
-                    const path = findPath(editor, col);
-                    Transforms.setNodes(editor, { colspan: null, rowspan: null, hidden: null }, { at: path });
-                }
-            });
-        });
-    });
-}
-
 const getMinAndMaxCellIndex = (editor, selectedCellPositions, maxRow, maxCol, minRow, minCol, table) => {
     const beforeCols = [];
     const beforeRows = [];
@@ -12166,29 +12268,6 @@ class TableStore {
         this.dangerousColumnsIndex = [...Array(pos.getWidth())].map((_, i) => i);
         this.dangerousCells$.next(cells);
     }
-    setSelectedCellsBackgroundColor(backgroundColor) {
-        const cells = this.selectedCells$.getValue();
-        Editor.withoutNormalizing(this.editor, () => {
-            cells.map(cell => {
-                const cellPath = AngularEditor.findPath(this.editor, cell);
-                Transforms.setNodes(this.editor, { backgroundColor }, { at: cellPath });
-            });
-        });
-    }
-    clearSelectedCellsContent() {
-        const cells = this.getSelectedCellPositions();
-        const tablePosition = createTablePosition(this.editor);
-        if (tablePosition.isInTable()) {
-            Editor.withoutNormalizing(this.editor, () => {
-                for (const { row, col } of cells) {
-                    const cellPath = [...tablePosition.tableEntry[1], row, col];
-                    const node = Node.get(this.editor, cellPath);
-                    TableEditor.clearCell(this.editor, [node, cellPath]);
-                }
-            });
-            Transforms.select(this.editor, Editor.start(this.editor, tablePosition.cellEntry[1]));
-        }
-    }
     /**
      * 聚焦单元格并设置聚焦相关路径及元素
      */
@@ -12308,7 +12387,7 @@ class TheTableContextMenuService {
                 visibility: true,
                 actionHandle: () => { },
                 activeHandle: (event, item) => {
-                    setSelectedCellsBackgroundColor(this.editor, item.backgroundColor, this.tableStore);
+                    TableEditor.setCellsBackgroundColor(this.editor, item.backgroundColor);
                 },
                 deactivateHandle: (event) => {
                     if (event.relatedTarget instanceof HTMLElement) {
@@ -12378,7 +12457,7 @@ class TheTableContextMenuService {
                 name: '清空选中区域',
                 visibility: true,
                 actionHandle: () => {
-                    this.tableStore.clearSelectedCellsContent();
+                    TableEditor.clearCellsContent(this.editor);
                     this.tableStore.selectFirstCell();
                 }
             },
@@ -12388,7 +12467,7 @@ class TheTableContextMenuService {
                 name: '合并单元格',
                 visibility: true,
                 actionHandle: () => {
-                    mergeCell(this.editor, this.tableStore.getSelectedCellPositions());
+                    TableEditor.mergeCell(this.editor);
                 }
             },
             {
@@ -12398,7 +12477,7 @@ class TheTableContextMenuService {
                 divider: true,
                 visibility: true,
                 actionHandle: () => {
-                    splitCell(this.editor);
+                    TableEditor.splitCell(this.editor);
                 }
             },
             {
@@ -12630,7 +12709,7 @@ class TheTableOptionsComponent {
         currentOption.isActive = !option.isActive;
         const tableOption = {};
         tableOption[option.key] = currentOption.isActive || false;
-        setTableOptions(this.editor, { ...tableOption });
+        TableEditor.setTableOptions(this.editor, { ...tableOption });
         // headerRow 兼容代码, 取消标题行的时候同时设置 row 中的 header 属性
         if (option.key === TableOperations.headerRow && !tableOption[option.key] && this.table.children[0].header) {
             const rowPath = TheEditor.findPath(this.editor, this.table.children[0]);
@@ -12697,7 +12776,7 @@ class TheTableToolbarComponent {
                 visibility: false,
                 icon: 'table-merge-cells',
                 actionHandle: () => {
-                    mergeCell(this.editor, this.tableStore.getSelectedCellPositions());
+                    TableEditor.mergeCell(this.editor);
                     this.popoverRef.close();
                     this.tableStore.clearSelectedCells();
                 }
@@ -12708,7 +12787,7 @@ class TheTableToolbarComponent {
                 visibility: false,
                 icon: 'table-unmerge-cells',
                 actionHandle: () => {
-                    splitCell(this.editor);
+                    TableEditor.splitCell(this.editor);
                     this.popoverRef.close();
                     this.tableStore.clearSelectedCells();
                 }
@@ -12775,7 +12854,7 @@ class TheTableToolbarComponent {
         e.stopPropagation();
     }
     changeColor(newColor) {
-        setSelectedCellsBackgroundColor(this.editor, newColor, this.tableStore);
+        TableEditor.setCellsBackgroundColor(this.editor, newColor);
         this.selectedColor = newColor;
     }
     setFullscreen(event) {
@@ -12792,14 +12871,7 @@ class TheTableToolbarComponent {
     }
     setEquallyColumnHandle(event) {
         this.preventDefault(event);
-        const columns = this.tableElement.columns;
-        const sumWidth = columns.reduce((previousValue, currentValue) => {
-            return previousValue + currentValue.width;
-        }, 0);
-        const equalColumns = columns.map(() => {
-            return { width: sumWidth / columns.length };
-        });
-        setNode(this.editor, { columns: equalColumns }, this.tableElement);
+        TableEditor.setEquallyColumn(this.editor);
     }
     openTableOptionMenu(event) {
         this.preventDefault(event);
@@ -12819,7 +12891,7 @@ class TheTableToolbarComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheTableToolbarComponent, deps: [{ token: i1$1.ThyPopover }, { token: i1$1.ThyPopoverRef }, { token: i1$2.ThyNotifyService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    thyTooltip=\"\u5217\u7B49\u5BBD\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    thyTooltip=\"\u5168\u5C4F\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    thyTooltip=\"\u590D\u5236\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>\u8868\u683C\u9009\u9879</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    thyTooltip=\"\u5217\u7B49\u5BBD\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    thyTooltip=\"\u5168\u5C4F\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    thyTooltip=\"\u590D\u5236\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>\u8868\u683C\u9009\u9879</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i5.ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: TheTableToolbarComponent, decorators: [{
             type: Component,
@@ -13901,7 +13973,7 @@ class TheTableComponent extends TheBaseElementComponent {
         }), takeUntil(this.destroy$))
             .subscribe((e) => {
             if (e.type === 'keydown') {
-                this.tableStore.clearSelectedCellsContent();
+                TableEditor.clearCellsContent(this.editor);
             }
             const isCurrentTableElement = this.nativeElement.contains(e.target);
             if (!isCurrentTableElement || (!this.tableStore.pointerSelection && !this.tableStore.areaSelection)) {
@@ -15681,7 +15753,7 @@ const withTable = (editor) => {
                     TableEditor.removeTable(editor);
                 }
                 else {
-                    tableComponent.tableStore.clearSelectedCellsContent();
+                    TableEditor.clearCellsContent(editor);
                 }
                 tableComponent.tableService.closeToolbar();
             });
@@ -16889,5 +16961,5 @@ const withTestPlugin = (plugins, initValue) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createEmptyParagraph, createMentionPlugin, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getMode, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isMobileMode, isPrintMode, isPureEmptyParagraph, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, calcColumnGroups, calcColumnWidth, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, focusCell, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeaderRow, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, uniqueCellPosition, useElementStyle, withMention, withTestPlugin, withTheia };
 //# sourceMappingURL=worktile-theia.mjs.map