@worktile/theia 14.3.18 → 14.3.19

package/package.json

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

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

@@ -41,9 +41,16 @@ $top-cell-z-index: 13;
             cursor: text;
 
             &.the-sticky-cell {
-                &:after {
-                    @include mixins.cellInset;
-                    border: $controls-border;
+                &:not(.focused-cell):not(.selected-cell):after {
+                    content: '';
+                    width: 1px;
+                    height: 100%;
+                    right: -1px;
+                    background: variables.$gray-300;
+                    top: 0;
+                    display: block;
+                    position: absolute;
+                    z-index: $top-cell-z-index;
                 }
                 &.the-table-left-shadow {
                     z-index: 12;
@@ -67,6 +74,9 @@ $top-cell-z-index: 13;
                     @include mixins.cellInset;
                     z-index: -1;
                     border: 1px solid variables.$primary;
+                    width: unset;
+                    height: unset;
+                    background: unset;
                 }
             }
 
@@ -284,7 +294,7 @@ $top-cell-z-index: 13;
             }
         }
 
-        &.active,
+        &.control-active,
         &.dangerous {
             &::before,
             &::after {
@@ -305,7 +315,7 @@ $top-cell-z-index: 13;
             }
         }
 
-        &.active {
+        &.control-active {
             @include mixins.controlSelected;
             z-index: 11;
         }
@@ -320,11 +330,19 @@ $top-cell-z-index: 13;
             }
         }
 
-        &.the-sticky-cell {
-            &:after {
-                @include mixins.cellInset;
-                left: -2px;
-                border-right: $controls-border;
+        &.the-sticky-cell:not(.avtive) {
+            &:not(.active):not(.danger){
+                &:after{
+                    content: '';
+                    width: 1px;
+                    height: 100%;
+                    right: -1px;
+                    background: variables.$gray-300;
+                    top: 0;
+                    display: block;
+                    position: absolute;
+                    z-index: $top-cell-z-index;
+                }
             }
             &.the-table-left-shadow {
                 z-index: $top-cell-z-index;
@@ -450,7 +468,7 @@ $top-cell-z-index: 13;
         top: -$dot-size;
     }
 
-    &.active {
+    &.control-active {
         .the-table-corner-button {
             @include mixins.controlSelected;
         }
@@ -565,7 +583,7 @@ $top-cell-z-index: 13;
             cursor: pointer;
         }
 
-        &.active {
+        &.control-active {
             z-index: 1;
 
             .the-table-controls-button,

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

@@ -3,7 +3,7 @@ import { Editor } from 'slate';
 import { TablePosition } from './utils';
 import { ColorType } from '../../constants/color-select';
 import { CellPosition, TheTableOptions } from './table.types';
-import { TableElement } from '../../custom-types';
+import { TableCellElement, TableElement } from '../../custom-types';
 import * as i0 from "@angular/core";
 export declare class TableStore {
     private selectedCells$;
@@ -27,13 +27,17 @@ export declare class TableStore {
     isRightClicking: boolean;
     pointerSelection: boolean;
     maxCol: number;
-    get selectedCells(): CellPosition[];
+    get selectedCellPositions(): CellPosition[];
     get dangerousCells(): CellPosition[];
     constructor();
     isSelectedAllCell: () => boolean;
     getTableEntry(): import("slate").NodeEntry<TableElement>;
     getTablePath(): import("slate").Path;
-    updateCellPositionRefs(row?: number, col?: number): void;
+    getSelectedCellPositions(): {
+        row: number;
+        col: number;
+    }[];
+    calculateSelectedColumnsAndRowIndex(): void;
     setSelectedCells(cells: CellPosition[], pos: TablePosition): void;
     initEditor(editor: Editor): void;
     /**
@@ -53,7 +57,7 @@ export declare class TableStore {
     getMinAndMaxCellIndex(maxRow: number, maxCol: number, minRow: number, minCol: number, table: TableElement): any;
     selectCell(cell: HTMLTableCellElement, editor: Editor): void;
     getCellPositionsBeforeMerge({ row, col }: CellPosition): CellPosition[];
-    selectedCellsChange(): Observable<CellPosition[]>;
+    selectedCellsChange(): Observable<TableCellElement[]>;
     cellsPositionChange(): Observable<object>;
     changeCells(): void;
     emitTableChange(): void;
@@ -67,7 +71,7 @@ export declare class TableStore {
     dangerousCellsChange(): Observable<CellPosition[]>;
     setDangerousCells(): void;
     clearDangerousCells(): void;
-    dangerousOrSelectedCellsChange(): Observable<CellPosition[]>;
+    dangerousOrSelectedCellsChange(): Observable<TableCellElement[] | CellPosition[]>;
     setDangerousRows(): void;
     setDangerousColumns(): void;
     setDangerousTable(): void;

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

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