slate-angular 20.2.0-next.29 → 20.2.0-next.30

package/fesm2022/slate-angular.mjs

@@ -971,6 +971,7 @@ class VirtualScrollDebugOverlay {
     static log(doc, type, ...args) {
         this.getInstance(doc).log(type, ...args);
     }
+    // will trigger selectionchange and clear editor's selection
     static syncScrollTop(doc, value) {
         const instance = this.getInstance(doc);
         instance.setScrollTopValue(value);
@@ -1051,9 +1052,6 @@ class VirtualScrollDebugOverlay {
         if (!this.container) {
             this.createContainer();
         }
-        else {
-            this.applyState();
-        }
     }
     log(type, ...args) {
         this.init();
@@ -1432,7 +1430,6 @@ class VirtualScrollDebugOverlay {
         item.appendChild(time);
         item.appendChild(text);
         this.logList.appendChild(item);
-        this.logList.scrollTop = this.logList.scrollHeight;
     }
     formatValue(value) {
         if (typeof value === 'string') {
@@ -1521,6 +1518,10 @@ const buildHeightsAndAccumulatedHeights = (editor) => {
     }
     return { heights, accumulatedHeights };
 };
+const calculateVirtualTopHeight = (editor, startIndex) => {
+    const { accumulatedHeights } = buildHeightsAndAccumulatedHeights(editor);
+    return accumulatedHeights[startIndex] ?? 0;
+};
 const scrollToElement = (editor, element, scrollTo) => {
     const children = editor.children;
     if (!children.length) {
@@ -3316,6 +3317,9 @@ class SlateEditable {
                 const virtualView = this.calculateVirtualViewport();
                 this.applyVirtualView(virtualView);
                 const childrenForRender = virtualView.inViewportChildren;
+                if (isDebug) {
+                    debugLog('log', 'writeValue calculate: ', virtualView.visibleIndexes, 'initialized: ', this.listRender.initialized);
+                }
                 if (!this.listRender.initialized) {
                     this.listRender.initialize(childrenForRender, this.editor, this.context);
                 }
@@ -3670,7 +3674,7 @@ class SlateEditable {
             this.virtualBottomHeightElement.style.height = `${bottomHeight}px`;
         }
     }
-    getVirtualTopHeight() {
+    getActualVirtualTopHeight() {
         if (!this.virtualScrollInitialized) {
             return 0;
         }
@@ -3695,6 +3699,17 @@ class SlateEditable {
         if (isDebug) {
             debugLog('log', 'tryUpdateVirtualViewport');
         }
+        if (this.inViewportIndics.length > 0) {
+            const topHeight = this.getActualVirtualTopHeight();
+            const refreshVirtualTopHeight = calculateVirtualTopHeight(this.editor, this.inViewportIndics[0]);
+            if (topHeight !== refreshVirtualTopHeight) {
+                if (isDebug) {
+                    debugLog('log', 'update top height since dirty state（正数减去高度，负数代表增加高度）: ', topHeight - refreshVirtualTopHeight);
+                }
+                this.setVirtualSpaceHeight(refreshVirtualTopHeight);
+                return;
+            }
+        }
         this.tryUpdateVirtualViewportAnimId && cancelAnimationFrame(this.tryUpdateVirtualViewportAnimId);
         this.tryUpdateVirtualViewportAnimId = requestAnimationFrame(() => {
             if (isDebug) {
@@ -3738,15 +3753,6 @@ class SlateEditable {
                     }
                 }
             }
-            else {
-                const topHeight = this.getVirtualTopHeight();
-                if (virtualView.top !== topHeight) {
-                    if (isDebug) {
-                        debugLog('log', 'update top height since invalid status（正数减去高度，负数代表增加高度）: ', topHeight - virtualView.top);
-                    }
-                    this.setVirtualSpaceHeight(virtualView.top);
-                }
-            }
             if (isDebug) {
                 debugLog('log', 'tryUpdateVirtualViewport Anim end');
             }
@@ -3764,10 +3770,6 @@ class SlateEditable {
             };
         }
         const scrollTop = this.virtualScrollConfig.scrollTop;
-        if (isDebug) {
-            const doc = this.elementRef?.nativeElement?.ownerDocument ?? document;
-            VirtualScrollDebugOverlay.syncScrollTop(doc, Number.isFinite(scrollTop) ? scrollTop : 0);
-        }
         const viewportHeight = this.virtualScrollConfig.viewportHeight ?? 0;
         if (!viewportHeight) {
             return {
@@ -3838,6 +3840,9 @@ class SlateEditable {
     }
     diffVirtualViewport(virtualView, stage = 'first') {
         if (!this.inViewportChildren.length) {
+            if (isDebug) {
+                debugLog('log', 'diffVirtualViewport', stage, 'empty inViewportChildren', virtualView.visibleIndexes);
+            }
             return {
                 isDifferent: true,
                 changedIndexesOfTop: [],
@@ -5161,5 +5166,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_BUSINESS_TOP, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, ELEMENT_KEY_TO_HEIGHTS, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_ENABLED_VIRTUAL_SCROLL, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SLATE_DEBUG_KEY_SCROLL_TOP, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, SlateString, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, check, completeTable, createClipboardData, createText, createThrottleRAF, debugLog, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getBusinessTop, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getRealHeightByElement, getSelection, getSlateFragmentAttribute, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDebug, isDebugScrollTop, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isTemplateRef, isValid, measureHeightByElement, measureHeightByIndics, normalize, scrollToElement, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_BUSINESS_TOP, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, ELEMENT_KEY_TO_HEIGHTS, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_ENABLED_VIRTUAL_SCROLL, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SLATE_DEBUG_KEY_SCROLL_TOP, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, SlateString, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, calculateVirtualTopHeight, check, completeTable, createClipboardData, createText, createThrottleRAF, debugLog, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getBusinessTop, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getRealHeightByElement, getSelection, getSlateFragmentAttribute, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDebug, isDebugScrollTop, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isTemplateRef, isValid, measureHeightByElement, measureHeightByIndics, normalize, scrollToElement, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 //# sourceMappingURL=slate-angular.mjs.map