@jetlinks-web/components 3.1.9 → 3.1.11

package/es/ProLayout/PageContainer/index.js

@@ -137,6 +137,9 @@ export var pageContainerProps = _objectSpread(_objectSpread(_objectSpread({}, pa
     default: function _default() {
       return {};
     }
+  },
+  onBack: {
+    type: Function
   }
 });
 var renderFooter = function renderFooter(props) {
@@ -234,8 +237,12 @@ var ProPageHeader = function ProPageHeader(props) {
       }
     });
     backProps.onBack = function () {
-      var _value$back;
-      (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
+      if (props.onBack) {
+        props.onBack();
+      } else {
+        var _value$back;
+        (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
+      }
     };
   }
   var styles = value.layoutType === LayoutType.CARD ? {

package/es/VirtualTable/VirtualTable.js

@@ -211,24 +211,32 @@ const __sfc_main__ = Object.assign({
         const onScroll = (e) => {
             const scrollTop = e.target.scrollTop;
             const vh = viewportHeight.value || 500;
+            const total = totalHeight.value;
+            // 防止 scrollTop 超出范围
+            const clampedScrollTop = Math.min(scrollTop, total - vh);
             // 二分查找
             let low = 0, high = prefixSum.value.length - 1;
             while (low < high) {
-                let mid = Math.floor((low + high) / 2);
-                if (prefixSum.value[mid] <= scrollTop)
+                const mid = Math.floor((low + high) / 2);
+                if (prefixSum.value[mid] <= clampedScrollTop)
                     low = mid + 1;
                 else
                     high = mid;
             }
-            start.value = Math.max(0, low - 1);
+            const newStart = Math.max(0, low - 1);
+            // 如果 start 没变化，直接跳过，避免重复计算导致闪动
+            if (newStart === start.value)
+                return;
+            start.value = newStart;
             // 计算 end
             let y = prefixSum.value[start.value] || 0;
             let i = start.value;
-            while (i < visibleNodes.value.length && y < scrollTop + vh) {
+            while (i < visibleNodes.value.length && y < clampedScrollTop + vh) {
                 y += rowHeights.value[i] || 40;
                 i++;
             }
             end.value = Math.min(i + buffer, visibleNodes.value.length);
+            // 防止 offsetY 波动
             offsetY.value = prefixSum.value[start.value - 1] || 0;
         };
         const toggleExpand = (row) => {
@@ -258,6 +266,7 @@ const __sfc_main__ = Object.assign({
         const updateVisibleNodes = () => {
             visibleNodes.value = flattenData.value.filter(i => i.visible);
             updatePrefixSum();
+            console.log('123');
             nextTick(() => onScroll({ target: container.value }));
         };
         watch(() => [JSON.stringify(props.dataSource), JSON.stringify(props.expandedRowKeys)], () => {

package/lib/ProLayout/PageContainer/index.js

@@ -141,6 +141,9 @@ var pageContainerProps = exports.pageContainerProps = (0, _objectSpread2.default
     default: function _default() {
       return {};
     }
+  },
+  onBack: {
+    type: Function
   }
 });
 var renderFooter = function renderFooter(props) {
@@ -238,8 +241,12 @@ var ProPageHeader = function ProPageHeader(props) {
       }
     });
     backProps.onBack = function () {
-      var _value$back;
-      (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
+      if (props.onBack) {
+        props.onBack();
+      } else {
+        var _value$back;
+        (_value$back = value.back) === null || _value$back === void 0 ? void 0 : _value$back.call(value);
+      }
     };
   }
   var styles = value.layoutType === _defaultSettings.LayoutType.CARD ? {

package/lib/VirtualTable/VirtualTable.js

@@ -211,24 +211,32 @@ const __sfc_main__ = Object.assign({
         const onScroll = (e) => {
             const scrollTop = e.target.scrollTop;
             const vh = viewportHeight.value || 500;
+            const total = totalHeight.value;
+            // 防止 scrollTop 超出范围
+            const clampedScrollTop = Math.min(scrollTop, total - vh);
             // 二分查找
             let low = 0, high = prefixSum.value.length - 1;
             while (low < high) {
-                let mid = Math.floor((low + high) / 2);
-                if (prefixSum.value[mid] <= scrollTop)
+                const mid = Math.floor((low + high) / 2);
+                if (prefixSum.value[mid] <= clampedScrollTop)
                     low = mid + 1;
                 else
                     high = mid;
             }
-            start.value = Math.max(0, low - 1);
+            const newStart = Math.max(0, low - 1);
+            // 如果 start 没变化，直接跳过，避免重复计算导致闪动
+            if (newStart === start.value)
+                return;
+            start.value = newStart;
             // 计算 end
             let y = prefixSum.value[start.value] || 0;
             let i = start.value;
-            while (i < visibleNodes.value.length && y < scrollTop + vh) {
+            while (i < visibleNodes.value.length && y < clampedScrollTop + vh) {
                 y += rowHeights.value[i] || 40;
                 i++;
             }
             end.value = Math.min(i + buffer, visibleNodes.value.length);
+            // 防止 offsetY 波动
             offsetY.value = prefixSum.value[start.value - 1] || 0;
         };
         const toggleExpand = (row) => {
@@ -258,6 +266,7 @@ const __sfc_main__ = Object.assign({
         const updateVisibleNodes = () => {
             visibleNodes.value = flattenData.value.filter(i => i.visible);
             updatePrefixSum();
+            console.log('123');
             nextTick(() => onScroll({ target: container.value }));
         };
         watch(() => [JSON.stringify(props.dataSource), JSON.stringify(props.expandedRowKeys)], () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "3.1.9",
+  "version": "3.1.11",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",