@worktile/theia 14.3.16 → 14.3.17

package/fesm2015/worktile-theia.mjs

@@ -6069,14 +6069,16 @@ function sortCell(cells) {
 function setCellIndent(editor, indentType, child, at) {
     var _a, _b;
     const allowedTypes = IndentEditor.getAllowedTypes(editor);
+    if (!Element$1.isElement(child) || !allowedTypes.includes(child.type)) {
+        return;
+    }
     const maxIndent = (_b = (_a = getPluginOptions(editor, PluginKeys.indent)) === null || _a === void 0 ? void 0 : _a.maxIndent) !== null && _b !== void 0 ? _b : [];
     let { indent } = child;
     indent = indentType === Indents.indentRight ? (indent ? ++indent : 1) : indent ? --indent : 0;
     if (indent <= maxIndent) {
         Transforms.setNodes(editor, { indent }, {
             at,
-            mode: 'highest',
-            match: n => Element$1.isElement(n) && allowedTypes.includes(n.type)
+            mode: 'highest'
         });
     }
 }
@@ -6277,14 +6279,7 @@ const TableEditor = {
             const children = getNode(editor, cellPath).children;
             if (children.length) {
                 children.forEach((child, index) => {
-                    if (child.type === ElementKinds.blockquote) {
-                        child.children.forEach((blockquoteChild, blockquoteIndex) => {
-                            setCellIndent(editor, indentType, blockquoteChild, [...cellPath, index, blockquoteIndex]);
-                        });
-                    }
-                    else {
-                        setCellIndent(editor, indentType, child, [...cellPath, index]);
-                    }
+                    setCellIndent(editor, indentType, child, [...cellPath, index]);
                 });
             }
         });
@@ -11308,6 +11303,11 @@ class TableStore {
             const pos = this.createTablePosition();
             return !!this.selectedCells.length && pos.getHeight() * pos.getWidth() === this.selectedCells.length;
         };
+        this.createTablePosition = () => {
+            const { path } = this.editor.selection.anchor;
+            const opts = new TableOptions();
+            return TablePosition.create(opts, this.editor, path);
+        };
     }
     get selectedCells() {
         return this.selectedCells$.getValue();
@@ -11714,11 +11714,6 @@ class TableStore {
         const { dangerousRowsIndex, dangerousColumnsIndex } = this;
         this.removeColumnOrRows(dangerousRowsIndex, dangerousColumnsIndex);
     }
-    createTablePosition() {
-        const { path } = this.editor.selection.anchor;
-        const opts = new TableOptions();
-        return TablePosition.create(opts, this.editor, path);
-    }
     removeColumnOrRows(selectedRowIndexs = this.selectedRowsIndex, selectedColumnIndexs = this.selectedColumnsIndex) {
         var _a;
         const { isSelectedTable } = this;
@@ -11919,6 +11914,7 @@ class TheTableContextMenuService {
                 actionHandle: () => {
                     this.tableStore.removeDangerousColumnsOrRows();
                     this.tableStore.clearDangerousCells();
+                    this.tableStore.clearSelectedCells();
                 },
                 activeHandle: () => {
                     this.tableStore.setDangerousColumns();
@@ -11932,6 +11928,7 @@ class TheTableContextMenuService {
                 actionHandle: () => {
                     TableEditor.removeTable(this.editor);
                     this.tableStore.clearDangerousCells();
+                    this.tableStore.clearSelectedCells();
                 },
                 activeHandle: () => {
                     this.tableStore.setDangerousTable();
@@ -12176,8 +12173,7 @@ class TheTableToolbarComponent {
         const { selectedCells, isSelectedTable } = this.tableStore;
         const tableInfo = { selectedCells, isSelectedTable };
         this.isRectangle = isRectangularInTableCells(this.editor, selectedCells);
-        this.deleteIcon = this.isRectangle && DeleteIcon[this.getDeleteIcon()];
-        this.getIconName(this.deleteIcon);
+        this.setDeleteIcon();
         setCellMenuVisibility(this.editor, this.cellMenuList, tableInfo);
         this.selectedColor = this.tableStore.getSelectedCellBackgroundColor();
         const path = TheEditor.findPath(this.editor, this.tableElement);
@@ -12192,30 +12188,29 @@ class TheTableToolbarComponent {
         (_a = this.tableChangeSubscriber) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         this.colorSelectService.closeColorSelect();
     }
-    getIconName(key) {
-        switch (key) {
-            case 'trash':
-                this.iconName = '删除表格';
-                break;
-            case 'table-delete-columns':
-                this.iconName = '删除整列';
-                break;
-            case 'table-delete-rows':
-                this.iconName = '删除整行';
-                break;
+    setDeleteIcon() {
+        const { selectedCells, selectedRowsIndex, selectedColumnsIndex, createTablePosition } = this.tableStore;
+        const pos = createTablePosition();
+        // 满足已选中整行或者整列
+        const isSelectedWholeRowOrColumnCell = selectedRowsIndex.length * pos.getWidth() === selectedCells.length ||
+            selectedColumnsIndex.length * pos.getHeight() === selectedCells.length;
+        if (!isSelectedWholeRowOrColumnCell) {
+            this.deleteIcon = null;
+            this.iconName = null;
+            return;
         }
-    }
-    getDeleteIcon() {
         if (this.tableStore.isSelectedTable) {
-            return DeleteIcon.trash;
+            this.deleteIcon = DeleteIcon.trash;
+            this.iconName = '删除表格';
         }
         if (this.tableStore.selectedRowsIndex.length > 0) {
-            return DeleteIcon['table-delete-rows'];
+            this.deleteIcon = DeleteIcon['table-delete-rows'];
+            this.iconName = '删除整行';
         }
         if (this.tableStore.selectedColumnsIndex.length > 0) {
-            return DeleteIcon['table-delete-columns'];
+            this.deleteIcon = DeleteIcon['table-delete-columns'];
+            this.iconName = '删除整列';
         }
-        return null;
     }
     onDelete(event) {
         event.preventDefault();
@@ -12294,10 +12289,10 @@ class TheTableToolbarComponent {
     }
 }
 TheTableToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TheTableToolbarComponent, deps: [{ token: i0.NgZone }, { token: TheColorSelectService }, { token: i1$1.ThyPopover }, { token: i1$1.ThyPopoverRef }, { token: i1$2.ThyNotifyService }], target: i0.ɵɵFactoryTarget.Component });
-TheTableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\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            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\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        (mousedown)=\"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        (mousedown)=\"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        (mousedown)=\"onCopy($event)\"\n    ></a>\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($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\n    <ng-container *ngIf=\"tableStore?.isFullscreen ? isRectangle && deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"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: "component", type: i3.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"] }] });
+TheTableToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TheTableToolbarComponent, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\">\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            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\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        (mousedown)=\"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        (mousedown)=\"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        (mousedown)=\"onCopy($event)\"\n    ></a>\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($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\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"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: "component", type: i3.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TheTableToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'the-table-toolbar', template: "<thy-actions thySize=\"xxs\">\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            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\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        (mousedown)=\"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        (mousedown)=\"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        (mousedown)=\"onCopy($event)\"\n    ></a>\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($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\n    <ng-container *ngIf=\"tableStore?.isFullscreen ? isRectangle && deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"onDelete($event)\"\n            (mouseenter)=\"onEnterDelete($event)\"\n            (mouseleave)=\"onLeaveDelete($event)\"\n        ></a>\n    </ng-container>\n</thy-actions>\n" }]
+            args: [{ selector: 'the-table-toolbar', template: "<thy-actions thySize=\"xxs\">\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            (mousedown)=\"item.actionHandle()\"\n        ></a>\n    </ng-container>\n    <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"> </thy-divider>\n    <a href=\"javascript:;\" thyAction thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\" (mousedown)=\"openSelectColor($event)\">\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        (mousedown)=\"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        (mousedown)=\"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        (mousedown)=\"onCopy($event)\"\n    ></a>\n    <ng-container *ngIf=\"tableStore.isSelectedTable\">\n        <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n        <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"mousedown($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\"></thy-divider>\n        <a\n            href=\"javascript:;\"\n            thyAction\n            thyType=\"danger\"\n            [thyActionIcon]=\"deleteIcon\"\n            [thyTooltip]=\"iconName\"\n            (mousedown)=\"onDelete($event)\"\n            (mouseenter)=\"onEnterDelete($event)\"\n            (mouseleave)=\"onLeaveDelete($event)\"\n        ></a>\n    </ng-container>\n</thy-actions>\n" }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: TheColorSelectService }, { type: i1$1.ThyPopover }, { type: i1$1.ThyPopoverRef }, { type: i1$2.ThyNotifyService }]; }, propDecorators: { tableStore: [{
                 type: Input
             }], tableElement: [{
@@ -12305,9 +12300,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 var DeleteIcon;
 (function (DeleteIcon) {
-    DeleteIcon[DeleteIcon["table-delete-rows"] = 0] = "table-delete-rows";
-    DeleteIcon[DeleteIcon["table-delete-columns"] = 1] = "table-delete-columns";
-    DeleteIcon[DeleteIcon["trash"] = 2] = "trash";
+    DeleteIcon["table-delete-rows"] = "table-delete-rows";
+    DeleteIcon["table-delete-columns"] = "table-delete-columns";
+    DeleteIcon["trash"] = "trash";
 })(DeleteIcon || (DeleteIcon = {}));
 
 class TableService {
@@ -13222,6 +13217,8 @@ class TheTableComponent extends TheBaseElementComponent {
                 .subscribe((event) => {
                 if (isHotkey('mod', event) && !this.readonly) {
                     this.tableStore.pointerSelection = true;
+                    const cell = this.tbodyElement.nativeElement.querySelector('.focused-cell');
+                    cell && this.tableStore.selectCellStart(cell, this.editor);
                 }
             });
             fromEvent(document, 'keyup')