acud 1.2.17 → 1.2.18

package/lib/table/baseTable/Table.js

@@ -1,94 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.INTERNAL_HOOKS = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _isVisible = _interopRequireDefault(require("rc-util/lib/Dom/isVisible"));
-
 var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
-
 var _styleChecker = require("rc-util/lib/Dom/styleChecker");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-
 var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
-
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
-
 var _getScrollBarSize = require("rc-util/lib/getScrollBarSize");
-
 var _ColumnGroup = _interopRequireDefault(require("./sugar/ColumnGroup"));
-
 var _Column = _interopRequireDefault(require("./sugar/Column"));
-
 var _Header = _interopRequireDefault(require("./Header/Header"));
-
 var _TableContext = _interopRequireDefault(require("./context/TableContext"));
-
 var _BodyContext = _interopRequireDefault(require("./context/BodyContext"));
-
 var _Body = _interopRequireDefault(require("./Body"));
-
 var _useColumns3 = _interopRequireDefault(require("./hooks/useColumns"));
-
 var _useFrame = require("./hooks/useFrame");
-
 var _valueUtil = require("./utils/valueUtil");
-
 var _ResizeContext = _interopRequireDefault(require("./context/ResizeContext"));
-
 var _useStickyOffsets = _interopRequireDefault(require("./hooks/useStickyOffsets"));
-
 var _ColGroup = _interopRequireDefault(require("./ColGroup"));
-
 var _legacyUtil = require("./utils/legacyUtil");
-
 var _Panel = _interopRequireDefault(require("./Panel"));
-
 var _Footer = _interopRequireWildcard(require("./Footer"));
-
 var _expandUtil = require("./utils/expandUtil");
-
 var _fixUtil = require("./utils/fixUtil");
-
 var _stickyScrollBar = _interopRequireDefault(require("./stickyScrollBar"));
-
 var _useSticky2 = _interopRequireDefault(require("./hooks/useSticky"));
-
 var _FixedHolder = _interopRequireDefault(require("./FixedHolder"));
-
 var _Summary = _interopRequireDefault(require("./Footer/Summary"));
-
 var _StickyContext = _interopRequireDefault(require("./context/StickyContext"));
-
 var _ExpandedRowContext = _interopRequireDefault(require("./context/ExpandedRowContext"));
-
 var _constant = require("./constant");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * Feature:
  *  - fixed not need to set width
@@ -114,9 +71,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Deprecated:
  *  - All expanded props, move into expandable
  */
-// Used for conditions cache
-var EMPTY_DATA = []; // Used for customize scroll
 
+// Used for conditions cache
+var EMPTY_DATA = [];
+// Used for customize scroll
 var EMPTY_SCROLL_TARGET = {};
 var INTERNAL_HOOKS = 'rc-table-internal-hook';
 exports.INTERNAL_HOOKS = INTERNAL_HOOKS;
@@ -126,49 +84,45 @@ var MemoTableContent = /*#__PURE__*/React.memo(function (_ref) {
 }, function (prev, next) {
   if (!(0, _shallowequal["default"])(prev.props, next.props)) {
     return false;
-  } // No additional render when pinged status change.
+  }
+  // No additional render when pinged status change.
   // This is not a bug.
-
-
   return prev.pingLeft !== next.pingLeft || prev.pingRight !== next.pingRight;
 });
-
 function Table(props) {
   var _classNames;
-
   var prefixCls = props.prefixCls,
-      className = props.className,
-      rowClassName = props.rowClassName,
-      style = props.style,
-      data = props.data,
-      rowKey = props.rowKey,
-      scroll = props.scroll,
-      tableLayout = props.tableLayout,
-      direction = props.direction,
-      title = props.title,
-      footer = props.footer,
-      summary = props.summary,
-      id = props.id,
-      showHeader = props.showHeader,
-      components = props.components,
-      emptyText = props.emptyText,
-      onRow = props.onRow,
-      onHeaderRow = props.onHeaderRow,
-      internalHooks = props.internalHooks,
-      transformColumns = props.transformColumns,
-      internalRefs = props.internalRefs,
-      sticky = props.sticky;
+    className = props.className,
+    rowClassName = props.rowClassName,
+    style = props.style,
+    data = props.data,
+    rowKey = props.rowKey,
+    scroll = props.scroll,
+    tableLayout = props.tableLayout,
+    direction = props.direction,
+    title = props.title,
+    footer = props.footer,
+    summary = props.summary,
+    id = props.id,
+    showHeader = props.showHeader,
+    components = props.components,
+    emptyText = props.emptyText,
+    onRow = props.onRow,
+    onHeaderRow = props.onHeaderRow,
+    internalHooks = props.internalHooks,
+    transformColumns = props.transformColumns,
+    internalRefs = props.internalRefs,
+    sticky = props.sticky;
   var mergedData = data || EMPTY_DATA;
-  var hasData = !!mergedData.length; // ===================== Warning ======================
-
+  var hasData = !!mergedData.length;
+  // ===================== Warning ======================
   if (process.env.NODE_ENV !== 'production') {
     ['onRowClick', 'onRowDoubleClick', 'onRowContextMenu', 'onRowMouseEnter', 'onRowMouseLeave'].forEach(function (name) {
       (0, _warning["default"])(props[name] === undefined, "`".concat(name, "` is removed, please use `onRow` instead."));
     });
     (0, _warning["default"])(!('getBodyWrapper' in props), '`getBodyWrapper` is deprecated, please use custom `components` instead.');
-  } // ==================== Customize =====================
-
-
+  }
+  // ==================== Customize =====================
   var mergedComponents = React.useMemo(function () {
     return (0, _valueUtil.mergeObject)(components, {});
   }, [components]);
@@ -179,32 +133,29 @@ function Table(props) {
     if (typeof rowKey === 'function') {
       return rowKey;
     }
-
     return function (record) {
       var key = record && record[rowKey];
-
       if (process.env.NODE_ENV !== 'production') {
         (0, _warning["default"])(key !== undefined, 'Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.');
       }
-
       return key;
     };
-  }, [rowKey]); // ====================== Expand ======================
-
+  }, [rowKey]);
+  // ====================== Expand ======================
   var expandableConfig = (0, _legacyUtil.getExpandableProps)(props);
   var expandIcon = expandableConfig.expandIcon,
-      expandedRowKeys = expandableConfig.expandedRowKeys,
-      defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
-      defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
-      expandedRowRender = expandableConfig.expandedRowRender,
-      onExpand = expandableConfig.onExpand,
-      onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
-      expandRowByClick = expandableConfig.expandRowByClick,
-      rowExpandable = expandableConfig.rowExpandable,
-      expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
-      expandedRowClassName = expandableConfig.expandedRowClassName,
-      childrenColumnName = expandableConfig.childrenColumnName,
-      indentSize = expandableConfig.indentSize;
+    expandedRowKeys = expandableConfig.expandedRowKeys,
+    defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
+    defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
+    expandedRowRender = expandableConfig.expandedRowRender,
+    onExpand = expandableConfig.onExpand,
+    onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
+    expandRowByClick = expandableConfig.expandRowByClick,
+    rowExpandable = expandableConfig.rowExpandable,
+    expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
+    expandedRowClassName = expandableConfig.expandedRowClassName,
+    childrenColumnName = expandableConfig.childrenColumnName,
+    indentSize = expandableConfig.indentSize;
   var mergedExpandIcon = expandIcon || _expandUtil.renderExpandIcon;
   var mergedChildrenColumnName = childrenColumnName || 'children';
   var expandableType = React.useMemo(function () {
@@ -212,7 +163,6 @@ function Table(props) {
       return 'row';
     }
     /* eslint-disable no-underscore-dangle */
-
     /**
      * Fix https://github.com/ant-design/ant-design/issues/21154
      * This is a workaround to not to break current behavior.
@@ -221,34 +171,26 @@ function Table(props) {
      * To other developer:
      *  Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
      */
-
-
     if (props.expandable && internalHooks === INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
       return record && (0, _typeof2["default"])(record) === 'object' && record[mergedChildrenColumnName];
     })) {
       return 'nest';
     }
     /* eslint-enable */
-
-
     return false;
   }, [!!expandedRowRender, mergedData]);
-
   var _React$useState = React.useState(function () {
-    if (defaultExpandedRowKeys) {
-      return defaultExpandedRowKeys;
-    }
-
-    if (defaultExpandAllRows) {
-      return (0, _expandUtil.findAllChildrenKeys)(mergedData, getRowKey, mergedChildrenColumnName);
-    }
-
-    return [];
-  }),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      innerExpandedKeys = _React$useState2[0],
-      setInnerExpandedKeys = _React$useState2[1];
-
+      if (defaultExpandedRowKeys) {
+        return defaultExpandedRowKeys;
+      }
+      if (defaultExpandAllRows) {
+        return (0, _expandUtil.findAllChildrenKeys)(mergedData, getRowKey, mergedChildrenColumnName);
+      }
+      return [];
+    }),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    innerExpandedKeys = _React$useState2[0],
+    setInnerExpandedKeys = _React$useState2[1];
   var mergedExpandedKeys = React.useMemo(function () {
     return new Set(expandedRowKeys || innerExpandedKeys || []);
   }, [expandedRowKeys, innerExpandedKeys]);
@@ -256,79 +198,68 @@ function Table(props) {
     var key = getRowKey(record, mergedData.indexOf(record));
     var newExpandedKeys;
     var hasKey = mergedExpandedKeys.has(key);
-
     if (hasKey) {
       mergedExpandedKeys["delete"](key);
       newExpandedKeys = (0, _toConsumableArray2["default"])(mergedExpandedKeys);
     } else {
       newExpandedKeys = [].concat((0, _toConsumableArray2["default"])(mergedExpandedKeys), [key]);
     }
-
     setInnerExpandedKeys(newExpandedKeys);
-
     if (onExpand) {
       onExpand(!hasKey, record);
     }
-
     if (onExpandedRowsChange) {
       onExpandedRowsChange(newExpandedKeys);
     }
-  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]); // Warning if use `expandedRowRender` and nest children in the same time
-
+  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
+  // Warning if use `expandedRowRender` and nest children in the same time
   if (process.env.NODE_ENV !== 'production' && expandedRowRender && mergedData.some(function (record) {
     return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName]);
   })) {
     (0, _warning["default"])(false, '`expandedRowRender` should not use with nested Table');
-  } // ====================== Column ======================
-
-
+  }
+  // ====================== Column ======================
   var _React$useState3 = React.useState(0),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      componentWidth = _React$useState4[0],
-      setComponentWidth = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    componentWidth = _React$useState4[0],
+    setComponentWidth = _React$useState4[1];
   var _useColumns = (0, _useColumns3["default"])((0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, props), expandableConfig), {
-    expandable: !!expandedRowRender,
-    expandedKeys: mergedExpandedKeys,
-    getRowKey: getRowKey,
-    // https://github.com/ant-design/ant-design/issues/23894
-    onTriggerExpand: onTriggerExpand,
-    expandIcon: mergedExpandIcon,
-    expandIconColumnIndex: expandIconColumnIndex,
-    direction: direction
-  }), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
-      _useColumns2 = (0, _slicedToArray2["default"])(_useColumns, 2),
-      columns = _useColumns2[0],
-      flattenColumns = _useColumns2[1];
-
+      expandable: !!expandedRowRender,
+      expandedKeys: mergedExpandedKeys,
+      getRowKey: getRowKey,
+      // https://github.com/ant-design/ant-design/issues/23894
+      onTriggerExpand: onTriggerExpand,
+      expandIcon: mergedExpandIcon,
+      expandIconColumnIndex: expandIconColumnIndex,
+      direction: direction
+    }), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
+    _useColumns2 = (0, _slicedToArray2["default"])(_useColumns, 2),
+    columns = _useColumns2[0],
+    flattenColumns = _useColumns2[1];
   var columnContext = React.useMemo(function () {
     return {
       columns: columns,
       flattenColumns: flattenColumns
     };
-  }, [columns, flattenColumns]); // ====================== Scroll ======================
-
+  }, [columns, flattenColumns]);
+  // ====================== Scroll ======================
   var fullTableRef = React.useRef();
   var scrollHeaderRef = React.useRef();
   var scrollBodyRef = React.useRef();
   var scrollSummaryRef = React.useRef();
-
   var _React$useState5 = React.useState(false),
-      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-      pingedLeft = _React$useState6[0],
-      setPingedLeft = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    pingedLeft = _React$useState6[0],
+    setPingedLeft = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-      pingedRight = _React$useState8[0],
-      setPingedRight = _React$useState8[1];
-
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    pingedRight = _React$useState8[0],
+    setPingedRight = _React$useState8[1];
   var _useLayoutState = (0, _useFrame.useLayoutState)(new Map()),
-      _useLayoutState2 = (0, _slicedToArray2["default"])(_useLayoutState, 2),
-      colsWidths = _useLayoutState2[0],
-      updateColsWidths = _useLayoutState2[1]; // Convert map to number width
-
-
+    _useLayoutState2 = (0, _slicedToArray2["default"])(_useLayoutState, 2),
+    colsWidths = _useLayoutState2[0],
+    updateColsWidths = _useLayoutState2[1];
+  // Convert map to number width
   var colsKeys = (0, _valueUtil.getColumnsKey)(flattenColumns);
   var pureColWidths = colsKeys.map(function (columnKey) {
     return colsWidths.get(columnKey);
@@ -342,50 +273,43 @@ function Table(props) {
   var fixColumn = horizonScroll && flattenColumns.some(function (_ref2) {
     var fixed = _ref2.fixed;
     return fixed;
-  }); // Sticky
-
+  });
+  // Sticky
   var stickyRef = React.useRef();
-
   var _useSticky = (0, _useSticky2["default"])(sticky, prefixCls),
-      isSticky = _useSticky.isSticky,
-      offsetHeader = _useSticky.offsetHeader,
-      offsetSummary = _useSticky.offsetSummary,
-      offsetScroll = _useSticky.offsetScroll,
-      stickyClassName = _useSticky.stickyClassName,
-      container = _useSticky.container; // Footer (Fix footer must fixed header)
-
-
+    isSticky = _useSticky.isSticky,
+    offsetHeader = _useSticky.offsetHeader,
+    offsetSummary = _useSticky.offsetSummary,
+    offsetScroll = _useSticky.offsetScroll,
+    stickyClassName = _useSticky.stickyClassName,
+    container = _useSticky.container;
+  // Footer (Fix footer must fixed header)
   var summaryNode = summary === null || summary === void 0 ? void 0 : summary(mergedData);
-  var fixFooter = (fixHeader || isSticky) && /*#__PURE__*/React.isValidElement(summaryNode) && summaryNode.type === _Summary["default"] && summaryNode.props.fixed; // Scroll
-
+  var fixFooter = (fixHeader || isSticky) && /*#__PURE__*/React.isValidElement(summaryNode) && summaryNode.type === _Summary["default"] && summaryNode.props.fixed;
+  // Scroll
   var scrollXStyle;
   var scrollYStyle;
   var scrollTableStyle;
-
   if (fixHeader) {
     scrollYStyle = {
       overflowY: 'scroll',
       maxHeight: scroll.y
     };
   }
-
   if (horizonScroll) {
     scrollXStyle = {
       overflowX: 'auto'
     };
-
     if (!fixHeader) {
       scrollYStyle = {
         overflowY: 'hidden'
       };
     }
-
     scrollTableStyle = {
       width: scroll.x === true ? 'auto' : scroll.x,
       minWidth: '100%'
     };
   }
-
   var onColumnResize = React.useCallback(function (columnKey, width) {
     if ((0, _isVisible["default"])(fullTableRef.current)) {
       updateColsWidths(function (widths) {
@@ -394,22 +318,18 @@ function Table(props) {
           newWidths.set(columnKey, width);
           return newWidths;
         }
-
         return widths;
       });
     }
   }, []);
-
   var _useTimeoutLock = (0, _useFrame.useTimeoutLock)(null),
-      _useTimeoutLock2 = (0, _slicedToArray2["default"])(_useTimeoutLock, 2),
-      setScrollTarget = _useTimeoutLock2[0],
-      getScrollTarget = _useTimeoutLock2[1];
-
+    _useTimeoutLock2 = (0, _slicedToArray2["default"])(_useTimeoutLock, 2),
+    setScrollTarget = _useTimeoutLock2[0],
+    getScrollTarget = _useTimeoutLock2[1];
   function forceScroll(scrollLeft, target) {
     if (!target) {
       return;
     }
-
     if (typeof target === 'function') {
       target(scrollLeft);
     } else if (target.scrollLeft !== scrollLeft) {
@@ -417,17 +337,13 @@ function Table(props) {
       target.scrollLeft = scrollLeft;
     }
   }
-
   var onScroll = function onScroll(_ref3) {
     var currentTarget = _ref3.currentTarget,
-        scrollLeft = _ref3.scrollLeft;
-
+      scrollLeft = _ref3.scrollLeft;
     var _a;
-
     var isRTL = direction === 'rtl';
     var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
     var compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
-
     if (!getScrollTarget() || getScrollTarget() === compareTarget) {
       setScrollTarget(compareTarget);
       forceScroll(mergedScrollLeft, scrollHeaderRef.current);
@@ -435,11 +351,9 @@ function Table(props) {
       forceScroll(mergedScrollLeft, scrollSummaryRef.current);
       forceScroll(mergedScrollLeft, (_a = stickyRef.current) === null || _a === void 0 ? void 0 : _a.setScrollLeft);
     }
-
     if (currentTarget) {
       var scrollWidth = currentTarget.scrollWidth,
-          clientWidth = currentTarget.clientWidth;
-
+        clientWidth = currentTarget.clientWidth;
       if (isRTL) {
         setPingedLeft(-mergedScrollLeft < scrollWidth - clientWidth);
         setPingedRight(-mergedScrollLeft > 0);
@@ -449,7 +363,6 @@ function Table(props) {
       }
     }
   };
-
   var triggerOnScroll = function triggerOnScroll() {
     if (horizonScroll && scrollBodyRef.current) {
       onScroll({
@@ -460,17 +373,14 @@ function Table(props) {
       setPingedRight(false);
     }
   };
-
   var onFullTableResize = function onFullTableResize(_ref4) {
     var width = _ref4.width;
-
     if (width !== componentWidth) {
       triggerOnScroll();
       setComponentWidth(fullTableRef.current ? fullTableRef.current.offsetWidth : width);
     }
-  }; // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
-
-
+  };
+  // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
   var mounted = React.useRef(false);
   React.useEffect(function () {
     // onFullTableResize will be trigger once when ResizeObserver is mounted
@@ -481,52 +391,46 @@ function Table(props) {
   }, [horizonScroll, data, columns.length]);
   React.useEffect(function () {
     mounted.current = true;
-  }, []); // ===================== Effects ======================
-
+  }, []);
+  // ===================== Effects ======================
   var _React$useState9 = React.useState(0),
-      _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-      scrollbarSize = _React$useState10[0],
-      setScrollbarSize = _React$useState10[1];
-
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    scrollbarSize = _React$useState10[0],
+    setScrollbarSize = _React$useState10[1];
   var _React$useState11 = React.useState(true),
-      _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
-      supportSticky = _React$useState12[0],
-      setSupportSticky = _React$useState12[1]; // Only IE not support, we mark as support first
-
-
+    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
+    supportSticky = _React$useState12[0],
+    setSupportSticky = _React$useState12[1]; // Only IE not support, we mark as support first
   React.useEffect(function () {
     setScrollbarSize((0, _getScrollBarSize.getTargetScrollBarSize)(scrollBodyRef.current).width);
     setSupportSticky((0, _styleChecker.isStyleSupport)('position', 'sticky'));
-  }, []); // ================== INTERNAL HOOKS ==================
-
+  }, []);
+  // ================== INTERNAL HOOKS ==================
   React.useEffect(function () {
     if (internalHooks === INTERNAL_HOOKS && internalRefs) {
       internalRefs.body.current = scrollBodyRef.current;
     }
-  }); // ====================== Render ======================
-
-  var TableComponent = getComponent(['table'], 'table'); // Table layout
-
+  });
+  // ====================== Render ======================
+  var TableComponent = getComponent(['table'], 'table');
+  // Table layout
   var mergedTableLayout = React.useMemo(function () {
     if (tableLayout) {
       return tableLayout;
     }
-
     if (fixColumn) {
       return scroll.x === 'max-content' ? 'auto' : 'fixed';
     }
-
     if (fixHeader || isSticky || flattenColumns.some(function (_ref5) {
       var ellipsis = _ref5.ellipsis;
       return ellipsis;
     })) {
       return 'fixed';
     }
-
     return 'auto';
   }, [fixHeader, fixColumn, flattenColumns, tableLayout, isSticky]);
-  var groupTableNode; // Header props
-
+  var groupTableNode;
+  // Header props
   var headerProps = {
     colWidths: colWidths,
     columCount: flattenColumns.length,
@@ -534,20 +438,18 @@ function Table(props) {
     onHeaderRow: onHeaderRow,
     fixHeader: fixHeader,
     scroll: scroll
-  }; // Empty
-
+  };
+  // Empty
   var emptyNode = React.useMemo(function () {
     if (hasData) {
       return null;
     }
-
     if (typeof emptyText === 'function') {
       return emptyText();
     }
-
     return emptyText;
-  }, [hasData, emptyText]); // Body
-
+  }, [hasData, emptyText]);
+  // Body
   var bodyTable = /*#__PURE__*/React.createElement(_Body["default"], {
     data: mergedData,
     measureColumnWidth: fixHeader || horizonScroll || isSticky,
@@ -566,15 +468,12 @@ function Table(props) {
     columns: flattenColumns
   });
   var customizeScrollBody = getComponent(['body']);
-
   if (process.env.NODE_ENV !== 'production' && typeof customizeScrollBody === 'function' && hasData && !fixHeader) {
     (0, _warning["default"])(false, '`components.body` with render props is only work on `scroll.y`.');
   }
-
   if (fixHeader || isSticky) {
     // >>>>>> Fixed Header
     var bodyContent;
-
     if (typeof customizeScrollBody === 'function') {
       bodyContent = customizeScrollBody(mergedData, {
         scrollbarSize: scrollbarSize,
@@ -584,11 +483,9 @@ function Table(props) {
       headerProps.colWidths = flattenColumns.map(function (_ref7, index) {
         var width = _ref7.width;
         var colWidth = index === columns.length - 1 ? width - scrollbarSize : width;
-
         if (typeof colWidth === 'number' && !Number.isNaN(colWidth)) {
           return colWidth;
         }
-
         (0, _warning["default"])(false, 'When use `components.body` with render props. Each column should have a fixed `width` value.');
         return 0;
       });
@@ -606,9 +503,8 @@ function Table(props) {
         stickyOffsets: stickyOffsets,
         flattenColumns: flattenColumns
       }, summaryNode)));
-    } // Fixed holder share the props
-
-
+    }
+    // Fixed holder share the props
     var fixedHolderProps = (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({
       noData: !mergedData.length,
       maxContentScroll: horizonScroll && scroll.x === 'max-content'
@@ -652,7 +548,6 @@ function Table(props) {
       flattenColumns: flattenColumns
     }, summaryNode)));
   }
-
   var ariaProps = (0, _pickAttrs["default"])(props, {
     aria: true,
     data: true
@@ -676,13 +571,11 @@ function Table(props) {
   }, groupTableNode), footer && /*#__PURE__*/React.createElement(_Panel["default"], {
     className: "".concat(prefixCls, "-footer")
   }, footer(mergedData))));
-
   if (horizonScroll) {
     fullTable = /*#__PURE__*/React.createElement(_rcResizeObserver["default"], {
       onResize: onFullTableResize
     }, fullTable);
   }
-
   var TableContextValue = React.useMemo(function () {
     return {
       prefixCls: prefixCls,
@@ -734,7 +627,6 @@ function Table(props) {
     value: ResizeContextValue
   }, fullTable)))));
 }
-
 Table.EXPAND_COLUMN = _constant.EXPAND_COLUMN;
 Table.Column = _Column["default"];
 Table.ColumnGroup = _ColumnGroup["default"];