@sheinx/base 3.7.7-beta.5 → 3.7.7-beta.6

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;;AAexD,wBAoqBE"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;;AAexD,wBA4rBE"}

package/cjs/table/table.js

@@ -226,7 +226,7 @@ var _default = exports.default = function _default(props) {
     onChange: inputableData.onChange,
     disabled: props.disabled
   });
-  (0, _react.useEffect)(function () {
+  var handleTheadAndTfootHeight = (0, _hooks.usePersistFn)(function () {
     var _theadRef$current, _tfootRef$current;
     var theadHeight = (theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0;
     var tfootHeight = ((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0;
@@ -235,6 +235,28 @@ var _default = exports.default = function _default(props) {
     } else {
       context.theadAndTfootHeight = theadHeight + tfootHeight;
     }
+  });
+  (0, _react.useEffect)(function () {
+    handleTheadAndTfootHeight();
+    var cancelFunc1;
+    if (theadRef !== null && theadRef !== void 0 && theadRef.current) {
+      cancelFunc1 = (0, _hooks.addResizeObserver)(theadRef === null || theadRef === void 0 ? void 0 : theadRef.current, handleTheadAndTfootHeight, {
+        direction: 'y',
+        timer: 10
+      });
+    }
+    var cancelFunc2;
+    if (tfootRef !== null && tfootRef !== void 0 && tfootRef.current) {
+      cancelFunc2 = (0, _hooks.addResizeObserver)(tfootRef === null || tfootRef === void 0 ? void 0 : tfootRef.current, handleTheadAndTfootHeight, {
+        direction: 'y',
+        timer: 10
+      });
+    }
+    return function () {
+      var _cancelFunc, _cancelFunc2;
+      (_cancelFunc = cancelFunc1) === null || _cancelFunc === void 0 || _cancelFunc();
+      (_cancelFunc2 = cancelFunc2) === null || _cancelFunc2 === void 0 || _cancelFunc2();
+    };
   }, [theadRef.current, tfootRef.current]);
   var virtualInfo = (0, _hooks.useTableVirtual)({
     disabled: !virtual,

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;;AAexD,wBAoqBE"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;;AAexD,wBA4rBE"}

package/esm/table/table.js

@@ -22,7 +22,7 @@ import AbsoluteContext from "../absolute-list/absolute-context";
 import Empty from "../empty";
 import Sticky, { defaultZIndex } from "../sticky";
 import { useConfig } from "../config";
-import { useTableLayout, useTableColumns, useTableFilter, useTableSort, useTableTree, usePersistFn, useListSelect, useInputAble, useTableVirtual, usePaginationList, useLatestObj, useResize, useScrollbarWidth, util } from '@sheinx/hooks';
+import { useTableLayout, useTableColumns, useTableFilter, useTableSort, useTableTree, usePersistFn, useListSelect, useInputAble, useTableVirtual, usePaginationList, useLatestObj, useResize, useScrollbarWidth, util, addResizeObserver } from '@sheinx/hooks';
 import useTableSelect from "./use-table-select";
 import Colgroup from "./colgroup";
 import Thead from "./thead";
@@ -219,7 +219,7 @@ export default (function (props) {
     onChange: inputableData.onChange,
     disabled: props.disabled
   });
-  useEffect(function () {
+  var handleTheadAndTfootHeight = usePersistFn(function () {
     var _theadRef$current, _tfootRef$current;
     var theadHeight = (theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0;
     var tfootHeight = ((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0;
@@ -228,6 +228,28 @@ export default (function (props) {
     } else {
       context.theadAndTfootHeight = theadHeight + tfootHeight;
     }
+  });
+  useEffect(function () {
+    handleTheadAndTfootHeight();
+    var cancelFunc1;
+    if (theadRef !== null && theadRef !== void 0 && theadRef.current) {
+      cancelFunc1 = addResizeObserver(theadRef === null || theadRef === void 0 ? void 0 : theadRef.current, handleTheadAndTfootHeight, {
+        direction: 'y',
+        timer: 10
+      });
+    }
+    var cancelFunc2;
+    if (tfootRef !== null && tfootRef !== void 0 && tfootRef.current) {
+      cancelFunc2 = addResizeObserver(tfootRef === null || tfootRef === void 0 ? void 0 : tfootRef.current, handleTheadAndTfootHeight, {
+        direction: 'y',
+        timer: 10
+      });
+    }
+    return function () {
+      var _cancelFunc, _cancelFunc2;
+      (_cancelFunc = cancelFunc1) === null || _cancelFunc === void 0 || _cancelFunc();
+      (_cancelFunc2 = cancelFunc2) === null || _cancelFunc2 === void 0 || _cancelFunc2();
+    };
   }, [theadRef.current, tfootRef.current]);
   var virtualInfo = useTableVirtual({
     disabled: !virtual,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.7.7-beta.5",
+  "version": "3.7.7-beta.6",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.7.7-beta.5",
+    "@sheinx/hooks": "3.7.7-beta.6",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"