@worktile/theia 2.2.0 → 2.2.4

package/bundles/worktile-theia.umd.js

@@ -2505,12 +2505,14 @@
         var align = 'align';
         var hasTextIndent = block[textIndent];
         var hasAlign = block[align];
+        var hasIndent = block[exports.ElementKinds.indent];
         if (slate.Node.string(block) === '' &&
             slate.Element.isElement(block) &&
             block.type === exports.ElementKinds.paragraph &&
             block.children.length === 1 &&
             slate.Text.isText(block.children[0]) &&
             !slate.Editor.isVoid(editor, block) &&
+            !hasIndent &&
             !hasTextIndent &&
             !hasAlign) {
             return true;
@@ -10572,10 +10574,23 @@
                 .pipe(takeUntilDestroyed, operators.filter(function (columnSize) { return columnSize.tableCell === _this.elementRef.nativeElement; }))
                 .subscribe(function (_c) {
                 var deltaSize = _c.deltaSize, previousSize = _c.previousSize, completeImmediately = _c.completeImmediately;
-                _this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
-                _this.applySize(deltaSize, previousSize);
-                if (completeImmediately) {
-                    _this._completeResizeOperation();
+                var _d = _this.elementRef.nativeElement.getBoundingClientRect(), top = _d.top, left = _d.left;
+                var clientY = event.clientY, clientX = event.clientX;
+                var isApplySize = false;
+                if (_this.isXAxisHover) {
+                    var width = _this.hoverdDirection === 'left' ? 0 : _this.tableOptions.minWidthPx;
+                    isApplySize = deltaSize > 0 && left + width - clientX <= 0;
+                }
+                else {
+                    var height = _this.hoverdDirection === 'bottom' ? 0 : _this.tableOptions.minHeightPx;
+                    isApplySize = deltaSize > 0 && top + height - clientY <= 0;
+                }
+                if (isApplySize || deltaSize < 0) {
+                    _this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
+                    _this.applySize(deltaSize, previousSize);
+                    if (completeImmediately) {
+                        _this._completeResizeOperation();
+                    }
                 }
             });
             rxjs.merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
@@ -12165,7 +12180,7 @@
         return TheIndentToolbarComponent;
     }(TheToolbarBaseItemComponent));
     TheIndentToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheIndentToolbarComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$3.ThyPopover }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace.Overlay }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheIndentToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheIndentToolbarComponent, selector: "the-indent-toolbar-item", inputs: { toolbarItem: "toolbarItem", menus: "menus", mode: "mode", item: "item" }, host: { listeners: { "mousedown": "toggleDropdown($event)", "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.disabled": "this.disabledState" }, classAttribute: "the-toolbar-dropdown-container" }, viewQueries: [{ propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<a thyIconNavLink class=\"icon-mode link-with-down\" [thyTooltip]=\"activeMenu?.name\" thyTooltipPlacement=\"top\">\n    <thy-icon [thyIconName]=\"activeMenu?.icon\"></thy-icon>\n    <thy-icon class=\"caret-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <thy-action-menu class=\"dropdown-menu\">\n        <ng-container *ngFor=\"let menu of menus\">\n            <a thyActionMenuItem href=\"javascript:;\" (mousedown)=\"itemMousedown($event, menu)\">\n                <span thyActionMenuItemIcon>\n                    <thy-icon [thyIconName]=\"menu.icon\"></thy-icon>\n                </span>\n                <span thyActionMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </thy-action-menu>\n</ng-template>\n", components: [{ type: i3__namespace.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4__namespace$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { type: i5__namespace$2.ThyActionMenuComponent, selector: "thy-action-menu", inputs: ["thyTheme", "thyWidth"] }], directives: [{ type: i5__namespace$1.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$2.ThyActionMenuItemDirective, selector: "[thyActionMenuItem]", inputs: ["thyDisabled", "thyType"] }, { type: i5__namespace$2.ThyActionMenuItemIconDirective, selector: "[thyActionMenuItemIcon]" }, { type: i5__namespace$2.ThyActionMenuItemNameDirective, selector: "[thyActionMenuItemName]" }] });
+    TheIndentToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheIndentToolbarComponent, selector: "the-indent-toolbar-item", inputs: { toolbarItem: "toolbarItem", menus: "menus", mode: "mode", item: "item" }, host: { listeners: { "mousedown": "toggleDropdown($event)", "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.disabled": "this.disabledState" }, classAttribute: "the-toolbar-dropdown-container" }, viewQueries: [{ propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<a thyIconNavLink class=\"icon-mode link-with-down\" [thyTooltip]=\"activeMenu?.name\" thyTooltipPlacement=\"top\">\n    <thy-icon [thyIconName]=\"activeMenu?.icon\"></thy-icon>\n    <thy-icon class=\"caret-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n    <thy-action-menu class=\"dropdown-menu\">\n        <ng-container *ngFor=\"let menu of menus\">\n            <a\n                thyActionMenuItem\n                href=\"javascript:;\"\n                [thyTooltip]=\"tooltip\"\n                [thyTooltipTemplateContext]=\"{ name: menu.name, shortcutKey: menu.shortcutKey }\"\n                thyTooltipPlacement=\"right\"\n                (mousedown)=\"itemMousedown($event, menu)\"\n            >\n                <span thyActionMenuItemIcon>\n                    <thy-icon [thyIconName]=\"menu.icon\"></thy-icon>\n                </span>\n                <span thyActionMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </thy-action-menu>\n</ng-template>\n\n<ng-template #tooltip let-data>{{ data?.shortcutKey }}</ng-template>\n", components: [{ type: i3__namespace.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4__namespace$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { type: i5__namespace$2.ThyActionMenuComponent, selector: "thy-action-menu", inputs: ["thyTheme", "thyWidth"] }], directives: [{ type: i5__namespace$1.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$2.ThyActionMenuItemDirective, selector: "[thyActionMenuItem]", inputs: ["thyDisabled", "thyType"] }, { type: i5__namespace$2.ThyActionMenuItemIconDirective, selector: "[thyActionMenuItemIcon]" }, { type: i5__namespace$2.ThyActionMenuItemNameDirective, selector: "[thyActionMenuItemName]" }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheIndentToolbarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -12197,7 +12212,7 @@
                     args: ['class.disabled']
                 }] } });
 
-    var MaxIndent = 13;
+    var MaxIndent = 11;
     var includesIndentTypes = __spreadArray([
         exports.ElementKinds.checkItem,
         exports.ElementKinds.numberedList,
@@ -12246,29 +12261,34 @@
         },
         cancelTextIntent: function (editor, event, anchorBlock, kinds) {
             var textIndent = anchorBlock.textIndent, indent = anchorBlock.indent;
-            if (indent) {
-                event.preventDefault();
-                IndentEditor.cancelIndent(editor);
-                return true;
-            }
-            if (!indent && textIndent > 2) {
+            if (textIndent > 2) {
                 event.preventDefault();
                 textIndent -= 2;
                 IndentEditor.setTextIndent(editor, kinds, textIndent);
                 return true;
             }
-            if (!indent && textIndent === 2) {
+            if (textIndent === 2) {
                 event.preventDefault();
                 IndentEditor.setTextIndent(editor, kinds, null);
                 return true;
             }
+            if (indent) {
+                event.preventDefault();
+                IndentEditor.cancelIndent(editor);
+                return true;
+            }
             return false;
         },
         isDisabled: function (editor) {
             if (editor.selection) {
-                var disableGroup = HEADING_TYPES;
+                var allowGroup = __spreadArray([
+                    exports.ElementKinds.paragraph,
+                    exports.ElementKinds.numberedList,
+                    exports.ElementKinds.bulletedList,
+                    exports.ElementKinds.checkItem
+                ], __read(HEADING_TYPES));
                 var anchorBlock$1 = anchorBlock(editor);
-                return anchorBlock$1 && disableGroup.includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
+                return anchorBlock$1 && !allowGroup.includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
             }
             return false;
         }
@@ -12284,13 +12304,15 @@
         {
             key: exports.Indents.indentRight,
             name: '增加缩进',
-            icon: 'indent',
+            icon: 'float-left',
+            shortcutKey: 'Tab',
             execute: function (editor) { return IndentEditor.setIndent(editor); }
         },
         {
             key: exports.Indents.indentLeft,
             name: '减少缩进',
-            icon: 'outdent',
+            icon: 'float-right',
+            shortcutKey: 'Shift+Tab/BackSpace',
             type: exports.ToolbarItemType.toolDropdown,
             execute: function (editor) { return IndentEditor.cancelIndent(editor); }
         }
@@ -12311,7 +12333,7 @@
         var currentPath = [path[0]];
         var isStart = slate.Editor.isStart(editor, selection.anchor, currentPath);
         var textIndentDisable = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
-        if (isHotkey__default["default"]('Tab', event)) {
+        if (isHotkey.isKeyHotkey('Tab', event)) {
             event.preventDefault();
             if (startBlock && (isExpanded || isStart)) {
                 if (!editor.isVoid(block)) {
@@ -12332,7 +12354,7 @@
                 return true;
             }
         }
-        if (isHotkey__default["default"]('shift+Tab', event)) {
+        if (isHotkey.isKeyHotkey('shift+Tab', event)) {
             if (startBlock && (isExpanded || isStart)) {
                 if (!editor.isVoid(block)) {
                     return IndentEditor.cancelTextIntent(editor, event, block, kinds);
@@ -12350,24 +12372,6 @@
     var withIndent = function (kinds) { return function (editor) {
         var onKeydown = editor.onKeydown;
         editor.onKeydown = function (event) {
-            var HOTKEYS = {
-                'mod+]': exports.Indents.indentRight,
-                'mod+[': exports.Indents.indentLeft
-            };
-            for (var hotkey in HOTKEYS) {
-                if (isHotkey__default["default"](hotkey, event)) {
-                    event.preventDefault();
-                    var mark = HOTKEYS[hotkey];
-                    switch (mark) {
-                        case exports.Indents.indentRight:
-                            IndentEditor.setIndent(editor);
-                            break;
-                        case exports.Indents.indentLeft:
-                            IndentEditor.cancelIndent(editor);
-                            break;
-                    }
-                }
-            }
             var isContinue = !onKeydownTextIndent(editor, event, kinds);
             if (isContinue) {
                 onKeydown(event);