@worktile/theia 19.2.0-next.2 → 19.2.1

package/constants/default.d.ts

@@ -8,4 +8,4 @@ export declare const DEFAULT_SCROLL_CONTAINER = ".the-editable-container";
 export declare const ELEMENT_UNIQUE_ID = "key";
 export declare const ZERO_WIDTH_CHAR = "\u200B";
 export declare const QUICK_INSERT_HOTKEY = "/";
-export declare const HIDDEN_CLASS = "slate-block-hidden";
+export declare const BLOCK_HIDDEN_CLASS = "slate-block-hidden";

package/fesm2022/worktile-theia.mjs

@@ -62,7 +62,7 @@ const DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
 const ELEMENT_UNIQUE_ID = 'key';
 const ZERO_WIDTH_CHAR = '\u200B';
 const QUICK_INSERT_HOTKEY = '/';
-const HIDDEN_CLASS = 'slate-block-hidden';
+const BLOCK_HIDDEN_CLASS = 'slate-block-hidden';
 
 var ElementKinds;
 (function (ElementKinds) {
@@ -1911,6 +1911,86 @@ const DefaultElementOptions = [
     }
 ];
 
+/** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
+function coercePixelsFromCssValue(cssValue) {
+    const match = cssValue.match(/(\d+(\.\d+)?)px/);
+    if (match) {
+        return Number(match[1]);
+    }
+}
+function getElementWidth(element) {
+    // Optimization: Check style.width first as we probably set it already before reading
+    // offsetWidth which triggers layout.
+    return coercePixelsFromCssValue(element.style.width) || element.getBoundingClientRect().width;
+}
+function getElementHeight(element) {
+    return coercePixelsFromCssValue(element.style.height) || element.getBoundingClientRect().height;
+}
+function getColsTotalWidth(cols) {
+    return cols.reduce((total, col) => {
+        return total + getElementWidth(col);
+    }, 0);
+}
+function getRowsTotalHeight(rows) {
+    return rows.reduce((total, row) => {
+        return total + getElementHeight(row);
+    }, 0);
+}
+function useElementStyle(el, element) {
+    if (element.align) {
+        el.style.textAlign = element.align || Alignment.left;
+    }
+    else if (el.style.textAlign) {
+        el.style.removeProperty('text-align');
+    }
+    if (element.textIndent) {
+        el.style.textIndent = element.textIndent + 'em';
+    }
+    else if (el.style.textIndent) {
+        el.style.removeProperty('text-indent');
+    }
+    if (element.verticalAlign) {
+        el.style.verticalAlign = element.verticalAlign;
+    }
+    else if (el.style.verticalAlign) {
+        el.style.removeProperty('vertical-align');
+    }
+}
+function getElementClassByPrefix(el, prefix) {
+    let matchClass = null;
+    el.classList.forEach((value, key) => {
+        if (value.includes(prefix)) {
+            matchClass = value;
+        }
+    });
+    return matchClass;
+}
+function toggleHeadingRelatedElement(editor, element, isVisible) {
+    const targetDom = NODE_TO_ELEMENT.get(element);
+    if (!targetDom) {
+        return;
+    }
+    const isBlockCard = editor.isBlockCard(element);
+    if (isBlockCard) {
+        const className = `slate-block-card`;
+        const blockCardDom = targetDom.closest(`.${className}`);
+        if (isVisible) {
+            blockCardDom?.classList.contains(BLOCK_HIDDEN_CLASS) && blockCardDom?.classList.remove(BLOCK_HIDDEN_CLASS);
+        }
+        else {
+            blockCardDom?.classList.add(BLOCK_HIDDEN_CLASS);
+        }
+    }
+    else {
+        if (isVisible) {
+            targetDom.classList.contains(BLOCK_HIDDEN_CLASS) && targetDom.classList.remove(BLOCK_HIDDEN_CLASS);
+        }
+        else {
+            targetDom.classList.add(BLOCK_HIDDEN_CLASS);
+        }
+    }
+}
+
 class TheBaseElement extends BaseElementComponent {
     onContextChange() {
         super.onContextChange();
@@ -1935,8 +2015,16 @@ class TheBaseElement extends BaseElementComponent {
         this.nativeElement.classList.add(`slate-element-${this.element.type}`, blockClass);
         if (this.editor) {
             const isVisible = this.editor.isVisible(this.element);
+            const isBlockCard = this.editor.isBlockCard(this.element);
             if (!isVisible) {
-                this.nativeElement.classList.add(HIDDEN_CLASS);
+                if (isBlockCard) {
+                    setTimeout(() => {
+                        toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                    }, 0);
+                }
+                else {
+                    toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                }
             }
         }
     }
@@ -1995,61 +2083,6 @@ function dataSerializing(mode, value) {
     return value;
 }
 
-/** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
-function coercePixelsFromCssValue(cssValue) {
-    const match = cssValue.match(/(\d+(\.\d+)?)px/);
-    if (match) {
-        return Number(match[1]);
-    }
-}
-function getElementWidth(element) {
-    // Optimization: Check style.width first as we probably set it already before reading
-    // offsetWidth which triggers layout.
-    return coercePixelsFromCssValue(element.style.width) || element.getBoundingClientRect().width;
-}
-function getElementHeight(element) {
-    return coercePixelsFromCssValue(element.style.height) || element.getBoundingClientRect().height;
-}
-function getColsTotalWidth(cols) {
-    return cols.reduce((total, col) => {
-        return total + getElementWidth(col);
-    }, 0);
-}
-function getRowsTotalHeight(rows) {
-    return rows.reduce((total, row) => {
-        return total + getElementHeight(row);
-    }, 0);
-}
-function useElementStyle(el, element) {
-    if (element.align) {
-        el.style.textAlign = element.align || Alignment.left;
-    }
-    else if (el.style.textAlign) {
-        el.style.removeProperty('text-align');
-    }
-    if (element.textIndent) {
-        el.style.textIndent = element.textIndent + 'em';
-    }
-    else if (el.style.textIndent) {
-        el.style.removeProperty('text-indent');
-    }
-    if (element.verticalAlign) {
-        el.style.verticalAlign = element.verticalAlign;
-    }
-    else if (el.style.verticalAlign) {
-        el.style.removeProperty('vertical-align');
-    }
-}
-function getElementClassByPrefix(el, prefix) {
-    let matchClass = null;
-    el.classList.forEach((value, key) => {
-        if (value.includes(prefix)) {
-            matchClass = value;
-        }
-    });
-    return matchClass;
-}
-
 const THE_EDITOR_UUID = new WeakMap();
 const THE_EDITOR_CONVERSION_HINT_REF = new WeakMap();
 const THE_PLUGIN_MENU_REF = new WeakMap();
@@ -8200,16 +8233,7 @@ class TheHeadingElement extends TheBaseElement {
                     setTimeout(() => {
                         followElements.forEach(el => {
                             const isVisible = this.editor.isVisible(el);
-                            const targetDom = NODE_TO_ELEMENT.get(el);
-                            if (!targetDom) {
-                                return;
-                            }
-                            if (isVisible) {
-                                targetDom.classList.remove(HIDDEN_CLASS);
-                            }
-                            else {
-                                targetDom.classList.add(HIDDEN_CLASS);
-                            }
+                            toggleHeadingRelatedElement(this.editor, el, isVisible);
                         });
                     }, 0);
                 }
@@ -8222,10 +8246,7 @@ class TheHeadingElement extends TheBaseElement {
             const followElements = getFollowElements(this.editor, this.element);
             // 处理删除后撤销场景
             followElements.forEach(el => {
-                const targetDom = NODE_TO_ELEMENT.get(el);
-                if (targetDom) {
-                    targetDom.classList.add(HIDDEN_CLASS);
-                }
+                toggleHeadingRelatedElement(this.editor, el, false);
             });
         }
     }
@@ -10814,8 +10835,7 @@ const cleanHeadingEffect = (editor, path) => {
     const followedElements = getFollowElements(editor, headingElement);
     if (headingElement.isCollapsed) {
         followedElements.forEach(el => {
-            const targetDom = AngularEditor.toDOMNode(editor, el);
-            targetDom.classList.contains(HIDDEN_CLASS) && targetDom.classList.remove(HIDDEN_CLASS);
+            toggleHeadingRelatedElement(editor, el, true);
         });
     }
 };
@@ -18348,5 +18368,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, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HIDDEN_CLASS, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BLOCK_HIDDEN_CLASS, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleHeadingRelatedElement, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
 //# sourceMappingURL=worktile-theia.mjs.map