@hi-ui/table 4.4.0-alpha.3 → 4.4.0-alpha.4

package/lib/cjs/hooks/use-col-width.js

@@ -103,7 +103,10 @@ var useColWidth = function useColWidth(_ref) {
     }
   }, [getVirtualWidths, virtual]);
   useUpdateEffect.useUpdateEffect(function () {
-    setColWidths(getWidths(measureRowElementRef.current));
+    setColWidths(function (prev) {
+      var _a;
+      return ((_a = measureRowElementRef.current) === null || _a === void 0 ? void 0 : _a.childNodes.length) === prev.length ? getWidths(measureRowElementRef.current) : index.getGroupItemWidth(columns);
+    });
   }, [columns]);
   /**
    * 根据实际内容区（table 的第一行）渲染，再次精确收集并设置每列宽度

package/lib/cjs/node_modules/rc-virtual-list/es/hooks/useHeights.js

@@ -85,6 +85,17 @@ function _iterableToArrayLimit(arr, i) {
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
+
+/**
+ * To get exact height to avoid scrolling deviation
+ */
+function getOuterHeight(el) {
+  var height = el.offsetHeight;
+  var computedStyle = window.getComputedStyle(el);
+  height += parseInt(computedStyle.marginTop, 10);
+  height += parseInt(computedStyle.marginBottom, 10);
+  return height;
+}
 function useHeights(getKey, onItemAdd, onItemRemove) {
   var _React$useState = React__namespace.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -102,9 +113,9 @@ function useHeights(getKey, onItemAdd, onItemRemove) {
       instanceRef.current.forEach(function (element, key) {
         if (element && element.offsetParent) {
           var htmlElement = findDOMNode["default"](element);
-          var offsetHeight = htmlElement.offsetHeight;
-          if (heightsRef.current.get(key) !== offsetHeight) {
-            heightsRef.current.set(key, htmlElement.offsetHeight);
+          var outerHeight = getOuterHeight(htmlElement);
+          if (heightsRef.current.get(key) !== outerHeight) {
+            heightsRef.current.set(key, outerHeight);
           }
         }
       }); // Always trigger update mark to tell parent that should re-calculate heights when resized

package/lib/esm/hooks/use-col-width.js

@@ -91,7 +91,10 @@ var useColWidth = function useColWidth(_ref) {
     }
   }, [getVirtualWidths, virtual]);
   useUpdateEffect(function () {
-    setColWidths(getWidths(measureRowElementRef.current));
+    setColWidths(function (prev) {
+      var _a;
+      return ((_a = measureRowElementRef.current) === null || _a === void 0 ? void 0 : _a.childNodes.length) === prev.length ? getWidths(measureRowElementRef.current) : getGroupItemWidth(columns);
+    });
   }, [columns]);
   /**
    * 根据实际内容区（table 的第一行）渲染，再次精确收集并设置每列宽度

package/lib/esm/node_modules/rc-virtual-list/es/hooks/useHeights.js

@@ -60,6 +60,17 @@ function _iterableToArrayLimit(arr, i) {
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
+
+/**
+ * To get exact height to avoid scrolling deviation
+ */
+function getOuterHeight(el) {
+  var height = el.offsetHeight;
+  var computedStyle = window.getComputedStyle(el);
+  height += parseInt(computedStyle.marginTop, 10);
+  height += parseInt(computedStyle.marginBottom, 10);
+  return height;
+}
 function useHeights(getKey, onItemAdd, onItemRemove) {
   var _React$useState = React.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -77,9 +88,9 @@ function useHeights(getKey, onItemAdd, onItemRemove) {
       instanceRef.current.forEach(function (element, key) {
         if (element && element.offsetParent) {
           var htmlElement = findDOMNode(element);
-          var offsetHeight = htmlElement.offsetHeight;
-          if (heightsRef.current.get(key) !== offsetHeight) {
-            heightsRef.current.set(key, htmlElement.offsetHeight);
+          var outerHeight = getOuterHeight(htmlElement);
+          if (heightsRef.current.get(key) !== outerHeight) {
+            heightsRef.current.set(key, outerHeight);
           }
         }
       }); // Always trigger update mark to tell parent that should re-calculate heights when resized

package/lib/types/context.d.ts

@@ -41,7 +41,7 @@ export declare const TableProvider: import("react").Provider<(Omit<{
     showColMenu: boolean | undefined;
     onLoadChildren: ((item: import("./types").TableRowEventData) => void | Promise<void | any[]>) | undefined;
     setHeaderTableElement: import("react").Dispatch<import("react").SetStateAction<HTMLTableRowElement | null>>;
-    scrollbar: boolean | import("@hi-ui/scrollbar").ScrollbarProps | undefined;
+    scrollbar: boolean | import("packages/ui/scrollbar/lib/types").ScrollbarProps | undefined;
     rowClassName: ((record: Record<string, any>, index: number) => string) | undefined;
     cellClassName: ((record: Record<string, any>, column: Record<string, any>, index: number) => string) | undefined;
     scrollLeft: number;
@@ -151,7 +151,7 @@ export declare const useTableContext: () => Omit<{
     showColMenu: boolean | undefined;
     onLoadChildren: ((item: import("./types").TableRowEventData) => void | Promise<void | any[]>) | undefined;
     setHeaderTableElement: import("react").Dispatch<import("react").SetStateAction<HTMLTableRowElement | null>>;
-    scrollbar: boolean | import("@hi-ui/scrollbar").ScrollbarProps | undefined;
+    scrollbar: boolean | import("packages/ui/scrollbar/lib/types").ScrollbarProps | undefined;
     rowClassName: ((record: Record<string, any>, index: number) => string) | undefined;
     cellClassName: ((record: Record<string, any>, column: Record<string, any>, index: number) => string) | undefined;
     scrollLeft: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/table",
-  "version": "4.4.0-alpha.3",
+  "version": "4.4.0-alpha.4",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",