@gobolt/genesis 0.2.13 → 0.2.15

package/dist/node_modules/rc-table/es/Table.js

@@ -1,392 +1,550 @@
-import y from "../../@babel/runtime/helpers/esm/defineProperty.js";
-import H from "../../@babel/runtime/helpers/esm/extends.js";
-import x from "../../@babel/runtime/helpers/esm/slicedToArray.js";
-import u from "../../@babel/runtime/helpers/esm/objectSpread2.js";
-import Ce from "../../../_virtual/index.js";
-import rr from "../../rc-resize-observer/es/index.js";
-import or from "../../rc-util/es/Dom/isVisible.js";
-import { isStyleSupport as nr } from "../../rc-util/es/Dom/styleChecker.js";
-import { getTargetScrollBarSize as st } from "../../rc-util/es/getScrollBarSize.js";
-import ut from "../../rc-util/es/hooks/useEvent.js";
-import ft from "../../rc-util/es/pickAttrs.js";
-import ar from "../../rc-util/es/utils/get.js";
-import { warningOnce as J } from "../../rc-util/es/warning.js";
-import * as e from "react";
-import lr from "./Body/index.js";
-import ir from "./ColGroup.js";
-import { INTERNAL_HOOKS as yt, EXPAND_COLUMN as cr } from "./constant.js";
-import sr, { makeImmutable as ur } from "./context/TableContext.js";
-import mt from "./FixedHolder/index.js";
-import Q, { FooterComponents as fr } from "./Footer/index.js";
-import mr from "./Footer/Summary.js";
-import dt from "./Header/Header.js";
-import dr from "./hooks/useColumns/index.js";
-import pr from "./hooks/useExpand.js";
-import vr from "./hooks/useFixedInfo.js";
-import { useLayoutState as yr, useTimeoutLock as xr } from "./hooks/useFrame.js";
-import Sr from "./hooks/useHover.js";
-import Cr from "./hooks/useSticky.js";
-import Rr from "./hooks/useStickyOffsets.js";
-import pt from "./Panel/index.js";
-import Er from "./stickyScrollBar.js";
-import hr from "./sugar/Column.js";
-import br from "./sugar/ColumnGroup.js";
-import { validNumberValue as wr, getColumnsKey as gr, validateValue as vt } from "./utils/valueUtil.js";
-import { getDOM as Tr } from "../../rc-util/es/Dom/findDOMNode.js";
-var Nr = "rc-table", kr = [], Lr = {};
-function _r() {
+import _defineProperty from "../../@babel/runtime/helpers/esm/defineProperty.js";
+import _extends from "../../@babel/runtime/helpers/esm/extends.js";
+import _slicedToArray from "../../@babel/runtime/helpers/esm/slicedToArray.js";
+import _objectSpread2 from "../../@babel/runtime/helpers/esm/objectSpread2.js";
+import classNames from "../../../_virtual/index.js";
+import RefResizeObserver from "../../rc-resize-observer/es/index.js";
+import isVisible from "../../rc-util/es/Dom/isVisible.js";
+import { isStyleSupport } from "../../rc-util/es/Dom/styleChecker.js";
+import { getTargetScrollBarSize } from "../../rc-util/es/getScrollBarSize.js";
+import useEvent from "../../rc-util/es/hooks/useEvent.js";
+import pickAttrs from "../../rc-util/es/pickAttrs.js";
+import get from "../../rc-util/es/utils/get.js";
+import { warningOnce } from "../../rc-util/es/warning.js";
+import * as React from "react";
+import Body from "./Body/index.js";
+import ColGroup from "./ColGroup.js";
+import { INTERNAL_HOOKS, EXPAND_COLUMN } from "./constant.js";
+import TableContext, { makeImmutable } from "./context/TableContext.js";
+import FixedHolder from "./FixedHolder/index.js";
+import Footer, { FooterComponents } from "./Footer/index.js";
+import Summary from "./Footer/Summary.js";
+import Header from "./Header/Header.js";
+import useColumns from "./hooks/useColumns/index.js";
+import useExpand from "./hooks/useExpand.js";
+import useFixedInfo from "./hooks/useFixedInfo.js";
+import { useLayoutState, useTimeoutLock } from "./hooks/useFrame.js";
+import useHover from "./hooks/useHover.js";
+import useSticky from "./hooks/useSticky.js";
+import useStickyOffsets from "./hooks/useStickyOffsets.js";
+import Panel from "./Panel/index.js";
+import StickyScrollBar from "./stickyScrollBar.js";
+import Column from "./sugar/Column.js";
+import ColumnGroup from "./sugar/ColumnGroup.js";
+import { validNumberValue, getColumnsKey, validateValue } from "./utils/valueUtil.js";
+import { getDOM } from "../../rc-util/es/Dom/findDOMNode.js";
+var DEFAULT_PREFIX = "rc-table";
+var EMPTY_DATA = [];
+var EMPTY_SCROLL_TARGET = {};
+function defaultEmpty() {
   return "No Data";
 }
-function Hr(Z, St) {
-  var o = u({
+function Table(tableProps, ref) {
+  var props = _objectSpread2({
     rowKey: "key",
-    prefixCls: Nr,
-    emptyText: _r
-  }, Z), a = o.prefixCls, Ct = o.className, Re = o.rowClassName, Rt = o.style, Ee = o.data, F = o.rowKey, R = o.scroll, D = o.tableLayout, S = o.direction, he = o.title, be = o.footer, K = o.summary, ee = o.caption, Et = o.id, we = o.showHeader, ge = o.components, B = o.emptyText, Te = o.onRow, ht = o.onHeaderRow, te = o.onScroll, bt = o.internalHooks, wt = o.transformColumns, Ne = o.internalRefs, re = o.tailor, ke = o.getContainerWidth, gt = o.sticky, Le = o.rowHoverable, _e = Le === void 0 ? !0 : Le, p = Ee || kr, oe = !!p.length, g = bt === yt;
-  process.env.NODE_ENV !== "production" && (["onRowClick", "onRowDoubleClick", "onRowContextMenu", "onRowMouseEnter", "onRowMouseLeave"].forEach(function(t) {
-    J(o[t] === void 0, "`".concat(t, "` is removed, please use `onRow` instead."));
-  }), J(!("getBodyWrapper" in o), "`getBodyWrapper` is deprecated, please use custom `components` instead."));
-  var V = e.useCallback(function(t, r) {
-    return ar(ge, t) || r;
-  }, [ge]), I = e.useMemo(function() {
-    return typeof F == "function" ? F : function(t) {
-      var r = t && t[F];
-      return process.env.NODE_ENV !== "production" && J(r !== void 0, "Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key."), r;
+    prefixCls: DEFAULT_PREFIX,
+    emptyText: defaultEmpty
+  }, tableProps);
+  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, caption = props.caption, id = props.id, showHeader = props.showHeader, components = props.components, emptyText = props.emptyText, onRow = props.onRow, onHeaderRow = props.onHeaderRow, onScroll = props.onScroll, internalHooks = props.internalHooks, transformColumns = props.transformColumns, internalRefs = props.internalRefs, tailor = props.tailor, getContainerWidth = props.getContainerWidth, sticky = props.sticky, _props$rowHoverable = props.rowHoverable, rowHoverable = _props$rowHoverable === void 0 ? true : _props$rowHoverable;
+  var mergedData = data || EMPTY_DATA;
+  var hasData = !!mergedData.length;
+  var useInternalHooks = internalHooks === INTERNAL_HOOKS;
+  if (process.env.NODE_ENV !== "production") {
+    ["onRowClick", "onRowDoubleClick", "onRowContextMenu", "onRowMouseEnter", "onRowMouseLeave"].forEach(function(name) {
+      warningOnce(props[name] === void 0, "`".concat(name, "` is removed, please use `onRow` instead."));
+    });
+    warningOnce(!("getBodyWrapper" in props), "`getBodyWrapper` is deprecated, please use custom `components` instead.");
+  }
+  var getComponent = React.useCallback(function(path, defaultComponent) {
+    return get(components, path) || defaultComponent;
+  }, [components]);
+  var getRowKey = React.useMemo(function() {
+    if (typeof rowKey === "function") {
+      return rowKey;
+    }
+    return function(record) {
+      var key = record && record[rowKey];
+      if (process.env.NODE_ENV !== "production") {
+        warningOnce(key !== void 0, "Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.");
+      }
+      return key;
     };
-  }, [F]), He = V(["body"]), Tt = Sr(), ne = x(Tt, 3), Ie = ne[0], Oe = ne[1], We = ne[2], Nt = pr(o, p, I), T = x(Nt, 6), i = T[0], ze = T[1], ae = T[2], le = T[3], Me = T[4], ie = T[5], ce = R == null ? void 0 : R.x, kt = e.useState(0), Fe = x(kt, 2), A = Fe[0], Lt = Fe[1], _t = dr(u(u(u({}, o), i), {}, {
-    expandable: !!i.expandedRowRender,
-    columnTitle: i.columnTitle,
-    expandedKeys: ae,
-    getRowKey: I,
+  }, [rowKey]);
+  var customizeScrollBody = getComponent(["body"]);
+  var _useHover = useHover(), _useHover2 = _slicedToArray(_useHover, 3), startRow = _useHover2[0], endRow = _useHover2[1], onHover = _useHover2[2];
+  var _useExpand = useExpand(props, mergedData, getRowKey), _useExpand2 = _slicedToArray(_useExpand, 6), expandableConfig = _useExpand2[0], expandableType = _useExpand2[1], mergedExpandedKeys = _useExpand2[2], mergedExpandIcon = _useExpand2[3], mergedChildrenColumnName = _useExpand2[4], onTriggerExpand = _useExpand2[5];
+  var scrollX = scroll === null || scroll === void 0 ? void 0 : scroll.x;
+  var _React$useState = React.useState(0), _React$useState2 = _slicedToArray(_React$useState, 2), componentWidth = _React$useState2[0], setComponentWidth = _React$useState2[1];
+  var _useColumns = useColumns(_objectSpread2(_objectSpread2(_objectSpread2({}, props), expandableConfig), {}, {
+    expandable: !!expandableConfig.expandedRowRender,
+    columnTitle: expandableConfig.columnTitle,
+    expandedKeys: mergedExpandedKeys,
+    getRowKey,
     // https://github.com/ant-design/ant-design/issues/23894
-    onTriggerExpand: ie,
-    expandIcon: le,
-    expandIconColumnIndex: i.expandIconColumnIndex,
-    direction: S,
-    scrollWidth: g && re && typeof ce == "number" ? ce : null,
-    clientWidth: A
-  }), g ? wt : null), P = x(_t, 4), O = P[0], n = P[1], se = P[2], Ht = P[3], C = se ?? ce, De = e.useMemo(function() {
+    onTriggerExpand,
+    expandIcon: mergedExpandIcon,
+    expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
+    direction,
+    scrollWidth: useInternalHooks && tailor && typeof scrollX === "number" ? scrollX : null,
+    clientWidth: componentWidth
+  }), useInternalHooks ? transformColumns : null), _useColumns2 = _slicedToArray(_useColumns, 4), columns = _useColumns2[0], flattenColumns = _useColumns2[1], flattenScrollX = _useColumns2[2], hasGapFixed = _useColumns2[3];
+  var mergedScrollX = flattenScrollX !== null && flattenScrollX !== void 0 ? flattenScrollX : scrollX;
+  var columnContext = React.useMemo(function() {
     return {
-      columns: O,
-      flattenColumns: n
+      columns,
+      flattenColumns
     };
-  }, [O, n]), h = e.useRef(), ue = e.useRef(), l = e.useRef(), Ke = e.useRef();
-  e.useImperativeHandle(St, function() {
+  }, [columns, flattenColumns]);
+  var fullTableRef = React.useRef();
+  var scrollHeaderRef = React.useRef();
+  var scrollBodyRef = React.useRef();
+  var scrollBodyContainerRef = React.useRef();
+  React.useImperativeHandle(ref, function() {
     return {
-      nativeElement: h.current,
-      scrollTo: function(r) {
-        var c;
-        if (l.current instanceof HTMLElement) {
-          var f = r.index, s = r.top, _ = r.key;
-          if (wr(s)) {
-            var b;
-            (b = l.current) === null || b === void 0 || b.scrollTo({
-              top: s
+      nativeElement: fullTableRef.current,
+      scrollTo: function scrollTo(config) {
+        var _scrollBodyRef$curren3;
+        if (scrollBodyRef.current instanceof HTMLElement) {
+          var index = config.index, top = config.top, key = config.key;
+          if (validNumberValue(top)) {
+            var _scrollBodyRef$curren;
+            (_scrollBodyRef$curren = scrollBodyRef.current) === null || _scrollBodyRef$curren === void 0 || _scrollBodyRef$curren.scrollTo({
+              top
             });
           } else {
-            var w, z = _ ?? I(p[f]);
-            (w = l.current.querySelector('[data-row-key="'.concat(z, '"]'))) === null || w === void 0 || w.scrollIntoView();
+            var _scrollBodyRef$curren2;
+            var mergedKey = key !== null && key !== void 0 ? key : getRowKey(mergedData[index]);
+            (_scrollBodyRef$curren2 = scrollBodyRef.current.querySelector('[data-row-key="'.concat(mergedKey, '"]'))) === null || _scrollBodyRef$curren2 === void 0 || _scrollBodyRef$curren2.scrollIntoView();
           }
-        } else (c = l.current) !== null && c !== void 0 && c.scrollTo && l.current.scrollTo(r);
+        } else if ((_scrollBodyRef$curren3 = scrollBodyRef.current) !== null && _scrollBodyRef$curren3 !== void 0 && _scrollBodyRef$curren3.scrollTo) {
+          scrollBodyRef.current.scrollTo(config);
+        }
       }
     };
   });
-  var Be = e.useRef(), It = e.useState(!1), Ve = x(It, 2), Ot = Ve[0], X = Ve[1], Wt = e.useState(!1), Ae = x(Wt, 2), zt = Ae[0], G = Ae[1], Mt = yr(/* @__PURE__ */ new Map()), Pe = x(Mt, 2), Ft = Pe[0], Dt = Pe[1], Kt = gr(n), Xe = Kt.map(function(t) {
-    return Ft.get(t);
-  }), Ge = e.useMemo(function() {
-    return Xe;
-  }, [Xe.join("_")]), Y = Rr(Ge, n, S), m = R && vt(R.y), v = R && vt(C) || !!i.fixed, N = v && n.some(function(t) {
-    var r = t.fixed;
-    return r;
-  }), fe = e.useRef(), k = Cr(gt, a), E = k.isSticky, Bt = k.offsetHeader, Vt = k.offsetSummary, At = k.offsetScroll, Pt = k.stickyClassName, Xt = k.container, d = e.useMemo(function() {
-    return K == null ? void 0 : K(p);
-  }, [K, p]), W = (m || E) && /* @__PURE__ */ e.isValidElement(d) && d.type === mr && d.props.fixed, me, $, de;
-  m && ($ = {
-    overflowY: oe ? "scroll" : "auto",
-    maxHeight: R.y
-  }), v && (me = {
-    overflowX: "auto"
-  }, m || ($ = {
-    overflowY: "hidden"
-  }), de = {
-    width: C === !0 ? "auto" : C,
-    minWidth: "100%"
+  var scrollSummaryRef = React.useRef();
+  var _React$useState3 = React.useState(false), _React$useState4 = _slicedToArray(_React$useState3, 2), pingedLeft = _React$useState4[0], setPingedLeft = _React$useState4[1];
+  var _React$useState5 = React.useState(false), _React$useState6 = _slicedToArray(_React$useState5, 2), pingedRight = _React$useState6[0], setPingedRight = _React$useState6[1];
+  var _useLayoutState = useLayoutState(/* @__PURE__ */ new Map()), _useLayoutState2 = _slicedToArray(_useLayoutState, 2), colsWidths = _useLayoutState2[0], updateColsWidths = _useLayoutState2[1];
+  var colsKeys = getColumnsKey(flattenColumns);
+  var pureColWidths = colsKeys.map(function(columnKey) {
+    return colsWidths.get(columnKey);
+  });
+  var colWidths = React.useMemo(function() {
+    return pureColWidths;
+  }, [pureColWidths.join("_")]);
+  var stickyOffsets = useStickyOffsets(colWidths, flattenColumns, direction);
+  var fixHeader = scroll && validateValue(scroll.y);
+  var horizonScroll = scroll && validateValue(mergedScrollX) || Boolean(expandableConfig.fixed);
+  var fixColumn = horizonScroll && flattenColumns.some(function(_ref) {
+    var fixed = _ref.fixed;
+    return fixed;
   });
-  var Ye = e.useCallback(function(t, r) {
-    or(h.current) && Dt(function(c) {
-      if (c.get(t) !== r) {
-        var f = new Map(c);
-        return f.set(t, r), f;
+  var stickyRef = React.useRef();
+  var _useSticky = useSticky(sticky, prefixCls), isSticky = _useSticky.isSticky, offsetHeader = _useSticky.offsetHeader, offsetSummary = _useSticky.offsetSummary, offsetScroll = _useSticky.offsetScroll, stickyClassName = _useSticky.stickyClassName, container = _useSticky.container;
+  var summaryNode = React.useMemo(function() {
+    return summary === null || summary === void 0 ? void 0 : summary(mergedData);
+  }, [summary, mergedData]);
+  var fixFooter = (fixHeader || isSticky) && /* @__PURE__ */ React.isValidElement(summaryNode) && summaryNode.type === Summary && summaryNode.props.fixed;
+  var scrollXStyle;
+  var scrollYStyle;
+  var scrollTableStyle;
+  if (fixHeader) {
+    scrollYStyle = {
+      overflowY: hasData ? "scroll" : "auto",
+      maxHeight: scroll.y
+    };
+  }
+  if (horizonScroll) {
+    scrollXStyle = {
+      overflowX: "auto"
+    };
+    if (!fixHeader) {
+      scrollYStyle = {
+        overflowY: "hidden"
+      };
+    }
+    scrollTableStyle = {
+      width: mergedScrollX === true ? "auto" : mergedScrollX,
+      minWidth: "100%"
+    };
+  }
+  var onColumnResize = React.useCallback(function(columnKey, width) {
+    if (isVisible(fullTableRef.current)) {
+      updateColsWidths(function(widths) {
+        if (widths.get(columnKey) !== width) {
+          var newWidths = new Map(widths);
+          newWidths.set(columnKey, width);
+          return newWidths;
+        }
+        return widths;
+      });
+    }
+  }, []);
+  var _useTimeoutLock = useTimeoutLock(), _useTimeoutLock2 = _slicedToArray(_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) {
+      target.scrollLeft = scrollLeft;
+      if (target.scrollLeft !== scrollLeft) {
+        setTimeout(function() {
+          target.scrollLeft = scrollLeft;
+        }, 0);
       }
-      return c;
-    });
-  }, []), Gt = xr(), $e = x(Gt, 2), Yt = $e[0], qe = $e[1];
-  function q(t, r) {
-    r && (typeof r == "function" ? r(t) : r.scrollLeft !== t && (r.scrollLeft = t, r.scrollLeft !== t && setTimeout(function() {
-      r.scrollLeft = t;
-    }, 0)));
+    }
   }
-  var L = ut(function(t) {
-    var r = t.currentTarget, c = t.scrollLeft, f = S === "rtl", s = typeof c == "number" ? c : r.scrollLeft, _ = r || Lr;
-    if (!qe() || qe() === _) {
-      var b;
-      Yt(_), q(s, ue.current), q(s, l.current), q(s, Be.current), q(s, (b = fe.current) === null || b === void 0 ? void 0 : b.setScrollLeft);
+  var onInternalScroll = useEvent(function(_ref2) {
+    var currentTarget = _ref2.currentTarget, scrollLeft = _ref2.scrollLeft;
+    var isRTL = direction === "rtl";
+    var mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget.scrollLeft;
+    var compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
+    if (!getScrollTarget() || getScrollTarget() === compareTarget) {
+      var _stickyRef$current;
+      setScrollTarget(compareTarget);
+      forceScroll(mergedScrollLeft, scrollHeaderRef.current);
+      forceScroll(mergedScrollLeft, scrollBodyRef.current);
+      forceScroll(mergedScrollLeft, scrollSummaryRef.current);
+      forceScroll(mergedScrollLeft, (_stickyRef$current = stickyRef.current) === null || _stickyRef$current === void 0 ? void 0 : _stickyRef$current.setScrollLeft);
     }
-    var w = r || ue.current;
-    if (w) {
-      var z = (
+    var measureTarget = currentTarget || scrollHeaderRef.current;
+    if (measureTarget) {
+      var scrollWidth = (
         // Should use mergedScrollX in virtual table(useInternalHooks && tailor === true)
-        g && re && typeof C == "number" ? C : w.scrollWidth
-      ), Se = w.clientWidth;
-      if (z === Se) {
-        X(!1), G(!1);
+        useInternalHooks && tailor && typeof mergedScrollX === "number" ? mergedScrollX : measureTarget.scrollWidth
+      );
+      var clientWidth = measureTarget.clientWidth;
+      if (scrollWidth === clientWidth) {
+        setPingedLeft(false);
+        setPingedRight(false);
         return;
       }
-      f ? (X(-s < z - Se), G(-s > 0)) : (X(s > 0), G(s < z - Se));
+      if (isRTL) {
+        setPingedLeft(-mergedScrollLeft < scrollWidth - clientWidth);
+        setPingedRight(-mergedScrollLeft > 0);
+      } else {
+        setPingedLeft(mergedScrollLeft > 0);
+        setPingedRight(mergedScrollLeft < scrollWidth - clientWidth);
+      }
     }
-  }), $t = ut(function(t) {
-    L(t), te == null || te(t);
-  }), Ue = function() {
-    if (v && l.current) {
-      var r;
-      L({
-        currentTarget: Tr(l.current),
-        scrollLeft: (r = l.current) === null || r === void 0 ? void 0 : r.scrollLeft
+  });
+  var onBodyScroll = useEvent(function(e) {
+    onInternalScroll(e);
+    onScroll === null || onScroll === void 0 || onScroll(e);
+  });
+  var triggerOnScroll = function triggerOnScroll2() {
+    if (horizonScroll && scrollBodyRef.current) {
+      var _scrollBodyRef$curren4;
+      onInternalScroll({
+        currentTarget: getDOM(scrollBodyRef.current),
+        scrollLeft: (_scrollBodyRef$curren4 = scrollBodyRef.current) === null || _scrollBodyRef$curren4 === void 0 ? void 0 : _scrollBodyRef$curren4.scrollLeft
       });
-    } else
-      X(!1), G(!1);
-  }, qt = function(r) {
-    var c, f = r.width;
-    (c = fe.current) === null || c === void 0 || c.checkScrollBarVisible();
-    var s = h.current ? h.current.offsetWidth : f;
-    g && ke && h.current && (s = ke(h.current, s) || s), s !== A && (Ue(), Lt(s));
-  }, je = e.useRef(!1);
-  e.useEffect(function() {
-    je.current && Ue();
-  }, [v, Ee, O.length]), e.useEffect(function() {
-    je.current = !0;
+    } else {
+      setPingedLeft(false);
+      setPingedRight(false);
+    }
+  };
+  var onFullTableResize = function onFullTableResize2(_ref3) {
+    var _stickyRef$current2;
+    var width = _ref3.width;
+    (_stickyRef$current2 = stickyRef.current) === null || _stickyRef$current2 === void 0 || _stickyRef$current2.checkScrollBarVisible();
+    var mergedWidth = fullTableRef.current ? fullTableRef.current.offsetWidth : width;
+    if (useInternalHooks && getContainerWidth && fullTableRef.current) {
+      mergedWidth = getContainerWidth(fullTableRef.current, mergedWidth) || mergedWidth;
+    }
+    if (mergedWidth !== componentWidth) {
+      triggerOnScroll();
+      setComponentWidth(mergedWidth);
+    }
+  };
+  var mounted = React.useRef(false);
+  React.useEffect(function() {
+    if (mounted.current) {
+      triggerOnScroll();
+    }
+  }, [horizonScroll, data, columns.length]);
+  React.useEffect(function() {
+    mounted.current = true;
+  }, []);
+  var _React$useState7 = React.useState(0), _React$useState8 = _slicedToArray(_React$useState7, 2), scrollbarSize = _React$useState8[0], setScrollbarSize = _React$useState8[1];
+  var _React$useState9 = React.useState(true), _React$useState10 = _slicedToArray(_React$useState9, 2), supportSticky = _React$useState10[0], setSupportSticky = _React$useState10[1];
+  React.useEffect(function() {
+    if (!tailor || !useInternalHooks) {
+      if (scrollBodyRef.current instanceof Element) {
+        setScrollbarSize(getTargetScrollBarSize(scrollBodyRef.current).width);
+      } else {
+        setScrollbarSize(getTargetScrollBarSize(scrollBodyContainerRef.current).width);
+      }
+    }
+    setSupportSticky(isStyleSupport("position", "sticky"));
   }, []);
-  var Ut = e.useState(0), Je = x(Ut, 2), U = Je[0], Qe = Je[1], jt = e.useState(!0), Ze = x(jt, 2), et = Ze[0], Jt = Ze[1];
-  e.useEffect(function() {
-    (!re || !g) && (l.current instanceof Element ? Qe(st(l.current).width) : Qe(st(Ke.current).width)), Jt(nr("position", "sticky"));
-  }, []), e.useEffect(function() {
-    g && Ne && (Ne.body.current = l.current);
+  React.useEffect(function() {
+    if (useInternalHooks && internalRefs) {
+      internalRefs.body.current = scrollBodyRef.current;
+    }
   });
-  var Qt = e.useCallback(function(t) {
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(dt, t), W === "top" && /* @__PURE__ */ e.createElement(Q, t, d));
-  }, [W, d]), Zt = e.useCallback(function(t) {
-    return /* @__PURE__ */ e.createElement(Q, t, d);
-  }, [d]), tt = V(["table"], "table"), j = e.useMemo(function() {
-    return D || (N ? C === "max-content" ? "auto" : "fixed" : m || E || n.some(function(t) {
-      var r = t.ellipsis;
-      return r;
-    }) ? "fixed" : "auto");
-  }, [m, N, n, D, E]), pe, ve = {
-    colWidths: Ge,
-    columCount: n.length,
-    stickyOffsets: Y,
-    onHeaderRow: ht,
-    fixHeader: m,
-    scroll: R
-  }, rt = e.useMemo(function() {
-    return oe ? null : typeof B == "function" ? B() : B;
-  }, [oe, B]), ot = /* @__PURE__ */ e.createElement(lr, {
-    data: p,
-    measureColumnWidth: m || v || E
-  }), nt = /* @__PURE__ */ e.createElement(ir, {
-    colWidths: n.map(function(t) {
-      var r = t.width;
-      return r;
+  var renderFixedHeaderTable = React.useCallback(function(fixedHolderPassProps) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Header, fixedHolderPassProps), fixFooter === "top" && /* @__PURE__ */ React.createElement(Footer, fixedHolderPassProps, summaryNode));
+  }, [fixFooter, summaryNode]);
+  var renderFixedFooterTable = React.useCallback(function(fixedHolderPassProps) {
+    return /* @__PURE__ */ React.createElement(Footer, fixedHolderPassProps, summaryNode);
+  }, [summaryNode]);
+  var TableComponent = getComponent(["table"], "table");
+  var mergedTableLayout = React.useMemo(function() {
+    if (tableLayout) {
+      return tableLayout;
+    }
+    if (fixColumn) {
+      return mergedScrollX === "max-content" ? "auto" : "fixed";
+    }
+    if (fixHeader || isSticky || flattenColumns.some(function(_ref4) {
+      var ellipsis = _ref4.ellipsis;
+      return ellipsis;
+    })) {
+      return "fixed";
+    }
+    return "auto";
+  }, [fixHeader, fixColumn, flattenColumns, tableLayout, isSticky]);
+  var groupTableNode;
+  var headerProps = {
+    colWidths,
+    columCount: flattenColumns.length,
+    stickyOffsets,
+    onHeaderRow,
+    fixHeader,
+    scroll
+  };
+  var emptyNode = React.useMemo(function() {
+    if (hasData) {
+      return null;
+    }
+    if (typeof emptyText === "function") {
+      return emptyText();
+    }
+    return emptyText;
+  }, [hasData, emptyText]);
+  var bodyTable = /* @__PURE__ */ React.createElement(Body, {
+    data: mergedData,
+    measureColumnWidth: fixHeader || horizonScroll || isSticky
+  });
+  var bodyColGroup = /* @__PURE__ */ React.createElement(ColGroup, {
+    colWidths: flattenColumns.map(function(_ref5) {
+      var width = _ref5.width;
+      return width;
     }),
-    columns: n
-  }), at = ee != null ? /* @__PURE__ */ e.createElement("caption", {
-    className: "".concat(a, "-caption")
-  }, ee) : void 0, er = ft(o, {
-    data: !0
-  }), lt = ft(o, {
-    aria: !0
+    columns: flattenColumns
   });
-  if (m || E) {
-    var ye;
-    typeof He == "function" ? (ye = He(p, {
-      scrollbarSize: U,
-      ref: l,
-      onScroll: L
-    }), ve.colWidths = n.map(function(t, r) {
-      var c = t.width, f = r === n.length - 1 ? c - U : c;
-      return typeof f == "number" && !Number.isNaN(f) ? f : (process.env.NODE_ENV !== "production" && J(o.columns.length === 0, "When use `components.body` with render props. Each column should have a fixed `width` value."), 0);
-    })) : ye = /* @__PURE__ */ e.createElement("div", {
-      style: u(u({}, me), $),
-      onScroll: $t,
-      ref: l,
-      className: Ce("".concat(a, "-body"))
-    }, /* @__PURE__ */ e.createElement(tt, H({
-      style: u(u({}, de), {}, {
-        tableLayout: j
-      })
-    }, lt), at, nt, ot, !W && d && /* @__PURE__ */ e.createElement(Q, {
-      stickyOffsets: Y,
-      flattenColumns: n
-    }, d)));
-    var it = u(u(u({
-      noData: !p.length,
-      maxContentScroll: v && C === "max-content"
-    }, ve), De), {}, {
-      direction: S,
-      stickyClassName: Pt,
-      onScroll: L
+  var captionElement = caption !== null && caption !== void 0 ? /* @__PURE__ */ React.createElement("caption", {
+    className: "".concat(prefixCls, "-caption")
+  }, caption) : void 0;
+  var dataProps = pickAttrs(props, {
+    data: true
+  });
+  var ariaProps = pickAttrs(props, {
+    aria: true
+  });
+  if (fixHeader || isSticky) {
+    var bodyContent;
+    if (typeof customizeScrollBody === "function") {
+      bodyContent = customizeScrollBody(mergedData, {
+        scrollbarSize,
+        ref: scrollBodyRef,
+        onScroll: onInternalScroll
+      });
+      headerProps.colWidths = flattenColumns.map(function(_ref6, index) {
+        var width = _ref6.width;
+        var colWidth = index === flattenColumns.length - 1 ? width - scrollbarSize : width;
+        if (typeof colWidth === "number" && !Number.isNaN(colWidth)) {
+          return colWidth;
+        }
+        if (process.env.NODE_ENV !== "production") {
+          warningOnce(props.columns.length === 0, "When use `components.body` with render props. Each column should have a fixed `width` value.");
+        }
+        return 0;
+      });
+    } else {
+      bodyContent = /* @__PURE__ */ React.createElement("div", {
+        style: _objectSpread2(_objectSpread2({}, scrollXStyle), scrollYStyle),
+        onScroll: onBodyScroll,
+        ref: scrollBodyRef,
+        className: classNames("".concat(prefixCls, "-body"))
+      }, /* @__PURE__ */ React.createElement(TableComponent, _extends({
+        style: _objectSpread2(_objectSpread2({}, scrollTableStyle), {}, {
+          tableLayout: mergedTableLayout
+        })
+      }, ariaProps), captionElement, bodyColGroup, bodyTable, !fixFooter && summaryNode && /* @__PURE__ */ React.createElement(Footer, {
+        stickyOffsets,
+        flattenColumns
+      }, summaryNode)));
+    }
+    var fixedHolderProps = _objectSpread2(_objectSpread2(_objectSpread2({
+      noData: !mergedData.length,
+      maxContentScroll: horizonScroll && mergedScrollX === "max-content"
+    }, headerProps), columnContext), {}, {
+      direction,
+      stickyClassName,
+      onScroll: onInternalScroll
     });
-    pe = /* @__PURE__ */ e.createElement(e.Fragment, null, we !== !1 && /* @__PURE__ */ e.createElement(mt, H({}, it, {
-      stickyTopOffset: Bt,
-      className: "".concat(a, "-header"),
-      ref: ue
-    }), Qt), ye, W && W !== "top" && /* @__PURE__ */ e.createElement(mt, H({}, it, {
-      stickyBottomOffset: Vt,
-      className: "".concat(a, "-summary"),
-      ref: Be
-    }), Zt), E && l.current && l.current instanceof Element && /* @__PURE__ */ e.createElement(Er, {
-      ref: fe,
-      offsetScroll: At,
-      scrollBodyRef: l,
-      onScroll: L,
-      container: Xt,
-      direction: S
+    groupTableNode = /* @__PURE__ */ React.createElement(React.Fragment, null, showHeader !== false && /* @__PURE__ */ React.createElement(FixedHolder, _extends({}, fixedHolderProps, {
+      stickyTopOffset: offsetHeader,
+      className: "".concat(prefixCls, "-header"),
+      ref: scrollHeaderRef
+    }), renderFixedHeaderTable), bodyContent, fixFooter && fixFooter !== "top" && /* @__PURE__ */ React.createElement(FixedHolder, _extends({}, fixedHolderProps, {
+      stickyBottomOffset: offsetSummary,
+      className: "".concat(prefixCls, "-summary"),
+      ref: scrollSummaryRef
+    }), renderFixedFooterTable), isSticky && scrollBodyRef.current && scrollBodyRef.current instanceof Element && /* @__PURE__ */ React.createElement(StickyScrollBar, {
+      ref: stickyRef,
+      offsetScroll,
+      scrollBodyRef,
+      onScroll: onInternalScroll,
+      container,
+      direction
     }));
-  } else
-    pe = /* @__PURE__ */ e.createElement("div", {
-      style: u(u({}, me), $),
-      className: Ce("".concat(a, "-content")),
-      onScroll: L,
-      ref: l
-    }, /* @__PURE__ */ e.createElement(tt, H({
-      style: u(u({}, de), {}, {
-        tableLayout: j
+  } else {
+    groupTableNode = /* @__PURE__ */ React.createElement("div", {
+      style: _objectSpread2(_objectSpread2({}, scrollXStyle), scrollYStyle),
+      className: classNames("".concat(prefixCls, "-content")),
+      onScroll: onInternalScroll,
+      ref: scrollBodyRef
+    }, /* @__PURE__ */ React.createElement(TableComponent, _extends({
+      style: _objectSpread2(_objectSpread2({}, scrollTableStyle), {}, {
+        tableLayout: mergedTableLayout
       })
-    }, lt), at, nt, we !== !1 && /* @__PURE__ */ e.createElement(dt, H({}, ve, De)), ot, d && /* @__PURE__ */ e.createElement(Q, {
-      stickyOffsets: Y,
-      flattenColumns: n
-    }, d)));
-  var xe = /* @__PURE__ */ e.createElement("div", H({
-    className: Ce(a, Ct, y(y(y(y(y(y(y(y(y(y({}, "".concat(a, "-rtl"), S === "rtl"), "".concat(a, "-ping-left"), Ot), "".concat(a, "-ping-right"), zt), "".concat(a, "-layout-fixed"), D === "fixed"), "".concat(a, "-fixed-header"), m), "".concat(a, "-fixed-column"), N), "".concat(a, "-fixed-column-gapped"), N && Ht), "".concat(a, "-scroll-horizontal"), v), "".concat(a, "-has-fix-left"), n[0] && n[0].fixed), "".concat(a, "-has-fix-right"), n[n.length - 1] && n[n.length - 1].fixed === "right")),
-    style: Rt,
-    id: Et,
-    ref: h
-  }, er), he && /* @__PURE__ */ e.createElement(pt, {
-    className: "".concat(a, "-title")
-  }, he(p)), /* @__PURE__ */ e.createElement("div", {
-    ref: Ke,
-    className: "".concat(a, "-container")
-  }, pe), be && /* @__PURE__ */ e.createElement(pt, {
-    className: "".concat(a, "-footer")
-  }, be(p)));
-  v && (xe = /* @__PURE__ */ e.createElement(rr, {
-    onResize: qt
-  }, xe));
-  var ct = vr(n, Y, S), tr = e.useMemo(function() {
+    }, ariaProps), captionElement, bodyColGroup, showHeader !== false && /* @__PURE__ */ React.createElement(Header, _extends({}, headerProps, columnContext)), bodyTable, summaryNode && /* @__PURE__ */ React.createElement(Footer, {
+      stickyOffsets,
+      flattenColumns
+    }, summaryNode)));
+  }
+  var fullTable = /* @__PURE__ */ React.createElement("div", _extends({
+    className: classNames(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === "rtl"), "".concat(prefixCls, "-ping-left"), pingedLeft), "".concat(prefixCls, "-ping-right"), pingedRight), "".concat(prefixCls, "-layout-fixed"), tableLayout === "fixed"), "".concat(prefixCls, "-fixed-header"), fixHeader), "".concat(prefixCls, "-fixed-column"), fixColumn), "".concat(prefixCls, "-fixed-column-gapped"), fixColumn && hasGapFixed), "".concat(prefixCls, "-scroll-horizontal"), horizonScroll), "".concat(prefixCls, "-has-fix-left"), flattenColumns[0] && flattenColumns[0].fixed), "".concat(prefixCls, "-has-fix-right"), flattenColumns[flattenColumns.length - 1] && flattenColumns[flattenColumns.length - 1].fixed === "right")),
+    style,
+    id,
+    ref: fullTableRef
+  }, dataProps), title && /* @__PURE__ */ React.createElement(Panel, {
+    className: "".concat(prefixCls, "-title")
+  }, title(mergedData)), /* @__PURE__ */ React.createElement("div", {
+    ref: scrollBodyContainerRef,
+    className: "".concat(prefixCls, "-container")
+  }, groupTableNode), footer && /* @__PURE__ */ React.createElement(Panel, {
+    className: "".concat(prefixCls, "-footer")
+  }, footer(mergedData)));
+  if (horizonScroll) {
+    fullTable = /* @__PURE__ */ React.createElement(RefResizeObserver, {
+      onResize: onFullTableResize
+    }, fullTable);
+  }
+  var fixedInfoList = useFixedInfo(flattenColumns, stickyOffsets, direction);
+  var TableContextValue = React.useMemo(function() {
     return {
       // Scroll
-      scrollX: C,
+      scrollX: mergedScrollX,
       // Table
-      prefixCls: a,
-      getComponent: V,
-      scrollbarSize: U,
-      direction: S,
-      fixedInfoList: ct,
-      isSticky: E,
-      supportSticky: et,
-      componentWidth: A,
-      fixHeader: m,
-      fixColumn: N,
-      horizonScroll: v,
+      prefixCls,
+      getComponent,
+      scrollbarSize,
+      direction,
+      fixedInfoList,
+      isSticky,
+      supportSticky,
+      componentWidth,
+      fixHeader,
+      fixColumn,
+      horizonScroll,
       // Body
-      tableLayout: j,
-      rowClassName: Re,
-      expandedRowClassName: i.expandedRowClassName,
-      expandIcon: le,
-      expandableType: ze,
-      expandRowByClick: i.expandRowByClick,
-      expandedRowRender: i.expandedRowRender,
-      onTriggerExpand: ie,
-      expandIconColumnIndex: i.expandIconColumnIndex,
-      indentSize: i.indentSize,
-      allColumnsFixedLeft: n.every(function(t) {
-        return t.fixed === "left";
+      tableLayout: mergedTableLayout,
+      rowClassName,
+      expandedRowClassName: expandableConfig.expandedRowClassName,
+      expandIcon: mergedExpandIcon,
+      expandableType,
+      expandRowByClick: expandableConfig.expandRowByClick,
+      expandedRowRender: expandableConfig.expandedRowRender,
+      onTriggerExpand,
+      expandIconColumnIndex: expandableConfig.expandIconColumnIndex,
+      indentSize: expandableConfig.indentSize,
+      allColumnsFixedLeft: flattenColumns.every(function(col) {
+        return col.fixed === "left";
       }),
-      emptyNode: rt,
+      emptyNode,
       // Column
-      columns: O,
-      flattenColumns: n,
-      onColumnResize: Ye,
+      columns,
+      flattenColumns,
+      onColumnResize,
       // Row
-      hoverStartRow: Ie,
-      hoverEndRow: Oe,
-      onHover: We,
-      rowExpandable: i.rowExpandable,
-      onRow: Te,
-      getRowKey: I,
-      expandedKeys: ae,
-      childrenColumnName: Me,
-      rowHoverable: _e
+      hoverStartRow: startRow,
+      hoverEndRow: endRow,
+      onHover,
+      rowExpandable: expandableConfig.rowExpandable,
+      onRow,
+      getRowKey,
+      expandedKeys: mergedExpandedKeys,
+      childrenColumnName: mergedChildrenColumnName,
+      rowHoverable
     };
   }, [
     // Scroll
-    C,
+    mergedScrollX,
     // Table
-    a,
-    V,
-    U,
-    S,
-    ct,
-    E,
-    et,
-    A,
-    m,
-    N,
-    v,
+    prefixCls,
+    getComponent,
+    scrollbarSize,
+    direction,
+    fixedInfoList,
+    isSticky,
+    supportSticky,
+    componentWidth,
+    fixHeader,
+    fixColumn,
+    horizonScroll,
     // Body
-    j,
-    Re,
-    i.expandedRowClassName,
-    le,
-    ze,
-    i.expandRowByClick,
-    i.expandedRowRender,
-    ie,
-    i.expandIconColumnIndex,
-    i.indentSize,
-    rt,
+    mergedTableLayout,
+    rowClassName,
+    expandableConfig.expandedRowClassName,
+    mergedExpandIcon,
+    expandableType,
+    expandableConfig.expandRowByClick,
+    expandableConfig.expandedRowRender,
+    onTriggerExpand,
+    expandableConfig.expandIconColumnIndex,
+    expandableConfig.indentSize,
+    emptyNode,
     // Column
-    O,
-    n,
-    Ye,
+    columns,
+    flattenColumns,
+    onColumnResize,
     // Row
-    Ie,
-    Oe,
-    We,
-    i.rowExpandable,
-    Te,
-    I,
-    ae,
-    Me,
-    _e
+    startRow,
+    endRow,
+    onHover,
+    expandableConfig.rowExpandable,
+    onRow,
+    getRowKey,
+    mergedExpandedKeys,
+    mergedChildrenColumnName,
+    rowHoverable
   ]);
-  return /* @__PURE__ */ e.createElement(sr.Provider, {
-    value: tr
-  }, xe);
+  return /* @__PURE__ */ React.createElement(TableContext.Provider, {
+    value: TableContextValue
+  }, fullTable);
+}
+var RefTable = /* @__PURE__ */ React.forwardRef(Table);
+if (process.env.NODE_ENV !== "production") {
+  RefTable.displayName = "Table";
 }
-var xt = /* @__PURE__ */ e.forwardRef(Hr);
-process.env.NODE_ENV !== "production" && (xt.displayName = "Table");
-function Ir(Z) {
-  return ur(xt, Z);
+function genTable(shouldTriggerRender) {
+  return makeImmutable(RefTable, shouldTriggerRender);
 }
-var M = Ir();
-M.EXPAND_COLUMN = cr;
-M.INTERNAL_HOOKS = yt;
-M.Column = hr;
-M.ColumnGroup = br;
-M.Summary = fr;
+var ImmutableTable = genTable();
+ImmutableTable.EXPAND_COLUMN = EXPAND_COLUMN;
+ImmutableTable.INTERNAL_HOOKS = INTERNAL_HOOKS;
+ImmutableTable.Column = Column;
+ImmutableTable.ColumnGroup = ColumnGroup;
+ImmutableTable.Summary = FooterComponents;
 export {
-  Nr as DEFAULT_PREFIX,
-  M as default,
-  Ir as genTable
+  DEFAULT_PREFIX,
+  ImmutableTable as default,
+  genTable
 };