@hsu-react/ui 0.0.1

package/es/components/Table/_hooks/useAutoScrolling.js

@@ -0,0 +1,438 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMutationObserver } from "ahooks";
+import { useCallback, useEffect, useRef, useState } from "react";
+var DEFAULT_INTERVAL = 2000;
+var DEFAULT_SPEED = 25;
+var SMOOTH_SCROLL_TICK = 10;
+var EPSILON = 1;
+var useAutoScrolling = function useAutoScrolling(props) {
+  var cls = props.cls,
+    autoScrolling = props.autoScrolling,
+    ref = props.ref,
+    dataSource = props.dataSource,
+    _props$interval = props.interval,
+    interval = _props$interval === void 0 ? DEFAULT_INTERVAL : _props$interval,
+    _props$autoScrollingS = props.autoScrollingSpeed,
+    autoScrollingSpeed = _props$autoScrollingS === void 0 ? DEFAULT_SPEED : _props$autoScrollingS,
+    onAutoScrollEndAdd = props.onAutoScrollEndAdd,
+    _props$autoScrollMode = props.autoScrollMode,
+    autoScrollMode = _props$autoScrollMode === void 0 ? "smooth" : _props$autoScrollMode,
+    _props$autoScrollLoop = props.autoScrollLoop,
+    autoScrollLoop = _props$autoScrollLoop === void 0 ? true : _props$autoScrollLoop,
+    _props$autoScrollLoop2 = props.autoScrollLoopMode,
+    autoScrollLoopMode = _props$autoScrollLoop2 === void 0 ? "reset" : _props$autoScrollLoop2,
+    _props$autoScrollingO = props.autoScrollingOffset,
+    autoScrollingOffset = _props$autoScrollingO === void 0 ? 0 : _props$autoScrollingO;
+  var validSpeed = autoScrollingSpeed > 0 ? autoScrollingSpeed : DEFAULT_SPEED;
+  var smoothStep = validSpeed * SMOOTH_SCROLL_TICK / 1000;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    restartSeed = _useState4[0],
+    setRestartSeed = _useState4[1];
+  var rafRef = useRef(null);
+  var smoothTimerRef = useRef(null);
+  var smoothTargetRef = useRef(null);
+  var smoothRemainderRef = useRef(0);
+  var phaseRef = useRef("idle");
+  var waitUntilRef = useRef(0);
+  var pauseRef = useRef(false);
+  var pendingLoadMoreRef = useRef(false);
+  var bodyRef = useRef(null);
+  var loadTokenRef = useRef(0);
+  var prevDataSourceRef = useRef(dataSource);
+  var hoverHandlersRef = useRef({});
+
+  // seamless 模式相关
+  var isSeamless = autoScrollLoopMode === "seamless" && autoScrollLoop;
+  var originalRowsHeightRef = useRef(0);
+  var clonedNodesRef = useRef([]);
+  var seamlessReadyRef = useRef(false);
+  var triggerRestart = useCallback(function () {
+    setRestartSeed(function (prev) {
+      return prev + 1;
+    });
+  }, []);
+  var cleanupClones = useCallback(function () {
+    clonedNodesRef.current.forEach(function (node) {
+      if (node.parentNode) node.parentNode.removeChild(node);
+    });
+    clonedNodesRef.current = [];
+    originalRowsHeightRef.current = 0;
+    seamlessReadyRef.current = false;
+  }, []);
+  var setupSeamlessClones = useCallback(function (body) {
+    if (seamlessReadyRef.current) return;
+    cleanupClones();
+    var tbody = body.querySelector(".ant-table-tbody");
+    if (!tbody) return;
+    var rows = Array.from(tbody.querySelectorAll(":scope > tr:not([data-seamless-clone])"));
+    if (!rows.length) return;
+    var height = 0;
+    rows.forEach(function (row) {
+      height += row.offsetHeight;
+    });
+
+    // 内容不足一屏时不需要无缝滚动
+    if (height <= body.clientHeight) return;
+    originalRowsHeightRef.current = height;
+    var clones = [];
+    rows.forEach(function (row) {
+      var clone = row.cloneNode(true);
+      clone.setAttribute("data-seamless-clone", "true");
+      tbody.appendChild(clone);
+      clones.push(clone);
+    });
+    clonedNodesRef.current = clones;
+    seamlessReadyRef.current = true;
+  }, [cleanupClones]);
+  var checkSeamlessReset = useCallback(function (body) {
+    var h = originalRowsHeightRef.current;
+    if (h > 0 && body.scrollTop >= h) {
+      body.scrollTop -= h;
+      if (smoothTargetRef.current !== null) {
+        smoothTargetRef.current -= h;
+      }
+    }
+  }, []);
+  var getBody = useCallback(function () {
+    if (!cls) return null;
+    return document.querySelector(".".concat(cls, " .ant-table-body"));
+  }, [cls]);
+  var isBodyScrollable = useCallback(function (body) {
+    if (!body || !body.isConnected) return false;
+    var rect = body.getBoundingClientRect();
+    return (rect.width > 0 || rect.height > 0) && body.scrollHeight > 0 && body.scrollHeight - body.clientHeight > autoScrollingOffset;
+  }, [autoScrollingOffset]);
+  var isAtBottom = useCallback(function (body) {
+    return body.scrollTop + body.clientHeight >= body.scrollHeight - EPSILON;
+  }, []);
+  var clearSmoothTimer = useCallback(function () {
+    if (smoothTimerRef.current) {
+      clearInterval(smoothTimerRef.current);
+      smoothTimerRef.current = null;
+    }
+    smoothTargetRef.current = null;
+    smoothRemainderRef.current = 0;
+  }, []);
+  var unbindHover = useCallback(function () {
+    var body = bodyRef.current;
+    if (!body) return;
+    var _hoverHandlersRef$cur = hoverHandlersRef.current,
+      mouseenter = _hoverHandlersRef$cur.mouseenter,
+      mouseleave = _hoverHandlersRef$cur.mouseleave;
+    if (mouseenter) body.removeEventListener("mouseenter", mouseenter);
+    if (mouseleave) body.removeEventListener("mouseleave", mouseleave);
+    hoverHandlersRef.current = {};
+    bodyRef.current = null;
+  }, []);
+  var bindHover = useCallback(function (body) {
+    if (bodyRef.current === body && hoverHandlersRef.current.mouseenter && hoverHandlersRef.current.mouseleave) {
+      return;
+    }
+    unbindHover();
+    var handleMouseEnter = function handleMouseEnter() {
+      pauseRef.current = true;
+    };
+    var handleMouseLeave = function handleMouseLeave() {
+      pauseRef.current = false;
+    };
+    body.addEventListener("mouseenter", handleMouseEnter);
+    body.addEventListener("mouseleave", handleMouseLeave);
+    bodyRef.current = body;
+    hoverHandlersRef.current = {
+      mouseenter: handleMouseEnter,
+      mouseleave: handleMouseLeave
+    };
+  }, [unbindHover]);
+  var resetCycle = useCallback(function () {
+    phaseRef.current = "idle";
+    waitUntilRef.current = 0;
+    pendingLoadMoreRef.current = false;
+    pauseRef.current = false;
+    loadTokenRef.current += 1;
+    clearSmoothTimer();
+  }, [clearSmoothTimer]);
+  var cleanup = useCallback(function () {
+    if (rafRef.current !== null) {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+    }
+    resetCycle();
+    unbindHover();
+    cleanupClones();
+  }, [resetCycle, unbindHover, cleanupClones]);
+  var getRowHeight = useCallback(function (body) {
+    var rows = body.querySelectorAll(".ant-table-tbody > .ant-table-row");
+    if (!rows.length) return 0;
+    var bodyTop = body.getBoundingClientRect().top;
+    var _iterator = _createForOfIteratorHelper(rows),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var row = _step.value;
+        var element = row;
+        var rect = element.getBoundingClientRect();
+        if (rect.bottom > bodyTop + EPSILON && element.offsetHeight > 0) {
+          return element.offsetHeight;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return rows[0].offsetHeight || 0;
+  }, []);
+  var startSmoothStep = useCallback(function (body, targetTop) {
+    clearSmoothTimer();
+    smoothTargetRef.current = targetTop;
+    phaseRef.current = "smooth";
+    smoothTimerRef.current = setInterval(function () {
+      var _getBody;
+      var currentBody = (_getBody = getBody()) !== null && _getBody !== void 0 ? _getBody : body;
+      if (!isBodyScrollable(currentBody)) {
+        clearSmoothTimer();
+        phaseRef.current = "idle";
+        return;
+      }
+      bindHover(currentBody);
+      if (pauseRef.current) return;
+      var target = smoothTargetRef.current;
+      if (target === null) {
+        clearSmoothTimer();
+        phaseRef.current = "idle";
+        return;
+      }
+      var maxScrollTop = currentBody.scrollHeight - currentBody.clientHeight;
+      var limitedTarget = Math.min(target, maxScrollTop);
+      var remainingDistance = limitedTarget - currentBody.scrollTop;
+      if (remainingDistance <= EPSILON || !isSeamless && isAtBottom(currentBody)) {
+        currentBody.scrollTop = Math.min(limitedTarget, maxScrollTop);
+        if (isSeamless) {
+          checkSeamlessReset(currentBody);
+          clearSmoothTimer();
+          phaseRef.current = "idle";
+        } else {
+          clearSmoothTimer();
+          if (isAtBottom(currentBody)) {
+            phaseRef.current = "wait";
+            waitUntilRef.current = performance.now() + interval;
+          } else {
+            phaseRef.current = "idle";
+          }
+        }
+        return;
+      }
+      smoothRemainderRef.current += smoothStep;
+      var moveDistance = Math.floor(smoothRemainderRef.current);
+      if (moveDistance <= 0) return;
+      smoothRemainderRef.current -= moveDistance;
+      currentBody.scrollTop = Math.min(limitedTarget, currentBody.scrollTop + moveDistance);
+      if (isSeamless) {
+        var _smoothTargetRef$curr;
+        checkSeamlessReset(currentBody);
+        if (currentBody.scrollTop >= ((_smoothTargetRef$curr = smoothTargetRef.current) !== null && _smoothTargetRef$curr !== void 0 ? _smoothTargetRef$curr : limitedTarget)) {
+          clearSmoothTimer();
+          phaseRef.current = "idle";
+        }
+      } else if (currentBody.scrollTop >= limitedTarget || isAtBottom(currentBody)) {
+        if (isAtBottom(currentBody)) {
+          currentBody.scrollTop = maxScrollTop;
+        }
+        clearSmoothTimer();
+        if (isAtBottom(currentBody)) {
+          phaseRef.current = "wait";
+          waitUntilRef.current = performance.now() + interval;
+        } else {
+          phaseRef.current = "idle";
+        }
+      }
+    }, SMOOTH_SCROLL_TICK);
+  }, [bindHover, checkSeamlessReset, clearSmoothTimer, getBody, interval, isAtBottom, isBodyScrollable, isSeamless, smoothStep]);
+  var runLoadMore = useCallback(function () {
+    if (!onAutoScrollEndAdd || pendingLoadMoreRef.current) return;
+    pendingLoadMoreRef.current = true;
+    phaseRef.current = "loading";
+    var token = ++loadTokenRef.current;
+    onAutoScrollEndAdd().then(function (hasMore) {
+      if (token !== loadTokenRef.current) return;
+      var currentBody = getBody();
+      if (hasMore) {
+        phaseRef.current = "idle";
+        return;
+      }
+      if (autoScrollLoop && currentBody && currentBody.isConnected) {
+        currentBody.scrollTop = 0;
+        phaseRef.current = "idle";
+        return;
+      }
+      phaseRef.current = "stopped";
+    }).catch(function () {
+      if (token !== loadTokenRef.current) return;
+      phaseRef.current = "idle";
+    }).finally(function () {
+      if (token !== loadTokenRef.current) return;
+      pendingLoadMoreRef.current = false;
+    });
+  }, [autoScrollLoop, getBody, onAutoScrollEndAdd]);
+  var loop = useCallback(function () {
+    rafRef.current = requestAnimationFrame(loop);
+    if (!autoScrolling || !ready || !(dataSource !== null && dataSource !== void 0 && dataSource.length) || !(ref !== null && ref !== void 0 && ref.current)) {
+      return;
+    }
+    var body = getBody();
+    if (!body) {
+      return;
+    }
+    var bodyScrollable = isBodyScrollable(body);
+    if (bodyScrollable) {
+      bindHover(body);
+      if (isSeamless) setupSeamlessClones(body);
+    }
+    if (pauseRef.current) {
+      return;
+    }
+    if (phaseRef.current === "loading") {
+      return;
+    }
+    if (phaseRef.current === "stopped") {
+      return;
+    }
+    if (phaseRef.current === "wait") {
+      if (performance.now() < waitUntilRef.current) {
+        return;
+      }
+      if (isSeamless && seamlessReadyRef.current) {
+        // 无缝模式下不会真正到底，直接继续滚动
+        phaseRef.current = "idle";
+      } else if (isAtBottom(body)) {
+        if (onAutoScrollEndAdd) {
+          runLoadMore();
+        } else {
+          if (autoScrollLoop) {
+            body.scrollTop = 0;
+            phaseRef.current = autoScrollMode === "row" ? "wait" : "idle";
+            waitUntilRef.current = autoScrollMode === "row" ? performance.now() + interval : 0;
+          } else {
+            phaseRef.current = "stopped";
+            waitUntilRef.current = 0;
+          }
+        }
+      } else {
+        phaseRef.current = "idle";
+      }
+      return;
+    }
+    if (phaseRef.current === "smooth") {
+      return;
+    }
+
+    // 内容不足一屏时，也按“滚动到底”处理，触发 load-more 逻辑
+    if (!bodyScrollable) {
+      phaseRef.current = "wait";
+      waitUntilRef.current = performance.now() + interval;
+      return;
+    }
+    var rowHeight = getRowHeight(body);
+    if (rowHeight <= 0) {
+      return;
+    }
+    var maxScrollTop = body.scrollHeight - body.clientHeight;
+    var targetTop = Math.min(body.scrollTop + rowHeight, maxScrollTop);
+    if (targetTop <= body.scrollTop + EPSILON || !isSeamless && isAtBottom(body)) {
+      phaseRef.current = "wait";
+      waitUntilRef.current = performance.now() + interval;
+      return;
+    }
+    if (autoScrollMode === "row") {
+      body.scrollTop = targetTop;
+      if (isSeamless) checkSeamlessReset(body);
+      phaseRef.current = "wait";
+      waitUntilRef.current = performance.now() + interval;
+      return;
+    }
+    startSmoothStep(body, targetTop);
+  }, [autoScrollMode, autoScrollLoop, autoScrolling, bindHover, checkSeamlessReset, dataSource, getBody, getRowHeight, interval, isAtBottom, isBodyScrollable, isSeamless, onAutoScrollEndAdd, ready, ref, runLoadMore, setupSeamlessClones, startSmoothStep]);
+  useEffect(function () {
+    if (!autoScrolling || !ready || !(dataSource !== null && dataSource !== void 0 && dataSource.length) || !(ref !== null && ref !== void 0 && ref.current)) {
+      cleanup();
+      return cleanup;
+    }
+    resetCycle();
+    phaseRef.current = autoScrollMode === "row" ? "wait" : "idle";
+    waitUntilRef.current = autoScrollMode === "row" ? performance.now() + interval : 0;
+    rafRef.current = requestAnimationFrame(loop);
+    return cleanup;
+  }, [autoScrollMode, autoScrolling, cleanup, dataSource, interval, loop, ready, ref, resetCycle, restartSeed]);
+  useEffect(function () {
+    var changed = prevDataSourceRef.current !== dataSource;
+    prevDataSourceRef.current = dataSource;
+    var body = getBody();
+    if (!changed || !body) return;
+
+    // 无缝模式：实时刷新场景下保留滚动进度，clone 节点交由 loop 在下一帧按需重建，
+    // 避免每次轮询都把 scrollTop 重置为 0 导致用户视觉上"不滚动"。
+    if (isSeamless) {
+      cleanupClones();
+      return;
+    }
+    if (onAutoScrollEndAdd) {
+      // 当 load-more 模式且此前已停止时，有新数据后恢复自动滚动
+      if (phaseRef.current === "stopped") {
+        phaseRef.current = autoScrollMode === "row" ? "wait" : "idle";
+        waitUntilRef.current = autoScrollMode === "row" ? performance.now() + interval : 0;
+      }
+      return;
+    }
+    if (isBodyScrollable(body)) {
+      body.scrollTop = 0;
+      phaseRef.current = autoScrollMode === "row" ? "wait" : "idle";
+      waitUntilRef.current = autoScrollMode === "row" ? performance.now() + interval : 0;
+    }
+  }, [autoScrollMode, cleanupClones, dataSource, getBody, interval, isBodyScrollable, isSeamless, onAutoScrollEndAdd]);
+  useEffect(function () {
+    if (!autoScrolling || !(ref !== null && ref !== void 0 && ref.current)) return;
+    var resizeRaf = null;
+    var scheduleRestart = function scheduleRestart() {
+      if (resizeRaf !== null) {
+        cancelAnimationFrame(resizeRaf);
+      }
+      resizeRaf = requestAnimationFrame(function () {
+        triggerRestart();
+      });
+    };
+    window.addEventListener("resize", scheduleRestart);
+    var observer = null;
+    if (typeof ResizeObserver !== "undefined" && ref.current) {
+      observer = new ResizeObserver(function () {
+        scheduleRestart();
+      });
+      observer.observe(ref.current);
+    }
+    return function () {
+      var _observer;
+      window.removeEventListener("resize", scheduleRestart);
+      if (resizeRaf !== null) {
+        cancelAnimationFrame(resizeRaf);
+      }
+      (_observer = observer) === null || _observer === void 0 || _observer.disconnect();
+    };
+  }, [autoScrolling, ref, triggerRestart]);
+  useMutationObserver(function () {
+    setReady(true);
+  }, ref, {
+    childList: true,
+    subtree: true
+  });
+};
+export default useAutoScrolling;

package/es/components/Table/_hooks/useEllipsisTooltip.d.ts

@@ -0,0 +1,9 @@
+import { ColumnsType, EllipsisTooltipConfig } from "..";
+import { AnyObject } from "antd/es/_util/type";
+/**
+ * 为设置了 ellipsis 且没有自定义 render 的列自动添加溢出检测和 Tooltip
+ */
+declare const useEllipsisTooltip: <T extends AnyObject>(tooltipConfig?: EllipsisTooltipConfig) => {
+    enhanceColumns: (columns?: ColumnsType<T>) => ColumnsType<T> | undefined;
+};
+export default useEllipsisTooltip;

package/es/components/Table/_hooks/useEllipsisTooltip.js

@@ -0,0 +1,48 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useCallback } from "react";
+import TextEllipsis from "../../TextEllipsis";
+import React from "react";
+
+/**
+ * 为设置了 ellipsis 且没有自定义 render 的列自动添加溢出检测和 Tooltip
+ */
+var useEllipsisTooltip = function useEllipsisTooltip(tooltipConfig) {
+  var enhanceColumns = useCallback(function (columns) {
+    return columns === null || columns === void 0 ? void 0 : columns.map(function (column) {
+      // 递归处理子列
+      if (column.children) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          children: enhanceColumns(column.children)
+        });
+      }
+
+      // 如果设置了 ellipsis 且没有自定义 render
+      if (column.ellipsis && !column.render && column.dataIndex) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          render: function render(text) {
+            var _column$width, _column$width2, _column$ellipsisPosit;
+            // 获取实际的显示值
+            var displayValue = typeof text === "string" || typeof text === "number" ? text : String(text !== null && text !== void 0 ? text : "");
+            return /*#__PURE__*/React.createElement(TextEllipsis, {
+              width: Math.max(Number((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 0), 300) === 300 ? undefined : Math.max(Number((_column$width2 = column.width) !== null && _column$width2 !== void 0 ? _column$width2 : 0), 300),
+              tooltipConfig: tooltipConfig,
+              children: displayValue,
+              ellipsisPosition: (_column$ellipsisPosit = column.ellipsisPosition) !== null && _column$ellipsisPosit !== void 0 ? _column$ellipsisPosit : tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.ellipsisPosition,
+              key: text
+            });
+          }
+        });
+      }
+      return column;
+    });
+  }, [tooltipConfig]);
+  return {
+    enhanceColumns: enhanceColumns
+  };
+};
+export default useEllipsisTooltip;

package/es/components/Table/_hooks/useHideHeaderScrollbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Params {
+    scroll?: boolean | {
+        y: boolean;
+    };
+    hideScrollbar?: boolean;
+    cls?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    bordered?: boolean;
+}
+declare const useHideHeaderScrollbar: (params: Params) => void;
+export default useHideHeaderScrollbar;

package/es/components/Table/_hooks/useHideHeaderScrollbar.js

@@ -0,0 +1,58 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from "react";
+import { useMutationObserver } from "ahooks";
+var useHideHeaderScrollbar = function useHideHeaderScrollbar(params) {
+  var hideScrollbar = params.hideScrollbar,
+    cls = params.cls,
+    ref = params.ref,
+    scroll = params.scroll,
+    bordered = params.bordered;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  useEffect(function () {
+    if (hideScrollbar && ref && ref.current && scroll && ready) {
+      var timer = setInterval(function () {
+        var headerBar = document.querySelector(".".concat(cls, " .ant-table-cell-scrollbar"));
+        var fixedRight = document.querySelectorAll(".".concat(cls, " .ant-table-thead .ant-table-cell-fix-right"));
+        var cols = document.querySelectorAll(".".concat(cls, " .ant-table-header colgroup col"));
+        var summaryCols = document.querySelectorAll(".".concat(cls, " .ant-table-summary colgroup col"));
+        if (headerBar) {
+          var _ref, _ref$slice, _ref2, _ref2$slice;
+          clearInterval(timer);
+          fixedRight === null || fixedRight === void 0 || fixedRight.forEach(function (item) {
+            var border = getComputedStyle(item, "::after");
+            var right = parseInt(border.borderRightWidth);
+            item.style.right = parseInt(item.style.right) - ((headerBar === null || headerBar === void 0 ? void 0 : headerBar.clientWidth) || 0) - right + "px";
+          });
+          var summaryColBar = (_ref = _toConsumableArray(summaryCols)) === null || _ref === void 0 || (_ref$slice = _ref.slice) === null || _ref$slice === void 0 || (_ref$slice = _ref$slice.call(_ref, -1)) === null || _ref$slice === void 0 ? void 0 : _ref$slice[0];
+          if (summaryColBar && parseInt(summaryColBar.style.width) === (headerBar === null || headerBar === void 0 ? void 0 : headerBar.clientWidth) + (bordered ? 1 : 0)) {
+            summaryColBar === null || summaryColBar === void 0 || summaryColBar.remove();
+          }
+          var colBar = (_ref2 = _toConsumableArray(cols)) === null || _ref2 === void 0 || (_ref2$slice = _ref2.slice) === null || _ref2$slice === void 0 || (_ref2$slice = _ref2$slice.call(_ref2, -1)) === null || _ref2$slice === void 0 ? void 0 : _ref2$slice[0];
+          if (colBar && parseInt(colBar.style.width) === (headerBar === null || headerBar === void 0 ? void 0 : headerBar.clientWidth) + (bordered ? 1 : 0)) {
+            colBar === null || colBar === void 0 || colBar.remove();
+          }
+          headerBar.remove();
+        }
+      }, 1);
+    }
+  }, [hideScrollbar, cls, ref, scroll, ready, bordered]);
+  useMutationObserver(function () {
+    setReady(true);
+  }, ref, {
+    childList: true,
+    subtree: true
+  });
+};
+export default useHideHeaderScrollbar;

package/es/components/Table/_hooks/usePaginationSync.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface UsePaginationSyncParams {
+    current?: number;
+    pageSize?: number;
+}
+/**
+ * 分页状态同步 hook
+ * 用于同步外部传入的 current 和 pageSize 到内部状态
+ * 注意：只有明确传入 current/pageSize 时才会进行同步，undefined 时不受默认值影响
+ */
+declare const usePaginationSync: (params: UsePaginationSyncParams) => {
+    _pageNum: number;
+    _pageSize: number;
+    setPageNum: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+export default usePaginationSync;

package/es/components/Table/_hooks/usePaginationSync.js

@@ -0,0 +1,43 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from "react";
+/**
+ * 分页状态同步 hook
+ * 用于同步外部传入的 current 和 pageSize 到内部状态
+ * 注意：只有明确传入 current/pageSize 时才会进行同步，undefined 时不受默认值影响
+ */
+var usePaginationSync = function usePaginationSync(params) {
+  var current = params.current,
+    pageSize = params.pageSize;
+  var _useState = useState(current !== null && current !== void 0 ? current : 1),
+    _useState2 = _slicedToArray(_useState, 2),
+    _pageNum = _useState2[0],
+    setPageNum = _useState2[1];
+  var _useState3 = useState(pageSize !== null && pageSize !== void 0 ? pageSize : 10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _pageSize = _useState4[0],
+    setPageSize = _useState4[1];
+  useEffect(function () {
+    // 只有明确传入 current 时才同步
+    if (current !== undefined && current !== _pageNum) {
+      setPageNum(current);
+    }
+  }, [_pageNum, current]);
+  useEffect(function () {
+    // 只有明确传入 pageSize 时才同步
+    if (pageSize !== undefined && pageSize !== _pageSize) {
+      setPageSize(pageSize);
+    }
+  }, [_pageSize, pageSize]);
+  return {
+    _pageNum: _pageNum,
+    _pageSize: _pageSize,
+    setPageNum: setPageNum,
+    setPageSize: setPageSize
+  };
+};
+export default usePaginationSync;

package/es/components/Table/_hooks/useScrollEnd.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TableProps } from "..";
+interface useScrollEndProps {
+    cls?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    dataSource?: TableProps["dataSource"];
+    onScrollEnd?: () => void;
+    threshold?: number;
+    autoScrolling?: boolean;
+}
+declare const useScrollEnd: (props: useScrollEndProps) => void;
+export default useScrollEnd;