@worktile/theia 20.2.1 → 20.2.3

package/fesm2022/worktile-theia.mjs

@@ -10,7 +10,7 @@ import { cloneDeep, map, every, assign, defaults, groupBy, uniq, isEqual } from
 export { assign, cloneDeep, debounce, defaults, groupBy, isEqual, map, uniq } from 'lodash';
 import { Editor, Element, Span, Range, Path, Node, Point, Text, Transforms, Operation, createEditor } from 'slate';
 import * as i4 from 'slate-angular';
-import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, getRealHeightByElement, isDebug, debugLog, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
+import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, getBlockCardByNativeElement, SLATE_BLOCK_CARD_CLASS_NAME, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, BaseElementFlavour, hasBlockCard, isCardLeft, ELEMENT_KEY_TO_HEIGHTS, getRealHeightByElement, isDebug, debugLog, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, SLATE_DEBUG_KEY, withAngular } from 'slate-angular';
 import { HistoryEditor, withHistory } from 'slate-history';
 import { NODE_TO_PARENT, NODE_TO_INDEX, NODE_TO_ELEMENT, DOMEditor, EDITOR_TO_ELEMENT } from 'slate-dom';
 import { TheiaConverter } from '@atinc/selene';
@@ -63,6 +63,7 @@ const ELEMENT_UNIQUE_ID = 'key';
 const ZERO_WIDTH_CHAR = '\u200B';
 const QUICK_INSERT_HOTKEY = '/';
 const BLOCK_HIDDEN_CLASS = 'slate-block-hidden';
+const ROOT_ELEMENT_MARGIN_BOTTOM = 8;
 
 var ElementKinds;
 (function (ElementKinds) {
@@ -758,6 +759,7 @@ const CODE_MODES = [
     }
 ];
 const CODEMIRROR_PADDING_TOP = 10;
+const CODEMIRROR_DEFAULT_MAX_HEIGHT = 350;
 
 const TheToolbarGroupToken = new InjectionToken('the-toolbar-group-token');
 var DropdownMode;
@@ -1383,7 +1385,7 @@ const getBlockCardAbove = (editor, options = {}) => Editor.above(editor, {
     ...options
 });
 
-const isContainer = (editor, value) => Element.isElement(value) && editor.isContainer && editor.isContainer(value);
+const isContainer = (editor, value) => editor.isContainer && editor.isContainer(value);
 
 const getContainerBlocks = (editor) => {
     const containerNode = Editor.above(editor, {
@@ -7196,7 +7198,7 @@ class TheCode extends TheBaseElement {
         });
     }
     initMaxHeight() {
-        this.maxHeight = isPrintMode(this.editor) ? 0 : 350 - CODEMIRROR_PADDING_TOP * 2;
+        this.maxHeight = isPrintMode(this.editor) ? 0 : CODEMIRROR_DEFAULT_MAX_HEIGHT - CODEMIRROR_PADDING_TOP * 2;
     }
     openToolbar() {
         if (!isGlobalCollapsed(this.editor) || this.isToolbarOpen) {
@@ -12821,7 +12823,7 @@ const createBlockquotePlugin = (locale) => createPluginFactory({
 })();
 
 const withCode = (editor) => {
-    const { isVoid, isBlockCard, renderElement, setFragmentData } = editor;
+    const { isVoid, isBlockCard, renderElement, setFragmentData, getRoughHeight } = editor;
     editor.isVoid = (element) => {
         return element.type === ElementKinds.code ? true : isVoid(element);
     };
@@ -12847,6 +12849,21 @@ const withCode = (editor) => {
         }
         setFragmentData(data, originEvent);
     };
+    editor.getRoughHeight = (element, defaultHeight) => {
+        if (element.type === ElementKinds.code) {
+            if (element.height) {
+                return element.height + ROOT_ELEMENT_MARGIN_BOTTOM;
+            }
+            else {
+                const lineHeight = 22;
+                const content = element.content;
+                const height = content.split('\n').length * lineHeight;
+                const maxHeight = CODEMIRROR_DEFAULT_MAX_HEIGHT - CODEMIRROR_PADDING_TOP * 2;
+                return (height > maxHeight ? maxHeight : height + CODEMIRROR_PADDING_TOP * 2) + ROOT_ELEMENT_MARGIN_BOTTOM;
+            }
+        }
+        return getRoughHeight(element, defaultHeight);
+    };
     return editor;
 };
 const createCodePlugin = (locale) => createPluginFactory({
@@ -13309,7 +13326,7 @@ const createBlockCardPlugin = createPluginFactory({
 });
 
 const withInternalCommon = (editor) => {
-    const { globalMousedown, onKeydown, selectAll } = editor;
+    const { globalMousedown, onKeydown, selectAll, getRoughHeight } = editor;
     editor.globalMousedown = (event) => {
         const target = event.target;
         if (isColorIndicator(target)) {
@@ -13360,6 +13377,16 @@ const withInternalCommon = (editor) => {
             Transforms.select(editor, []);
         }
     };
+    editor.getRoughHeight = (element, defaultHeight) => {
+        if (isContainer(editor, element)) {
+            let height = 0;
+            element.children.forEach((child, index) => {
+                height += editor.getRoughHeight(child, defaultHeight);
+            });
+            return height;
+        }
+        return getRoughHeight(element, defaultHeight);
+    };
     return editor;
 };
 const createCommonPlugin = (locale) => createPluginFactory({
@@ -14363,12 +14390,11 @@ class TheImage extends TheBaseElement {
         if (!AngularEditor.isEnabledVirtualScroll(this.editor)) {
             return;
         }
-        const realHeight = getRealHeightByElement(this.editor, this.element, 0);
-        if (realHeight > 0) {
+        const realHeight = getRealHeightByElement(this.editor, this.element);
+        if (realHeight) {
             const blockCard = getBlockCardByNativeElement(this.nativeElement);
             if (blockCard) {
-                const style = getComputedStyle(blockCard);
-                const minHeight = realHeight - parseFloat(style.marginTop) - parseFloat(style.marginBottom);
+                const minHeight = realHeight - ROOT_ELEMENT_MARGIN_BOTTOM;
                 blockCard.style.minHeight = minHeight + 'px';
                 // if (isDebug) {
                 // debugLog('warn', 'setImageMinHeight in blockCard, realHeight（cache）: ', realHeight, this.element.key, 'minHeight: ', minHeight);
@@ -16003,7 +16029,7 @@ class TheLIFlavour extends TheBaseFlavourElement {
 }
 
 const withList = (editor) => {
-    const { insertBreak, deleteBackward, onKeydown, customInsertFragmentData, setFragmentData, renderElement } = editor;
+    const { insertBreak, deleteBackward, onKeydown, customInsertFragmentData, setFragmentData, renderElement, getRoughHeight } = editor;
     const validLiChildrenTypes = getPluginOptions(editor, PluginKeys.list)?.validLiChildrenTypes ?? [];
     const resetBlockTypesListRule = {
         types: [ElementKinds.listItem],
@@ -16207,6 +16233,12 @@ const withList = (editor) => {
         }
         return renderElement(element);
     };
+    editor.getRoughHeight = (element, defaultHeight) => {
+        if (element.type === ElementKinds.bulletedList || element.type === ElementKinds.numberedList) {
+            return getListRoughHeight(element);
+        }
+        return getRoughHeight(element, defaultHeight);
+    };
     return editor;
 };
 const listOptions = {
@@ -16274,6 +16306,27 @@ const createListPlugin = (locale) => createPluginFactory({
     ],
     options: listOptions
 })();
+const MAX_LIST_DEPTH = 2;
+const getListRoughHeight = (element, deep = 0) => {
+    let height = 0;
+    element.children.forEach((child, index) => {
+        let childHeight = DEFAULT_ELEMENT_HEIGHT;
+        const liElement = child;
+        if (liElement.children.length > 1 && isNodeTypeList(liElement.children[1]) && deep <= MAX_LIST_DEPTH) {
+            childHeight +=
+                ROOT_ELEMENT_MARGIN_BOTTOM +
+                    getListRoughHeight(liElement.children[1], deep + 1);
+        }
+        if (index !== element.children.length - 1) {
+            childHeight += ROOT_ELEMENT_MARGIN_BOTTOM;
+        }
+        height += childHeight;
+    });
+    if (deep === 0) {
+        height += ROOT_ELEMENT_MARGIN_BOTTOM;
+    }
+    return height;
+};
 
 const withMark = (editor) => {
     const e = editor;
@@ -17402,7 +17455,7 @@ class TableTdFlavour extends TheBaseFlavourElement {
 }
 
 const withTable = (editor) => {
-    const { deleteBackward, deleteForward, onKeydown, setFragmentData, customInsertFragmentData, normalizeNode, isBlockCard, renderElement, deleteCutData, isContainer, onChange, onClick, mousedown } = editor;
+    const { deleteBackward, deleteForward, onKeydown, setFragmentData, customInsertFragmentData, normalizeNode, isBlockCard, renderElement, deleteCutData, isContainer, onChange, onClick, mousedown, getRoughHeight } = editor;
     editor.deleteBackward = unit => {
         const opts = new TableOptions();
         if (!isSelectionInTable(opts, editor)) {
@@ -17884,6 +17937,13 @@ const withTable = (editor) => {
         }
         catch (error) { }
     };
+    editor.getRoughHeight = (element, defaultHeight) => {
+        if (Element.isElement(element) && element.type === ElementKinds.table) {
+            const defaultRowHeight = 41;
+            return element.children.length * defaultRowHeight + ROOT_ELEMENT_MARGIN_BOTTOM;
+        }
+        return getRoughHeight(element, defaultHeight);
+    };
     return editor;
 };
 const createTablePlugin = (locale) => createPluginFactory({
@@ -18980,5 +19040,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, 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, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, 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, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createBreakBarChar, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, 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, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isPureHeading, isPureParagraph, 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, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, 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_DEFAULT_MAX_HEIGHT, 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, ROOT_ELEMENT_MARGIN_BOTTOM, 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, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, 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, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createBreakBarChar, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, 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, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isPureHeading, isPureParagraph, 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, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
 //# sourceMappingURL=worktile-theia.mjs.map