@worktile/theia 15.1.6 → 15.1.8

package/interfaces/image.d.ts

@@ -29,4 +29,5 @@ export declare const THE_UPLOAD_SERVICE_TOKEN: InjectionToken<TheImageUploaderSe
 export interface ImagePluginOptions {
     allowParentTypes?: CustomElementKinds[];
     imageTypes?: string[];
+    disablePreview?: boolean;
 }

package/package.json

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

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

@@ -29,6 +29,7 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
         file: File;
     };
     layoutDefaultWidth: number;
+    disablePreview: boolean;
     layoutOptions: LayoutOption[];
     private uploadingSubscription;
     private mouseMoveSubscription;

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

@@ -1,16 +1,20 @@
 import { ChangeDetectorRef, ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { TableRowElement } from '../../../../custom-types';
 import { TheBaseElementComponent } from '../../../../interfaces/view-base';
+import { TablePosition } from '../../utils';
 import * as i0 from "@angular/core";
 export declare class TheTableRowComponent extends TheBaseElementComponent<TableRowElement> implements OnInit {
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     private renderer;
     height: string;
+    numberedColumn: boolean;
+    rowNumber: number | string;
     constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, renderer: Renderer2);
     onContextChange(): void;
     ngOnInit(): void;
     useHeight(): void;
+    setNumberColumn(ps: TablePosition, rowIndex: number): 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

@@ -41,8 +41,7 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     isRightShadow: boolean;
     isLeftShadow: boolean;
     previousScrollContainer: string;
-    printColumns: TheTableColumn[];
-    get columns(): TheTableColumn[];
+    columns: TheTableColumn[];
     get nativeElement(): HTMLElement;
     get tbodyNativeElement(): HTMLElement;
     tableWrapper: ElementRef<HTMLElement>;
@@ -60,17 +59,9 @@ export declare class TheTableComponent extends TheBaseElementComponent<TableElem
     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;
-    /**
-     * 打印模式下，按照原宽度比例基于当前表格宽度计算列宽
-     */
-    calcPrintColumnsWidth(): void;
     getWrapperWidth(): number;
-    /**
-     * compatible with old data
-     * @returns
-     */
-    getHeaderRow(): boolean;
     ngAfterViewInit(): void;
+    getColumnGroups(): void;
     setHeaderRowShadow(): void;
     calcHeaderRowShadow(): {
         height: any;

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

@@ -214,7 +214,7 @@ $top-cell-z-index: 13;
     .the-table-row-controls {
         top: 1px;
     }
-    &.the-numberd-table {
+    &.the-numbered-table {
         .the-table-row-controls {
             top: 1px;
             left: 1px;
@@ -224,7 +224,7 @@ $top-cell-z-index: 13;
             width: 44px;
         }
     }
-    &.the-table-with-controls.the-numberd-table {
+    &.the-table-with-controls.the-numbered-table {
         .the-table-row-controls-wrapper {
             .the-table-corner-controls {
                 width: 74px; // width + insert-mask: 55px + 19px
@@ -287,7 +287,7 @@ $top-cell-z-index: 13;
     }
 }
 
-.the-numberd-table:not(.the-table-with-sticky-column) {
+.the-numbered-table:not(.the-table-with-sticky-column) {
     .the-table-container {
         &.the-table-left-shadow {
             &::before {
@@ -447,7 +447,7 @@ $top-cell-z-index: 13;
         }
     }
 
-    &.the-numberd-table {
+    &.the-numbered-table {
         .the-table-wrapper {
             margin-left: -55px;
             padding-left: 55px;
@@ -475,7 +475,7 @@ $top-cell-z-index: 13;
                 }
             }
         }
-        &.the-numberd-table {
+        &.the-numbered-table {
             .the-table-row-controls {
                 left: 0;
             }
@@ -689,7 +689,7 @@ $top-cell-z-index: 13;
     }
 }
 
-.the-numberd-table {
+.the-numbered-table {
     .the-table-container {
         padding-left: 44px;
     }
@@ -735,3 +735,39 @@ $top-cell-z-index: 13;
         }
     }
 }
+
+/* table readonly mode */
+.the-editor-readonly {
+    .slate-element-table {
+        .the-table-row-controls-wrapper {
+            display: none;
+        }
+        .the-table-container {
+            padding-left: 0;
+        }
+        .the-numbered-table:not(.the-table-with-sticky-column) .the-table-wrapper {
+            padding-left: 0;
+        }
+        .the-table-number-col {
+            position: sticky;
+            left: 0;
+            width: 45px;
+        }
+        .the-table-number-column {
+            position: sticky !important;
+            left: 0;
+            z-index: $top-cell-z-index;
+            background-color: variables.$gray-100;
+            text-align: center;
+        }
+        // 存在序列号、标题列时，正确设置标题列 sticky left
+        .the-table-numbered .the-sticky-cell {
+            left: 45px;
+            z-index: $top-cell-z-index;
+        }
+        // 滑动时阴影偏移到序号列 td 上
+        &:not(.the-table-with-sticky-column) .the-table-container.the-table-left-shadow::before {
+            left: 45px;
+        }
+    }
+}

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

@@ -1,4 +1,4 @@
-import { Editor, NodeEntry, Path, Range } from 'slate';
+import { Editor, NodeEntry, Path, Range, Location } from 'slate';
 import { TableOptions } from './table.types';
 import { Alignment, Indents, VerticalAlignment } from '../../constants';
 import { TheEditor } from '../../interfaces';
@@ -22,9 +22,9 @@ export declare const TableEditor: {
     toggleMark(editor: TheEditor, isActive: boolean, format: string | string[], value?: string | number | boolean): boolean;
     clearMark(editor: TheEditor): boolean;
     handleSelectedCells(editor: TheEditor, handle: (cellPath: Path, cellRange: Range) => void): boolean;
-    hasHeaderRow(editor: TheEditor): boolean;
-    hasHeaderColumn(editor: TheEditor): boolean;
-    isActiveHeader(editor: TheEditor): boolean;
+    hasHeaderRow(editor: TheEditor, location?: Location): boolean;
+    hasHeaderColumn(editor: TheEditor, location?: Location): boolean;
+    isActiveHeader(editor: TheEditor, location?: Location): boolean;
     hasHeaderRowCell(editor: TheEditor): boolean;
     hasHeaderColumnCell(editor: TheEditor): boolean;
     selectOriginCell(editor: TheEditor, table: TableElement, rowIndex: number, columnIndex: number, isStart: boolean): void;

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

@@ -25,6 +25,7 @@ export declare class TableStore {
     isPrepareSelecting: boolean;
     isCellSelecting: boolean;
     isRightClicking: boolean;
+    isFocusedInput: boolean;
     pointerSelection: boolean;
     maxCol: number;
     get dangerousCells(): CellPosition[];

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

@@ -26,7 +26,7 @@ export declare const TABLE_INSERT_MASK = 19;
 export declare const TABLE_BORDER = 1;
 export declare const TABLE_PADDING = 8;
 export declare const TABLE_CONTROL = 11;
-export declare const TABLE_NUMBER_COLUMN = 44;
+export declare const TABLE_NUMBER_COLUMN = 45;
 export declare const TableWithStickyRowClass = "the-table-with-sticky-row";
 export interface TheTableColumn {
     width: number;

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

@@ -1,3 +1,4 @@
+import { TableElement } from '../../../custom-types';
 /**
  * 获取标题行网格列宽值
  * @param editor
@@ -7,3 +8,16 @@
  */
 export declare const getGridColumns: (headerRow: HTMLElement, cellsWidth: number[]) => string;
 export declare const getColumnsWidth: (cellRow: HTMLElement, isColgroup?: boolean) => any[];
+/**
+ * 计算表格列宽
+ * 1. 编辑模式下，返回原始列宽
+ * 2. 预览模式下，返回基于当前表格宽度计算的列宽
+ *    a. 打印模式下，按照原宽度比例基于当前表格宽度计算列宽
+ *    b. 非打印模式下计算
+ * @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[];

package/plugins/table/utils/is-header-row.d.ts

@@ -0,0 +1,6 @@
+import { TableElement } from '../../../custom-types';
+/**
+ * compatible with old data
+ * @returns
+ */
+export declare function isHeaderRow(element: TableElement): boolean;