@worktile/theia 14.3.9 → 14.3.10

package/package.json

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

package/plugins/table/components/mixins.scss

@@ -2,6 +2,17 @@
 
 $expand-size: 12px;
 
+
+@mixin cellInset{
+    display: block;
+    position: absolute;
+    content: '';
+    top: -1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+}
+
 @mixin controlSelected {
     background-color: #a3bffe;
     border-color: variables.$primary;

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

@@ -1,15 +1,13 @@
 import { OnInit, ElementRef, OnDestroy, ChangeDetectorRef, NgZone, AfterViewInit } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Editor } from 'slate';
-import { ColumnResizeNotifierSource } from '../../../components/column-resize/column-resize-notifier';
-import { TableCellEventDispatcher } from '../../../components/column-resize/event-dispatcher';
+import { TheBaseElementComponent, ThePluginOption } from '../../../interfaces';
+import { TableCellElement, TableElement } from '../../../custom-types';
+import { ColumnResizeNotifierSource, TableCellEventDispatcher } from '../../../components';
+import { TheTableContextMenuService } from '../../../services/table-contextmenu.service';
 import { TableStore } from '../table.store';
 import { TableService } from '../table.service';
-import { TheTableContextMenuService } from '../../../services/table-contextmenu.service';
-import { TheBaseElementComponent } from '../../../interfaces/view-base';
-import { TableCellElement, TableElement } from '../../../custom-types';
 import { ThePluginTableOption, TheTableColumn } from '../table.types';
-import { ThePluginOption } from '../../../interfaces';
 import { TableFreezeColumnPipe } from '../table.pipe';
 import * as i0 from "@angular/core";
 export declare class TheTableComponent extends TheBaseElementComponent<TableElement, Editor> implements OnInit, AfterViewInit, OnDestroy {
@@ -21,6 +19,7 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     tableService: TableService;
     private theTableContextMenuService;
     private freezeColumnPipe;
+    headerRow: boolean;
     destroy$: Subject<any>;
     rowControls: {
         height: number;
@@ -41,6 +40,11 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     constructor(elementRef: ElementRef, eventDispatcher: TableCellEventDispatcher, resizeNotifier: ColumnResizeNotifierSource, tableStore: TableStore, cdr: ChangeDetectorRef, ngZone: NgZone, tableService: TableService, theTableContextMenuService: TheTableContextMenuService, freezeColumnPipe: TableFreezeColumnPipe);
     ngOnInit(): void;
     getWrapperWidth(): number;
+    /**
+     * compatible with old data
+     * @returns
+     */
+    getHeaderRow(): boolean;
     ngAfterViewInit(): void;
     bindTableScrollingShadow(): void;
     subscribeCellPositionChange(): void;

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

@@ -41,18 +41,9 @@ $top-cell-z-index: 13;
             position: relative;
             cursor: text;
 
-            &::after {
-                display: block;
-                position: absolute;
-                content: '';
-                top: -1px;
-                left: -1px;
-                right: -1px;
-                bottom: -1px;
-            }
-
             &.the-sticky-cell {
                 &:after {
+                    @include mixins.cellInset;
                     border: $controls-border;
                 }
                 &.the-table-left-shadow {
@@ -73,6 +64,7 @@ $top-cell-z-index: 13;
             &.selected-cell,
             &.focused-cell:not(.selected-cell):not(.dangerous-cell) {
                 &::after {
+                    @include mixins.cellInset;
                     z-index: -1;
                     border: 1px solid variables.$primary;
                 }
@@ -86,7 +78,7 @@ $top-cell-z-index: 13;
 
             &.dangerous-cell {
                 &::after {
-                    content: '';
+                    @include mixins.cellInset;
                     z-index: -1;
                     border: 1px solid variables.$danger;
                     background: rgba($color: variables.$danger, $alpha: 0.1);

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

@@ -11,6 +11,7 @@ import { ResizeRef } from '../../../../components/column-resize/resize-ref';
 import { TheBaseElementComponent } from '../../../../interfaces/view-base';
 import { TableOptions } from '../../table.types';
 import { TableCellElement } from '../../../../custom-types';
+import { TableFreezeColumnPipe } from '../../table.pipe';
 import * as i0 from "@angular/core";
 export declare const POSITION_MAP: {
     [key: string]: ConnectedPosition;
@@ -25,6 +26,7 @@ export declare class TheTdComponent extends TheBaseElementComponent<TableCellEle
     overlay: Overlay;
     resizingStore: ColumnResizingStore;
     scrollDispatcher: ScrollDispatcher;
+    freezeColumnPipe: TableFreezeColumnPipe;
     destroy$: Subject<any>;
     tablePosition: TablePosition;
     tableComponent: TheTableComponent;
@@ -51,7 +53,7 @@ export declare class TheTdComponent extends TheBaseElementComponent<TableCellEle
     cellInner: ElementRef;
     get cellInnerNativeElement(): HTMLElement;
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, ngZone: NgZone, injector: Injector, overlay: Overlay, resizingStore: ColumnResizingStore, scrollDispatcher: ScrollDispatcher);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, ngZone: NgZone, injector: Injector, overlay: Overlay, resizingStore: ColumnResizingStore, scrollDispatcher: ScrollDispatcher, freezeColumnPipe: TableFreezeColumnPipe);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getInjectionService(): void;

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

@@ -1,4 +1,4 @@
-import { OnInit, NgZone, OnDestroy } from '@angular/core';
+import { OnInit, NgZone, OnDestroy, ElementRef } from '@angular/core';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
 import { Editor } from 'slate';
 import { TableStore } from '../../table.store';
@@ -14,9 +14,11 @@ export declare class TheTableToolbarComponent implements OnInit, OnDestroy {
     selectedColor: string;
     deleteIcon: string;
     iconName: string;
+    isRectangle: boolean;
     tableStore: TableStore;
     isFromControls: boolean;
     tableElement: TableElement;
+    tableElementRef: ElementRef;
     get editor(): Editor;
     cellMenuList: MenuEntity[];
     get hasDivider(): boolean;
@@ -32,9 +34,10 @@ export declare class TheTableToolbarComponent implements OnInit, OnDestroy {
     openSelectColor(event: MouseEvent): void;
     setFullscreen(event: MouseEvent): void;
     mousedown(event: MouseEvent): void;
+    setEquallyColumnHandle(event: MouseEvent): void;
     openTableOptionMenu(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTableToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TheTableToolbarComponent, "the-table-toolbar", never, { "tableStore": "tableStore"; "isFromControls": "isFromControls"; "tableElement": "tableElement"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheTableToolbarComponent, "the-table-toolbar", never, { "tableStore": "tableStore"; "isFromControls": "isFromControls"; "tableElement": "tableElement"; "tableElementRef": "tableElementRef"; }, {}, never, never, false>;
 }
 export declare enum DeleteIcon {
     'table-delete-rows' = 0,

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

@@ -1,8 +1,8 @@
-import { Editor, NodeEntry, Path, Range } from 'slate';
+import { Editor, NodeEntry, Path, Range, Node } from 'slate';
 import { TableOptions } from './table.types';
-import { Alignment, VerticalAlignment } from '../../constants/node-types';
+import { Alignment, VerticalAlignment } from '../../constants';
 import { TheEditor } from '../../interfaces';
-import { TableElement } from '../../custom-types';
+import { CustomElement, TableElement } from '../../custom-types';
 export declare const TableEditor: {
     insertTable(editor: Editor, optionsParam?: TableOptions): void;
     insertColumn(editor: Editor, count?: number, at?: number, optionsParam?: TableOptions): void;
@@ -10,7 +10,7 @@ export declare const TableEditor: {
     removeTable(editor: Editor, optionsParam?: TableOptions): void;
     removeRow(editor: Editor, rowIndex?: number, optionsParam?: TableOptions): void;
     removeColumn(editor: Editor, colIndex?: number, optionsParam?: TableOptions): void;
-    clearCell(editor: Editor, nodeEntry?: NodeEntry<import("../../custom-types").CustomElement>, optionsParam?: TableOptions): void;
+    clearCell(editor: Editor, nodeEntry?: NodeEntry<CustomElement>, optionsParam?: TableOptions): void;
     isActive(editor: Editor): boolean;
     getSelectedCells(editor: Editor): import("./table.types").SelectedCell[];
     isAlignActive(editor: TheEditor, alignment: Alignment): boolean;
@@ -21,5 +21,9 @@ export declare const TableEditor: {
     clearMark(editor: TheEditor): boolean;
     handleSelectedCells(editor: TheEditor, handle: (cellPath: Path, cellRange: Range) => void): boolean;
     isActiveHeader(editor: TheEditor): boolean;
+    isActiveHeaderRow(editor: TheEditor): NodeEntry<Node>;
+    isActiveHeaderColumn(editor: TheEditor): boolean;
     selectOriginCell(editor: TheEditor, table: TableElement, rowIndex: number, columnIndex: number, isStart: boolean): void;
+    setIndent(editor: Editor): boolean;
+    cancelIndent(editor: TheEditor): boolean;
 };

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

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

package/plugins/table/table.service.d.ts

@@ -1,5 +1,5 @@
 import { Overlay } from '@angular/cdk/overlay';
-import { NgZone } from '@angular/core';
+import { ElementRef, NgZone } from '@angular/core';
 import { ThyPlacement } from 'ngx-tethys/core';
 import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
 import { TableElement } from '../../custom-types';
@@ -23,7 +23,7 @@ export declare class TableService {
     get isOpened(): any;
     constructor(thyPopover: ThyPopover, overlay: Overlay, tableStore: TableStore, theTableContextMenuService: TheTableContextMenuService, ngZone: NgZone, theContextService: TheContextService);
     private openToolbar;
-    afterSelectedCells(origin: HTMLElement, element: TableElement, isFromControls?: boolean): void;
+    afterSelectedCells(origin: HTMLElement, element: TableElement, isFromControls?: boolean, tableElementRef?: ElementRef): void;
     getOrigin(origin: HTMLElement): HTMLElement;
     closeToolbar(): import("rxjs").Observable<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableService, never>;

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

@@ -20,6 +20,7 @@ export declare class TableStore {
     anchorCellPath: number[];
     focusCellPath: number[];
     preFocusCellPath: number[];
+    lastFocusCellPath: number[];
     focusCellElement: HTMLTableCellElement;
     isPrepareSelecting: boolean;
     isCellSelecting: boolean;
@@ -34,6 +35,12 @@ export declare class TableStore {
     getTablePosition(editor: Editor): TablePosition;
     setSelectedCells(cells: SelectedCell[], pos: TablePosition): void;
     initEditor(editor: Editor): void;
+    /**
+     * 多选模式下需要合并数据
+     * @param cells SelectedCell[]
+     * @returns
+     */
+    buildModCells(cells: SelectedCell[]): SelectedCell[];
     selectRow(editor: Editor, index: number): void;
     selectColumn(editor: Editor, index: number): void;
     selectTable(editor: Editor): void;

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

@@ -33,10 +33,13 @@ export interface MenuEntity {
     divider?: boolean;
     extendIcon?: string;
     visibility?: boolean;
+    isInputNumber?: boolean;
+    nameSuffix?: string;
+    count?: number;
     backgroundColor?: string;
     actionHandle: (entity: MenuEntity) => void;
     activeHandle?: (event: MouseEvent) => void;
-    deactiveHandle?: (event: MouseEvent) => void;
+    deactivateHandle?: (event: MouseEvent) => void;
 }
 export interface ThePluginTableOption {
     freezeColumnHeader?: boolean;
@@ -76,3 +79,9 @@ export declare class TableOptions {
     maxHeightPx: number;
     constructor(options?: TableOptionsFormat);
 }
+export declare enum TableInsertType {
+    insertRowsUp = "insert-rows-up",
+    insertRowsDown = "insert-rows-down",
+    insertColumnsLeft = "insert-columns-left",
+    insertColumnsRight = "insert-columns-right"
+}

package/plugins/table/transforms/index.d.ts

@@ -0,0 +1,7 @@
+import { insertTable } from './insert-table';
+import { insertRow } from './insert-row';
+import { insertColumn } from './insert-column';
+import { removeRow } from './remove-row';
+import { removeColumn } from './remove-column';
+import { removeTable } from './remove-table';
+export { insertTable, insertRow, insertColumn, removeTable, removeRow, removeColumn };

package/plugins/table/utils/index.d.ts

@@ -4,4 +4,5 @@ import { createTable } from './create-table';
 import { isRangeInTable } from './is-range-in-table';
 import { isSelectionInTable } from './is-selection-in-table';
 import { TablePosition } from './table-position';
-export { isRangeInTable, isSelectionInTable, TablePosition, createCell, createRow, createTable };
+import { calcSpanForRow, getOriginCell } from './calc-span';
+export { isRangeInTable, isSelectionInTable, TablePosition, createCell, createRow, createTable, calcSpanForRow, getOriginCell };

package/plugins/table/utils/is-selection-in-table.d.ts

@@ -1,6 +1,12 @@
 import { Editor } from 'slate';
-import { TableOptions } from '../table.types';
+import { SelectedCell, TableOptions } from '../table.types';
 /**
  * Is the selection in a table
  */
 export declare function isSelectionInTable(opts: TableOptions, editor: Editor): boolean;
+/**
+ * Whether the cells passed in can form a rectangle
+ * @param cells
+ * @returns boolean
+ */
+export declare function isRectangularInTableCells(cells: SelectedCell[]): boolean;

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

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

package/public-api.d.ts

@@ -8,18 +8,10 @@ export * from './custom-types';
 export * from './plugins/image/image.component';
 export * from './services/toolbar.service';
 export * from './editor.component';
-export * from './components/toolbar/toolbar.component';
 export * from './core/toolbar-item/base-toolbar-item';
-export * from './components/toolbar-dropdown/toolbar-dropdown.component';
-export * from './components/toolbar-group/toolbar-group.component';
-export * from './components/toolbar-item/toolbar-item.component';
-export * from './components/element/element.component';
-export * as TheQueries from './queries/index';
-export * as TheTransforms from './transforms/index';
 export * from './utils/index';
 export * from './services/context.service';
 export * from './test/index';
-export * from './components/listbox/listbox';
-export * from './components/listbox/listbox.type';
-export * from './components/action/prevent-default';
-export * from './components/plugin-menu/plugin-menu.component';
+export * from './components/index';
+export * as TheQueries from './queries/index';
+export * as TheTransforms from './transforms/index';

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

@@ -1,10 +1,10 @@
 import { NgZone } from '@angular/core';
-import { TableStore } from '../plugins/table/table.store';
-import { TheColorSelectService } from './color-select.service';
 import { ThyPopoverRef, ThyPopover } from 'ngx-tethys/popover';
+import { TheColorSelectService } from './color-select.service';
+import { TableStore } from '../plugins/table/table.store';
+import { MenuEntity } from '../plugins/table/table.types';
 import { TheContextMenuComponent } from '../components/contextmenu/contextmenu.component';
 import { TheContextService } from './context.service';
-import { MenuEntity } from '../plugins/table/table.types';
 import * as i0 from "@angular/core";
 export declare class TheTableContextMenuService {
     private colorSelectService;
@@ -18,6 +18,19 @@ export declare class TheTableContextMenuService {
     get backgroundColor(): string;
     constructor(colorSelectService: TheColorSelectService, tableStore: TableStore, thyPopover: ThyPopover, ngZone: NgZone, theContextService: TheContextService);
     menuEntities: MenuEntity[];
+    getSelectedCell(): {
+        row: number;
+        col: number;
+        selectCellNodes: {
+            node: import("@worktile/theia").TableCellElement;
+            row: number;
+            col: number;
+        }[];
+    };
+    getTargetRowOrColIndex(isFront?: boolean): {
+        targetRowIndex: number;
+        targetColIndex: number;
+    };
     openMenuList(event: MouseEvent): void;
     closeContextMenu(): import("rxjs").Observable<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTableContextMenuService, never>;

package/styles/index.scss

@@ -9,21 +9,13 @@
 
 @forward './typo.scss';
 @forward './editor.scss';
+@forward '../components/index.scss';
 @forward '../plugins/image/image.component.scss';
 @forward '../plugins/todo-item/todo-item.component.scss';
-@forward '../components/toolbar-dropdown/toolbar-dropdown.component.scss';
-@forward '../components/toolbar-group/toolbar-group.component.scss';
-@forward '../components/toolbar/toolbar.component.scss';
-@forward '../components/color-select/color-select.component.scss';
 @forward '../plugins/code/code.component.scss';
 @forward '../plugins/link/link.component.scss';
-@forward '../components/column-resize/column-resize.scss';
 @forward '../plugins/table/components/table.component.scss';
-@forward '../components/table-select/table-select.component.scss';
-@forward '../components/conversion-hint/conversion-hint.component.scss';
 @forward '../plugins/vertical-align/vertical-align.scss';
-@forward '../components/inline-toolbar/inline-toolbar.component.scss';
 @forward '../plugins/quick-insert/components/quick-insert.component.scss';
-@forward '../components/plugin-menu/plugin-menu.component.scss';
 @forward '../plugins/font-size/toolbar-item.component.scss';
 @forward '../plugins/inline-code/inline-code.component.scss';