@worktile/theia 2.2.1 → 2.2.5

package/bundles/worktile-theia.umd.js

@@ -7172,10 +7172,35 @@
             }
             i1.AngularEditor.focus(this.editor);
             slate.Transforms.select(this.editor, i1.AngularEditor.findPath(this.editor, this.element));
-            document.execCommand('copy');
-            this.thyNotifyService.success('复制成功');
+            if (i1.IS_SAFARI) {
+                this.safariCopy();
+                return;
+            }
+            document.execCommand('copy') ? this.thyNotifyService.success('复制成功') : this.thyNotifyService.error('复制失败');
             i1.AngularEditor.deselect(this.editor);
         };
+        TheCodeComponent.prototype.safariCopy = function () {
+            var currentElement = i1.AngularEditor.toDOMNode(this.editor, this.element);
+            var blockCard = currentElement.closest('.slate-block-card');
+            var span = document.createElement('pre');
+            span.appendChild(blockCard.cloneNode(true));
+            span.textContent = this.element.content;
+            span.setAttribute('data-language', this.element.language);
+            span.setAttribute('data-auto-wrap', String(this.element.autoWrap));
+            span.setAttribute('data-height', String(this.element.height));
+            document.body.appendChild(span);
+            var selection = window.getSelection();
+            var range = document.createRange();
+            if (selection) {
+                selection.removeAllRanges();
+                range.selectNode(span);
+                selection.addRange(range);
+                document.execCommand('copy') ? this.thyNotifyService.success('复制成功') : this.thyNotifyService.error('复制失败');
+                selection.removeAllRanges();
+                document.body.removeChild(span);
+                i1.AngularEditor.deselect(this.editor);
+            }
+        };
         TheCodeComponent.prototype.focusChange = function (codeMirrorFocused) {
             if (codeMirrorFocused) {
                 this.isHightLight = false;
@@ -10574,10 +10599,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)
@@ -12167,7 +12205,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: [{
@@ -12199,7 +12237,7 @@
                     args: ['class.disabled']
                 }] } });
 
-    var MaxIndent = 13;
+    var MaxIndent = 11;
     var includesIndentTypes = __spreadArray([
         exports.ElementKinds.checkItem,
         exports.ElementKinds.numberedList,
@@ -12248,29 +12286,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;
         }
@@ -12287,12 +12330,14 @@
             key: exports.Indents.indentRight,
             name: '增加缩进',
             icon: 'float-left',
+            shortcutKey: 'Tab',
             execute: function (editor) { return IndentEditor.setIndent(editor); }
         },
         {
             key: exports.Indents.indentLeft,
             name: '减少缩进',
             icon: 'float-right',
+            shortcutKey: 'Shift+Tab/BackSpace',
             type: exports.ToolbarItemType.toolDropdown,
             execute: function (editor) { return IndentEditor.cancelIndent(editor); }
         }
@@ -12313,7 +12358,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)) {
@@ -12334,7 +12379,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);
@@ -12352,24 +12397,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);