shineout 3.9.15-beta.3 → 3.9.15-beta.4

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.9.15-beta.3'
+  version: '3.9.15-beta.4'
 };

package/dist/shineout.js

@@ -12326,7 +12326,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.9.15-beta.3');
+/* harmony default export */ var version = ('3.9.15-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -66310,6 +66310,7 @@ var useTableVirtualExternal = function useTableVirtualExternal(props) {
     setHeaderOffset = _useState2[1];
   var externalStickyRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tableOffsetRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(0);
+  var stickyCompensationTimer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var handleExternalScroll = usePersistFn(function () {
     var _props$tableRef, _externalStickyRef$cu;
     if (props.disabled) return;
@@ -66352,6 +66353,23 @@ var useTableVirtualExternal = function useTableVirtualExternal(props) {
     if (max > 0 && scrollTop > max) {
       scrollTop = max;
     }
+
+    // 补偿 sticky 失效：滚动停止后设置补偿值，避免滚动中抖动
+    if (externalStickyRef.current && props.externalStickyHeader) {
+      var stickyDivFullHeight = externalStickyRef.current.offsetHeight;
+      var stickyBreakPoint = sumHeight - stickyDivFullHeight;
+      if (stickyCompensationTimer.current) {
+        clearTimeout(stickyCompensationTimer.current);
+      }
+      externalStickyRef.current.style.setProperty('--sticky-compensation', '0px');
+      if (rawScrollTop > stickyBreakPoint && stickyBreakPoint > 0) {
+        var el = externalStickyRef.current;
+        stickyCompensationTimer.current = setTimeout(function () {
+          var compensation = rawScrollTop - stickyBreakPoint;
+          el.style.setProperty('--sticky-compensation', "".concat(compensation, "px"));
+        }, 150);
+      }
+    }
     props.updateIndexAndTopFromTop(scrollTop);
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -69167,7 +69185,9 @@ function Table(props) {
               style: {
                 position: 'relative',
                 zIndex: 1,
-                marginTop: props.sticky ? 0 : -virtualInfo.headerOffset
+                marginTop: props.sticky ? 0 : -virtualInfo.headerOffset,
+                transform: 'translateY(var(--sticky-compensation, 0px))',
+                willChange: 'transform'
               },
               children: $headTable
             }), !!((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
@@ -75920,7 +75940,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.15-beta.3'
+  version: '3.9.15-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;