@worktile/theia 15.0.0 → 15.0.1

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

@@ -2,7 +2,7 @@ import { Observable } from 'rxjs';
 import { Editor } from 'slate';
 import { TablePosition } from './utils';
 import { ColorType } from '../../constants/color-select';
-import { SelectedCell, TheTableOptions } from './table.types';
+import { CellPosition, TheTableOptions } from './table.types';
 import { TableElement } from '../../custom-types';
 import * as i0 from "@angular/core";
 export declare class TableStore {
@@ -20,40 +20,54 @@ export declare class TableStore {
     anchorCellPath: number[];
     focusCellPath: number[];
     preFocusCellPath: number[];
+    lastFocusCellPath: number[];
     focusCellElement: HTMLTableCellElement;
     isPrepareSelecting: boolean;
     isCellSelecting: boolean;
     isRightClicking: boolean;
+    pointerSelection: boolean;
     maxCol: number;
-    get selectedCells(): SelectedCell[];
-    get dangerousCells(): SelectedCell[];
+    get selectedCells(): CellPosition[];
+    get dangerousCells(): CellPosition[];
     constructor();
-    getTableEntry(editor: Editor): import("slate").NodeEntry<TableElement>;
-    getTablePath(editor: Editor): import("slate").Path;
-    getTablePosition(editor: Editor): TablePosition;
-    setSelectedCells(cells: SelectedCell[], pos: TablePosition): void;
+    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;
+    /**
+     * 去重重复的单元格位置
+     * @returns
+     */
+    private uniqueCellPosition;
+    /**
+     * 获取一定范围内所有的单元格
+     * @returns
+     */
+    private getCellPositionsFromRange;
     selectRow(editor: Editor, index: number): void;
     selectColumn(editor: Editor, index: number): void;
     selectTable(editor: Editor): void;
-    private getTableCellsAndPosition;
     selectCells(editor: Editor): void;
     getMinAndMaxCellIndex(maxRow: number, maxCol: number, minRow: number, minCol: number, table: TableElement): any;
     selectCell(cell: HTMLTableCellElement, editor: Editor): void;
-    selectedCellsChange(): Observable<SelectedCell[]>;
-    cellsPositionChange(): Observable<object>;
+    getCellPositionsBeforeMerge({ row, col }: CellPosition): CellPosition[];
+    selectedCellsChange(): Observable<CellPosition[]>;
+    cellsPositionChange(): Observable<void>;
     changeCells(): void;
     emitTableChange(): void;
-    tableChange(): Observable<object>;
+    tableChange(): Observable<void>;
     clearSelectedCells(): void;
+    clearLastFocusPath(): void;
     selectCellStart(cell: HTMLTableCellElement, editor: Editor): void;
     selectCellOngoing(cell: HTMLTableCellElement, editor: Editor): void;
     selectCellEnd(editor: Editor): void;
     focusCell(editor: Editor, path: number[]): void;
-    dangerousCellsChange(): Observable<SelectedCell[]>;
+    dangerousCellsChange(): Observable<CellPosition[]>;
     setDangerousCells(): void;
     clearDangerousCells(): void;
-    dangerousOrSelectedCellsChange(): Observable<SelectedCell[]>;
+    dangerousOrSelectedCellsChange(): Observable<CellPosition[]>;
     setDangerousRows(): void;
     setDangerousColumns(): void;
     setDangerousTable(): void;
@@ -62,11 +76,10 @@ export declare class TableStore {
     getSelectedCellBackgroundColor(): string;
     clearSelectedCellsContent(): void;
     mergeCell(editor: Editor): void;
-    setTableOptions(editor: Editor, options: TheTableOptions): void;
-    removeDangerousColumns(): void;
-    removeDangerousRows(): void;
-    createTablePosition(): TablePosition;
-    removeColumnOrRows(): void;
+    setTableOptions(editor: Editor, newOptions: TheTableOptions): void;
+    removeDangerousColumnsOrRows(): void;
+    createTablePosition: () => TablePosition;
+    removeColumnOrRows(selectedRowIndexs?: number[], selectedColumnIndexs?: number[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;
 }

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

@@ -3,7 +3,16 @@ import { ComponentType } from 'slate-angular';
 import { TheBaseElementComponent } from '../../interfaces/view-base';
 import { ElementKinds } from '../../constants/node-types';
 import type { TheTableComponent } from './components/table.component';
-export declare const TheTableToken: InjectionToken<ComponentType<TheTableComponent>>;
+import { Editor, Element } from 'slate';
+import { Observable } from 'rxjs';
+export declare const THE_TABLE_COMPONENT_TOKEN: InjectionToken<ComponentType<TheTableComponent>>;
+export declare const HEADER_CELL_CLASS = "the-header-cell";
+export declare const TOP_CELL_CLASS = "the-top-cell";
+export declare enum TableOperations {
+    headerRow = "headerRow",
+    headerColumn = "headerColumn",
+    numberedColumn = "numberedColumn"
+}
 export interface TheTableComponentBase extends TheBaseElementComponent {
     initializeColumns: () => void;
     transformColumnsWidth: () => void;
@@ -28,12 +37,22 @@ 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;
+    freezeRowHeader?: boolean;
+    showFullscreen?: boolean;
+    setFullscreen?: (editor: Editor, event: MouseEvent, element: Element) => void;
+    fullscreenAction?: (editor: Editor) => Observable<boolean>;
 }
-export interface SelectedCell {
+export interface CellPosition {
     row: number;
     col: number;
 }
@@ -65,3 +84,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/add-columns.d.ts

@@ -1,2 +1,2 @@
 import { TableElement } from '../../../custom-types';
-export declare function addColumns(table: TableElement, columnsCount: number, insertIndex?: number): import("../table.types").TheTableColumn[];
+export declare function addColumns(table: TableElement, columnsCount: number, insertIndex?: number, canScroll?: boolean): import("../table.types").TheTableColumn[];

package/plugins/table/utils/get-select-cell-node.d.ts

@@ -1,6 +1,6 @@
 import { Editor } from 'slate';
-import { SelectedCell } from '../table.types';
-export declare function getSelectCellNode(editor: Editor, selectedCells: SelectedCell[]): {
+import { CellPosition } from '../table.types';
+export declare function getSelectCellNode(editor: Editor, selectedCells: CellPosition[]): {
     node: import("@worktile/theia").TableCellElement;
     row: number;
     col: number;

package/plugins/table/utils/handle-cell.d.ts

@@ -0,0 +1,6 @@
+import { CellPosition } from '../table.types';
+import { Editor, Path } from 'slate';
+import { Indents } from '../../../constants';
+import { CustomElement } from '../../../custom-types';
+export declare function sortCell(cells: CellPosition[]): void;
+export declare function setCellIndent(editor: Editor, indentType: Indents, child: CustomElement, at: Path): void;

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,13 @@
 import { Editor } from 'slate';
-import { TableOptions } from '../table.types';
+import { CellPosition, 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 editor
+ * @param cells
+ * @returns boolean
+ */
+export declare function isRectangularInTableCells(editor: Editor, cells: CellPosition[]): boolean;

package/plugins/table/utils/merge-cell.d.ts

@@ -1,6 +1,6 @@
 import { Path, Editor } from 'slate';
 import { TableCellElement } from '../../../custom-types';
-import { SelectedCell } from '../table.types';
+import { CellPosition } from '../table.types';
 export interface SelectedCellInfo {
     col: number;
     row: number;
@@ -17,5 +17,5 @@ export declare function calculateCellSpan(selectCellNodes: SelectedCellInfo[], l
     rowspan: number;
     colspan: number;
 };
-export declare function mergeCell(editor: Editor, selectedCells: SelectedCell[]): void;
+export declare function mergeCell(editor: Editor, selectedCells: CellPosition[]): void;
 export declare function mergeCellContent(editor: Editor, leftTopCellPath: Path, cellPath: Path): void;

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

@@ -1,3 +1,9 @@
 import { Editor } from 'slate';
-import { MenuEntity, SelectedCell } from '../table.types';
-export declare function setCellMenuVisibility(editor: Editor, menuList: MenuEntity[], selectedCells: SelectedCell[], isFromControls?: boolean): void;
+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/plugins/table/utils/table-position.d.ts

@@ -1,6 +1,6 @@
 import { Node, Path, NodeEntry, Element } from 'slate';
-import { TableCellElement, TableElement } from '../../../custom-types';
-import { SelectedCell, TableOptions } from '../table.types';
+import { TableCellElement, TableElement, TableRowElement } from '../../../custom-types';
+import { CellPosition, TableOptions } from '../table.types';
 export declare class TablePosition {
     tableEntry?: NodeEntry<TableElement>;
     rowEntry?: NodeEntry<Element>;
@@ -18,7 +18,7 @@ export declare class TablePosition {
      */
     static create(opts: TableOptions, containerNode: Node, path: Path): TablePosition;
     get table(): TableElement;
-    get row(): Element;
+    get row(): TableRowElement;
     get cell(): TableCellElement;
     /**
      * Check to see if this position is within a cell
@@ -93,5 +93,5 @@ export declare class TablePosition {
     /**
      * find cell data with col and row
      */
-    findCellByPath(cell: SelectedCell): TableCellElement;
+    findCellByPath(cell: CellPosition): TableCellElement;
 }

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/context.service.d.ts

@@ -1,4 +1,4 @@
-import { NgZone, ViewContainerRef } from '@angular/core';
+import { NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { TheOptions } from '../interfaces/editor';
 import { FontSizes, MarkTypes } from '../constants/node-types';
@@ -15,8 +15,10 @@ interface PaintFormatStatus {
         [key in MarkTypes]?: any;
     };
 }
-export declare class TheContextService {
+export declare class TheContextService implements OnDestroy {
     private ngZone;
+    private scrollSubscription?;
+    private destroy$;
     private options;
     uploadingFiles: {
         url: string;
@@ -26,9 +28,11 @@ export declare class TheContextService {
     onMouseUp$: Observable<MouseEvent>;
     onMouseMove$: Observable<MouseEvent>;
     onMouseDown$: Observable<MouseEvent>;
+    containerScrolled$: Subject<Event>;
     uploadingStatus$: Subject<boolean>;
     constructor(ngZone: NgZone);
     initialize(options: TheContextOptions): void;
+    rebindContainerScroll(): void;
     getOptions(): TheContextOptions;
     getTheOptions(): TheOptions;
     getDefaultFontSize(): FontSizes;
@@ -42,6 +46,7 @@ export declare class TheContextService {
         url: string;
         file: File;
     }): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheContextService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TheContextService>;
 }

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';

package/styles/mixins.scss

@@ -1,16 +1,6 @@
 @use 'ngx-tethys/styles/variables.scss';
 @use './variables.scss' as theVariables;
 
-@mixin controlSelected {
-    background-color: rgba($color: variables.$primary, $alpha: 0.6);
-    border-color: variables.$primary;
-}
-
-@mixin controlDangerous {
-    background-color: rgba($color: variables.$danger, $alpha: 0.6);
-    border-color: variables.$danger;
-}
-
 @mixin the-toolbar-disabled {
     &.disabled {
         cursor: not-allowed;

package/utils/copy-node.d.ts

@@ -1,2 +1,4 @@
+import { ThyNotifyService } from 'ngx-tethys/notify';
 import { Editor, Element } from 'slate';
-export declare function copyNode(editor: Editor, element: Element): boolean;
+export declare function copyNode(editor: Editor, element: Element, thyNotifyService?: ThyNotifyService, codeMirrorEditor?: CodeMirror.EditorFromTextArea): void;
+export declare function copyNodeForSafari(editor: Editor, element: Element): void;

package/utils/refocus.d.ts

@@ -1,4 +1,3 @@
-import { Location, Node } from 'slate';
 import { TheEditor } from '../interfaces';
+export declare const reSelection: (editor: TheEditor) => void;
 export declare const refocus: (editor: TheEditor) => void;
-export declare const setRefocusSelection: (editor: TheEditor, focusNode: Node, focusPath: Location) => void;