@worktile/theia 1.2.14 → 1.2.15

package/bundles/worktile-theia.umd.js

@@ -376,7 +376,6 @@
     var ZERO_WIDTH_CHAR = '\u200B';
     var CLIPBOARD_FORMAT_KEY = 'x-theia-fragment';
     var DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
-    var BLOCK_INSERT_ORIGIN = 'block-insert';
     var ELEMENT_UNIQUE_ID = 'key';
     exports.TheMode = void 0;
     (function (TheMode) {
@@ -2378,6 +2377,9 @@
         return "the-toolbar-" + uuid;
     };
 
+    var IS_MAC = typeof window != 'undefined' && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+    var CONTROL_KEY = IS_MAC ? '⌘' : 'Ctrl';
+
     var withDeserializeMd = function (options) { return function (editor) {
         var insertData = editor.insertData, onKeydown = editor.onKeydown;
         editor.onKeydown = function (event) {
@@ -2418,8 +2420,13 @@
                                         });
                                         return;
                                     }
+                                    else {
+                                        closeConversionHint(editor);
+                                    }
+                                }
+                                catch (error) {
+                                    closeConversionHint(editor);
                                 }
-                                catch (error) { }
                             }
                         },
                         origin: origin,
@@ -5858,6 +5865,7 @@
             key: exports.MarkTypes.bold,
             icon: 'bold',
             name: '加粗',
+            shortcutKey: CONTROL_KEY + "+B",
             execute: function (editor) { return MarkEditor.toggleMark(editor, exports.MarkTypes.bold); },
             active: function (editor) { return MarkEditor.isMarkActive(editor, exports.MarkTypes.bold); }
         },
@@ -5865,6 +5873,7 @@
             key: exports.MarkTypes.italic,
             icon: 'italic',
             name: '斜体',
+            shortcutKey: CONTROL_KEY + "+I",
             execute: function (editor) { return MarkEditor.toggleMark(editor, exports.MarkTypes.italic); },
             active: function (editor) { return MarkEditor.isMarkActive(editor, exports.MarkTypes.italic); }
         },
@@ -5879,6 +5888,7 @@
             key: exports.MarkTypes.underline,
             icon: 'underline',
             name: '下划线',
+            shortcutKey: CONTROL_KEY + "+U",
             execute: function (editor) { return MarkEditor.toggleMark(editor, exports.MarkTypes.underline); },
             active: function (editor) { return MarkEditor.isMarkActive(editor, exports.MarkTypes.underline); }
         },
@@ -5886,6 +5896,7 @@
             key: exports.MarkTypes.codeLine,
             icon: 'code',
             name: '行内代码',
+            shortcutKey: CONTROL_KEY + "+E",
             execute: function (editor) { return MarkEditor.toggleMark(editor, exports.MarkTypes.codeLine); },
             active: function (editor) { return MarkEditor.isMarkActive(editor, exports.MarkTypes.codeLine); }
         }
@@ -11274,12 +11285,14 @@
             key: exports.ToolbarActionTypes.undo,
             icon: 'undo',
             name: '撤销',
+            shortcutKey: CONTROL_KEY + "+Z",
             execute: function (editor) { return editor.undo(); }
         },
         {
             key: exports.ToolbarActionTypes.redo,
             icon: 'redo',
             name: '重做',
+            shortcutKey: CONTROL_KEY + "+Shift+Z",
             execute: function (editor) { return editor.redo(); }
         },
         {
@@ -11400,12 +11413,12 @@
         return TheToolbarItemComponent;
     }(TheToolbarBaseItemComponent));
     TheToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: TheToolbarItemComponent, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { item: "item", editor: "editor", itemMode: "itemMode" }, host: { classAttribute: "the-toolbar-item" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "\n        <ng-container *ngIf=\"itemMode === ToolbarItemMode.horizontal; else selectionItem\">\n            <a\n                thyIconNavLink\n                [thyIconNavLinkIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thyTooltipPlacement=\"top\"\n                [thyIconNavLinkActive]=\"active\"\n                (mousedown)=\"execute($event)\"\n            ></a>\n        </ng-container>\n        <ng-template #selectionItem>\n            <ng-container *ngIf=\"!item?.quickItemComponent\">\n                <thy-icon [thyIconName]=\"item?.icon\" [thyIconRotate]=\"0\" class=\"quick-toolbar-icon\"></thy-icon>\n                <span class=\"quick-toolbar-name\">{{ item?.name }}</span>\n            </ng-container>\n        </ng-template>\n        <ng-container #toolbarContainer></ng-container>\n    ", isInline: true, components: [{ type: i2__namespace.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4__namespace$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }] });
+    TheToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: { item: "item", editor: "editor", itemMode: "itemMode" }, host: { classAttribute: "the-toolbar-item" }, viewQueries: [{ propertyName: "toolbarContainer", first: true, predicate: ["toolbarContainer"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "\n        <ng-container *ngIf=\"itemMode === ToolbarItemMode.horizontal; else selectionItem\">\n            <a\n                thyIconNavLink\n                [thyIconNavLinkIcon]=\"item.icon\"\n                [thyTooltip]=\"tooltip\"\n                [thyTooltipTemplateContext]=\"{ name: item.name, shortcutKey: item.shortcutKey }\"\n                thyTooltipPlacement=\"top\"\n                [thyIconNavLinkActive]=\"active\"\n                (mousedown)=\"execute($event)\"\n            ></a>\n        </ng-container>\n        <ng-template #selectionItem>\n            <ng-container *ngIf=\"!item?.quickItemComponent\">\n                <thy-icon [thyIconName]=\"item?.icon\" [thyIconRotate]=\"0\" class=\"quick-toolbar-icon\"></thy-icon>\n                <span class=\"quick-toolbar-name\">{{ item?.name }}</span>\n            </ng-container>\n        </ng-template>\n        <ng-template #tooltip let-data> {{ data.name }} {{ data.shortcutKey }} </ng-template>\n        <ng-container #toolbarContainer></ng-container>\n    ", isInline: true, components: [{ type: i2__namespace.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4__namespace$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: TheToolbarItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'the-toolbar-item',
-                        template: "\n        <ng-container *ngIf=\"itemMode === ToolbarItemMode.horizontal; else selectionItem\">\n            <a\n                thyIconNavLink\n                [thyIconNavLinkIcon]=\"item.icon\"\n                [thyTooltip]=\"item.name\"\n                thyTooltipPlacement=\"top\"\n                [thyIconNavLinkActive]=\"active\"\n                (mousedown)=\"execute($event)\"\n            ></a>\n        </ng-container>\n        <ng-template #selectionItem>\n            <ng-container *ngIf=\"!item?.quickItemComponent\">\n                <thy-icon [thyIconName]=\"item?.icon\" [thyIconRotate]=\"0\" class=\"quick-toolbar-icon\"></thy-icon>\n                <span class=\"quick-toolbar-name\">{{ item?.name }}</span>\n            </ng-container>\n        </ng-template>\n        <ng-container #toolbarContainer></ng-container>\n    ",
+                        template: "\n        <ng-container *ngIf=\"itemMode === ToolbarItemMode.horizontal; else selectionItem\">\n            <a\n                thyIconNavLink\n                [thyIconNavLinkIcon]=\"item.icon\"\n                [thyTooltip]=\"tooltip\"\n                [thyTooltipTemplateContext]=\"{ name: item.name, shortcutKey: item.shortcutKey }\"\n                thyTooltipPlacement=\"top\"\n                [thyIconNavLinkActive]=\"active\"\n                (mousedown)=\"execute($event)\"\n            ></a>\n        </ng-container>\n        <ng-template #selectionItem>\n            <ng-container *ngIf=\"!item?.quickItemComponent\">\n                <thy-icon [thyIconName]=\"item?.icon\" [thyIconRotate]=\"0\" class=\"quick-toolbar-icon\"></thy-icon>\n                <span class=\"quick-toolbar-name\">{{ item?.name }}</span>\n            </ng-container>\n        </ng-template>\n        <ng-template #tooltip let-data> {{ data.name }} {{ data.shortcutKey }} </ng-template>\n        <ng-container #toolbarContainer></ng-container>\n    ",
                         host: {
                             class: 'the-toolbar-item'
                         }
@@ -11571,6 +11584,26 @@
         return editor;
     };
 
+    var withSoftBreak = function (options) {
+        if (options === void 0) { options = { rules: [{ hotkey: 'shift+enter' }] }; }
+        return function (editor) {
+            var onKeydown = editor.onKeydown;
+            editor.onKeydown = function (event) {
+                var rules = options.rules;
+                var entry = getBlockAbove(editor);
+                rules.forEach(function (_a) {
+                    var hotkey = _a.hotkey, query = _a.query;
+                    if (isHotkey__default["default"](hotkey, event) && isNodeType(entry, query)) {
+                        event.preventDefault();
+                        editor.insertText('\n');
+                    }
+                });
+                onKeydown(event);
+            };
+            return editor;
+        };
+    };
+
     var internalPlugins = [
         withTheHistory,
         withAutoInsertData(),
@@ -11588,6 +11621,17 @@
         withCode,
         withHeading,
         withMark(),
+        withSoftBreak({
+            rules: [
+                { hotkey: 'shift+enter' },
+                {
+                    hotkey: 'enter',
+                    query: {
+                        allow: [exports.ElementKinds.blockquote]
+                    }
+                }
+            ]
+        }),
         withBlockquote,
         withNodeID({ idKey: ELEMENT_UNIQUE_ID, idCreator: idCreator }),
         withAutoFormat({ rules: autoFormatRules }),
@@ -13078,13 +13122,13 @@
     exports.A_TAG_REL_ATTR = A_TAG_REL_ATTR;
     exports.AlignEditor = AlignEditor;
     exports.BLOCK_DELETEBACKWARD_TYPES = BLOCK_DELETEBACKWARD_TYPES;
-    exports.BLOCK_INSERT_ORIGIN = BLOCK_INSERT_ORIGIN;
     exports.BlockquoteEditor = BlockquoteEditor;
     exports.CLIPBOARD_FORMAT_KEY = CLIPBOARD_FORMAT_KEY;
     exports.CODEMIRROR_PADDING_TOP = CODEMIRROR_PADDING_TOP;
     exports.CODE_MODES = CODE_MODES;
     exports.COMPONENTS = COMPONENTS;
     exports.CONTAINER_BLOCKS = CONTAINER_BLOCKS;
+    exports.CONTROL_KEY = CONTROL_KEY;
     exports.CodeEditor = CodeEditor;
     exports.CodeMode = CodeMode;
     exports.ColorEditor = ColorEditor;
@@ -13098,6 +13142,7 @@
     exports.HEADING_TYPES = HEADING_TYPES;
     exports.HeadingEditor = HeadingEditor;
     exports.HrEditor = HrEditor;
+    exports.IS_MAC = IS_MAC;
     exports.ImageEditor = ImageEditor;
     exports.LINK_DEFAULT_TEXT = LINK_DEFAULT_TEXT;
     exports.LIST_BLOCK_TYPES = LIST_BLOCK_TYPES;