@worktile/theia 15.0.1 → 15.0.2

package/interfaces/editor.d.ts

@@ -91,7 +91,6 @@ export interface TheOptions {
     disabled?: boolean;
     autoFocus?: boolean;
     placeholder?: string;
-    placeholderDecorate?: (editor: Editor) => SlatePlaceholder[];
     inlineToolbarVisible?: boolean;
     scrollContainer?: string;
     maxHeight?: number;
@@ -101,6 +100,8 @@ export interface TheOptions {
     menu?: ThePluginMenuItemConfig[];
     disablePlugins?: string[];
     extraElementOptions?: ElementOptionsInfo[];
+    neededScrollIntoView?: (e: Editor) => boolean;
+    placeholderDecorate?: (e: Editor) => SlatePlaceholder[];
 }
 export type NodeMatch<T = Node> = Predicate<T>;
 export interface MatchOptions<T = Node> {

package/package.json

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

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

@@ -35,7 +35,6 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     tablePluginOptions: ThePluginOption<ThePluginTableOption>;
     isStickyTop: boolean;
     scrollContainerTop: number;
-    tableWrapperMarginTop: number;
     previousScrollContainer: string;
     get columns(): TheTableColumn[];
     get nativeElement(): HTMLElement;
@@ -45,6 +44,7 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     tbodyElement: ElementRef;
     columnControlsWrapper: ElementRef<HTMLElement>;
     cornerControl: ElementRef<HTMLElement>;
+    rowControlsInner: ElementRef<HTMLElement>;
     rowControlsButtonWrapper: QueryList<ElementRef<HTMLElement>>;
     handleMousedown(event: MouseEvent): void;
     onContextChange(): void;

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;
                 }
             }
 
@@ -172,9 +182,6 @@ $top-cell-z-index: 13;
     }
 
     &:not(.the-table-with-controls) {
-        .the-table {
-            margin-top: 0;
-        }
         .the-table-numbered {
             .the-table {
                 margin-top: 13px;
@@ -284,7 +291,7 @@ $top-cell-z-index: 13;
             }
         }
 
-        &.active,
+        &.control-active,
         &.dangerous {
             &::before,
             &::after {
@@ -305,7 +312,7 @@ $top-cell-z-index: 13;
             }
         }
 
-        &.active {
+        &.control-active {
             @include mixins.controlSelected;
             z-index: 11;
         }
@@ -320,11 +327,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 +465,7 @@ $top-cell-z-index: 13;
         top: -$dot-size;
     }
 
-    &.active {
+    &.control-active {
         .the-table-corner-button {
             @include mixins.controlSelected;
         }
@@ -565,7 +580,7 @@ $top-cell-z-index: 13;
             cursor: pointer;
         }
 
-        &.active {
+        &.control-active {
             z-index: 1;
 
             .the-table-controls-button,

package/plugins/table/components/td/td.component.d.ts

@@ -77,6 +77,7 @@ export declare class TheTdComponent extends TheBaseElementComponent<TableCellEle
     private _showHandleOverlay;
     private updateOverlayHandleSizeAndOffset;
     private updateOverlayHandleColumnSize;
+    private getIsStickyTopRow;
     private updateOverlayHandleRowSize;
     private applySize;
     private _createOverlayForHandle;

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<void>;
     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/table.types.d.ts

@@ -22,6 +22,7 @@ export interface TheTableComponentBase extends TheBaseElementComponent {
 export declare const BASE_CELL_HEIGHT = 41;
 export declare const BASE_FILL_HEIGHT: number;
 export declare const BASE_CELL_INNER_HEIGHT: number;
+export declare const TableWithStickyRowClass = "the-table-with-sticky-row";
 export interface TheTableColumn {
     width: number;
 }

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[];

package/utils/index.d.ts

@@ -8,7 +8,7 @@ export * from './merge-element-options';
 export * from './dom';
 export * from './fragment';
 export * from './auto-focus';
-export * from './auto-scroll-view';
+export * from './scroll-into-view';
 export * from './id-creator';
 export * from './editor-uuid';
 export * from './blob';

package/utils/{auto-scroll-view.d.ts → scroll-into-view.d.ts}

@@ -3,4 +3,4 @@ import { Editor } from 'slate';
  * reset the sliding distance when the viewport position of the sliding
  * container coincides with the viewport position of the focus element
  */
-export declare const autoScrollViewHandle: (editor: Editor, scrollContainer: string) => void;
+export declare const scrollIntoView: (editor: Editor, scrollContainer?: string) => void;

package/esm2020/utils/auto-scroll-view.mjs

@@ -1,24 +0,0 @@
-import { getEditableElementHeight } from './get-editable-element-height';
-let previousHeight = 0;
-/**
- * reset the sliding distance when the viewport position of the sliding
- * container coincides with the viewport position of the focus element
- */
-export const autoScrollViewHandle = (editor, scrollContainer) => {
-    const currentHeight = getEditableElementHeight(editor);
-    const currentNodeElement = window.getSelection().focusNode.parentElement;
-    const scrollContainerElement = currentNodeElement.closest(scrollContainer);
-    // the added sliding distance is the height of the
-    // current editing area minus the height of the last editing area
-    const scrollHeight = currentHeight - previousHeight;
-    if (scrollContainerElement && previousHeight !== 0 && scrollHeight > 0) {
-        const focusBlockRect = currentNodeElement.getBoundingClientRect();
-        const scrollContainerRect = scrollContainerElement.getBoundingClientRect();
-        const bottom = scrollContainerRect.bottom - focusBlockRect.bottom;
-        if (bottom < 30) {
-            scrollContainerElement.scrollTop = scrollContainerElement.scrollTop + scrollHeight;
-        }
-    }
-    previousHeight = currentHeight;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1zY3JvbGwtdmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL3NyYy91dGlscy9hdXRvLXNjcm9sbC12aWV3LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXpFLElBQUksY0FBYyxHQUFHLENBQUMsQ0FBQztBQUV2Qjs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLE1BQWMsRUFBRSxlQUF1QixFQUFFLEVBQUU7SUFDNUUsTUFBTSxhQUFhLEdBQUcsd0JBQXdCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkQsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQztJQUN6RSxNQUFNLHNCQUFzQixHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUUzRSxrREFBa0Q7SUFDbEQsaUVBQWlFO0lBQ2pFLE1BQU0sWUFBWSxHQUFHLGFBQWEsR0FBRyxjQUFjLENBQUM7SUFFcEQsSUFBSSxzQkFBc0IsSUFBSSxjQUFjLEtBQUssQ0FBQyxJQUFJLFlBQVksR0FBRyxDQUFDLEVBQUU7UUFDcEUsTUFBTSxjQUFjLEdBQUcsa0JBQWtCLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNsRSxNQUFNLG1CQUFtQixHQUFHLHNCQUFzQixDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDM0UsTUFBTSxNQUFNLEdBQUcsbUJBQW1CLENBQUMsTUFBTSxHQUFHLGNBQWMsQ0FBQyxNQUFNLENBQUM7UUFDbEUsSUFBSSxNQUFNLEdBQUcsRUFBRSxFQUFFO1lBQ2Isc0JBQXNCLENBQUMsU0FBUyxHQUFHLHNCQUFzQixDQUFDLFNBQVMsR0FBRyxZQUFZLENBQUM7U0FDdEY7S0FDSjtJQUNELGNBQWMsR0FBRyxhQUFhLENBQUM7QUFDbkMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWRpdG9yIH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IHsgZ2V0RWRpdGFibGVFbGVtZW50SGVpZ2h0IH0gZnJvbSAnLi9nZXQtZWRpdGFibGUtZWxlbWVudC1oZWlnaHQnO1xuXG5sZXQgcHJldmlvdXNIZWlnaHQgPSAwO1xuXG4vKipcbiAqIHJlc2V0IHRoZSBzbGlkaW5nIGRpc3RhbmNlIHdoZW4gdGhlIHZpZXdwb3J0IHBvc2l0aW9uIG9mIHRoZSBzbGlkaW5nXG4gKiBjb250YWluZXIgY29pbmNpZGVzIHdpdGggdGhlIHZpZXdwb3J0IHBvc2l0aW9uIG9mIHRoZSBmb2N1cyBlbGVtZW50XG4gKi9cbmV4cG9ydCBjb25zdCBhdXRvU2Nyb2xsVmlld0hhbmRsZSA9IChlZGl0b3I6IEVkaXRvciwgc2Nyb2xsQ29udGFpbmVyOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBjdXJyZW50SGVpZ2h0ID0gZ2V0RWRpdGFibGVFbGVtZW50SGVpZ2h0KGVkaXRvcik7XG4gICAgY29uc3QgY3VycmVudE5vZGVFbGVtZW50ID0gd2luZG93LmdldFNlbGVjdGlvbigpLmZvY3VzTm9kZS5wYXJlbnRFbGVtZW50O1xuICAgIGNvbnN0IHNjcm9sbENvbnRhaW5lckVsZW1lbnQgPSBjdXJyZW50Tm9kZUVsZW1lbnQuY2xvc2VzdChzY3JvbGxDb250YWluZXIpO1xuXG4gICAgLy8gdGhlIGFkZGVkIHNsaWRpbmcgZGlzdGFuY2UgaXMgdGhlIGhlaWdodCBvZiB0aGVcbiAgICAvLyBjdXJyZW50IGVkaXRpbmcgYXJlYSBtaW51cyB0aGUgaGVpZ2h0IG9mIHRoZSBsYXN0IGVkaXRpbmcgYXJlYVxuICAgIGNvbnN0IHNjcm9sbEhlaWdodCA9IGN1cnJlbnRIZWlnaHQgLSBwcmV2aW91c0hlaWdodDtcblxuICAgIGlmIChzY3JvbGxDb250YWluZXJFbGVtZW50ICYmIHByZXZpb3VzSGVpZ2h0ICE9PSAwICYmIHNjcm9sbEhlaWdodCA+IDApIHtcbiAgICAgICAgY29uc3QgZm9jdXNCbG9ja1JlY3QgPSBjdXJyZW50Tm9kZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IHNjcm9sbENvbnRhaW5lclJlY3QgPSBzY3JvbGxDb250YWluZXJFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCBib3R0b20gPSBzY3JvbGxDb250YWluZXJSZWN0LmJvdHRvbSAtIGZvY3VzQmxvY2tSZWN0LmJvdHRvbTtcbiAgICAgICAgaWYgKGJvdHRvbSA8IDMwKSB7XG4gICAgICAgICAgICBzY3JvbGxDb250YWluZXJFbGVtZW50LnNjcm9sbFRvcCA9IHNjcm9sbENvbnRhaW5lckVsZW1lbnQuc2Nyb2xsVG9wICsgc2Nyb2xsSGVpZ2h0O1xuICAgICAgICB9XG4gICAgfVxuICAgIHByZXZpb3VzSGVpZ2h0ID0gY3VycmVudEhlaWdodDtcbn07XG4iXX0=