@worktile/theia 2.4.3 → 2.4.6

package/bundles/worktile-theia.umd.js

@@ -1716,6 +1716,30 @@
         return !containerNode ? CONTAINER_BLOCKS : __spreadArray(__spreadArray([], __read(CONTAINER_BLOCKS)), [containerNode[0].type]);
     };
 
+    var getDirectlyParent = function (editor) {
+        var _a = __read(getBlockAbove(editor), 2), anchorPath = _a[1];
+        if (!anchorPath)
+            return;
+        var parentEntry = getParent(editor, anchorPath);
+        if (!parentEntry)
+            return;
+        return parentEntry;
+    };
+
+    var isTypesInParent = function (editor, types) {
+        if (!Array.isArray(types)) {
+            types = [types];
+        }
+        var _a = __read(getBlockAbove(editor), 2), anchorPath = _a[1];
+        if (!anchorPath)
+            return false;
+        var parentEntry = slate.Editor.above(editor, { match: function (n) { return types.includes(n.type); } });
+        if (!parentEntry)
+            return false;
+        var _b = __read(parentEntry, 1), parentNode = _b[0];
+        return types.includes(parentNode.type);
+    };
+
     var index$1 = /*#__PURE__*/Object.freeze({
         __proto__: null,
         getLastNode: getLastNode,
@@ -1743,6 +1767,7 @@
         getPlainText: getPlainText,
         getSelectionMarks: getSelectionMarks,
         getContainerBlocks: getContainerBlocks,
+        getDirectlyParent: getDirectlyParent,
         isAncestor: isAncestor,
         isCollapsed: isCollapsed,
         isEmptyParagraph: isEmptyParagraph,
@@ -1765,6 +1790,7 @@
         isEmptyContent: isEmptyContent,
         isEmptyParagraphByPath: isEmptyParagraphByPath,
         isContainer: isContainer,
+        isTypesInParent: isTypesInParent,
         anchorBlock: anchorBlock,
         anchorBlockEntry: anchorBlockEntry,
         anchorInlineEntry: anchorInlineEntry,
@@ -1776,11 +1802,32 @@
     });
 
     var insertElementNext = function (editor, node) {
+        var _a;
         if (slate.Range.isExpanded(editor.selection)) {
             slate.Editor.deleteFragment(editor);
         }
-        var anchorBlockPath = anchorBlockEntry(editor)[1];
-        var isEmpty = isEmptyParagraph(editor);
+        var allowContainerOperateTypes = ((_a = editor.options) === null || _a === void 0 ? void 0 : _a.allowContainerOperateTypes) || [];
+        var isAllowContainerInsert = isTypesInParent(editor, allowContainerOperateTypes);
+        var isBlockCardCursor$1 = isBlockCardCursor(editor);
+        var containerBlocks = getContainerBlocks(editor);
+        var isContainer = isNodeTypeIn(editor, containerBlocks, { at: editor.selection });
+        var _b = __read(anchorBlockEntry(editor), 2), anchorBlock = _b[0], anchorBlockPath = _b[1];
+        var isEmpty = slate.Editor.isEmpty(editor, anchorBlock);
+        if (isAllowContainerInsert && isContainer && !isBlockCardCursor$1) {
+            var _c = __read(slate.Editor.above(editor, {
+                match: function (n) { return slate.Editor.isBlock(editor, n) && allowContainerOperateTypes.includes(n.type); },
+                at: editor.selection
+            }), 2), containerPath_1 = _c[1];
+            slate.Editor.withoutNormalizing(editor, function () {
+                var containerPathFirstPath = anchorBlockPath.slice(0, containerPath_1.length + 1);
+                slate.Transforms.insertNodes(editor, node, { at: slate.Path.next(containerPathFirstPath) });
+                slate.Transforms.select(editor, slate.Editor.start(editor, slate.Path.next(containerPathFirstPath)));
+                if (isEmpty) {
+                    slate.Transforms.removeNodes(editor, { at: anchorBlockPath });
+                }
+            });
+            return;
+        }
         var nextPath = slate.Path.next([anchorBlockPath[0]]);
         slate.Transforms.insertNodes(editor, node, { at: nextPath });
         if (isEmpty && anchorBlockPath.length === 1) {
@@ -1995,40 +2042,6 @@
         return false;
     }
 
-    var insertElementNode = function (editor, node) {
-        if (slate.Range.isExpanded(editor.selection)) {
-            slate.Editor.deleteFragment(editor);
-        }
-        var isBlockCardCursor$1 = isBlockCardCursor(editor);
-        var containerBlocks = getContainerBlocks(editor);
-        var isContainer = isNodeTypeIn(editor, containerBlocks, { at: editor.selection });
-        var _a = __read(anchorBlockEntry(editor), 2), anchorBlock = _a[0], anchorBlockPath = _a[1];
-        var isEmpty = slate.Editor.isEmpty(editor, anchorBlock);
-        if (isContainer && !isBlockCardCursor$1) {
-            var _b = __read(slate.Editor.above(editor, {
-                match: function (n) { return slate.Editor.isBlock(editor, n) && containerBlocks.includes(n.type); },
-                at: editor.selection
-            }), 2), containerPath_1 = _b[1];
-            slate.Editor.withoutNormalizing(editor, function () {
-                var containerPathFirstPath = anchorBlockPath.slice(0, containerPath_1.length + 1);
-                slate.Transforms.insertNodes(editor, node, { at: slate.Path.next(containerPathFirstPath), select: true });
-                if (isEmpty) {
-                    slate.Transforms.removeNodes(editor, { at: anchorBlockPath });
-                }
-            });
-            return;
-        }
-        var nextPath = slate.Path.next([anchorBlockPath[0]]);
-        slate.Transforms.insertNodes(editor, node, { at: nextPath });
-        if (isEmpty && anchorBlockPath.length === 1) {
-            slate.Transforms.delete(editor, { at: anchorBlockPath });
-            slate.Transforms.select(editor, slate.Editor.start(editor, anchorBlockPath));
-        }
-        else {
-            slate.Transforms.select(editor, slate.Editor.start(editor, nextPath));
-        }
-    };
-
     var index = /*#__PURE__*/Object.freeze({
         __proto__: null,
         setMarks: setMarks,
@@ -2048,8 +2061,7 @@
         setEndSelection: setEndSelection,
         closeConversionHint: closeConversionHint,
         handleContinualDeleteBackward: handleContinualDeleteBackward,
-        handleContinualInsertBreak: handleContinualInsertBreak,
-        insertElementNode: insertElementNode
+        handleContinualInsertBreak: handleContinualInsertBreak
     });
 
     var TheConversionHintComponent = /** @class */ (function () {
@@ -2180,6 +2192,9 @@
             return false;
         }
         var block = slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]);
+        return isPureEmptyParagraph(editor, block);
+    };
+    var isPureEmptyParagraph = function (editor, block) {
         var textIndent = 'textIndent';
         var align = 'align';
         var hasTextIndent = block[textIndent];
@@ -4079,10 +4094,12 @@
 
     var TheTodoItemComponent = /** @class */ (function (_super) {
         __extends(TheTodoItemComponent, _super);
-        function TheTodoItemComponent(elementRef, cdr) {
+        function TheTodoItemComponent(elementRef, cdr, ctxService) {
             var _this = _super.call(this, elementRef, cdr) || this;
             _this.elementRef = elementRef;
             _this.cdr = cdr;
+            _this.ctxService = ctxService;
+            // 类名 the-temp-*: 临时解决因受portal影响样式问题，后期改回the-
             _this.checkItemClass = true;
             return _this;
         }
@@ -4098,24 +4115,29 @@
             _super.prototype.ngOnInit.call(this);
         };
         TheTodoItemComponent.prototype.onCheck = function (checked) {
-            if (this.readonly) {
+            var options = this.ctxService.getTheOptions();
+            var noBindReadonly = options.noBindReadonlyPlugins && options.noBindReadonlyPlugins.includes(exports.ElementKinds.checkItem);
+            if (!noBindReadonly && this.readonly) {
                 return false;
             }
+            else {
+                setNode(this.editor, { checked: checked }, this.element);
+            }
             setNode(this.editor, { checked: checked }, this.element);
         };
         return TheTodoItemComponent;
     }(TheBaseElementComponent));
-    TheTodoItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-check-item": "this.checkItemClass", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0__namespace, template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    ", isInline: true, components: [{ type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
+    TheTodoItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: TheContextService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-temp-check-item": "this.checkItemClass", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0__namespace, template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    ", isInline: true, components: [{ type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'div[theTodoItem]',
                         template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    "
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { checkItemClass: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: TheContextService }]; }, propDecorators: { checkItemClass: [{
                     type: i0.HostBinding,
-                    args: ['class.the-check-item']
+                    args: ['class.the-temp-check-item']
                 }], level: [{
                     type: i0.HostBinding,
                     args: ['attr.the-level']
@@ -9436,7 +9458,7 @@
                 offset: this.offset,
                 hasBackdrop: this.hasBackdrop,
                 insideClosable: this.insideClosable,
-                panelClass: 'the-table-toolbar-wrap',
+                panelClass: 'the-temp-table-toolbar-wrap',
                 scrollStrategy: this.overlay.scrollStrategies.reposition(),
                 manualClosure: true
             });
@@ -9446,15 +9468,15 @@
             if (origin instanceof HTMLTableCellElement && origin.tagName !== 'TH') {
                 var _a = this.tableStore, selectedRowsIndex = _a.selectedRowsIndex, selectedColumnsIndex = _a.selectedColumnsIndex, focusCellPath = _a.focusCellPath, isSelectedTable = _a.isSelectedTable, focusCellElement = _a.focusCellElement;
                 var _b = __read(focusCellPath.slice(-2), 2), row = _b[0], col = _b[1];
-                var tableElement = focusCellElement.closest('.the-table-container');
+                var tableElement = focusCellElement.closest('.the-temp-table-container');
                 if (isSelectedTable && col === 0 && row === 0) {
-                    return tableElement.querySelector('.the-table-corner-controls');
+                    return tableElement.querySelector('.the-temp-table-corner-controls');
                 }
                 if (selectedColumnsIndex.length > 0 && row === 0) {
-                    return tableElement.querySelectorAll('.the-table-col-controls')[col];
+                    return tableElement.querySelectorAll('.the-temp-table-col-controls')[col];
                 }
                 if (selectedRowsIndex.length > 0 && col === 0) {
-                    return tableElement.querySelectorAll('.the-table-row-controls-button-wrap')[row];
+                    return tableElement.querySelectorAll('.the-temp-table-row-controls-button-wrap')[row];
                 }
             }
             return origin;
@@ -9566,13 +9588,13 @@
                 var tableWrapper = tableComponent.tableWrapper.nativeElement;
                 var tableElement = tableComponent.theTableElement.nativeElement;
                 var result = 0;
-                var rowControl = tableComponent.nativeElement.querySelector('.the-table-row-controls');
+                var rowControl = tableComponent.nativeElement.querySelector('.the-temp-table-row-controls');
                 var rowControlWidth = 11;
                 if (rowControl) {
                     rowControlWidth = rowControl.getBoundingClientRect().width;
                 }
                 if (this.type === 'row') {
-                    result = tableWrapper.offsetWidth + rowControlWidth;
+                    result = tableWrapper.offsetWidth + rowControlWidth - 2;
                 }
                 else {
                     result = tableElement.offsetHeight - 1;
@@ -9584,7 +9606,7 @@
         return TheInsertMarkComponent;
     }());
     TheInsertMarkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheInsertMarkComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheInsertMarkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0__namespace, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", directives: [{ type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    TheInsertMarkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0__namespace, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-temp-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-temp-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", directives: [{ type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheInsertMarkComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -10098,7 +10120,7 @@
                 provide: TheTableToken,
                 useExisting: TheTableComponent
             }
-        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div\n    class=\"the-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-table-with-controls': isInTable,\n        'the-numbered-column-container': element?.options?.numberedColumn,\n        'the-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-table-row-controls\">\n            <div class=\"the-table-row-controls-inner\">\n                <div\n                    class=\"the-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowCotrols\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-table-row-controls-button the-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-table\" #theTable [ngClass]=\"{ 'the-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColCotrols\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n    class=\"the-temp-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-temp-table-with-controls': isInTable,\n        'the-temp-numbered-column-container': element?.options?.numberedColumn,\n        'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-temp-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-temp-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-temp-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-temp-table-row-controls\">\n            <div class=\"the-temp-table-row-controls-inner\">\n                <div\n                    class=\"the-temp-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowCotrols\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-temp-table-row-controls-button the-temp-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-temp-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-temp-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-temp-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-temp-table\" #theTable [ngClass]=\"{ 'the-temp-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-temp-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-temp-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColCotrols\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -11041,12 +11063,12 @@
         };
         TheTdComponent.prototype.updateOverlayHandleRowSize = function () {
             var tableElement = this.tableComponent.nativeElement;
-            var rowControl = tableElement.querySelector('.the-table-row-controls');
+            var rowControl = tableElement.querySelector('.the-temp-table-row-controls');
             var rowControlWidth = 11;
             if (rowControl) {
                 rowControlWidth = rowControl.getBoundingClientRect().width;
             }
-            var width = this.tableComponent.tableWrapper.nativeElement.offsetWidth + rowControlWidth;
+            var width = this.tableComponent.tableWrapper.nativeElement.offsetWidth + rowControlWidth - 2;
             this.overlayRef.addPanelClass(this.rowResizeClass);
             this.overlayRef.updateSize({ width: width, height: OVERLAY_INIT_SIZE });
         };
@@ -11239,8 +11261,7 @@
         TheTdComponent.prototype.applyTopRows = function (rows, deltaY, rowIndex) {
             while (deltaY < 0 && rows[rowIndex]) {
                 var rowOffsetHeight = getElementHeight(rows[rowIndex]);
-                var rowStyleHeight = coercePixelsFromCssValue(rows[rowIndex].style.height);
-                if (rowOffsetHeight > this.tableOptions.minHeightPx && rowOffsetHeight === rowStyleHeight) {
+                if (rowOffsetHeight > this.tableOptions.minHeightPx) {
                     if (this.resizingStore.isResizing(deltaY, this.isXAxisHover)) {
                         this.resizingStore.storeResizingRow(rows[rowIndex]);
                     }
@@ -11260,8 +11281,7 @@
         TheTdComponent.prototype.applyBottomRows = function (rows, deltaY, rowIndex) {
             while (rows[rowIndex] && deltaY > 0) {
                 var rowOffsetHeight = getElementHeight(rows[rowIndex]);
-                var rowStyleHeight = coercePixelsFromCssValue(rows[rowIndex].style.height);
-                if (rowOffsetHeight > this.tableOptions.minHeightPx && rowOffsetHeight === rowStyleHeight) {
+                if (rowOffsetHeight > this.tableOptions.minHeightPx) {
                     if (this.resizingStore.isResizing(deltaY, this.isXAxisHover)) {
                         this.resizingStore.storeResizingRow(rows[rowIndex]);
                     }
@@ -12228,7 +12248,8 @@
                 return;
             }
             if (!origin) {
-                var rootNode = i1.AngularEditor.toDOMNode(editor, slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]));
+                var _a = __read(getBlockAbove(editor), 1), block = _a[0];
+                var rootNode = i1.AngularEditor.toDOMNode(editor, block);
                 origin = rootNode.querySelector('[data-slate-leaf="true"]');
             }
             var overlay = editor.injector.get(i2.Overlay);
@@ -12270,8 +12291,19 @@
         var onKeydown = editor.onKeydown, deleteBackward = editor.deleteBackward, onChange = editor.onChange;
         var presseingQuickInsertHotkey = false;
         editor.onKeydown = function (event) {
-            if (event.key === QUICK_TOOLBAR_HOTKEY && isCleanEmptyParagraph(editor)) {
-                presseingQuickInsertHotkey = true;
+            var _a;
+            if (event.key === QUICK_TOOLBAR_HOTKEY) {
+                var types = __spreadArray([], __read((((_a = editor.options) === null || _a === void 0 ? void 0 : _a.allowContainerOperateTypes) || [])));
+                var _b = __read(getBlockAbove(editor), 1), block = _b[0];
+                if (isPureEmptyParagraph(editor, block) && allowOpenQuickToolbar(editor, types)) {
+                    presseingQuickInsertHotkey = true;
+                }
+            }
+            var quickToolbarRef = THE_EDITOR_QUICK_TOOLBAR_REF.get(editor);
+            var isMoveUp = i1.hotkeys.isMoveUp(event);
+            var isMoveDown = i1.hotkeys.isMoveDown(event);
+            if (quickToolbarRef && (isMoveUp || isMoveDown)) {
+                return;
             }
             onKeydown(event);
         };
@@ -12285,7 +12317,7 @@
             var _a;
             onChange();
             if (editor.selection) {
-                var block = slate.Node.get(editor, [editor.selection.anchor.path[0]]);
+                var _b = __read(getBlockAbove(editor), 2), block = _b[0], path = _b[1];
                 // quick insert plus
                 var editorComponent = editor.injector.get(TheEditorComponent);
                 (_a = editorComponent.quickInsertInstance) === null || _a === void 0 ? void 0 : _a.checkStatus();
@@ -12294,13 +12326,26 @@
                     presseingQuickInsertHotkey = false;
                     return;
                 }
-                if (QuickInsertEditor.isOpenedToolbar(editor) && !isCleanEmptyParagraph(editor) && slate.Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
+                else {
+                    presseingQuickInsertHotkey = false;
+                }
+                if (QuickInsertEditor.isOpenedToolbar(editor) &&
+                    !isPureEmptyParagraph(editor, block) &&
+                    slate.Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
                     QuickInsertEditor.closeQuickInsertToolbar(editor);
                 }
             }
         };
         return editor;
     };
+    var allowOpenQuickToolbar = function (editor, allowTypes) {
+        var _b = __read(getBlockAbove(editor), 2), block = _b[0], path = _b[1];
+        var parentNode = slate.Node.parent(editor, path);
+        if (path.length === 1 || (parentNode && allowTypes.includes(parentNode.type))) {
+            return true;
+        }
+        return false;
+    };
 
     var withSoftBreak = function (options) {
         if (options === void 0) { options = { rules: [{ hotkey: 'shift+enter' }] }; }
@@ -13762,6 +13807,7 @@
             this.editor.extraElementOptions = (_b = this.theOptions) === null || _b === void 0 ? void 0 : _b.extraElementOptions;
             this.editor.extraAutoFormatRules = (_c = this.theOptions) === null || _c === void 0 ? void 0 : _c.extraAutoFormatRules;
             this.editor.extraIndentOptions = (_d = this.theOptions) === null || _d === void 0 ? void 0 : _d.extraIndentOptions;
+            this.editor.options = this.theOptions;
             setEditorUUID(this.editor, idCreator());
             this.theContextService.initialize({
                 theOptions: this.theOptions,
@@ -14414,6 +14460,7 @@
     exports.htmlToTheia = htmlToTheia;
     exports.inValidTypes = inValidTypes;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
+    exports.isPureEmptyParagraph = isPureEmptyParagraph;
     exports.mergeElementOptions = mergeElementOptions;
     exports.plainToTheia = plainToTheia;
     exports.toolbarCompose = toolbarCompose;