@worktile/theia 14.3.15 → 14.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "14.3.15",
+  "version": "14.3.17",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/plugins/table/components/table.component.scss

@@ -53,6 +53,7 @@ $top-cell-z-index: 13;
                         left: unset;
                         right: -8px;
                         height: 100%;
+                        z-index: 0;
                     }
                 }
                 &.the-table-left-shadow.focused-cell {
@@ -112,35 +113,36 @@ $top-cell-z-index: 13;
     &.the-table-selection-hide ::selection {
         background: transparent;
     }
-}
 
-.the-table-container {
-    position: relative;
-    box-sizing: border-box;
-    margin: 0 auto 16px;
-
-    &.the-table-right-shadow {
-        @include mixins.tableRightShadow;
-    }
+    .the-table-container {
+        position: relative;
+        box-sizing: border-box;
+        margin: 0 auto 16px;
+        .the-table-wrapper {
+            padding-top: 10px;
+            margin-top: -10px;
+            z-index: 0;
+            position: relative;
+            overflow: auto;
+        }
 
-    &.the-table-left-shadow {
-        @include mixins.tableLeftShadow;
+        .the-table-row-controls-wrapper {
+            position: absolute;
+            left: -$control-width;
+            top: 23px;
+            user-select: none;
+            z-index: 1;
+        }
     }
 
-    .the-table-wrapper {
-        padding-top: 10px;
-        margin-top: -10px;
-        z-index: 0;
-        position: relative;
-        overflow: auto;
-    }
+    &:not(.the-table-with-sticky-column) {
+        .the-table-container.the-table-right-shadow {
+            @include mixins.tableRightShadow;
+        }
 
-    .the-table-row-controls-wrapper {
-        position: absolute;
-        left: -$control-width;
-        top: 23px;
-        user-select: none;
-        z-index: 1;
+        .the-table-container.the-table-left-shadow {
+            @include mixins.tableLeftShadow;
+        }
     }
 }
 
@@ -165,8 +167,8 @@ $top-cell-z-index: 13;
         }
     }
 
-    .the-table-col-controls-wrapper.the-sticky-row{
-       display: none;
+    .the-table-col-controls-wrapper.the-sticky-row {
+        display: none;
     }
 
     &:not(.the-table-with-controls) {
@@ -213,10 +215,9 @@ $top-cell-z-index: 13;
             height: 11px;
         }
     }
-
 }
 
-.the-numberd-table {
+.the-numberd-table:not(.the-table-with-sticky-column) {
     .the-table-container {
         &.the-table-left-shadow {
             &::before {
@@ -320,6 +321,11 @@ $top-cell-z-index: 13;
         }
 
         &.the-sticky-cell {
+            &:after {
+                @include mixins.cellInset;
+                left: -2px;
+                border-right: $controls-border;
+            }
             &.the-table-left-shadow {
                 z-index: $top-cell-z-index;
                 @include mixins.tableLeftShadow;
@@ -328,6 +334,7 @@ $top-cell-z-index: 13;
                     left: unset;
                     right: -8px;
                     height: 100%;
+                    z-index: 0;
                 }
             }
         }
@@ -337,26 +344,28 @@ $top-cell-z-index: 13;
         }
     }
 
-    .the-table-container {
-        &.the-table-right-shadow::after {
-            top: $expand-size + 10px + 1;
-        }
+    &:not(.the-table-with-sticky-column) {
+        .the-table-container {
+            &.the-table-right-shadow::after {
+                top: $expand-size + 10px + 1;
+            }
 
-        &.the-table-left-shadow::before {
-            top: $expand-size + 10px + 1;
-        }
+            &.the-table-left-shadow::before {
+                top: $expand-size + 10px + 1;
+            }
 
-        &.the-table-left-shadow {
-            .the-table-row-controls-wrapper {
-                &::after {
-                    top: 0;
+            &.the-table-left-shadow {
+                .the-table-row-controls-wrapper {
+                    &::after {
+                        top: 0;
+                    }
                 }
             }
-        }
 
-        .the-table-wrapper {
-            margin-left: -11px;
-            padding-left: 11px;
+            .the-table-wrapper {
+                margin-left: -11px;
+                padding-left: 11px;
+            }
         }
     }
 

package/plugins/table/components/toolbar/table-toolbar.component.d.ts

@@ -15,7 +15,7 @@ export declare class TheTableToolbarComponent implements OnInit, OnDestroy {
     private popoverRef;
     private thyNotifyService;
     selectedColor: string;
-    deleteIcon: string;
+    deleteIcon: DeleteIcon;
     iconName: string;
     isRectangle: boolean;
     isColumnEqual: boolean;
@@ -29,8 +29,7 @@ export declare class TheTableToolbarComponent implements OnInit, OnDestroy {
     constructor(ngZone: NgZone, colorSelectService: TheColorSelectService, thyPopover: ThyPopover, popoverRef: ThyPopoverRef<TheTableToolbarComponent>, thyNotifyService: ThyNotifyService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getIconName(key: string): void;
-    getDeleteIcon(): DeleteIcon;
+    setDeleteIcon(): void;
     onDelete(event: MouseEvent): void;
     onEnterDelete(event: MouseEvent): void;
     onLeaveDelete(event: MouseEvent): void;
@@ -44,7 +43,7 @@ export declare class TheTableToolbarComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<TheTableToolbarComponent, "the-table-toolbar", never, { "tableStore": "tableStore"; "tableElement": "tableElement"; }, {}, never, never, false>;
 }
 export declare enum DeleteIcon {
-    'table-delete-rows' = 0,
-    'table-delete-columns' = 1,
-    'trash' = 2
+    'table-delete-rows' = "table-delete-rows",
+    'table-delete-columns' = "table-delete-columns",
+    'trash' = "trash"
 }

package/plugins/table/table.store.d.ts

@@ -25,14 +25,15 @@ export declare class TableStore {
     isPrepareSelecting: boolean;
     isCellSelecting: boolean;
     isRightClicking: boolean;
+    pointerSelection: boolean;
     maxCol: number;
-    isModSelecting: boolean;
     get selectedCells(): CellPosition[];
     get dangerousCells(): CellPosition[];
     constructor();
     isSelectedAllCell: () => boolean;
     getTableEntry(): import("slate").NodeEntry<TableElement>;
     getTablePath(): import("slate").Path;
+    updateCellPositionRefs(row?: number, col?: number): void;
     setSelectedCells(cells: CellPosition[], pos: TablePosition): void;
     initEditor(editor: Editor): void;
     /**
@@ -77,7 +78,7 @@ export declare class TableStore {
     mergeCell(editor: Editor): void;
     setTableOptions(editor: Editor, newOptions: TheTableOptions): void;
     removeDangerousColumnsOrRows(): void;
-    createTablePosition(): TablePosition;
+    createTablePosition: () => TablePosition;
     removeColumnOrRows(selectedRowIndexs?: number[], selectedColumnIndexs?: number[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;

package/plugins/table/utils/set-menu-cell-invisibility.d.ts

@@ -3,6 +3,7 @@ import { MenuEntity, CellPosition } from '../table.types';
 export declare function setCellMenuVisibility(editor: Editor, menuList: MenuEntity[], tableInfo: {
     selectedCells: CellPosition[];
     isFullscreen?: boolean;
+    isSelectedTable?: boolean;
     selectedRowsIndex?: number[];
     selectedColumnsIndex?: number[];
 }): void;

package/services/table-contextmenu.service.d.ts

@@ -21,6 +21,11 @@ export declare class TheTableContextMenuService {
     getSelectedCell(): {
         row: number;
         col: number;
+        selectCellNodes: {
+            node: import("@worktile/theia").TableCellElement;
+            row: number;
+            col: number;
+        }[];
     };
     getTargetRowOrColIndex(isFront?: boolean): {
         targetRowIndex: number;