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

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,wBA+rBE"}

package/cjs/table/table.js

@@ -93,7 +93,8 @@ var _default = exports.default = function _default(props) {
   };
   var _useRef = (0, _react.useRef)({
       emptyHeight: 0,
-      theadAndTfootHeight: 0,
+      theadHeight: 0,
+      tfootHeight: 0,
       scrollingTimer: null
     }),
     context = _useRef.current;
@@ -226,15 +227,38 @@ 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;
     if (props.sticky) {
-      context.theadAndTfootHeight = tfootHeight;
+      context.tfootHeight = tfootHeight;
     } else {
-      context.theadAndTfootHeight = theadHeight + tfootHeight;
+      context.theadHeight = theadHeight;
+      context.tfootHeight = 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,
@@ -247,7 +271,8 @@ var _default = exports.default = function _default(props) {
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
     isRtl: isRtl,
-    theadAndTfootHeight: context.theadAndTfootHeight
+    theadHeight: context.theadHeight,
+    tfootHeight: context.tfootHeight
   });
   var syncHeaderScroll = (0, _hooks.usePersistFn)(function (left) {
     var _tableRef$current;

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,wBA+rBE"}

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";
@@ -86,7 +86,8 @@ export default (function (props) {
   };
   var _useRef = useRef({
       emptyHeight: 0,
-      theadAndTfootHeight: 0,
+      theadHeight: 0,
+      tfootHeight: 0,
       scrollingTimer: null
     }),
     context = _useRef.current;
@@ -219,15 +220,38 @@ 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;
     if (props.sticky) {
-      context.theadAndTfootHeight = tfootHeight;
+      context.tfootHeight = tfootHeight;
     } else {
-      context.theadAndTfootHeight = theadHeight + tfootHeight;
+      context.theadHeight = theadHeight;
+      context.tfootHeight = 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,
@@ -240,7 +264,8 @@ export default (function (props) {
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
     isRtl: isRtl,
-    theadAndTfootHeight: context.theadAndTfootHeight
+    theadHeight: context.theadHeight,
+    tfootHeight: context.tfootHeight
   });
   var syncHeaderScroll = usePersistFn(function (left) {
     var _tableRef$current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.7.7-beta.5",
+  "version": "3.7.7-beta.7",
   "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.7",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"