slate-angular 20.2.21 → 20.2.22

package/fesm2022/slate-angular.mjs

@@ -3650,6 +3650,12 @@ class SlateEditable {
             this.virtualBottomHeightElement.style.height = `${roundTo(bottomHeight, 1)}px`;
         }
     }
+    setTopHeightDebugInfo(accumulatedHeight, accumulatedEndIndex) {
+        if (isDebug) {
+            this.virtualTopHeightElement.setAttribute('accumulated-height', accumulatedHeight.toString());
+            this.virtualTopHeightElement.setAttribute('accumulated-height-end-index', accumulatedEndIndex.toString());
+        }
+    }
     getActualVirtualTopHeight() {
         if (!this.virtualScrollInitialized) {
             return 0;
@@ -3711,6 +3717,7 @@ class SlateEditable {
             const realTopHeight = this.getActualVirtualTopHeight();
             const visibleStates = this.editor.getAllVisibleStates();
             const accumulateTopHeigh = calculateAccumulatedTopHeight(this.editor, this.inViewportIndics[0], visibleStates);
+            this.setTopHeightDebugInfo(accumulateTopHeigh, this.inViewportIndics[0] - 1);
             if (realTopHeight !== accumulateTopHeigh) {
                 if (isDebug) {
                     debugLog('log', 'update top height since dirty state，增加高度: ', accumulateTopHeigh - realTopHeight);
@@ -3740,7 +3747,7 @@ class SlateEditable {
                 if (this.listRender.initialized) {
                     const { preRenderingCount, childrenWithPreRendering, childrenWithPreRenderingIndics } = this.appendPreRenderingToViewport(visibleStates);
                     this.listRender.update(childrenWithPreRendering, this.editor, this.context, preRenderingCount, childrenWithPreRenderingIndics);
-                    if (diff.needAddOnTop && !isFromScrollTo) {
+                    if (diff.needAddOnTop && !isFromScrollTo && diff.changedIndexesOfTop.length === 1) {
                         const remeasureAddedIndics = diff.changedIndexesOfTop;
                         if (isDebug) {
                             debugLog('log', 'needAddOnTop to remeasure heights: ', remeasureAddedIndics);
@@ -3752,10 +3759,11 @@ class SlateEditable {
                             const newHeights = buildHeightsAndAccumulatedHeights(this.editor, visibleStates);
                             const actualTopHeightAfterAdd = newHeights.accumulatedHeights[startIndexBeforeAdd];
                             const newTopHeight = virtualView.top - (actualTopHeightAfterAdd - topHeightBeforeAdd);
+                            this.setTopHeightDebugInfo(newHeights.accumulatedHeights[this.inViewportIndics[0]], this.inViewportIndics[0] - 1);
                             if (topHeightBeforeAdd !== actualTopHeightAfterAdd) {
                                 this.setVirtualSpaceHeight(newTopHeight);
                                 if (isDebug) {
-                                    debugLog('log', `update top height since will add element in top，减去高度: ${topHeightBeforeAdd - actualTopHeightAfterAdd}`);
+                                    debugLog('log', `update top height since will add element in top，减去高度: ${actualTopHeightAfterAdd - topHeightBeforeAdd}`);
                                 }
                             }
                         }
@@ -3830,7 +3838,7 @@ class SlateEditable {
         const inViewportStartIndex = inViewportIndics[0];
         const inViewportEndIndex = inViewportIndics[inViewportIndics.length - 1];
         const top = accumulatedHeights[inViewportStartIndex];
-        // todo: toggleHeight: toggleHeight 逻辑需要优化
+        // todo: totalHeight: totalHeight 逻辑需要优化
         const bottom = totalHeight - accumulatedHeights[inViewportEndIndex + 1];
         return {
             inViewportChildren,
@@ -3845,6 +3853,7 @@ class SlateEditable {
         this.inViewportChildren = virtualView.inViewportChildren;
         this.setVirtualSpaceHeight(virtualView.top, virtualView.bottom);
         this.inViewportIndics = virtualView.inViewportIndics;
+        this.setTopHeightDebugInfo(virtualView.top, this.inViewportIndics[0] - 1);
     }
     diffVirtualViewport(virtualView, stage = 'first') {
         if (!this.inViewportChildren.length) {