@worktile/theia 16.2.0 → 16.2.2

package/fesm2022/worktile-theia.mjs

@@ -1,11 +1,11 @@
 import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, HostBinding, Pipe, TemplateRef, ViewChild, Directive, Input, HostListener, ViewContainerRef, Inject, Injectable, ElementRef, ChangeDetectorRef, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, InjectionToken, Pipe, TemplateRef, ViewChild, Directive, Input, HostListener, ViewContainerRef, Inject, Injectable, ElementRef, ChangeDetectorRef, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
 import * as i2$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import * as i1 from 'slate-angular';
-import { AngularEditor, BaseElementComponent, BaseTextComponent, NODE_TO_PARENT, NODE_TO_INDEX, hotkeys, IS_SAFARI, ELEMENT_TO_COMPONENT, hasBlockCard, isCardLeft, FAKE_RIGHT_BLOCK_CARD_OFFSET, getPlainText as getPlainText$1, EDITOR_TO_ELEMENT, defaultScrollSelectionIntoView, withAngular, SlateModule } from 'slate-angular';
+import { BaseElementComponent, BaseTextComponent, NODE_TO_PARENT, NODE_TO_INDEX, AngularEditor, hotkeys, IS_SAFARI, ELEMENT_TO_COMPONENT, hasBlockCard, isCardLeft, FAKE_RIGHT_BLOCK_CARD_OFFSET, getPlainText as getPlainText$1, EDITOR_TO_ELEMENT, defaultScrollSelectionIntoView, withAngular, SlateModule } from 'slate-angular';
 import { Range, Editor, Span, Path, Node, Element as Element$1, Point, Text, Transforms, Operation, createEditor } from 'slate';
 import { map, cloneDeep, assign, defaults, groupBy, uniq, isEqual } from 'lodash';
 import { isObject, isArray, isString, isUndefined } from 'ngx-tethys/util';
@@ -76,37 +76,7 @@ const isGlobalCollapsed = (editor) => {
     return editor && editor.selection && Range.isCollapsed(editor.selection);
 };
 
-const TheEditor = {
-    ...AngularEditor
-};
-var TheDataMode;
-(function (TheDataMode) {
-    TheDataMode["json"] = "json";
-    TheDataMode["html"] = "html";
-})(TheDataMode || (TheDataMode = {}));
-var TheMode;
-(function (TheMode) {
-    TheMode["default"] = "default";
-    TheMode["print"] = "print";
-    TheMode["mobile"] = "mobile";
-})(TheMode || (TheMode = {}));
-class TheModeConfig {
-}
-const THE_MODE_TOKEN = new InjectionToken('the-mode');
-const THE_MODE_PROVIDER = {
-    provide: THE_MODE_TOKEN,
-    useValue: {
-        mode: TheMode.default
-    }
-};
-
 class TheBaseElementComponent extends BaseElementComponent {
-    get isMobileMode() {
-        return this.modeConfig && this.modeConfig.mode === TheMode.mobile;
-    }
-    get isPrintMode() {
-        return this.modeConfig && this.modeConfig.mode === TheMode.print;
-    }
     onContextChange() {
         super.onContextChange();
         if (this.selection && this.editor && this.editor.isVoid(this.element)) {
@@ -122,7 +92,6 @@ class TheBaseElementComponent extends BaseElementComponent {
             this.nativeElement.classList.remove(`slate-selected-element`);
             this.nativeElement.classList.remove(`slate-focus-element`);
         }
-        this.modeConfig = this.editor && this.editor.injector.get(THE_MODE_TOKEN);
     }
     ngOnInit() {
         this.context.attributes['data-slate-key'] = this.context.element.key;
@@ -1686,6 +1655,30 @@ const createPluginFactory = (defaultPlugin) => (override, overrideByKey = {}) =>
     return cloneDeep(defaultPlugin);
 };
 
+const TheEditor = {
+    ...AngularEditor
+};
+var TheDataMode;
+(function (TheDataMode) {
+    TheDataMode["json"] = "json";
+    TheDataMode["html"] = "html";
+})(TheDataMode || (TheDataMode = {}));
+var TheMode;
+(function (TheMode) {
+    TheMode["default"] = "default";
+    TheMode["print"] = "print";
+    TheMode["mobile"] = "mobile";
+})(TheMode || (TheMode = {}));
+class TheModeConfig {
+}
+const THE_MODE_TOKEN = new InjectionToken('the-mode');
+const THE_MODE_PROVIDER = {
+    provide: THE_MODE_TOKEN,
+    useValue: {
+        mode: TheMode.default
+    }
+};
+
 var ToolbarItemType;
 (function (ToolbarItemType) {
     ToolbarItemType["default"] = "default";
@@ -2270,6 +2263,19 @@ const isColorInput = (element) => {
     return element.closest('.thy-color-inputs');
 };
 
+const getMode = (editor) => {
+    const modeConfig = editor && editor.injector?.get(THE_MODE_TOKEN);
+    return modeConfig && modeConfig.mode;
+};
+const isMobileMode = (editor) => {
+    const mode = getMode(editor);
+    return mode === TheMode.mobile;
+};
+const isPrintMode = (editor) => {
+    const mode = getMode(editor);
+    return mode === TheMode.print;
+};
+
 const toolbarInitialize = (toolbarItems, global = DefaultGlobalToolbarDefinition, inline = DefaultInlineToolbarDefinition) => {
     const toolbarDefinition = {
         global,
@@ -5429,7 +5435,7 @@ const withMention = (editor) => {
         if (text === ' ') {
             MentionEditor.close(editor);
         }
-        else {
+        else if (!isMobileMode(editor)) {
             const mentions = getPluginOptions(editor, PluginKeys.mention)?.mentions;
             const currentMention = mentions?.find(m => m?.trigger === text);
             const isDisabledTrigger = currentMention && currentMention.disableTrigger ? currentMention?.disableTrigger(editor) : false;
@@ -6520,6 +6526,11 @@ const TableEditor = {
             setMarks(editor, unsetMarks, cellRange);
         });
     },
+    formatBrush(editor, marks) {
+        return TableEditor.handleSelectedCells(editor, (cellPath, cellRange) => {
+            setMarks(editor, marks, cellRange);
+        });
+    },
     handleSelectedCells(editor, handle) {
         const cells = TableEditor.getSelectedCells(editor);
         if (cells) {
@@ -7150,7 +7161,7 @@ class TheCodeComponent extends TheBaseElementComponent {
         this.overlay = overlay;
         this.startRenderCodemirror = false;
         this.dropdownMode = DropdownMode;
-        this.maxHeight = this.isPrintMode ? 0 : 350 - CODEMIRROR_PADDING_TOP * 2;
+        this.maxHeight = isPrintMode(this.editor) ? 0 : 350 - CODEMIRROR_PADDING_TOP * 2;
         this.menus = CODE_MODES.map(item => {
             return { key: item.value, name: item.showName };
         });
@@ -7163,7 +7174,7 @@ class TheCodeComponent extends TheBaseElementComponent {
             readOnly: false,
             autofocus: false,
             lineWiseCopyCut: true,
-            lineWrapping: this.isPrintMode,
+            lineWrapping: isPrintMode(this.editor),
             cursorBlinkRate: 500
         };
         this.activeLanguage = this.menus[0];
@@ -7176,7 +7187,7 @@ class TheCodeComponent extends TheBaseElementComponent {
     }
     onContextChange() {
         super.onContextChange();
-        if (this.isCollapsedAndNonReadonly && !this.isMobileMode) {
+        if (this.isCollapsedAndNonReadonly && !isMobileMode(this.editor)) {
             this.openToolbar();
         }
         else {
@@ -7317,7 +7328,7 @@ class TheCodeComponent extends TheBaseElementComponent {
         this.options = { ...this.options, lineWrapping: this.element.autoWrap || false };
     }
     useHeight() {
-        if (this.element.height && !this.isPrintMode) {
+        if (this.element.height && !isPrintMode(this.editor)) {
             this.resizeHeight = this.element.height;
             this.maxHeight = this.element.height;
         }
@@ -8793,7 +8804,7 @@ class TheImageComponent extends TheBaseElementComponent {
     }
     onContextChange() {
         super.onContextChange();
-        if (this.initialized && !this.isMobileMode) {
+        if (this.initialized && !isMobileMode(this.editor)) {
             if (this.isShouldOpen()) {
                 this.openLayoutToolbar();
             }
@@ -9488,7 +9499,7 @@ class TheBaseLinkComponent extends TheBaseElementComponent {
         }
     }
     mousedownHandle(event) {
-        if (!this.readonly && !this.editor.disabled && !this.isMobileMode) {
+        if (!this.readonly && !this.editor.disabled && !isMobileMode(this.editor)) {
             this.openLinkHover();
         }
     }
@@ -10902,23 +10913,17 @@ const createTrailingNodePlugin = createPluginFactory({
 });
 
 const PaintFormatEditor = {
-    formatBrush(editor) {
-        const contextService = editor.injector.get(TheContextService);
-        const obj = {};
-        for (const key of MarkProps) {
-            const k = contextService.paintFormatStatus.marks[key];
-            obj[key] = k || null;
-        }
+    formatBrush(editor, marks) {
         const block = anchorBlock(editor);
         if (block && Range.isCollapsed(editor.selection)) {
             // TODO:: 在撤销时有bug, 临时使用withoutSaving处理
             HistoryEditor.withoutSaving(editor, () => {
                 const path = TheEditor.findPath(editor, block);
-                setMarks(editor, obj, path);
+                setMarks(editor, marks, path);
             });
         }
         else {
-            setMarks(editor, obj);
+            setMarks(editor, marks);
         }
         PaintFormatEditor.cancelFormatBrushStatus(editor);
     },
@@ -10942,7 +10947,16 @@ const PaintFormatEditor = {
             .pipe(filter(event => element.contains(event.target)), take(1))
             .subscribe((event) => {
             if (contextService.paintFormatStatus.isActive) {
-                PaintFormatEditor.formatBrush(editor);
+                const contextService = editor.injector.get(TheContextService);
+                const marks = {};
+                for (const key of MarkProps) {
+                    marks[key] = contextService.paintFormatStatus.marks[key] || null;
+                }
+                if (TableEditor.formatBrush(editor, marks)) {
+                    PaintFormatEditor.cancelFormatBrushStatus(editor);
+                    return;
+                }
+                PaintFormatEditor.formatBrush(editor, marks);
             }
         });
         editor.onChange();
@@ -11034,8 +11048,7 @@ const withQuickInsert = (editor) => {
         const { hotkey, allowHotkeyInTypes } = options;
         // 基于插入内容对比，避免 keydown 判断时无法区分中文「、」和英文「/」热键
         if (text === hotkey) {
-            const modeConfig = editor?.injector && editor.injector.get(THE_MODE_TOKEN);
-            if (modeConfig?.mode !== TheMode.mobile) {
+            if (!isMobileMode(editor)) {
                 const types = [...(allowHotkeyInTypes || [])];
                 if (isPureEmptyParagraph(editor, block) && allowOpenInsertMenu(editor, types)) {
                     setTimeout(() => {
@@ -13123,6 +13136,7 @@ class TheTableComponent extends TheBaseElementComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        this.isMobileMode = isMobileMode(this.editor);
         this.getColControls();
         this.getIsInTable();
         this.tablePluginOptions = getPluginOptions(this.editor, PluginKeys.table);
@@ -14401,6 +14415,7 @@ class TheTdComponent extends TheBaseElementComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        this.isMobileMode = isMobileMode(this.editor);
         this.useState();
     }
     ngAfterViewInit() {
@@ -16187,6 +16202,8 @@ class TheEditorComponent extends mixinUnsubscribe(MixinBase) {
     }
     ngOnInit() {
         this.initialize();
+        const modeConfig = this.injector.get(THE_MODE_TOKEN);
+        this.isMobileMode = modeConfig && modeConfig.mode === TheMode.mobile;
         this.initializeEvents();
         initializeDefaultMenuIcons(this.iconRegistry);
         this.theContextService.uploadingStatus$.subscribe(isUploading => {
@@ -16200,8 +16217,6 @@ class TheEditorComponent extends mixinUnsubscribe(MixinBase) {
             }
         });
         this.onErrorHandler();
-        const modeConfig = this.injector.get(THE_MODE_TOKEN);
-        this.isMobileMode = modeConfig.mode === TheMode.mobile;
     }
     ngOnChanges(changes) {
         const options = changes.theOptions;
@@ -16746,5 +16761,5 @@ const withTestPlugin = (plugins, initValue) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createEmptyParagraph, createMentionPlugin, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isPureEmptyParagraph, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createEmptyParagraph, createMentionPlugin, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getMode, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isMobileMode, isPrintMode, isPureEmptyParagraph, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, useElementStyle, withMention, withTestPlugin, withTheia };
 //# sourceMappingURL=worktile-theia.mjs.map