element-pe 2.2.100 → 2.2.101

package/dist/index.full.js

@@ -43715,6 +43715,31 @@
     };
   }
 
+  const defaultProps$2 = {
+    store: {
+      required: true,
+      type: Object
+    },
+    stripe: Boolean,
+    tooltipEffect: String,
+    tooltipOptions: {
+      type: Object
+    },
+    context: {
+      default: () => ({}),
+      type: Object
+    },
+    rowClassName: [String, Function],
+    rowStyle: [Object, Function],
+    fixed: {
+      type: String,
+      default: ""
+    },
+    highlight: Boolean
+  };
+  const RenderLen = 20;
+  var defaultProps$3 = defaultProps$2;
+
   const sortData = (data, states) => {
     const sortingColumn = states.sortingColumn;
     if (!sortingColumn || typeof sortingColumn.sortable === "string") {
@@ -44089,7 +44114,6 @@
         const rows = instance.setupState.scrollBarRef.wrapRef.querySelectorAll(".el-table .el-table__body tbody>tr");
         if (rows.length > 0) {
           const wrapRect = instance.setupState.scrollBarRef.wrapRef.getBoundingClientRect();
-          const wrapStart = wrapRect.y;
           const wrapEnd = wrapRect.y + wrapRect.height;
           let firstIndex = -1;
           let lastIndex = -1;
@@ -44097,23 +44121,50 @@
           if (lastRect.y + lastRect.height < wrapEnd) {
             lastIndex = rows.length - 1;
           }
-          for (let i = 0; i < rows.length; i++) {
-            if (firstIndex !== -1 && lastIndex !== -1) {
-              break;
-            }
-            const rowRect = rows[i].getBoundingClientRect();
-            if (rowRect.y <= wrapStart && rowRect.y + rowRect.height > wrapStart) {
-              firstIndex = i;
-            }
-            if (rowRect.y + rowRect.height >= wrapEnd && rowRect.y < wrapEnd) {
-              lastIndex = i;
-            }
+          let firstRow = null;
+          let lastRow = null;
+          const firstCell = document.elementFromPoint(wrapRect.x + 5, wrapRect.y + 5);
+          if (firstCell.nodeName === "TD") {
+            firstRow = firstCell.parentElement;
+          } else if (firstCell.nodeName === "TR") {
+            firstRow = firstCell;
+          }
+          const lastCell = document.elementFromPoint(wrapRect.x + 5, wrapRect.y + wrapRect.height - 5);
+          if (lastCell.nodeName === "TD") {
+            lastRow = lastCell.parentElement;
+          } else if (lastCell.nodeName === "TR") {
+            lastRow = lastCell;
+          }
+          if (firstRow && lastRow) {
+            firstIndex = parseInt(firstRow.getAttribute("row-index"));
+            lastIndex = parseInt(lastRow.getAttribute("row-index"));
           }
           if (firstIndex !== -1 && lastIndex !== -1) {
             if (firstIndex !== oldRenderRange.value[0] || lastIndex !== oldRenderRange.value[1]) {
-              const renderLen = 20;
-              renderRange.value[0] = firstIndex - renderLen > 0 ? firstIndex - renderLen : 0;
-              renderRange.value[1] = lastIndex + renderLen < rows.length - 1 ? lastIndex + renderLen : rows.length - 1;
+              let startIndex = firstIndex;
+              let beforeCount = 0;
+              while (startIndex > 0 && beforeCount < RenderLen) {
+                const beforeRow = rows[startIndex - 1];
+                if (beforeRow.style.display !== "none") {
+                  startIndex -= 1;
+                  beforeCount += 1;
+                } else {
+                  startIndex -= 1;
+                }
+              }
+              let endIndex = lastIndex;
+              let afterCount = 0;
+              while (endIndex < rows.length - 1 && afterCount < RenderLen) {
+                const afterRow = rows[endIndex + 1];
+                if (afterRow.style.display !== "none") {
+                  endIndex += 1;
+                  afterCount += 1;
+                } else {
+                  endIndex += 1;
+                }
+              }
+              renderRange.value[0] = startIndex;
+              renderRange.value[1] = endIndex;
               renderRange.value[2] = (rows[firstIndex].getBoundingClientRect().height + rows[lastIndex].getBoundingClientRect().height) / 2;
               oldRenderRange.value[0] = firstIndex;
               oldRenderRange.value[1] = lastIndex;
@@ -45686,17 +45737,19 @@
       const displayStyle = display ? null : {
         display: "none"
       };
-      const renderStart = props.store.states.renderRange.value[0];
-      const renderEnd = props.store.states.renderRange.value[1];
+      const startIndex = props.store.states.renderRange.value[0];
+      const endIndex = props.store.states.renderRange.value[1];
       const rowHeight = props.store.states.renderRange.value[2];
-      if (renderStart === -1 && renderEnd === -1 || $index < renderStart || $index > renderEnd) {
+      if (startIndex === -1 || endIndex === -1 || $index < startIndex || $index > endIndex) {
         return vue.h("tr", {
-          style: [`display: block; min-height: ${rowHeight}px; opacity: 0`]
+          style: [`display: ${display ? "block" : "none"}; min-height: ${rowHeight}px; opacity: 0`],
+          "row-index": $index
         });
       }
       return vue.h("tr", {
         style: [displayStyle, getRowStyle(row, $index)],
         class: rowClasses,
+        "row-index": $index,
         key: getKeyOfRow(row, $index),
         onDblclick: ($event) => handleDoubleClick($event, row),
         onClick: ($event) => handleClick($event, row),
@@ -45858,30 +45911,6 @@
     };
   }
 
-  const defaultProps$2 = {
-    store: {
-      required: true,
-      type: Object
-    },
-    stripe: Boolean,
-    tooltipEffect: String,
-    tooltipOptions: {
-      type: Object
-    },
-    context: {
-      default: () => ({}),
-      type: Object
-    },
-    rowClassName: [String, Function],
-    rowStyle: [Object, Function],
-    fixed: {
-      type: String,
-      default: ""
-    },
-    highlight: Boolean
-  };
-  var defaultProps$3 = defaultProps$2;
-
   var TableBody = vue.defineComponent({
     name: "ElTableBody",
     props: defaultProps$3,