@worktile/theia 16.3.4 → 16.4.0-next.1

package/interfaces/editor.d.ts

@@ -53,7 +53,7 @@ export declare const TheEditor: {
     findEventRange(editor: AngularEditor, event: any): import("slate").BaseRange;
     isLeafInEditor(editor: AngularEditor, leafNode: globalThis.Element): boolean;
     toSlatePoint(editor: AngularEditor, domPoint: import("slate-angular").DOMPoint): import("slate").BasePoint;
-    toSlateRange(editor: AngularEditor, domRange: globalThis.Range | StaticRange | Selection): import("slate").BaseRange;
+    toSlateRange(editor: AngularEditor, domRange: Selection | globalThis.Range | StaticRange): import("slate").BaseRange;
     isLeafBlock(editor: AngularEditor, node: Node): boolean;
     isBlockCardLeftCursor(editor: AngularEditor): boolean;
     isBlockCardRightCursor(editor: AngularEditor): boolean;

package/package.json

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

package/plugins/code/code.component.d.ts

@@ -1,5 +1,5 @@
 import { Overlay } from '@angular/cdk/overlay';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { CodeMirrorComponent } from 'ng-codemirror';
 import { ThyNotifyService } from 'ngx-tethys/notify';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
@@ -19,7 +19,6 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     private contextService;
     private ngZone;
     private thyPopover;
-    private viewContainerRef;
     private overlay;
     startRenderCodemirror: boolean;
     dropdownMode: typeof DropdownMode;
@@ -48,7 +47,7 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
     toolbarDropdownComponent: TheToolbarDropdownComponent;
     get code(): string;
     get isToolbarOpen(): boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, contextService: TheContextService, ngZone: NgZone, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef, overlay: Overlay);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, contextService: TheContextService, ngZone: NgZone, thyPopover: ThyPopover, overlay: Overlay);
     onContextChange(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/plugins/code/code.editor.d.ts

@@ -1,7 +1,8 @@
 import { Editor } from 'slate';
 import { CodeElement } from '../../custom-types';
 export declare const CodeEditor: {
-    setCodeAttribute(editor: Editor, props: Partial<CodeElement>, element?: CodeElement): void;
+    setCodeAttribute(editor: Editor, element: CodeElement, value: {
+        [key: string]: unknown;
+    }): void;
     insertCode(editor: Editor): void;
-    removeCode(editor: Editor, code?: CodeElement): void;
 };

package/plugins/image/image.component.d.ts

@@ -1,5 +1,5 @@
 import { Overlay } from '@angular/cdk/overlay';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ThyImageDirective, ThyImageGroupComponent } from 'ngx-tethys/image';
 import { ThyPopover } from 'ngx-tethys/popover';
 import { Editor } from 'slate';
@@ -17,7 +17,6 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     private theContextService;
     private thyPopover;
     private overlay;
-    private viewContainerRef;
     imageGroupComponent: ThyImageGroupComponent;
     naturalWidth: number;
     naturalHeight: number;
@@ -44,7 +43,7 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     img: ElementRef;
     layoutToolbar: TemplateRef<any>;
     imageDirective: ThyImageDirective;
-    constructor(elementRef: ElementRef, imageUploaderService: TheImageUploaderService, cdr: ChangeDetectorRef, theContextService: TheContextService, thyPopover: ThyPopover, overlay: Overlay, viewContainerRef: ViewContainerRef, imageGroupComponent: ThyImageGroupComponent);
+    constructor(elementRef: ElementRef, imageUploaderService: TheImageUploaderService, cdr: ChangeDetectorRef, theContextService: TheContextService, thyPopover: ThyPopover, overlay: Overlay, imageGroupComponent: ThyImageGroupComponent);
     beforeContextChange: (value: SlateElementContext<ImageElement>) => void;
     ngOnInit(): void;
     imageClick(): void;
@@ -69,7 +68,10 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     openLayoutToolbar(): void;
     closeLayoutToolbar(): void;
     layoutActive(key: Alignment | LayoutTypes): boolean;
-    setImageNode(e: MouseEvent, props: Partial<ImageElement>): void;
+    setImageNode(e: MouseEvent, partial: {
+        layout?: LayoutTypes;
+        align?: Alignment;
+    }): void;
     setBlockCardLayoutAttr(): void;
     onDelete(event: MouseEvent): void;
     createPositionStrategy(): import("@angular/cdk/overlay").FlexibleConnectedPositionStrategy;

package/plugins/image/image.editor.d.ts

@@ -1,12 +1,16 @@
-import { Editor } from 'slate';
+import { Editor, Path } from 'slate';
+import { Alignment, LayoutTypes } from '../../constants';
 import { ImageElement } from '../../custom-types';
 export declare const ImageEditor: {
     openUpload(editor: Editor): void;
     insertImages(editor: Editor, imageFiles: FileList | File[]): void;
     handleBase64ImageElement(editor: Editor, image: ImageElement): void;
     verifyImage(editor: Editor, image: File): boolean;
-    isActive(editor: Editor): boolean;
-    setImageNode(editor: Editor, props: Partial<ImageElement>, image?: ImageElement): void;
+    isImageActive(editor: Editor): boolean;
+    setImageNode(editor: Editor, path: Path, partial: {
+        layout?: LayoutTypes;
+        align?: Alignment;
+    }): void;
     isBase64(url: string): boolean;
     /**
      * 设置图片来源
@@ -14,5 +18,4 @@ export declare const ImageEditor: {
      * @param image 图片节点
      */
     setImageSource(editor: Editor, image: ImageElement): void;
-    removeImage(editor: Editor, image?: ImageElement): void;
 };

package/plugins/link/edit/link-edit.component.d.ts

@@ -1,14 +1,13 @@
 import { OnInit } from '@angular/core';
 import { ThyPopoverRef } from 'ngx-tethys/popover';
-import { Range, Editor } from 'slate';
+import { Range, Node, Editor } from 'slate';
 import { LinkTags } from '../link.types';
-import { LinkElement } from '../../../custom-types';
 import * as i0 from "@angular/core";
 export declare class TheLinkEditComponent implements OnInit {
     thyPopoverRef: ThyPopoverRef<any>;
     className: string;
     tag: LinkTags;
-    node: LinkElement;
+    node: Node;
     link: string;
     text: string;
     originSelection: Range;

package/plugins/link/link.component.d.ts

@@ -1,5 +1,5 @@
 import { Overlay } from '@angular/cdk/overlay';
-import { OnInit, ElementRef, OnDestroy, ChangeDetectorRef, ViewContainerRef } from '@angular/core';
+import { OnInit, ElementRef, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
 import { Editor } from 'slate';
 import { LinkElement } from '../../custom-types';
@@ -12,12 +12,11 @@ export declare class TheBaseLinkComponent extends TheBaseElementComponent<LinkEl
     cdr: ChangeDetectorRef;
     private thyPopover;
     private overlay;
-    private viewContainerRef;
     thyPopoverHoverRef: ThyPopoverRef<any>;
     thyPopoverEditRef: ThyPopoverRef<any>;
     get linkHoverOpened(): boolean;
     get linkEditOpened(): boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyPopover: ThyPopover, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyPopover: ThyPopover, overlay: Overlay);
     ngOnInit(): void;
     closeHoverPopover(): void;
     beforeContextChange: (value: SlateElementContext) => void;

package/plugins/link/link.editor.d.ts

@@ -1,9 +1,7 @@
 import { Editor } from 'slate';
-import { LinkElement } from '../../custom-types';
 export declare const LinkEditor: {
     insertLink(editor: Editor): void;
-    isActive(editor: Editor): boolean;
+    isLinkActive(editor: Editor): boolean;
     wrapLink(editor: Editor, text: string, url: string): void;
     unwrapLink(editor: Editor): void;
-    updateLink(editor: Editor, element: LinkElement, url: string, text: string): void;
 };

package/plugins/public-api.d.ts

@@ -12,7 +12,6 @@ export * from './mark/mark.editor';
 export * from './mention/index';
 export * from './quick-insert/quick-insert.editor';
 export * from './table/table.editor';
-export * from './table/utils';
 export * from './todo-item/todo-item.editor';
 export * from './vertical-align/vertical-align.editor';
 export * from './inline-code/inline-code.editor';

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

@@ -1,20 +1,25 @@
-import { ChangeDetectorRef, ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { TableRowElement } from '../../../../custom-types';
 import { TheBaseElementComponent } from '../../../../interfaces/view-base';
-import { TablePosition } from '../../utils';
+import { AfterContextChange } from 'slate-angular';
 import * as i0 from "@angular/core";
-export declare class TheTableRowComponent extends TheBaseElementComponent<TableRowElement> implements OnInit {
+export declare class TheTableRowComponent extends TheBaseElementComponent<TableRowElement> implements OnInit, AfterViewInit, AfterContextChange {
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     private renderer;
     height: string;
     numberedColumn: boolean;
     rowNumber: number | string;
+    numberedColumnRef: ElementRef<HTMLElement>;
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, renderer: Renderer2);
     onContextChange(): void;
+    afterContextChange(): void;
     ngOnInit(): void;
-    useHeight(): void;
-    setNumberColumn(ps: TablePosition, rowIndex: number): void;
+    ngAfterViewInit(): void;
+    setHeight(): void;
+    setStickyRowClass(rowIndex: number): void;
+    setNumberColumn(rowIndex: number): void;
+    updateNumberedColumnPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTableRowComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheTableRowComponent, "tr[theTableRow]", never, {}, {}, never, never, false, never>;
 }

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

@@ -24,7 +24,6 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     private renderer;
     private contextService;
     private config;
-    headerRow: boolean;
     isSelectedAllCell: boolean;
     destroy$: Subject<void>;
     rowControls: {
@@ -35,15 +34,18 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     isInTable: boolean;
     tablePluginOptions: ThePluginOption<ThePluginTableOption>;
     isStickyTop: boolean;
-    isScrollX: boolean;
+    isScrolledXOfScrollContainer: boolean;
     scrollContainerTop: number;
-    tableRectLeft: number;
     isRightShadow: boolean;
     isLeftShadow: boolean;
     previousScrollContainer: string;
     columns: TheTableColumn[];
     isMobileMode: boolean;
     selectedCells: TableCellElement[];
+    tableWrapperWidth: number;
+    tableWrapperLeft: number;
+    isFreezeRow: boolean;
+    isFreezeColumn: boolean;
     get nativeElement(): HTMLElement;
     get tbodyNativeElement(): HTMLElement;
     tableWrapper: ElementRef<HTMLElement>;
@@ -58,31 +60,34 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     colgroup: ElementRef<HTMLElement>;
     rowControlsButtonWrapper: QueryList<ElementRef<HTMLElement>>;
     handleMousedown(event: MouseEvent): void;
+    getOutletElement: () => any;
     onContextChange(): void;
     constructor(elementRef: ElementRef<HTMLElement>, eventDispatcher: TableCellEventDispatcher, resizeNotifier: ColumnResizeNotifierSource, tableStore: TableStore, cdr: ChangeDetectorRef, ngZone: NgZone, tableService: TableService, theTableContextMenuService: TheTableContextMenuService, freezeColumnPipe: TableFreezeColumnPipe, freezeRowPipe: TableFreezeRowPipe, renderer: Renderer2, contextService: TheContextService, config: TheModeConfig);
     ngOnInit(): void;
-    getWrapperWidth(): number;
+    getWrapperWidthAndLeft(): void;
     ngAfterViewInit(): void;
-    getColumnGroups(): void;
     setHeaderRowShadow(): void;
     calcHeaderRowShadow(): {
-        height: any;
+        height: number;
         top: number;
     };
-    subscribeScrollContainerScroll(): void;
-    setHeaderCellStyle(): void;
-    removeHeaderCellStyle(cells: TableCellElement[]): void;
-    setHeaderColumnAndControlStyle(cells: TableCellElement[]): void;
+    subscribeScrollContainerScroll(tableWrapperLeft: number): void;
+    applyHeaderCellClass(isHeaderCell: boolean, cell: TableCellElement, className: string): void;
+    setTableHeaderStyle(): void;
+    setHeaderCellClass(): void;
+    setHeaderColumnStickyCellClass(): void;
     setHeaderRowStyle(): void;
     setGridColumnsStyle(): void;
     setStickyRowStyle(): void;
     setRowControlButtonStyle(rowControlButton: HTMLElement): void;
-    bindTableScrollingShadow(): void;
+    setTableScrollingShadow(): void;
+    setTableLeftShadow(scrollLeft?: number): void;
+    setTableRightShadow(scrollLeft?: number): void;
     subscribeCellPositionChange(): void;
     subscribeCellsChange(): void;
     useRowControls(): void;
     detectChanges(): void;
-    resolveImage(): Promise<any[]> | Promise<boolean>;
+    resolveImage(): Promise<boolean> | Promise<any[]>;
     getColControls(): void;
     getIsInTable(): void;
     getDefaultCellWidth(): number[];
@@ -98,9 +103,10 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     listenKeydownEvent(): void;
     listenKeyupEvent(): void;
     private listenSelectstartEvent;
+    setStickyRowPointerEvents(pointerEventsStyle: string): void;
     listenTableWrapperScroll(): void;
     updateStickyRowScrollLeft(): void;
-    setHeaderRowLeftStyle(): void;
+    setStickyElementLeftStyle(): void;
     getColControlButtonWidth: () => number;
     trackByFnRowControls(index: number): number;
     trackByFnColControls(index: number): number;

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

@@ -6,7 +6,7 @@
 $expand-size: 12px;
 $controls-border: 1px solid variables.$gray-300;
 $table-scroll-wrap-padding-top: 31px;
-$dot-zIndex: 20;
+$dot-z-index: 20;
 $dot-size: 19px;
 $dot-padding-top: 5px;
 $dot-shadow-top: math.div($dot-size - 1, 2);
@@ -16,6 +16,10 @@ $control-corner-width: 12px;
 $header-cell-bg-color: #f3f3f3;
 $top-cell-z-index: 13;
 
+.slate-block-card-table {
+    z-index: 0;
+}
+
 .slate-element-table {
     display: block;
     width: calc(100% - 2px);
@@ -95,6 +99,10 @@ $top-cell-z-index: 13;
                     border: 1px solid variables.$danger;
                 }
             }
+
+            &.slate-element-table-cell {
+                margin: 0;
+            }
         }
 
         .focused-cell,
@@ -103,7 +111,6 @@ $top-cell-z-index: 13;
         }
 
         .the-header-cell {
-            margin-bottom: 0;
             background: $header-cell-bg-color;
         }
 
@@ -131,7 +138,6 @@ $top-cell-z-index: 13;
         margin: 0 auto 16px;
         .the-table-wrapper {
             position: relative;
-            z-index: 0;
             margin-top: -10px;
             padding-top: 10px;
             overflow: auto;
@@ -219,8 +225,8 @@ $top-cell-z-index: 13;
             top: 1px;
             left: 1px;
         }
-        .the-sticky-corner-controls,
-        .the-table-row-controls-button-wrap {
+        .the-table-corner-controls,
+        .the-table-row-control-button-wrap {
             width: 44px;
         }
     }
@@ -233,7 +239,7 @@ $top-cell-z-index: 13;
                 }
             }
         }
-        .the-table-row-controls-button-wrap {
+        .the-table-row-control-button-wrap {
             &:first-child {
                 width: 74px; // width + insert-mask: 55px + 19px
             }
@@ -241,7 +247,7 @@ $top-cell-z-index: 13;
     }
 
     .the-table-row-controls-inner {
-        .the-table-row-controls-button-wrap {
+        .the-table-row-control-button-wrap {
             &:first-child {
                 position: fixed;
                 z-index: $top-cell-z-index;
@@ -250,11 +256,11 @@ $top-cell-z-index: 13;
             }
         }
     }
-    .the-sticky-corner-controls {
+    .the-table-corner-controls {
         position: fixed;
-        z-index: 12;
         width: 11px;
         height: 11px;
+        z-index: $top-cell-z-index;
         .the-table-corner-button {
             height: 11px;
         }
@@ -273,7 +279,7 @@ $top-cell-z-index: 13;
         }
         .the-table-row-controls-inner {
             z-index: 4;
-            .the-table-row-controls-button-wrap {
+            .the-table-row-control-button-wrap {
                 &:first-child {
                     padding-left: 19px; // insert-mask width: 19px
                     margin-left: -19px;
@@ -310,7 +316,7 @@ $top-cell-z-index: 13;
     .the-table-controls-insert-wrapper {
         display: block;
     }
-    .the-sticky-corner-controls {
+    .the-table-corner-controls {
         .the-table-corner-button {
             position: unset;
         }
@@ -323,7 +329,7 @@ $top-cell-z-index: 13;
         }
     }
 
-    .the-table-col-controls-wrapper .the-table-col-controls {
+    .the-table-col-controls-wrapper .the-table-col-control {
         background: variables.$gray-100;
         background-clip: padding-box;
         border-top: $controls-border;
@@ -469,7 +475,7 @@ $top-cell-z-index: 13;
             padding-top: 0;
         }
         .the-table-row-controls-inner {
-            .the-table-row-controls-button-wrap {
+            .the-table-row-control-button-wrap {
                 &:first-child {
                     margin-top: 36px;
                 }
@@ -479,8 +485,8 @@ $top-cell-z-index: 13;
             .the-table-row-controls {
                 left: 0;
             }
-            .the-sticky-corner-controls,
-            .the-table-row-controls-button-wrap {
+            .the-table-corner-controls,
+            .the-table-row-control-button-wrap {
                 width: 55px;
             }
         }
@@ -488,7 +494,7 @@ $top-cell-z-index: 13;
             display: grid;
         }
         .the-table-col-controls-wrapper.the-sticky-row,
-        .the-sticky-corner-controls {
+        .the-table-corner-controls {
             padding-top: 25px;
             background: variables.$white;
             border: none;
@@ -502,6 +508,7 @@ $top-cell-z-index: 13;
     width: 100%;
     height: $control-corner-width;
     visibility: hidden;
+    z-index: 11;
 
     .the-table-corner-button {
         position: absolute;
@@ -597,7 +604,7 @@ $top-cell-z-index: 13;
 
     .the-table-controls-insert-line {
         position: absolute;
-        z-index: $dot-zIndex;
+        z-index: $dot-z-index;
         background-color: variables.$primary;
 
         &[data-dot-type='column'] {
@@ -616,17 +623,17 @@ $top-cell-z-index: 13;
 
 .the-table-row-controls {
     position: relative;
-    z-index: 11;
     display: none;
     box-sizing: border-box;
     width: $control-width;
+    z-index: 11;
 
     .the-table-row-controls-inner {
         display: flex;
         flex-direction: column;
     }
 
-    .the-table-row-controls-button-wrap {
+    .the-table-row-control-button-wrap {
         position: relative;
         margin-top: -1px;
 
@@ -674,7 +681,7 @@ $top-cell-z-index: 13;
     height: $control-width;
     line-height: $control-width;
 
-    .the-table-col-controls {
+    .the-table-col-control {
         position: relative;
         margin: 0;
         padding: 0;
@@ -725,7 +732,7 @@ $top-cell-z-index: 13;
 
 .the-editor-readonly {
     .the-table-row-controls,
-    .the-table-col-controls {
+    .the-table-col-control {
         cursor: default;
     }
 

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

@@ -1,5 +1,5 @@
 import { ConnectedPosition, Overlay, OverlayRef, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, NgZone, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Editor } from 'slate';
 import { ColumnResizeNotifierSource } from '../../../../components/column-resize/column-resize-notifier';
@@ -8,9 +8,7 @@ import { ResizeRef } from '../../../../components/column-resize/resize-ref';
 import { ColumnResizingStore } from '../../../../components/column-resize/resizing.store';
 import { TableCellElement } from '../../../../custom-types';
 import { TheBaseElementComponent } from '../../../../interfaces/view-base';
-import { TableFreezeColumnPipe } from '../../table.pipe';
 import { TableOptions } from '../../table.types';
-import { TablePosition } from '../../utils';
 import { TheTableComponent } from '../table.component';
 import * as i0 from "@angular/core";
 export declare const POSITION_MAP: {
@@ -20,20 +18,18 @@ export declare class TheTdComponent extends TheBaseElementComponent<TableCellEle
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     private renderer;
-    private viewContainerRef;
     private ngZone;
     injector: Injector;
     overlay: Overlay;
     resizingStore: ColumnResizingStore;
     scrollDispatcher: ScrollDispatcher;
-    freezeColumnPipe: TableFreezeColumnPipe;
     destroy$: Subject<void>;
-    tablePosition: TablePosition;
     tableComponent: TheTableComponent;
     protected overlayRef?: OverlayRef;
     hoveredDirection: Position | null;
     tableOptions: TableOptions;
     cellInnerMinHeight: number;
+    cellInner: ElementRef;
     get tableStore(): import("../../table.store").TableStore;
     get tableService(): import("../../table.service").TableService;
     get eventDispatcher(): TableCellEventDispatcher;
@@ -52,15 +48,14 @@ export declare class TheTdComponent extends TheBaseElementComponent<TableCellEle
     rowspan: number;
     display: string;
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, ngZone: NgZone, injector: Injector, overlay: Overlay, resizingStore: ColumnResizingStore, scrollDispatcher: ScrollDispatcher, freezeColumnPipe: TableFreezeColumnPipe);
+    getOutletElement: () => any;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone, injector: Injector, overlay: Overlay, resizingStore: ColumnResizingStore, scrollDispatcher: ScrollDispatcher);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getInjectionService(): void;
     subscribeSelectedCellsChange(): void;
     subscribeDangerousCellsChange(): void;
-    subscribeTableChange(): void;
     useState(): void;
-    useTablePosition(): void;
     useBackground(): void;
     useSpan(): void;
     useDisplay(): void;

package/plugins/table/table.editor.d.ts

@@ -1,5 +1,5 @@
 import { Editor, NodeEntry, Path, Range, Location } from 'slate';
-import { TableOptions, TheTableOptions } from './table.types';
+import { CellPosition, TableOptions, TheTableOptions } from './table.types';
 import { Alignment, Indents, MarkTypes, VerticalAlignment } from '../../constants';
 import { TheEditor } from '../../interfaces';
 import { CustomElement, TableCellElement, TableElement } from '../../custom-types';
@@ -11,17 +11,17 @@ export declare const TableEditor: {
     removeRow(editor: Editor, rowIndex?: number, optionsParam?: TableOptions): void;
     removeColumn(editor: Editor, colIndex?: number, optionsParam?: TableOptions): void;
     clearCell(editor: Editor, nodeEntry?: NodeEntry<CustomElement>, optionsParam?: TableOptions): void;
-    setCellsBackgroundColor(editor: Editor, color: string, cells?: TableCellElement[]): void;
+    setCellsBackgroundColor(editor: Editor, color: string, selectCells?: TableCellElement[]): void;
     mergeCell(editor: Editor): void;
     splitCell(editor: Editor): void;
     setTableOptions(editor: Editor, newOptions: TheTableOptions): void;
     setEquallyColumn(editor: Editor): void;
-    clearCellsContent(editor: Editor, cells?: TableCellElement[]): void;
+    clearCellsContent(editor: Editor, selectCells?: CellPosition[]): void;
     isActive(editor: Editor): boolean;
-    getSelectedCellPositions(editor: Editor): import("./table.types").CellPosition[];
+    getSelectedCellPositions(editor: Editor): CellPosition[];
     getSelectedCells(editor: Editor): TableCellElement[];
-    setAlign(editor: Editor, alignment: Alignment, cells?: TableCellElement[]): boolean;
-    setVerticalAlign(editor: TheEditor, alignment: VerticalAlignment, cells?: TableCellElement[]): boolean;
+    setAlign(editor: Editor, alignment: Alignment): boolean;
+    setVerticalAlign(editor: TheEditor, alignment: VerticalAlignment): boolean;
     isVerticalAlignActive(editor: TheEditor, alignment: VerticalAlignment): boolean;
     toggleMark(editor: TheEditor, isActive: boolean, format: string | string[], value?: string | number | boolean): boolean;
     clearMark(editor: TheEditor): boolean;
@@ -34,7 +34,7 @@ export declare const TableEditor: {
         "background-color"?: any;
         "font-size"?: any;
     }): boolean;
-    handleSelectedCells(editor: TheEditor, handle: (cellPath: Path, cellRange: Range) => void, cells?: TableCellElement[]): boolean;
+    handleSelectedCells(editor: TheEditor, handle: (cellPath: Path, cellRange: Range) => void): boolean;
     hasHeaderRow(editor: TheEditor, location?: Location): boolean;
     hasHeaderColumn(editor: TheEditor, location?: Location): boolean;
     isActiveHeader(editor: TheEditor, location?: Location): boolean;

package/plugins/table/table.pipe.d.ts

@@ -3,12 +3,17 @@ import { ThePluginTableOption } from './table.types';
 import { TableElement } from '../../custom-types';
 import * as i0 from "@angular/core";
 export declare class TableFreezeColumnPipe implements PipeTransform {
-    transform(table: TableElement, tablePluginOptions: ThePluginTableOption): boolean;
+    transform(table: TableElement, tablePluginOptions: ThePluginTableOption, tableWrapperWidth: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFreezeColumnPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TableFreezeColumnPipe, "freezeColumn", false>;
 }
 export declare class TableFreezeRowPipe implements PipeTransform {
-    transform(table: TableElement, headerRow: boolean, tablePluginOptions: ThePluginTableOption): boolean;
+    transform(table: TableElement, tablePluginOptions: ThePluginTableOption): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFreezeRowPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TableFreezeRowPipe, "freezeRow", false>;
 }
+export declare class TableHasHeaderRowPipe implements PipeTransform {
+    transform(table: TableElement): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableHasHeaderRowPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TableHasHeaderRowPipe, "hasHeaderRow", false>;
+}

package/plugins/table/table.types.d.ts

@@ -8,6 +8,7 @@ import type { TheTableComponent } from './components/table.component';
 import { TableCellElement, TableElement } from '../../custom-types';
 export declare const THE_TABLE_COMPONENT_TOKEN: InjectionToken<ComponentType<TheTableComponent>>;
 export declare const HEADER_CELL_CLASS = "the-header-cell";
+export declare const STICKY_CELL_CLASS = "the-sticky-cell";
 export declare const TOP_CELL_CLASS = "the-top-cell";
 export declare enum TableOperations {
     headerRow = "headerRow",

package/plugins/table/utils/calculate-table.d.ts

@@ -1,3 +1,4 @@
 import { TableElement } from '../../../custom-types';
 import { TheEditor } from '../../../interfaces';
 export declare const calculateRowControls: (editor: TheEditor, element: TableElement) => any[];
+export declare const calculateHeaderRowHeight: (editor: TheEditor, element: TableElement) => number;

package/plugins/table/utils/get-grid-columns.d.ts

@@ -8,25 +8,6 @@ import { TableElement } from '../../../custom-types';
  */
 export declare const getGridColumns: (headerRow: HTMLElement, cellsWidth: number[]) => string;
 export declare const getColumnsWidth: (cellRow: HTMLElement, isColgroup?: boolean) => any[];
-/**
- * 计算表格列宽
- * @param isReadonly
- * @param element
- * @param tableWidth
- * @param mode
- * @returns number[]
- */
-export declare const calcColumnGroups: (isReadonly: boolean, element: TableElement, tableWidth: number, mode: string) => import("../table.types").TheTableColumn[];
-/**
- * 计算表格列宽
- * @param element
- * @param tableWidth
- * @param minWidthPx
- * @returns number[]
- */
-export declare const calcColumnWidth: (element: TableElement, tableWidth: number, minWidthPx: number) => {
-    width: number;
-}[];
 /**
  * 打印模式下，按照原宽度比例基于当前表格宽度计算列宽
  * 1. 所有列的最小列宽总和大于表格宽度时，所有列返回最小宽度
@@ -34,6 +15,6 @@ export declare const calcColumnWidth: (element: TableElement, tableWidth: number
  * @param minWidthPx
  * @returns number[]
  */
-export declare const calcPrintColumnWidth: (element: TableElement, minWidthPx: number) => {
+export declare const calcPrintColumnWidth: (element: TableElement) => {
     width: number;
 }[];