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

package/fesm2022/slate-angular.mjs

@@ -2926,6 +2926,7 @@ class ListRender {
                 rootNodes.forEach(rootNode => {
                     rootNode.style.position = '';
                     rootNode.style.top = '';
+                    rootNode.style.width = '';
                 });
             });
             this.preRenderingHTMLElement = [];
@@ -3033,6 +3034,7 @@ class ListRender {
                 rootNodes.forEach(rootNode => {
                     rootNode.style.top = '-100%';
                     rootNode.style.position = 'absolute';
+                    rootNode.style.width = '100%';
                 });
                 this.preRenderingHTMLElement.push(rootNodes);
             }
@@ -3318,7 +3320,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 +3765,7 @@ class SlateEditable {
         if (!children.length || !this.isEnabledVirtualScroll()) {
             return {
                 inViewportChildren: children,
-                visibleIndexes: [],
+                inViewportIndics: [],
                 top: 0,
                 bottom: 0,
                 heights: []
@@ -3774,7 +3776,7 @@ class SlateEditable {
         if (!viewportHeight) {
             return {
                 inViewportChildren: [],
-                visibleIndexes: [],
+                inViewportIndics: [],
                 top: 0,
                 bottom: 0,
                 heights: []
@@ -3801,32 +3803,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 +3838,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 +3852,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];