@kdcloudjs/table 1.2.2-canary.11 → 1.2.2-canary.13

package/es/table/base/BlankComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface BlankProps {
+    height: number;
+    className?: string;
+}
+export interface BlankRef {
+    updateHeight: (newHeight: number) => void;
+}
+export declare const TopBlank: React.MemoExoticComponent<React.ForwardRefExoticComponent<BlankProps & React.RefAttributes<BlankRef>>>;
+export declare const BottomBlank: React.MemoExoticComponent<React.ForwardRefExoticComponent<BlankProps & React.RefAttributes<BlankRef>>>;
+export {};

package/es/table/base/BlankComponent.js

@@ -0,0 +1,61 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import React, { useState, useImperativeHandle, forwardRef, memo } from 'react';
+import cx from 'classnames';
+import { Classes } from './styles';
+var TopBlankComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var initialHeight = _ref.height;
+  var _useState = useState(initialHeight),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  useImperativeHandle(ref, function () {
+    return {
+      updateHeight: function updateHeight(newHeight) {
+        if (height !== newHeight) {
+          setHeight(newHeight);
+        }
+      }
+    };
+  }, [height]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: height
+    }
+  });
+});
+TopBlankComponent.displayName = 'TopBlank';
+var BottomBlankComponent = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var initialHeight = _ref2.height,
+    className = _ref2.className;
+  var _useState3 = useState(initialHeight),
+    _useState4 = _slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  useImperativeHandle(ref, function () {
+    return {
+      updateHeight: function updateHeight(newHeight) {
+        if (height !== newHeight) {
+          setHeight(newHeight);
+        }
+      }
+    };
+  }, [height]);
+  if (height <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    key: "bottom-blank",
+    className: cx(Classes.virtualBlank, 'bottom', className),
+    style: {
+      height: height
+    }
+  });
+});
+BottomBlankComponent.displayName = 'BottomBlank';
+// 使用 memo 优化，只有当 height 或 className 改变时才重新渲染
+export var TopBlank = /*#__PURE__*/memo(TopBlankComponent, function (prevProps, nextProps) {
+  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+});
+export var BottomBlank = /*#__PURE__*/memo(BottomBlankComponent, function (prevProps, nextProps) {
+  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+});

package/es/table/base/calculations.js

@@ -10,9 +10,9 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { var _context10; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context10 = {}.toString.call(r)).call(_context10, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || 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 _unsupportedIterableToArray(o, minLen) { var _context10; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context10 = Object.prototype.toString.call(o)).call(_context10, 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; }
 import { collectNodes, isLeafNode, console } from '../utils';
 import { AUTO_VIRTUAL_THRESHOLD, OVERSCAN_SIZE, sum } from './utils';
 function resolveVirtualEnabled(virtualEnum, defaultValue) {

package/es/table/base/empty.js

@@ -31,8 +31,8 @@ export function EmptyHtmlTable(_ref) {
     style: {
       height: emptyCellHeight !== null && emptyCellHeight !== void 0 ? emptyCellHeight : 200
     }
-  })))), show && (/*#__PURE__*/React.createElement("div", {
+  })))), show && /*#__PURE__*/React.createElement("div", {
     className: Classes.emptyWrapper,
     key: "empty"
-  }, /*#__PURE__*/React.createElement(EmptyContent, null))));
+  }, /*#__PURE__*/React.createElement(EmptyContent, null)));
 }

package/es/table/base/globalStyleComponent.d.ts

@@ -1,4 +1,8 @@
 import { PureComponent } from 'react';
-export default class GlobalStyleComponent extends PureComponent {
+interface GlobalStyleComponentProps {
+    direction: string;
+}
+export default class GlobalStyleComponent extends PureComponent<GlobalStyleComponentProps> {
     render(): JSX.Element;
 }
+export {};

package/es/table/base/globalStyleComponent.js

@@ -1,24 +1,28 @@
 import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime-corejs3/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React, { PureComponent } from 'react';
 import { GlobalStyle } from './styles';
 var GlobalStyleComponent = /*#__PURE__*/function (_PureComponent) {
+  _inherits(GlobalStyleComponent, _PureComponent);
+  var _super = _createSuper(GlobalStyleComponent);
   function GlobalStyleComponent() {
     _classCallCheck(this, GlobalStyleComponent);
-    return _callSuper(this, GlobalStyleComponent, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(GlobalStyleComponent, _PureComponent);
-  return _createClass(GlobalStyleComponent, [{
+  _createClass(GlobalStyleComponent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(GlobalStyle, null);
+      return /*#__PURE__*/React.createElement(GlobalStyle, {
+        direction: this.props.direction
+      });
     }
   }]);
+  return GlobalStyleComponent;
 }(PureComponent);
 export { GlobalStyleComponent as default };

package/es/table/base/header.js

@@ -8,9 +8,9 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { var _context6; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context6 = {}.toString.call(r)).call(_context6, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || 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 _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 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; }
 import cx from 'classnames';
 import React from 'react';
 import { getTreeDepth, isLeafNode } from '../utils';
@@ -193,13 +193,15 @@ export default function TableHeader(_ref2) {
   var nested = info.nested,
     flat = _flatInstanceProperty(info),
     stickyLeftMap = info.stickyLeftMap,
-    stickyRightMap = info.stickyRightMap;
+    stickyRightMap = info.stickyRightMap,
+    direction = info.direction;
   var rowCount = _rowCount !== null && _rowCount !== void 0 ? _rowCount : getTreeDepth(nested.full) + 1;
   var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
   var thead = _mapInstanceProperty(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
+    var _cx2;
     var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols);
     // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
@@ -214,6 +216,7 @@ export default function TableHeader(_ref2) {
     var headerCells = _mapInstanceProperty(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
       var _a, _b, _c;
       if (wrapped.type === 'normal') {
+        var _cx;
         var colIndex = wrapped.colIndex,
           colSpan = wrapped.colSpan,
           isLeaf = wrapped.isLeaf,
@@ -222,17 +225,25 @@ export default function TableHeader(_ref2) {
         var positionStyle = {};
         if (colIndex < leftFlatCount) {
           positionStyle.position = 'sticky';
-          positionStyle.left = stickyLeftMap.get(colIndex);
+          if (direction === 'rtl') {
+            positionStyle.right = stickyLeftMap.get(colIndex);
+          } else {
+            positionStyle.left = stickyLeftMap.get(colIndex);
+          }
         } else if (colIndex >= fullFlatCount - rightFlatCount) {
           positionStyle.position = 'sticky';
           var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
-          positionStyle.right = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+          if (direction === 'rtl') {
+            positionStyle.left = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+          } else {
+            positionStyle.right = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+          }
         }
         var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
         var cell = /*#__PURE__*/React.createElement("th", _extends({
           key: colIndex
         }, headerCellProps, {
-          className: cx(Classes.tableHeaderCell, headerCellProps.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.first, colIndex === 0), Classes.last, colIndex + colSpan === fullFlatCount), Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), Classes.leaf, wrapped.isLeaf)),
+          className: cx(Classes.tableHeaderCell, headerCellProps.className, (_cx = {}, _defineProperty(_cx, Classes.first, colIndex === 0), _defineProperty(_cx, Classes.last, colIndex + colSpan === fullFlatCount), _defineProperty(_cx, Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), _defineProperty(_cx, Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), _defineProperty(_cx, Classes.leaf, wrapped.isLeaf), _cx)),
           colSpan: colSpan,
           rowSpan: isLeaf ? rowCount - level : undefined,
           style: _extends(_extends({
@@ -262,7 +273,7 @@ export default function TableHeader(_ref2) {
     });
     return /*#__PURE__*/React.createElement("tr", {
       key: level,
-      className: cx(Classes.tableHeaderRow, _defineProperty(_defineProperty({}, Classes.first, level === 0), Classes.last, level === rowCount - 1))
+      className: cx(Classes.tableHeaderRow, (_cx2 = {}, _defineProperty(_cx2, Classes.first, level === 0), _defineProperty(_cx2, Classes.last, level === rowCount - 1), _cx2))
     }, headerCells);
   });
   var colgroup = _mapInstanceProperty(_context5 = _flatInstanceProperty(headerRenderInfo)).call(_context5, function (wrapped) {

package/es/table/base/helpers/FastScrollManager.d.ts

@@ -0,0 +1,96 @@
+/**
+ * 快速滚动管理器
+ * 抽取 BaseTable 中的快速滚动相关逻辑
+ */
+export interface FastScrollConfig {
+    /** 预渲染缓冲区大小，用于快速滚动判断 */
+    overscanSize?: number;
+    /** 快速滚动速度阈值 (像素/毫秒) */
+    velocityThreshold?: number;
+    /** 快速滚动距离倍数阈值 */
+    distanceMultiplier?: number;
+    /** 快速滚动结束等待时间 (毫秒) - 高速滚动 */
+    fastScrollEndDelayHigh?: number;
+    /** 快速滚动结束等待时间 (毫秒) - 普通滚动 */
+    fastScrollEndDelayNormal?: number;
+    /** 高速滚动速度阈值 (像素/毫秒) */
+    highVelocityThreshold?: number;
+}
+export interface FastScrollState {
+    lastScrollTime: number;
+    scrollVelocity: number;
+    lastOffsetY: number;
+}
+export interface ScrollEventData {
+    offsetY: number;
+    maxRenderHeight: number;
+    maxRenderWidth: number;
+}
+export interface VerticalRenderRange {
+    topIndex: number;
+    bottomIndex: number;
+    topBlank: number;
+    bottomBlank: number;
+}
+export interface FastScrollCallbacks {
+    onFastScrollStart: (renderData: {
+        offsetY: number;
+        maxRenderHeight: number;
+        maxRenderWidth: number;
+        verticalRenderRange: VerticalRenderRange;
+    }) => void;
+    onFastScrollEnd: (scrollData: ScrollEventData) => void;
+    getCurrentRenderRange: (offsetY: number, maxRenderHeight: number, dataLength: number) => VerticalRenderRange;
+}
+export declare class FastScrollManager {
+    private state;
+    private isFastScrolling;
+    private fastScrollEndTimer?;
+    private config;
+    private callbacks;
+    constructor(callbacks: FastScrollCallbacks, config?: FastScrollConfig);
+    /**
+     * 检测是否接近底部（剩余滚动距离少于两屏）
+     */
+    private isNearBottom;
+    /**
+     * 处理滚动事件 - 检测和处理快速滚动
+     */
+    handleScrollEvent(sizeAndOffset: ScrollEventData, currentState: {
+        offsetY: number;
+        maxRenderHeight: number;
+        maxRenderWidth: number;
+    }, dataLength: number, totalScrollHeight: number): void;
+    /**
+     * 开始快速滚动
+     */
+    private startFastScrolling;
+    /**
+     * 重置快速滚动结束定时器
+     */
+    private resetFastScrollEndTimer;
+    /**
+     * 结束快速滚动
+     */
+    private endFastScrolling;
+    /**
+     * 清理资源
+     */
+    cleanup(): void;
+    /**
+     * 获取当前是否处于快速滚动状态
+     */
+    getIsFastScrolling(): boolean;
+    /**
+     * 获取当前滚动速度
+     */
+    getScrollVelocity(): number;
+    /**
+     * 清理资源
+     */
+    destroy(): void;
+    /**
+     * 获取当前配置
+     */
+    getConfig(): Readonly<Required<FastScrollConfig>>;
+}

package/es/table/base/helpers/FastScrollManager.js

@@ -0,0 +1,167 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+/**
+ * 快速滚动管理器
+ * 抽取 BaseTable 中的快速滚动相关逻辑
+ */
+export var FastScrollManager = /*#__PURE__*/function () {
+  function FastScrollManager(callbacks) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, FastScrollManager);
+    // 快速滚动状态
+    this.state = {
+      lastScrollTime: 0,
+      scrollVelocity: 0,
+      lastOffsetY: 0
+    };
+    // 快速滚动标志 - 作为私有属性立即更新
+    this.isFastScrolling = false;
+    this.callbacks = callbacks;
+    // 合并默认配置
+    this.config = _extends({
+      overscanSize: 100,
+      velocityThreshold: 3,
+      distanceMultiplier: 3,
+      fastScrollEndDelayHigh: 200,
+      fastScrollEndDelayNormal: 150,
+      highVelocityThreshold: 5
+    }, config);
+  }
+  /**
+   * 检测是否接近底部（剩余滚动距离少于两屏）
+   */
+  _createClass(FastScrollManager, [{
+    key: "isNearBottom",
+    value: function isNearBottom(currentScrollTop, maxRenderHeight, totalScrollHeight) {
+      var remainingScrollDistance = totalScrollHeight - currentScrollTop - maxRenderHeight;
+      return remainingScrollDistance < maxRenderHeight;
+    }
+    /**
+     * 处理滚动事件 - 检测和处理快速滚动
+     */
+  }, {
+    key: "handleScrollEvent",
+    value: function handleScrollEvent(sizeAndOffset, currentState, dataLength, totalScrollHeight) {
+      var currentTime = performance.now();
+      var deltaY = Math.abs(sizeAndOffset.offsetY - this.state.lastOffsetY);
+      var deltaTime = currentTime - this.state.lastScrollTime;
+      // 计算滚动速度 (像素/毫秒)
+      this.state.scrollVelocity = deltaTime > 0 ? deltaY / deltaTime : 0;
+      // 检测是否接近底部
+      var isNearBottom = this.isNearBottom(sizeAndOffset.offsetY, sizeAndOffset.maxRenderHeight, totalScrollHeight);
+      // 如果正在快速滚动但接近底部，提前结束快速滚动
+      if (this.isFastScrolling && isNearBottom) {
+        this.endFastScrolling(sizeAndOffset);
+        return; // 让正常渲染逻辑接管
+      }
+      // 快速滚动判断条件：
+      // 1. 滚动距离超过阈值 && 滚动速度超过阈值
+      // 2. 当前未在快速滚动状态
+      // 3. 未接近底部边界
+      var isSignificantChange = deltaY > this.config.overscanSize * this.config.distanceMultiplier;
+      var isHighVelocity = this.state.scrollVelocity > this.config.velocityThreshold;
+      var shouldStartFastScroll = (isSignificantChange || isHighVelocity) && !this.isFastScrolling && !isNearBottom; // 接近底部时不启动快速滚动
+      if (shouldStartFastScroll) {
+        this.startFastScrolling(currentState, dataLength);
+      }
+      // 重置快速滚动结束定时器
+      if (this.isFastScrolling) {
+        this.resetFastScrollEndTimer(sizeAndOffset);
+      }
+      // 更新记录
+      this.state.lastOffsetY = sizeAndOffset.offsetY;
+      this.state.lastScrollTime = currentTime;
+    }
+    /**
+     * 开始快速滚动
+     */
+  }, {
+    key: "startFastScrolling",
+    value: function startFastScrolling(currentState, dataLength) {
+      this.isFastScrolling = true;
+      // 获取当前渲染范围作为缓存
+      var currentVerticalRange = this.callbacks.getCurrentRenderRange(currentState.offsetY, currentState.maxRenderHeight, dataLength);
+      // 通知外部开始快速滚动
+      this.callbacks.onFastScrollStart({
+        offsetY: currentState.offsetY,
+        maxRenderHeight: currentState.maxRenderHeight,
+        maxRenderWidth: currentState.maxRenderWidth,
+        verticalRenderRange: currentVerticalRange
+      });
+    }
+    /**
+     * 重置快速滚动结束定时器
+     */
+  }, {
+    key: "resetFastScrollEndTimer",
+    value: function resetFastScrollEndTimer(sizeAndOffset) {
+      var _this = this;
+      if (this.fastScrollEndTimer) {
+        clearTimeout(this.fastScrollEndTimer);
+      }
+      var waitTime = this.state.scrollVelocity > this.config.highVelocityThreshold ? this.config.fastScrollEndDelayHigh : this.config.fastScrollEndDelayNormal;
+      this.fastScrollEndTimer = window.setTimeout(function () {
+        _this.endFastScrolling(sizeAndOffset);
+      }, waitTime);
+    }
+    /**
+     * 结束快速滚动
+     */
+  }, {
+    key: "endFastScrolling",
+    value: function endFastScrolling(sizeAndOffset) {
+      this.isFastScrolling = false;
+      this.fastScrollEndTimer = undefined;
+      // 通知外部结束快速滚动
+      this.callbacks.onFastScrollEnd(sizeAndOffset);
+    }
+    /**
+     * 清理资源
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      if (this.fastScrollEndTimer) {
+        clearTimeout(this.fastScrollEndTimer);
+      }
+    }
+    /**
+     * 获取当前是否处于快速滚动状态
+     */
+  }, {
+    key: "getIsFastScrolling",
+    value: function getIsFastScrolling() {
+      return this.isFastScrolling;
+    }
+    /**
+     * 获取当前滚动速度
+     */
+  }, {
+    key: "getScrollVelocity",
+    value: function getScrollVelocity() {
+      return this.state.scrollVelocity;
+    }
+    /**
+     * 清理资源
+     */
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      if (this.fastScrollEndTimer) {
+        clearTimeout(this.fastScrollEndTimer);
+        this.fastScrollEndTimer = undefined;
+      }
+      this.isFastScrolling = false;
+    }
+    /**
+     * 获取当前配置
+     */
+  }, {
+    key: "getConfig",
+    value: function getConfig() {
+      return _extends({}, this.config);
+    }
+  }]);
+  return FastScrollManager;
+}();

package/es/table/base/helpers/SpanManager.js

@@ -9,7 +9,7 @@ var SpanManager = /*#__PURE__*/function () {
     _classCallCheck(this, SpanManager);
     this.rects = [];
   }
-  return _createClass(SpanManager, [{
+  _createClass(SpanManager, [{
     key: "testSkip",
     value: function testSkip(rowIndex, colIndex) {
       return this.rects.some(function (_ref) {
@@ -39,5 +39,6 @@ var SpanManager = /*#__PURE__*/function () {
       });
     }
   }]);
+  return SpanManager;
 }();
 export { SpanManager as default };

package/es/table/base/helpers/TableDOMUtils.js

@@ -59,17 +59,17 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     this.getInRangeRowByCellEvent = function (e) {
       var _context;
       var _a;
-      var _getParentNode = function getParentNode(ele, target) {
+      var getParentNode = function getParentNode(ele, target) {
         if (ele.parentNode.nodeName === target) {
           return ele.parentNode;
         }
-        return _getParentNode(ele.parentNode, target);
+        return getParentNode(ele.parentNode, target);
       };
       e = e instanceof Array ? e[0] : e;
       var curCell = e === null || e === void 0 ? void 0 : e.currentTarget;
-      var curRow = _getParentNode(curCell, 'TR');
+      var curRow = getParentNode(curCell, 'TR');
       var curRowSpan = parseInt(e.currentTarget.getAttribute('rowspan')) || 1;
-      var rows = (_a = _getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
+      var rows = (_a = getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
       return _sliceInstanceProperty(_context = _Array$from(rows)).call(_context, curRow.rowIndex, curRow.rowIndex + curRowSpan);
     };
     this.artTableWrapper = artTableWrapper;
@@ -86,7 +86,7 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     this.stickyScroll = stickyScrolls[stickyScrolls.length - 1]; // 当嵌套多层表格时，需要查找最后一个，否则会查找到父表格内嵌套的子表格的
     this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(Classes.stickyScrollItem));
   }
-  return _createClass(TableDOMHelper, [{
+  _createClass(TableDOMHelper, [{
     key: "getVirtualTop",
     value: function getVirtualTop() {
       return this.tableBody.querySelector(".".concat(Classes.virtualBlank, ".top"));
@@ -137,4 +137,5 @@ export var TableDOMHelper = /*#__PURE__*/function () {
       return rowOffsetTop + tableOffsetTop;
     }
   }]);
+  return TableDOMHelper;
 }();

package/es/table/base/html-table.d.ts

@@ -5,7 +5,7 @@ export interface HtmlTableProps extends Required<Pick<BaseTableProps, 'getRowPro
     tbodyHtmlTag: 'tbody' | 'tfoot';
     data: any[];
     stickyRightOffset?: number;
-    horizontalRenderInfo: Pick<RenderInfo, 'flat' | 'visible' | 'horizontalRenderRange' | 'stickyLeftMap' | 'stickyRightMap'>;
+    horizontalRenderInfo: Pick<RenderInfo, 'flat' | 'visible' | 'horizontalRenderRange' | 'stickyLeftMap' | 'stickyRightMap' | 'direction'>;
     verticalRenderInfo: {
         offset: number;
         first: number;

package/es/table/base/html-table.js

@@ -19,7 +19,8 @@ export function HtmlTable(_ref) {
     hozInfo = _ref.horizontalRenderInfo,
     tbodyPosition = _ref.tbodyPosition;
   var flat = _flatInstanceProperty(hozInfo),
-    hoz = hozInfo.horizontalRenderRange;
+    hoz = hozInfo.horizontalRenderRange,
+    direction = hozInfo.direction;
   var spanManager = new SpanManager();
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
@@ -28,11 +29,11 @@ export function HtmlTable(_ref) {
     descriptors: hozInfo.visible
   }), /*#__PURE__*/React.createElement(tbodyHtmlTag, null, _mapInstanceProperty(data).call(data, renderRow)));
   function renderRow(record, i) {
-    var _context;
+    var _cx, _context;
     var rowIndex = verInfo.offset + i;
     spanManager.stripUpwards(rowIndex);
     var rowProps = getRowProps(record, rowIndex);
-    var rowClass = cx(Classes.tableRow, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.first, rowIndex === verInfo.first), Classes.last, rowIndex === verInfo.last), Classes.even, rowIndex % 2 === 0), Classes.odd, rowIndex % 2 === 1), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className);
+    var rowClass = cx(Classes.tableRow, (_cx = {}, _defineProperty(_cx, Classes.first, rowIndex === verInfo.first), _defineProperty(_cx, Classes.last, rowIndex === verInfo.last), _defineProperty(_cx, Classes.even, rowIndex % 2 === 0), _defineProperty(_cx, Classes.odd, rowIndex % 2 === 1), _cx), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className);
     var visibleColumnDescriptor = _concatInstanceProperty(_context = hozInfo.visible).call(_context);
     // 左中右区域渲染，存在融合单元格时需要适配rowspan属性
     // 如果固定的列均存在融合单元格，需空白一列做占位,否则融合的单元格不会渲染，导致显示异常
@@ -63,6 +64,7 @@ export function HtmlTable(_ref) {
     }));
   }
   function renderBodyCell(record, rowIndex, column, colIndex) {
+    var _cx2;
     var _a, _b, _c;
     if (spanManager.testSkip(rowIndex, colIndex)) {
       return null;
@@ -101,14 +103,23 @@ export function HtmlTable(_ref) {
     if (colIndex < leftFlatCount) {
       positionStyle.position = 'sticky';
       positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
+      if (direction === 'rtl') {
+        positionStyle.right = hozInfo.stickyLeftMap.get(colIndex);
+      } else {
+        positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
+      }
     } else if (colIndex >= fullFlatCount - rightFlatCount) {
       positionStyle.position = 'sticky';
-      positionStyle.right = hozInfo.stickyRightMap.get(colIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+      if (direction === 'rtl') {
+        positionStyle.left = hozInfo.stickyRightMap.get(colIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+      } else {
+        positionStyle.right = hozInfo.stickyRightMap.get(colIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+      }
     }
     return /*#__PURE__*/React.createElement('td', _extends(_extends(_extends(_extends({
       key: colIndex
     }, cellProps), {
-      className: cx(Classes.tableCell, cellProps.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.first, colIndex === 0), Classes.last, colIndex + colSpan === fullFlatCount), Classes.lockLeft, colIndex < leftFlatCount || tbodyPosition === 'left'), Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount), Classes.rowSpan, rowSpan > 1))
+      className: cx(Classes.tableCell, cellProps.className, (_cx2 = {}, _defineProperty(_cx2, Classes.first, colIndex === 0), _defineProperty(_cx2, Classes.last, colIndex + colSpan === fullFlatCount), _defineProperty(_cx2, Classes.lockLeft, colIndex < leftFlatCount || tbodyPosition === 'left'), _defineProperty(_cx2, Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount), _defineProperty(_cx2, Classes.rowSpan, rowSpan > 1), _cx2))
     }), hasSpan ? {
       colSpan: colSpan,
       rowSpan: rowSpan

package/es/table/base/interfaces.d.ts

@@ -52,4 +52,6 @@ export interface RenderInfo {
     leftLockTotalWidth: number;
     /** 右侧锁定列的总宽度 */
     rightLockTotalWidth: number;
+    /** 表格流式布局方向 */
+    direction?: string;
 }

package/es/table/base/loading.js

@@ -47,11 +47,11 @@ export default function Loading(_ref2) {
     LoadingIcon = _ref2$LoadingIcon === void 0 ? DefaultLoadingIcon : _ref2$LoadingIcon;
   return /*#__PURE__*/React.createElement("div", {
     className: Classes.loadingWrapper
-  }, visible && (/*#__PURE__*/React.createElement("div", {
+  }, visible && /*#__PURE__*/React.createElement("div", {
     className: Classes.loadingIndicatorWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: Classes.loadingIndicator
-  }, /*#__PURE__*/React.createElement(LoadingIcon, null)))), /*#__PURE__*/React.createElement(LoadingContentWrapper, {
+  }, /*#__PURE__*/React.createElement(LoadingIcon, null))), /*#__PURE__*/React.createElement(LoadingContentWrapper, {
     visible: visible,
     children: children
   }));