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

package/fesm2022/slate-angular.mjs

@@ -2870,6 +2870,19 @@ const createText = (text) => {
     return { nativeElement };
 };
 
+const setPreRenderingElementStyle = (rootNode, isClear = false) => {
+    if (isClear) {
+        rootNode.style.top = '';
+        rootNode.style.left = '';
+        rootNode.style.right = '';
+        rootNode.style.position = '';
+        return;
+    }
+    rootNode.style.top = '-100%';
+    rootNode.style.left = '0px';
+    rootNode.style.right = '0px';
+    rootNode.style.position = 'absolute';
+};
 class ListRender {
     constructor(viewContext, viewContainerRef, getOutletParent, getOutletElement) {
         this.viewContext = viewContext;
@@ -2924,8 +2937,7 @@ class ListRender {
             const preRenderingElement = [...this.preRenderingHTMLElement];
             preRenderingElement.forEach((rootNodes, index) => {
                 rootNodes.forEach(rootNode => {
-                    rootNode.style.position = '';
-                    rootNode.style.top = '';
+                    setPreRenderingElementStyle(rootNode, true);
                 });
             });
             this.preRenderingHTMLElement = [];
@@ -3031,8 +3043,7 @@ class ListRender {
             for (let i = 0; i < preRenderingCount; i++) {
                 const rootNodes = [...getRootNodes(this.views[i], this.blockCards[i])];
                 rootNodes.forEach(rootNode => {
-                    rootNode.style.top = '-100%';
-                    rootNode.style.position = 'absolute';
+                    setPreRenderingElementStyle(rootNode);
                 });
                 this.preRenderingHTMLElement.push(rootNodes);
             }
@@ -3318,7 +3329,7 @@ class SlateEditable {
                 this.applyVirtualView(virtualView);
                 const childrenForRender = virtualView.inViewportChildren;
                 if (isDebug) {
-                    debugLog('log', 'writeValue calculate: ', virtualView.visibleIndexes, 'initialized: ', this.listRender.initialized);
+                    debugLog('log', 'writeValue calculate: ', virtualView.inViewportIndics, 'initialized: ', this.listRender.initialized);
                 }
                 if (!this.listRender.initialized) {
                     this.listRender.initialize(childrenForRender, this.editor, this.context);
@@ -3763,7 +3774,7 @@ class SlateEditable {
         if (!children.length || !this.isEnabledVirtualScroll()) {
             return {
                 inViewportChildren: children,
-                visibleIndexes: [],
+                inViewportIndics: [],
                 top: 0,
                 bottom: 0,
                 heights: []
@@ -3774,7 +3785,7 @@ class SlateEditable {
         if (!viewportHeight) {
             return {
                 inViewportChildren: [],
-                visibleIndexes: [],
+                inViewportIndics: [],
                 top: 0,
                 bottom: 0,
                 heights: []
@@ -3801,32 +3812,32 @@ class SlateEditable {
         const limitedScrollTop = Math.min(adjustedScrollTop, maxScrollTop);
         const viewBottom = limitedScrollTop + viewportHeight;
         let accumulatedOffset = 0;
-        let visibleStartIndex = -1;
+        let inViewportStartIndex = -1;
         const visible = [];
-        const visibleIndexes = [];
+        const inViewportIndics = [];
         for (let i = 0; i < elementLength && accumulatedOffset < viewBottom; i++) {
             const currentHeight = heights[i];
             const nextOffset = accumulatedOffset + currentHeight;
             // 可视区域有交集，加入渲染
             if (nextOffset > limitedScrollTop && accumulatedOffset < viewBottom) {
-                if (visibleStartIndex === -1)
-                    visibleStartIndex = i; // 第一个相交起始位置
+                if (inViewportStartIndex === -1)
+                    inViewportStartIndex = i; // 第一个相交起始位置
                 visible.push(children[i]);
-                visibleIndexes.push(i);
+                inViewportIndics.push(i);
             }
             accumulatedOffset = nextOffset;
         }
-        if (visibleStartIndex === -1 && elementLength) {
-            visibleStartIndex = elementLength - 1;
-            visible.push(children[visibleStartIndex]);
-            visibleIndexes.push(visibleStartIndex);
+        if (inViewportStartIndex === -1 && elementLength) {
+            inViewportStartIndex = elementLength - 1;
+            visible.push(children[inViewportStartIndex]);
+            inViewportIndics.push(inViewportStartIndex);
         }
-        const visibleEndIndex = visibleStartIndex === -1 ? elementLength - 1 : (visibleIndexes[visibleIndexes.length - 1] ?? visibleStartIndex);
-        const top = visibleStartIndex === -1 ? 0 : accumulatedHeights[visibleStartIndex];
-        const bottom = totalHeight - accumulatedHeights[visibleEndIndex + 1];
+        const inViewportEndIndex = inViewportStartIndex === -1 ? elementLength - 1 : (inViewportIndics[inViewportIndics.length - 1] ?? inViewportStartIndex);
+        const top = inViewportStartIndex === -1 ? 0 : accumulatedHeights[inViewportStartIndex];
+        const bottom = totalHeight - accumulatedHeights[inViewportEndIndex + 1];
         return {
             inViewportChildren: visible.length ? visible : children,
-            visibleIndexes,
+            inViewportIndics,
             top,
             bottom,
             heights,
@@ -3836,12 +3847,12 @@ class SlateEditable {
     applyVirtualView(virtualView) {
         this.inViewportChildren = virtualView.inViewportChildren;
         this.setVirtualSpaceHeight(virtualView.top, virtualView.bottom);
-        this.inViewportIndics = virtualView.visibleIndexes;
+        this.inViewportIndics = virtualView.inViewportIndics;
     }
     diffVirtualViewport(virtualView, stage = 'first') {
         if (!this.inViewportChildren.length) {
             if (isDebug) {
-                debugLog('log', 'diffVirtualViewport', stage, 'empty inViewportChildren', virtualView.visibleIndexes);
+                debugLog('log', 'diffVirtualViewport', stage, 'empty inViewportChildren', virtualView.inViewportIndics);
             }
             return {
                 isDifferent: true,
@@ -3850,7 +3861,7 @@ class SlateEditable {
             };
         }
         const oldIndexesInViewport = [...this.inViewportIndics];
-        const newIndexesInViewport = [...virtualView.visibleIndexes];
+        const newIndexesInViewport = [...virtualView.inViewportIndics];
         const firstNewIndex = newIndexesInViewport[0];
         const lastNewIndex = newIndexesInViewport[newIndexesInViewport.length - 1];
         const firstOldIndex = oldIndexesInViewport[0];