shineout 3.9.14-beta.5 → 3.9.14-beta.7

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.14-beta.5'
+  version: '3.9.14-beta.7'
 };

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.14-beta.5');
+/* harmony default export */ var version = ('3.9.14-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -65775,8 +65775,14 @@ var useTableLayout = function useTableLayout(props) {
       return v === 0;
     })) return;
     var shifted = shiftDecimalToLastColumn(cols);
+    // 当 colgroup 中存在 undefined（说明从未被成功测量过），跳过相等判断，强制触发重新测量
+    // 场景：Table 在 display:none 容器中挂载时 getColgroup 测量失败，
+    // 后续 resetColGroup 产出值与初始值相同会被跳过，导致未设 width 的列永远无法获得实际宽度
+    var hasUndefined = shifted.some(function (v) {
+      return v === undefined;
+    });
     // 值未变化时跳过，避免触发不必要的 useLayoutEffect
-    if (colgroup && shifted.length === colgroup.length && shifted.every(function (v, i) {
+    if (!hasUndefined && colgroup && shifted.length === colgroup.length && shifted.every(function (v, i) {
       return v === colgroup[i];
     })) {
       return;
@@ -65963,6 +65969,32 @@ var useTableLayout = function useTableLayout(props) {
       (_cancelFunc = cancelFunc) === null || _cancelFunc === void 0 || _cancelFunc();
     };
   }, [scrollRef.current]);
+
+  // 当祖先元素的 CSS 动画结束时（如 Modal 入场动画），重新测量列宽
+  // 解决 Table 在动画容器（如 Modal）中渲染时，动画期间测量的列宽不准确导致 sticky 表头与表体列宽错位的问题
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var scrollEl = scrollRef.current;
+    if (!scrollEl) return;
+
+    // 查找最近的 fixed 定位祖先（如 Modal wrapper），仅在该元素上监听动画结束
+    var fixedAncestor = null;
+    var parent = scrollEl.parentElement;
+    while (parent) {
+      if (window.getComputedStyle(parent).position === 'fixed') {
+        fixedAncestor = parent;
+        break;
+      }
+      parent = parent.parentElement;
+    }
+    if (!fixedAncestor) return;
+    var handleAnimationEnd = function handleAnimationEnd() {
+      getColgroup(false);
+    };
+    fixedAncestor.addEventListener('animationend', handleAnimationEnd);
+    return function () {
+      fixedAncestor.removeEventListener('animationend', handleAnimationEnd);
+    };
+  }, [scrollRef.current]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (adjust) {
       getColgroup(adjust === 'drag');
@@ -75722,7 +75754,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.14-beta.5'
+  version: '3.9.14-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;