@worktile/theia 2.2.6 → 2.2.10

package/fesm2015/worktile-theia.js

@@ -1684,7 +1684,7 @@ const ListEditor = {
             else if (Element$1.isElement(node) && node.type === ElementKinds.paragraph) {
                 let { textIndent } = node;
                 if (textIndent) {
-                    Transforms.setNodes(editor, { textIndent: undefined }, // remove textIndent
+                    Transforms.setNodes(editor, { textIndent: undefined, indent: undefined }, // remove indent
                     { at: path });
                 }
             }
@@ -1806,30 +1806,79 @@ const InlineCodeEditor = {
     }
 };
 
+const HeadingEditor = {
+    setHeading(editor, heading) {
+        Editor.withoutNormalizing(editor, () => {
+            const types = [ElementKinds.bulletedList, ElementKinds.numberedList, ElementKinds.listItem];
+            Transforms.unwrapNodes(editor, {
+                at: editor.selection,
+                match: n => Element$1.isElement(n) && types.includes(n.type),
+                mode: 'all',
+                split: true
+            });
+            Transforms.setNodes(editor, { type: heading });
+            const entry = anchorBlockEntry(editor);
+            const unMarks = {
+                [MarkTypes.fontSize]: null
+            };
+            if (entry) {
+                setMarks(editor, unMarks, entry[1]);
+                return;
+            }
+            setMarks(editor, unMarks, editor.selection);
+        });
+    },
+    isHeadingActive(editor, heading) {
+        const [match] = Editor.nodes(editor, {
+            match: n => Element$1.isElement(n) && n.type === heading,
+            universal: true
+        });
+        return !!match;
+    }
+};
+
 const autoFormatRules = [
     {
         type: ElementKinds.heading_1,
-        markup: '#'
+        markup: '#',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_1);
+        }
     },
     {
         type: ElementKinds.heading_2,
-        markup: '##'
+        markup: '##',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_2);
+        }
     },
     {
         type: ElementKinds.heading_3,
-        markup: '###'
+        markup: '###',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_3);
+        }
     },
     {
         type: ElementKinds.heading_4,
-        markup: '####'
+        markup: '####',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_4);
+        }
     },
     {
         type: ElementKinds.heading_5,
-        markup: '#####'
+        markup: '#####',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_5);
+        }
     },
     {
         type: ElementKinds.heading_6,
-        markup: '######'
+        markup: '######',
+        format: (editor) => {
+            HeadingEditor.setHeading(editor, ElementKinds.heading_6);
+        }
     },
     {
         type: ElementKinds.blockquote,
@@ -2080,7 +2129,7 @@ const isCleanEmptyParagraph = (editor) => {
     const textIndent = 'textIndent';
     const align = 'align';
     const hasTextIndent = block[textIndent];
-    const hasAlign = block[align];
+    const alignValue = block[align];
     const hasIndent = block[ElementKinds.indent];
     if (Node.string(block) === '' &&
         Element$1.isElement(block) &&
@@ -2090,7 +2139,7 @@ const isCleanEmptyParagraph = (editor) => {
         !Editor.isVoid(editor, block) &&
         !hasIndent &&
         !hasTextIndent &&
-        !hasAlign) {
+        (!alignValue || alignValue === Alignment.left)) {
         return true;
     }
     return false;
@@ -5516,37 +5565,6 @@ const HrOptions = [
     }
 ];
 
-const HeadingEditor = {
-    setHeading(editor, heading) {
-        Editor.withoutNormalizing(editor, () => {
-            const types = [ElementKinds.bulletedList, ElementKinds.numberedList, ElementKinds.listItem];
-            Transforms.unwrapNodes(editor, {
-                at: editor.selection,
-                match: n => Element$1.isElement(n) && types.includes(n.type),
-                mode: 'all',
-                split: true
-            });
-            Transforms.setNodes(editor, { type: heading });
-            const entry = anchorBlockEntry(editor);
-            const unMarks = {
-                [MarkTypes.fontSize]: null
-            };
-            if (entry) {
-                setMarks(editor, unMarks, entry[1]);
-                return;
-            }
-            setMarks(editor, unMarks, editor.selection);
-        });
-    },
-    isHeadingActive(editor, heading) {
-        const [match] = Editor.nodes(editor, {
-            match: n => Element$1.isElement(n) && n.type === heading,
-            universal: true
-        });
-        return !!match;
-    }
-};
-
 const HeadingOptions = [
     {
         name: '正文',
@@ -7025,7 +7043,7 @@ class TheLinkComponent extends TheBaseLinkComponent {
         super(...arguments);
         // Put this at the start and end of an inline component to work around this Chromium bug:
         // https://bugs.chromium.org/p/chromium/issues/detail?id=1249405
-        this.inlineChromiumBugfix = '$' + String.fromCodePoint(160);
+        this.inlineChromiumBugfix = String.fromCodePoint(160);
     }
 }
 TheLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -9173,7 +9191,7 @@ class ColumnResizingStore {
     restoreTopRows(deltaY) {
         let index = this.resizeRows.length - 1;
         while (index >= 0 && deltaY > 0) {
-            const currentHeight = coercePixelsFromCssValue(this.resizeRows[index].rowElement.style.height);
+            const currentHeight = this.resizeRows[index].rowElement.getBoundingClientRect().height;
             if (this.resizeRows[index].baseHeight > currentHeight) {
                 if (this.resizeRows[index].baseHeight > currentHeight + deltaY) {
                     this.resizeRows[index].rowElement.style.height = coerceCssPixelValue(currentHeight + deltaY);
@@ -9759,16 +9777,16 @@ class TheTdComponent extends TheBaseElementComponent {
         merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
             .pipe(takeUntilDestroyed, filter(columnSize => columnSize.tableCell === this.elementRef.nativeElement))
             .subscribe(({ deltaSize, previousSize, completeImmediately }) => {
-            const { top, left } = this.elementRef.nativeElement.getBoundingClientRect();
+            const { top, left, height, width } = this.elementRef.nativeElement.getBoundingClientRect();
             const { clientY, clientX } = event;
             let isApplySize = false;
             if (this.isXAxisHover) {
-                const width = this.hoverdDirection === 'left' ? 0 : this.tableOptions.minWidthPx;
-                isApplySize = deltaSize > 0 && left + width - clientX <= 0;
+                const cellWidth = this.hoverdDirection === 'left' ? 0 : width;
+                isApplySize = deltaSize > 0 && left + cellWidth - clientX <= 0;
             }
             else {
-                const height = this.hoverdDirection === 'bottom' ? 0 : this.tableOptions.minHeightPx;
-                isApplySize = deltaSize > 0 && top + height - clientY <= 0;
+                const cellHeight = this.hoverdDirection === 'bottom' ? 0 : height;
+                isApplySize = deltaSize > 0 && top + cellHeight - clientY <= 0;
             }
             if (isApplySize || deltaSize < 0) {
                 this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
@@ -10855,7 +10873,7 @@ class TheToolbarItemComponent extends TheToolbarBaseItemComponent {
     }
 }
 TheToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheToolbarItemComponent, deps: [{ token: i0.NgZone }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-TheToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { item: "item", editor: "editor", itemMode: "itemMode" }, host: { listeners: { "mousedown": "toggleDropdown($event)" }, properties: { "class.disabled": "this.disabledState" }, classAttribute: "the-toolbar-item" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+TheToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { editor: "editor", item: "item", itemMode: "itemMode" }, host: { listeners: { "mousedown": "toggleDropdown($event)" }, properties: { "class.disabled": "this.disabledState" }, classAttribute: "the-toolbar-item" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-container *ngIf="itemMode === ToolbarItemMode.horizontal; else selectionItem">
             <a
                 thyIconNavLink
@@ -10905,9 +10923,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                         class: 'the-toolbar-item'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { item: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { editor: [{
                 type: Input
-            }], editor: [{
+            }], item: [{
                 type: Input
             }], itemMode: [{
                 type: Input
@@ -10968,7 +10986,7 @@ class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
     }
 }
 TheQuickToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, deps: [{ token: i1$3.ThyPopoverRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheQuickToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()", "document: keydown.escape": "handleEsc()" } }, usesInheritance: true, ngImport: i0, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i2$2.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$3.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["item", "editor", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TheQuickToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()", "document: keydown.escape": "handleEsc()" } }, usesInheritance: true, ngImport: i0, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i2$2.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$3.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["editor", "item", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -11204,14 +11222,14 @@ class TheInlineCodeComponent extends TheBaseElementComponent {
     }
 }
 TheInlineCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheInlineCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TheInlineCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInlineCodeComponent, selector: "span[theInlineCode]", usesInheritance: true, ngImport: i0, template: ` <span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>
+TheInlineCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInlineCodeComponent, selector: "span[theInlineCode]", usesInheritance: true, ngImport: i0, template: `<span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>
         <slate-children [children]="children" [context]="childrenContext" [viewContext]="viewContext"></slate-children>
         <span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>`, isInline: true, components: [{ type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheInlineCodeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[theInlineCode]',
-                    template: ` <span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>
+                    template: `<span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>
         <slate-children [children]="children" [context]="childrenContext" [viewContext]="viewContext"></slate-children>
         <span contenteditable="false" style="font-size: 0;">{{ inlineChromiumBugfix }}</span>`
                 }]
@@ -11482,8 +11500,7 @@ const onKeydownTextIndent = (editor, event, kinds) => {
         return false;
     }
     const [block, path] = startBlock;
-    const currentPath = [path[0]];
-    const isStart = Editor.isStart(editor, selection.anchor, currentPath);
+    const isStart = Editor.isStart(editor, selection.anchor, path);
     const textIndentDisable = [ElementKinds.bulletedList, ElementKinds.numberedList, ElementKinds.checkItem];
     if (isKeyHotkey('Tab', event)) {
         event.preventDefault();
@@ -11719,8 +11736,9 @@ const autoScrollViewHandle = (editor, scrollContainer) => {
 };
 
 class TheToolbarComponent {
-    constructor(cfr, elementRef, ngZone, toolbarGroupComponent) {
+    constructor(cfr, cdr, elementRef, ngZone, toolbarGroupComponent) {
         this.cfr = cfr;
+        this.cdr = cdr;
         this.elementRef = elementRef;
         this.ngZone = ngZone;
         this.toolbarGroupComponent = toolbarGroupComponent;
@@ -11795,6 +11813,7 @@ class TheToolbarComponent {
             }
             this.createMoreGroup(group);
         });
+        this.cdr.markForCheck();
     }
     /**
      * calculation display toolbar and more grouped toolbars
@@ -11933,7 +11952,7 @@ class TheToolbarComponent {
         return (_c = item === null || item === void 0 ? void 0 : item.includes) === null || _c === void 0 ? void 0 : _c.find((item) => item.key === dropdownKey);
     }
 }
-TheToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheToolbarComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: TheToolbarGroupToken }], target: i0.ɵɵFactoryTarget.Component });
+TheToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheToolbarComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: TheToolbarGroupToken }], target: i0.ɵɵFactoryTarget.Component });
 TheToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheToolbarComponent, selector: "the-toolbar", inputs: { editor: "editor", toolbarItems: "toolbarItems", align: "align", containerClass: "containerClass", isMore: "isMore", afterTemplate: "afterTemplate" }, host: { classAttribute: "the-toolbar-container" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<thy-icon-nav [style.justifyContent]=\"align\">\n    <ng-container #toolbarContainer></ng-container>\n    <ng-content></ng-content>\n    <ng-template *ngIf=\"afterTemplate\" [ngTemplateOutlet]=\"afterTemplate\"></ng-template>\n</thy-icon-nav>\n", components: [{ type: i3.ThyIconNavComponent, selector: "thy-icon-nav", inputs: ["thyType"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheToolbarComponent, decorators: [{
             type: Component,
@@ -11944,7 +11963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                         class: 'the-toolbar-container'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [TheToolbarGroupToken]
                 }] }]; }, propDecorators: { editor: [{