@kdcloudjs/kdesign 1.8.49 → 1.8.50

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.49
+ *   @kdcloudjs/kdesign v1.8.50
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -38090,7 +38090,8 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"]
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     locale = _useContext.locale,
-    direction = _useContext.direction;
+    direction = _useContext.direction,
+    isMobile = _useContext.isMobile;
   var tablePrefixCls = getPrefixCls(prefixCls, customPrefixcls);
   var tableCls = classnames__WEBPACK_IMPORTED_MODULE_16___default()(tablePrefixCls, className);
   var localeText = locale.getCompLangMsg({
@@ -38102,7 +38103,8 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"]
       Radio: (components === null || components === void 0 ? void 0 : components.Radio) || _radio_index__WEBPACK_IMPORTED_MODULE_9__["default"]
     },
     localeText: localeText,
-    direction: direction
+    direction: direction,
+    isMobile: isMobile
   }).primaryKey(primaryKey === undefined ? '' : primaryKey).input({
     columns: columns,
     dataSource: dataSource
@@ -38182,6 +38184,11 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"]
     // @ts-ignore
     ,
     direction: direction
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    isMobile: isMobile,
+    prefixCls: prefixCls
   }, others));
 });
 Table.displayName = 'Table';
@@ -48564,6 +48571,88 @@ var locale = {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/base/BlankComponent.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/base/BlankComponent.js ***!
+  \***********************************************************************/
+/*! exports provided: TopBlank, BottomBlank */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TopBlank", function() { return TopBlank; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BottomBlank", function() { return BottomBlank; });
+/* harmony import */ var _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/slicedToArray */ "./node_modules/@babel/runtime-corejs3/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+
+
+
+
+var TopBlankComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["forwardRef"])(function (_ref, ref) {
+  var initialHeight = _ref.height;
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(initialHeight),
+    _useState2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
+    return {
+      updateHeight: function updateHeight(newHeight) {
+        if (height !== newHeight) {
+          setHeight(newHeight);
+        }
+      }
+    };
+  }, [height]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    style: {
+      height: height
+    }
+  });
+});
+TopBlankComponent.displayName = 'TopBlank';
+var BottomBlankComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["forwardRef"])(function (_ref2, ref) {
+  var initialHeight = _ref2.height,
+    className = _ref2.className;
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(initialHeight),
+    _useState4 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
+    return {
+      updateHeight: function updateHeight(newHeight) {
+        if (height !== newHeight) {
+          setHeight(newHeight);
+        }
+      }
+    };
+  }, [height]);
+  if (height <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    key: "bottom-blank",
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtualBlank, 'bottom', className),
+    style: {
+      height: height
+    }
+  });
+});
+BottomBlankComponent.displayName = 'BottomBlank';
+// 使用 memo 优化，只有当 height 或 className 改变时才重新渲染
+var TopBlank = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["memo"])(TopBlankComponent, function (prevProps, nextProps) {
+  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+});
+var BottomBlank = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["memo"])(BottomBlankComponent, function (prevProps, nextProps) {
+  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+});
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/base/calculations.js":
 /*!*********************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/base/calculations.js ***!
@@ -49408,6 +49497,192 @@ function TableHeader(_ref2) {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/base/helpers/FastScrollManager.js":
+/*!**********************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/base/helpers/FastScrollManager.js ***!
+  \**********************************************************************************/
+/*! exports provided: FastScrollManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FastScrollManager", function() { return FastScrollManager; });
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/extends */ "./node_modules/@babel/runtime-corejs3/helpers/extends.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/classCallCheck */ "./node_modules/@babel/runtime-corejs3/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/createClass */ "./node_modules/@babel/runtime-corejs3/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+/**
+ * 快速滚动管理器
+ * 抽取 BaseTable 中的快速滚动相关逻辑
+ */
+var FastScrollManager = /*#__PURE__*/function () {
+  function FastScrollManager(callbacks) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _babel_runtime_corejs3_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, FastScrollManager);
+    // 快速滚动状态
+    this.state = {
+      lastScrollTime: 0,
+      scrollVelocity: 0,
+      lastOffsetY: 0
+    };
+    // 快速滚动标志 - 作为私有属性立即更新
+    this.isFastScrolling = false;
+    this.callbacks = callbacks;
+    // 合并默认配置
+    this.config = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+      overscanSize: 100,
+      velocityThreshold: 3,
+      distanceMultiplier: 3,
+      fastScrollEndDelayHigh: 200,
+      fastScrollEndDelayNormal: 150,
+      highVelocityThreshold: 5
+    }, config);
+  }
+  /**
+   * 检测是否接近底部（剩余滚动距离少于两屏）
+   */
+  _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(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 _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, this.config);
+    }
+  }]);
+  return FastScrollManager;
+}();
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/base/helpers/SpanManager.js":
 /*!****************************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/base/helpers/SpanManager.js ***!
@@ -50649,10 +50924,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonCSS", function() { return ButtonCSS; });
 /* harmony import */ var _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs3/helpers/taggedTemplateLiteral.js");
 /* harmony import */ var _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/object/keys */ "./node_modules/@babel/runtime-corejs3/core-js-stable/object/keys.js");
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/concat */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js");
-/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/concat */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/object/keys */ "./node_modules/@babel/runtime-corejs3/core-js-stable/object/keys.js");
+/* harmony import */ var _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
 
@@ -50813,7 +51088,11 @@ var defaultCSSVariables = {
 var variableConst = getCssVariableText(defaultCSSVariables);
 var notBorderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
 var borderedStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject4 || (_templateObject4 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
-var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject5 || (_templateObject5 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", "{\n    flex-grow:1;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    // .", " .", " >td{\n    //     cursor:move;\n    // }\n\n    // .", " .", " >td{\n    //     cursor:no-drop;\n    // }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n  .", "{\n    border: 1px solid var(--primary-color)\n  }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n\n\n  // .", " td{\n  //   border-top: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  // .", " td{\n  //   border-bottom: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " {\n    cursor:pointer;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: ", ";\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-", ": var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-", ": var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-", ": var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-", ": ", "px;\n     \n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-", ": ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region sticky\u517C\u5BB9\n  &.sticky-polyfill-wrapper{\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      ", ":0;\n    }\n    .", "{\n      rig", "ht:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    // visibility: hidden;\n    background: var(--header-bgcolor);\n    position:sticky;\n    z-index:5;\n    ", ":0px;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    ", ": 0;\n    width: 5px;\n    &::after{\n      ", ": 4px;\n    }\n  }\n"])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, function (props) {
+var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject5 || (_templateObject5 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", "{\n    flex-grow:1;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    // .", " .", " >td{\n    //     cursor:move;\n    // }\n\n    // .", " .", " >td{\n    //     cursor:no-drop;\n    // }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n  .", "{\n    border: 1px solid var(--primary-color)\n  }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n\n\n  // .", " td{\n  //   border-top: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  // .", " td{\n  //   border-bottom: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " {\n    cursor:pointer;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: ", ";\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-", ": var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-", ": var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-", ": var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-", ": ", "px;\n     \n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-", ": ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region sticky\u517C\u5BB9\n  &.sticky-polyfill-wrapper{\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      ", ":0;\n    }\n    .", "{\n      rig", "ht:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    // visibility: hidden;\n    background: var(--header-bgcolor);\n    position:sticky;\n    z-index:5;\n    ", ":0px;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    ", ": 0;\n    width: 5px;\n    &::after{\n      ", ": 4px;\n    }\n  }\n"])), function (_ref) {
+  var _context, _context2, _context3;
+  var prefixCls = _ref.prefixCls;
+  return prefixCls ? _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context2 = "&.".concat(prefixCls, "-table {:root {")).call(_context2, variableConst, "} ")).call(_context, variableConst, "}") : _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context3 = ":root {".concat(variableConst, "} ")).call(_context3, variableConst);
+}, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, function (props) {
   return Object(_utils__WEBPACK_IMPORTED_MODULE_4__["swapRTLDirection"])(props.direction, 'left');
 }, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, function (props) {
   return Object(_utils__WEBPACK_IMPORTED_MODULE_4__["swapRTLDirection"])(props.direction, 'right');
@@ -50860,9 +51139,9 @@ var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["defa
 });
 var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["css"])(_templateObject6 || (_templateObject6 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n  ", "\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n"])), variableConst, Classes.button, Classes.buttonPrimary);
 function getCssVariableText(obj) {
-  return _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default()(obj).reduce(function (acc, key) {
-    var _context;
-    acc += _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context = "".concat(key, ":")).call(_context, obj[key], ";");
+  return _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_2___default()(obj).reduce(function (acc, key) {
+    var _context4;
+    acc += _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context4 = "".concat(key, ":")).call(_context4, obj[key], ";");
     return acc;
   }, '');
 }
@@ -50921,13 +51200,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helpers_getRichVisibleRectsStream__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./helpers/getRichVisibleRectsStream */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/getRichVisibleRectsStream.js");
 /* harmony import */ var _helpers_rowHeightManager__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./helpers/rowHeightManager */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/rowHeightManager.js");
 /* harmony import */ var _helpers_TableDOMUtils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./helpers/TableDOMUtils */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/TableDOMUtils.js");
-/* harmony import */ var _html_table__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./html-table */ "./node_modules/@kdcloudjs/table/es/table/base/html-table.js");
-/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./loading */ "./node_modules/@kdcloudjs/table/es/table/base/loading.js");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
-/* harmony import */ var _globalStyleComponent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./globalStyleComponent */ "./node_modules/@kdcloudjs/table/es/table/base/globalStyleComponent.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
-/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
+/* harmony import */ var _helpers_FastScrollManager__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./helpers/FastScrollManager */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/FastScrollManager.js");
+/* harmony import */ var _html_table__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./html-table */ "./node_modules/@kdcloudjs/table/es/table/base/html-table.js");
+/* harmony import */ var _loading__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./loading */ "./node_modules/@kdcloudjs/table/es/table/base/loading.js");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
+/* harmony import */ var _globalStyleComponent__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./globalStyleComponent */ "./node_modules/@kdcloudjs/table/es/table/base/globalStyleComponent.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _renderTemplates__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./renderTemplates */ "./node_modules/@kdcloudjs/table/es/table/base/renderTemplates.js");
+/* harmony import */ var _BlankComponent__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./BlankComponent */ "./node_modules/@kdcloudjs/table/es/table/base/BlankComponent.js");
 
 
 
@@ -50965,11 +51246,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_b
 
 
 
+
+
 var propsDotEmptyContentDeprecatedWarned = false;
 function warnPropsDotEmptyContentIsDeprecated() {
   if (!propsDotEmptyContentDeprecatedWarned) {
     propsDotEmptyContentDeprecatedWarned = true;
-    _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
+    _utils__WEBPACK_IMPORTED_MODULE_31__["console"].warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
   }
 }
 var BaseTable = /*#__PURE__*/function (_React$Component) {
@@ -50983,6 +51266,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     _this.artTableWrapperRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createRef();
     _this.hasScrollY = false;
     _this.offsetY = 0;
+    // Blank组件的引用，用于快速滚动时直接更新
+    _this.topBlankRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createRef();
+    _this.bottomBlankRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createRef();
     _this.handleRowMouseEnter = function (e) {
       var nodeList = _this.domHelper.getRowNodeListByEvent(e);
       nodeList && nodeList.forEach(function (node) {
@@ -51002,11 +51288,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         getRowProps = _this$props.getRowProps,
         primaryKey = _this$props.primaryKey,
         isLoading = _this$props.isLoading,
-        emptyCellHeight = _this$props.emptyCellHeight,
-        footerDataSource = _this$props.footerDataSource;
-      var tableBodyClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollContainer);
+        emptyCellHeight = _this$props.emptyCellHeight;
+      var tableBodyClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalScrollContainer);
       // 低版本Edge浏览器下也会出现双滚动条，这里设置overflow: 'hidden'，先去掉edge的方向键控制滚动条的功能
-      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isEdge ? {
+      var virtualStyle = _utils__WEBPACK_IMPORTED_MODULE_31__["browserType"].isIE || _utils__WEBPACK_IMPORTED_MODULE_31__["browserType"].isEdge ? {
         overflow: 'hidden'
       } : {};
       if (dataSource.length === 0) {
@@ -51023,7 +51308,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
           className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(tableBodyClassName, 'empty')
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-          className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
+          className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].virtual,
           tabIndex: -1,
           style: virtualStyle
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_empty__WEBPACK_IMPORTED_MODULE_20__["EmptyHtmlTable"], {
@@ -51038,7 +51323,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         bottomBlank = _info$verticalRenderR.bottomBlank,
         topBlank = _info$verticalRenderR.topBlank,
         bottomIndex = _info$verticalRenderR.bottomIndex;
-      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('body');
+      var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_32__["default"])('body');
       if (typeof renderBody === 'function') {
         return renderBody(info, _this.props, {
           rowProps: {
@@ -51050,16 +51335,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
         className: tableBodyClassName
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].virtual,
         tabIndex: -1,
         style: virtualStyle
-      }, topBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        key: "top-blank",
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtualBlank, 'top'),
-        style: {
-          height: topBlank
-        }
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_html_table__WEBPACK_IMPORTED_MODULE_25__["HtmlTable"], {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_BlankComponent__WEBPACK_IMPORTED_MODULE_33__["TopBlank"], {
+        ref: _this.topBlankRef,
+        height: topBlank
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_html_table__WEBPACK_IMPORTED_MODULE_26__["HtmlTable"], {
         tbodyHtmlTag: "tbody",
         getRowProps: getRowProps,
         primaryKey: primaryKey,
@@ -51071,12 +51353,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           limit: bottomIndex,
           last: dataSource.length - 1
         }
-      }), bottomBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        key: "bottom-blank",
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtualBlank, 'bottom'),
-        style: {
-          height: bottomBlank
-        }
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_BlankComponent__WEBPACK_IMPORTED_MODULE_33__["BottomBlank"], {
+        ref: _this.bottomBlankRef,
+        height: bottomBlank
       })));
     };
     _this.state = {
@@ -51091,13 +51370,33 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       maxRenderHeight: 600,
       maxRenderWidth: 800
     };
+    // 初始化快速滚动管理器
+    var fastScrollCallbacks = {
+      onFastScrollStart: function onFastScrollStart(renderData) {
+        _this.setState({
+          previousRenderData: renderData
+        });
+      },
+      onFastScrollEnd: function onFastScrollEnd(scrollData) {
+        _this.setState({
+          previousRenderData: undefined,
+          offsetY: scrollData.offsetY,
+          maxRenderHeight: scrollData.maxRenderHeight,
+          maxRenderWidth: scrollData.maxRenderWidth
+        });
+      },
+      getCurrentRenderRange: function getCurrentRenderRange(offsetY, maxRenderHeight, dataLength) {
+        return _this.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, dataLength);
+      }
+    };
+    _this.fastScrollManager = new _helpers_FastScrollManager__WEBPACK_IMPORTED_MODULE_25__["FastScrollManager"](fastScrollCallbacks);
     return _this;
   }
   /** @deprecated BaseTable.getDoms() 已经过时，请勿调用 */
   _babel_runtime_corejs3_helpers_createClass__WEBPACK_IMPORTED_MODULE_8___default()(BaseTable, [{
     key: "getDoms",
     value: function getDoms() {
-      _utils__WEBPACK_IMPORTED_MODULE_30__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
+      _utils__WEBPACK_IMPORTED_MODULE_31__["console"].warn('[kd-table] BaseTable.getDoms() 已经过时');
       return this.domHelper;
     }
     /** 自定义滚动条宽度为table宽度，使滚动条滑块宽度相同 */
@@ -51169,7 +51468,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
         stickyTop = _this$props3.stickyTop,
         hasHeader = _this$props3.hasHeader;
-      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('header');
+      var renderHeader = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_32__["default"])('header');
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
       if (typeof renderHeader === 'function') {
         return renderHeader(info, this.props, {
@@ -51177,7 +51476,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         });
       }
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].tableHeader, 'no-scrollbar'),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].tableHeader, 'no-scrollbar'),
         style: {
           top: stickyTop === 0 ? undefined : stickyTop,
           display: hasHeader ? undefined : 'none'
@@ -51186,7 +51485,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         info: info,
         stickyRightOffset: stickyRightOffset
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].verticalScrollPlaceholder,
         style: this.hasScrollY ? {
           width: this.getScrollBarWidth()
         } : undefined
@@ -51196,7 +51495,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     key: "updateOffsetX",
     value: function updateOffsetX(nextOffsetX) {
       if (this.lastInfo.useVirtual.horizontal) {
-        if (Math.abs(nextOffsetX - this.state.offsetX) >= _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2) {
+        if (Math.abs(nextOffsetX - this.state.offsetX) >= _utils__WEBPACK_IMPORTED_MODULE_30__["OVERSCAN_SIZE"] / 2) {
           this.setState({
             offsetX: nextOffsetX
           });
@@ -51212,7 +51511,6 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "syncHorizontalScroll",
     value: function syncHorizontalScroll(x) {
-      var direction = this.props.direction;
       var _x = Math.abs(x);
       this.updateOffsetX(_x);
       var flat = _babel_runtime_corejs3_core_js_stable_instance_flat__WEBPACK_IMPORTED_MODULE_13___default()(this.lastInfo);
@@ -51240,11 +51538,18 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getVerticalRenderRange",
     value: function getVerticalRenderRange(useVirtual) {
-      var dataSource = this.props.dataSource;
+      var _this$props4 = this.props,
+        dataSource = _this$props4.dataSource,
+        isLowPerformance = _this$props4.isLowPerformance;
       var _this$state = this.state,
         offsetY = _this$state.offsetY,
-        maxRenderHeight = _this$state.maxRenderHeight;
+        maxRenderHeight = _this$state.maxRenderHeight,
+        previousRenderData = _this$state.previousRenderData;
       var rowCount = dataSource.length;
+      // 只有在启用快速滚动时才使用 FastScrollManager 的判断
+      if (isLowPerformance && this.fastScrollManager.getIsFastScrolling() && (previousRenderData === null || previousRenderData === void 0 ? void 0 : previousRenderData.verticalRenderRange)) {
+        return previousRenderData.verticalRenderRange;
+      }
       if (useVirtual.vertical) {
         return this.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
       } else {
@@ -51255,14 +51560,14 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     key: "renderTableFooter",
     value: function renderTableFooter(info) {
       // console.log('render footer')
-      var _this$props4 = this.props,
-        _this$props4$footerDa = _this$props4.footerDataSource,
-        footerDataSource = _this$props4$footerDa === void 0 ? [] : _this$props4$footerDa,
-        getRowProps = _this$props4.getRowProps,
-        primaryKey = _this$props4.primaryKey,
-        stickyBottom = _this$props4.stickyBottom;
+      var _this$props5 = this.props,
+        _this$props5$footerDa = _this$props5.footerDataSource,
+        footerDataSource = _this$props5$footerDa === void 0 ? [] : _this$props5$footerDa,
+        getRowProps = _this$props5.getRowProps,
+        primaryKey = _this$props5.primaryKey,
+        stickyBottom = _this$props5.stickyBottom;
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
-      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('footer');
+      var renderFooter = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_32__["default"])('footer');
       if (typeof renderFooter === 'function') {
         return renderFooter(info, this.props, {
           rowProps: {
@@ -51273,11 +51578,11 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         });
       }
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].tableFooter, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollContainer),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].tableFooter, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalScrollContainer),
         style: {
           bottom: stickyBottom === 0 ? undefined : stickyBottom
         }
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_html_table__WEBPACK_IMPORTED_MODULE_25__["HtmlTable"], {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_html_table__WEBPACK_IMPORTED_MODULE_26__["HtmlTable"], {
         tbodyHtmlTag: "tfoot",
         data: footerDataSource,
         horizontalRenderInfo: info,
@@ -51291,7 +51596,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           limit: Infinity
         }
       }), footerDataSource.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].verticalScrollPlaceholder,
         style: this.hasScrollY ? {
           width: this.getScrollBarWidth(),
           visibility: 'initial'
@@ -51304,49 +51609,49 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       var _style, _style2;
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
       // console.log('render LockShadows')
-      var leftLockShadowWidth = info.leftLockTotalWidth + _styles__WEBPACK_IMPORTED_MODULE_27__["LOCK_SHADOW_PADDING"];
-      var rightLockShadownWidth = info.rightLockTotalWidth + _styles__WEBPACK_IMPORTED_MODULE_27__["LOCK_SHADOW_PADDING"] + stickyRightOffset;
+      var leftLockShadowWidth = info.leftLockTotalWidth + _styles__WEBPACK_IMPORTED_MODULE_28__["LOCK_SHADOW_PADDING"];
+      var rightLockShadownWidth = info.rightLockTotalWidth + _styles__WEBPACK_IMPORTED_MODULE_28__["LOCK_SHADOW_PADDING"] + stickyRightOffset;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].lockShadowMask,
-        style: (_style = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style, Object(_utils__WEBPACK_IMPORTED_MODULE_29__["swapRTLDirection"])(info.direction, 'left'), 0), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style, "width", leftLockShadowWidth), _style)
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].lockShadowMask,
+        style: (_style = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style, Object(_utils__WEBPACK_IMPORTED_MODULE_30__["swapRTLDirection"])(info.direction, 'left'), 0), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style, "width", leftLockShadowWidth), _style)
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].lockShadow, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].leftLockShadow)
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].lockShadow, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].leftLockShadow)
       })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].lockShadowMask,
-        style: (_style2 = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style2, Object(_utils__WEBPACK_IMPORTED_MODULE_29__["swapRTLDirection"])(info.direction, 'right'), 0), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style2, "width", rightLockShadownWidth), _style2)
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].lockShadowMask,
+        style: (_style2 = {}, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style2, Object(_utils__WEBPACK_IMPORTED_MODULE_30__["swapRTLDirection"])(info.direction, 'right'), 0), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_style2, "width", rightLockShadownWidth), _style2)
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].lockShadow, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].rightLockShadow)
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].lockShadow, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].rightLockShadow)
       })));
     }
   }, {
     key: "renderStickyScroll",
     value: function renderStickyScroll(info) {
       // console.log('render stickyscroll')
-      var _this$props5 = this.props,
-        hasStickyScroll = _this$props5.hasStickyScroll,
-        stickyBottom = _this$props5.stickyBottom;
+      var _this$props6 = this.props,
+        hasStickyScroll = _this$props6.hasStickyScroll,
+        stickyBottom = _this$props6.stickyBottom;
       var hasScroll = this.state.hasScroll;
       var isScroll = hasStickyScroll && hasScroll;
       var stickyScrollContainerStyle = this.getStickyScrollContainerStyle();
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollContainer, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalStickyScrollContainer),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalScrollContainer, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalStickyScrollContainer),
         style: stickyScrollContainerStyle
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollLeftSpacer),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalScrollLeftSpacer),
         style: {
           width: info.leftLockTotalWidth,
           display: isScroll ? 'block' : 'none'
         }
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].stickyScroll),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].stickyScroll),
         style: {
           display: isScroll ? 'block' : 'none',
           bottom: stickyBottom
         }
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].stickyScrollItem
+        className: _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].stickyScrollItem
       })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].horizontalScrollRightSpacer),
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].horizontalScrollRightSpacer),
         style: {
           width: info.rightLockTotalWidth,
           display: isScroll ? 'block' : 'none'
@@ -51356,14 +51661,14 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getScrollBarWidth",
     value: function getScrollBarWidth() {
-      return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getScrollbarSize"])().width;
+      return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getScrollbarSize"])().width;
     }
   }, {
     key: "getStickyScrollContainerStyle",
     value: function getStickyScrollContainerStyle() {
-      var _this$props6 = this.props,
-        hasStickyScroll = _this$props6.hasStickyScroll,
-        stickyScrollHeight = _this$props6.stickyScrollHeight;
+      var _this$props7 = this.props,
+        hasStickyScroll = _this$props7.hasStickyScroll,
+        stickyScrollHeight = _this$props7.stickyScrollHeight;
       var hasScroll = this.state.hasScroll;
       var isScroll = hasStickyScroll && hasScroll;
       var height = stickyScrollHeight === 'auto' ? this.getScrollBarWidth() : stickyScrollHeight;
@@ -51381,23 +51686,24 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       // console.log('render table')
       var info = Object(_calculations__WEBPACK_IMPORTED_MODULE_19__["calculateRenderInfo"])(this);
       this.lastInfo = info;
-      var _this$props7 = this.props,
-        dataSource = _this$props7.dataSource,
-        className = _this$props7.className,
-        style = _this$props7.style,
-        hasHeader = _this$props7.hasHeader,
-        useOuterBorder = _this$props7.useOuterBorder,
-        isStickyHead = _this$props7.isStickyHead,
-        isStickyHeader = _this$props7.isStickyHeader,
-        isStickyFooter = _this$props7.isStickyFooter,
-        isLoading = _this$props7.isLoading,
-        getTableProps = _this$props7.getTableProps,
-        footerDataSource = _this$props7.footerDataSource,
-        components = _this$props7.components,
-        bordered = _this$props7.bordered,
-        direction = _this$props7.direction;
+      var _this$props8 = this.props,
+        dataSource = _this$props8.dataSource,
+        className = _this$props8.className,
+        style = _this$props8.style,
+        hasHeader = _this$props8.hasHeader,
+        useOuterBorder = _this$props8.useOuterBorder,
+        isStickyHead = _this$props8.isStickyHead,
+        isStickyHeader = _this$props8.isStickyHeader,
+        isStickyFooter = _this$props8.isStickyFooter,
+        isLoading = _this$props8.isLoading,
+        getTableProps = _this$props8.getTableProps,
+        footerDataSource = _this$props8.footerDataSource,
+        components = _this$props8.components,
+        bordered = _this$props8.bordered,
+        direction = _this$props8.direction,
+        prefixCls = _this$props8.prefixCls;
       info.direction = direction;
-      var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableWrapper, (_cx = {
+      var artTableWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].artTableWrapper, (_cx = {
         'use-outer-border': useOuterBorder,
         empty: dataSource.length === 0,
         lock: info.hasLockColumn,
@@ -51405,24 +51711,25 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
         'has-footer': footerDataSource.length > 0,
         'sticky-footer': isStickyFooter
-      }, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTableBordered, bordered), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_30__["browserType"].isIE), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, 'sticky-polyfill-wrapper', Object(_utils__WEBPACK_IMPORTED_MODULE_30__["isStickyUIDegrade"])()), _cx), className);
+      }, _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].artTableBordered, bordered), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, 'ie-polyfill-wrapper', _utils__WEBPACK_IMPORTED_MODULE_31__["browserType"].isIE), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, 'sticky-polyfill-wrapper', Object(_utils__WEBPACK_IMPORTED_MODULE_31__["isStickyUIDegrade"])()), _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_cx, "".concat(prefixCls, "-table"), prefixCls), _cx), className);
       var artTableWrapperProps = _babel_runtime_corejs3_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()({
         className: artTableWrapperClassName,
         style: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, style), {
           direction: direction
         })
-      }, _utils__WEBPACK_IMPORTED_MODULE_29__["STYLED_REF_PROP"], this.artTableWrapperRef);
+      }, _utils__WEBPACK_IMPORTED_MODULE_30__["STYLED_REF_PROP"], this.artTableWrapperRef);
       var tableProps = getTableProps() || {};
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_globalStyleComponent__WEBPACK_IMPORTED_MODULE_28__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_globalStyleComponent__WEBPACK_IMPORTED_MODULE_29__["default"], {
         direction: info.direction
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_27__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, artTableWrapperProps, {
-        direction: info.direction
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_26__["default"], {
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_styles__WEBPACK_IMPORTED_MODULE_28__["StyledArtTableWrapper"], _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, artTableWrapperProps, {
+        direction: info.direction,
+        prefixCls: this.props.prefixCls
+      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_loading__WEBPACK_IMPORTED_MODULE_27__["default"], {
         visible: isLoading,
         LoadingIcon: components.LoadingIcon,
         LoadingContentWrapper: components.LoadingContentWrapper
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({}, tableProps, {
-        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].artTable, tableProps.className)
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(_styles__WEBPACK_IMPORTED_MODULE_28__["Classes"].artTable, tableProps.className)
       }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info))));
     }
   }, {
@@ -51436,11 +51743,11 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       this.initSubscriptions();
       this.didMountOrUpdate();
       // console.log('did mount end')
-      var _this$props8 = this.props,
-        cssVariables = _this$props8.cssVariables,
-        enableCSSVariables = _this$props8.enableCSSVariables,
-        bordered = _this$props8.bordered;
-      Object(_utils__WEBPACK_IMPORTED_MODULE_29__["cssPolifill"])({
+      var _this$props9 = this.props,
+        cssVariables = _this$props9.cssVariables,
+        enableCSSVariables = _this$props9.enableCSSVariables,
+        bordered = _this$props9.bordered;
+      Object(_utils__WEBPACK_IMPORTED_MODULE_30__["cssPolifill"])({
         variables: cssVariables || {},
         enableCSSVariables: enableCSSVariables,
         bordered: bordered
@@ -51454,12 +51761,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps, prevState) {
       var _a;
       // console.log('did update start')
-      var _this$props9 = this.props,
-        cssVariables = _this$props9.cssVariables,
-        enableCSSVariables = _this$props9.enableCSSVariables,
-        bordered = _this$props9.bordered;
-      if (!Object(_utils__WEBPACK_IMPORTED_MODULE_29__["shallowEqual"])(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
-        Object(_utils__WEBPACK_IMPORTED_MODULE_29__["cssPolifill"])({
+      var _this$props10 = this.props,
+        cssVariables = _this$props10.cssVariables,
+        enableCSSVariables = _this$props10.enableCSSVariables,
+        bordered = _this$props10.bordered;
+      if (!Object(_utils__WEBPACK_IMPORTED_MODULE_30__["shallowEqual"])(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
+        Object(_utils__WEBPACK_IMPORTED_MODULE_30__["cssPolifill"])({
           variables: cssVariables || {},
           enableCSSVariables: enableCSSVariables,
           bordered: bordered
@@ -51473,10 +51780,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "didMountOrUpdate",
     value: function didMountOrUpdate(prevProps, prevState) {
-      this.syncHorizontalScrollFromTableBody();
-      this.updateStickyScroll();
-      this.adjustNeedRenderLock();
-      this.updateRowHeightManager();
+      var _this2 = this;
+      window.requestAnimationFrame(function () {
+        _this2.syncHorizontalScrollFromTableBody();
+        _this2.updateStickyScroll();
+        _this2.adjustNeedRenderLock();
+        _this2.updateRowHeightManager();
+      });
       this.updateScrollLeftWhenLayoutChanged(prevProps, prevState);
     }
   }, {
@@ -51491,38 +51801,38 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         var prevHasFooter = prevProps.footerDataSource.length > 0;
         var currentHasFooter = this.props.footerDataSource.length > 0;
         if (!prevHasFooter && currentHasFooter) {
-          Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.virtual.scrollLeft;
+          Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getTableScrollFooterDOM"])(this.domHelper).scrollLeft = this.domHelper.virtual.scrollLeft;
         }
       }
     }
   }, {
     key: "initSubscriptions",
     value: function initSubscriptions() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$domHelper2 = this.domHelper,
         virtual = _this$domHelper2.virtual,
         stickyScroll = _this$domHelper2.stickyScroll;
-      this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_29__["throttledWindowResize$"].subscribe(function () {
-        _this2.updateStickyScroll();
-        _this2.adjustNeedRenderLock();
+      this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_30__["throttledWindowResize$"].subscribe(function () {
+        _this3.updateStickyScroll();
+        _this3.adjustNeedRenderLock();
       }));
       this.resizeSubject.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["debounceTime"](100)).subscribe(function () {
         var _a, _b;
-        (_b = (_a = _this2.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, _this2.domHelper.tableBody.clientWidth);
+        (_b = (_a = _this3.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, _this3.domHelper.tableBody.clientWidth);
       });
       var handleTableWrapperResize = function handleTableWrapperResize() {
-        _this2.resizeSubject.next();
+        _this3.resizeSubject.next();
       };
-      this.resizeObserver = Object(_utils__WEBPACK_IMPORTED_MODULE_29__["addResizeObserver"])(this.domHelper.artTableWrapper, handleTableWrapperResize);
+      this.resizeObserver = Object(_utils__WEBPACK_IMPORTED_MODULE_30__["addResizeObserver"])(this.domHelper.artTableWrapper, handleTableWrapperResize);
       // 滚动同步
-      this.rootSubscription.add(Object(_utils__WEBPACK_IMPORTED_MODULE_29__["syncScrollLeft"])([Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollHeaderDOM"])(this.domHelper), virtual, Object(_utils__WEBPACK_IMPORTED_MODULE_29__["getTableScrollFooterDOM"])(this.domHelper), stickyScroll], function (scrollLeft) {
-        _this2.syncHorizontalScroll(scrollLeft);
+      this.rootSubscription.add(Object(_utils__WEBPACK_IMPORTED_MODULE_30__["syncScrollLeft"])([Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getTableScrollHeaderDOM"])(this.domHelper), virtual, Object(_utils__WEBPACK_IMPORTED_MODULE_30__["getTableScrollFooterDOM"])(this.domHelper), stickyScroll], function (scrollLeft) {
+        _this3.syncHorizontalScroll(scrollLeft);
       }));
       var richVisibleRects$ = Object(_helpers_getRichVisibleRectsStream__WEBPACK_IMPORTED_MODULE_22__["getRichVisibleRectsStream"])(this.domHelper.virtual, this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["skip"](1), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["mapTo"]('structure-may-change')), this.props.virtualDebugLabel).pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["shareReplay"]());
       // 每当可见部分发生变化的时候，调整 loading icon 的未知（如果 loading icon 存在的话）
       this.rootSubscription.add(Object(rxjs__WEBPACK_IMPORTED_MODULE_17__["combineLatest"])([richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (p) {
         return p.clipRect;
-      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_29__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref) {
+      }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](_utils__WEBPACK_IMPORTED_MODULE_30__["shallowEqual"])), this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["startWith"](null), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["pairwise"](), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function (_ref) {
         var _ref2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref, 2),
           prevProps = _ref2[0],
           props = _ref2[1];
@@ -51530,7 +51840,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }))]).subscribe(function (_ref3) {
         var _ref4 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_ref3, 1),
           clipRect = _ref4[0];
-        var loadingIndicator = _this2.domHelper.getLoadingIndicator();
+        var loadingIndicator = _this3.domHelper.getLoadingIndicator();
         if (!loadingIndicator) {
           return;
         }
@@ -51541,9 +51851,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }));
       // 每当可见部分发生变化的时候，如果开启了虚拟滚动，则重新触发 render
       this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["filter"](function () {
-        var _this2$lastInfo$useVi = _this2.lastInfo.useVirtual,
-          horizontal = _this2$lastInfo$useVi.horizontal,
-          vertical = _this2$lastInfo$useVi.vertical;
+        var _this3$lastInfo$useVi = _this3.lastInfo.useVirtual,
+          horizontal = _this3$lastInfo$useVi.horizontal,
+          vertical = _this3$lastInfo$useVi.vertical;
         return horizontal || vertical;
       }), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref5) {
         var clipRect = _ref5.clipRect,
@@ -51559,9 +51869,30 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
           return true;
         }
         // 因为 overscan 的存在，滚动较小的距离时不需要触发组件重渲染
-        return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2 && Math.abs(x.offsetY - y.offsetY) < _utils__WEBPACK_IMPORTED_MODULE_29__["OVERSCAN_SIZE"] / 2;
+        return Math.abs(x.maxRenderWidth - y.maxRenderWidth) < _utils__WEBPACK_IMPORTED_MODULE_30__["OVERSCAN_SIZE"] / 2 && Math.abs(x.maxRenderHeight - y.maxRenderHeight) < _utils__WEBPACK_IMPORTED_MODULE_30__["OVERSCAN_SIZE"] / 2 && Math.abs(x.offsetY - y.offsetY) < _utils__WEBPACK_IMPORTED_MODULE_30__["OVERSCAN_SIZE"] / 2;
+      }),
+      // 快速滚动检测和处理
+      rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["tap"](function (sizeAndOffset) {
+        // 只有在启用快速滚动时才使用 FastScrollManager 处理滚动事件
+        if (_this3.props.isLowPerformance) {
+          _this3.fastScrollManager.handleScrollEvent(sizeAndOffset, {
+            offsetY: _this3.state.offsetY,
+            maxRenderHeight: _this3.state.maxRenderHeight,
+            maxRenderWidth: _this3.state.maxRenderWidth
+          }, _this3.props.dataSource.length, _this3.domHelper.virtual.scrollHeight);
+        }
       })).subscribe(function (sizeAndOffset) {
-        _this2.setState(sizeAndOffset);
+        var _a, _b;
+        // 正常滚动时也需要实时更新 blank 高度，确保缓慢滚动时的视觉连续性
+        var currentRange = _this3.rowHeightManager.getRenderRange(sizeAndOffset.offsetY, sizeAndOffset.maxRenderHeight, _this3.props.dataSource.length);
+        // 直接更新 DOM，避免等待下次渲染
+        (_a = _this3.topBlankRef.current) === null || _a === void 0 ? void 0 : _a.updateHeight(currentRange.topBlank);
+        (_b = _this3.bottomBlankRef.current) === null || _b === void 0 ? void 0 : _b.updateHeight(currentRange.bottomBlank);
+        // 只有在启用快速滚动时才检查快速滚动状态
+        if (_this3.props.isLowPerformance && _this3.fastScrollManager.getIsFastScrolling()) {
+          return;
+        }
+        _this3.setState(sizeAndOffset);
       }));
       this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref6) {
         var clipRect = _ref6.clipRect,
@@ -51579,13 +51910,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         var _a;
         var offsetY = sizeAndOffset.offsetY,
           maxRenderHeight = sizeAndOffset.maxRenderHeight;
-        var scrollDirection = offsetY - _this2.offsetY >= 0 ? 'down' : 'up';
-        _this2.offsetY = offsetY;
-        var rowCount = _this2.props.dataSource.length;
-        var vertical = _this2.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
+        var scrollDirection = offsetY - _this3.offsetY >= 0 ? 'down' : 'up';
+        _this3.offsetY = offsetY;
+        var rowCount = _this3.props.dataSource.length;
+        var vertical = _this3.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
         var topIndex = vertical.topIndex,
           bottomIndex = vertical.bottomIndex;
-        var blockSize = ((_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.blockSize) || 200;
+        var blockSize = ((_a = _this3.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.blockSize) || 200;
         var topBlockStartIndex = Math.floor(Math.max(topIndex - 1, 0) / blockSize) * blockSize;
         var bottomBlockStartIndex = Math.floor((bottomIndex + 1) / blockSize) * blockSize;
         return scrollDirection === 'down' ? [topBlockStartIndex, bottomBlockStartIndex] : [bottomBlockStartIndex, topBlockStartIndex];
@@ -51600,7 +51931,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       // 过滤掉重复掉值
       rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"]()).subscribe(function (startIndex) {
         var _a;
-        (_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.callback(startIndex);
+        (_a = _this3.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.callback(startIndex);
       }));
     }
   }, {
@@ -51610,6 +51941,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
       this.rootSubscription.unsubscribe();
       this.resizeSubject.unsubscribe();
+      // 只有在启用快速滚动时才清理快速滚动管理器
+      if (this.props.isLowPerformance) {
+        this.fastScrollManager.cleanup();
+      }
     }
     /** 更新 DOM 节点的引用，方便其他方法直接操作 DOM */
   }, {
@@ -51673,7 +52008,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
         hasLockColumn = _this$lastInfo2.hasLockColumn;
       if (hasLockColumn) {
         var _context;
-        var sumOfColWidth = Object(_utils__WEBPACK_IMPORTED_MODULE_29__["sum"])(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_14___default()(_context = flat.full).call(_context, function (col) {
+        var sumOfColWidth = Object(_utils__WEBPACK_IMPORTED_MODULE_30__["sum"])(_babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_14___default()(_context = flat.full).call(_context, function (col) {
           return col.width;
         }));
         var nextNeedRenderLock = sumOfColWidth > this.domHelper.artTable.clientWidth;
@@ -51704,6 +52039,7 @@ BaseTable.defaultProps = {
   stickyScrollHeight: 'auto',
   useVirtual: 'auto',
   estimatedRowHeight: 48,
+  isLowPerformance: false,
   isLoading: false,
   components: {},
   getTableProps: rxjs__WEBPACK_IMPORTED_MODULE_17__["noop"],
@@ -52706,6 +53042,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
 /* harmony import */ var _autoFill__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./autoFill */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/autoFill.js");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/utils/touchEventUtils.js");
+
 
 
 
@@ -52769,251 +53107,237 @@ function columnDrag() {
             style: style
           });
         },
-        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["mergeCellProps"])(col.headerCellProps, {
-          onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
+        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_4__["mergeCellProps"])(col.headerCellProps, _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({}, isLeaf && path.length === 1 ? {
+          onMouseDown: function onMouseDown(e) {
             if (e.button !== 0 || !e.currentTarget.contains(e.target)) {
               return;
             }
-            window.addEventListener('selectstart', disableSelect);
-            // const cx = e.clientX
-            // const width = col.width
-            // const a = startIndex
-            // const b = endIndex
-            // const newColumnDragData = [...columnDragData]
-            // let newColumn = [...columns]
-            // let newStartIndex = startIndex
-            // let endIdx = endIndex
-            var columnMoved = false;
-            var columns = pipeline.getColumns();
-            var _pipeline$getStateAtK2 = pipeline.getStateAtKey(stateKey, {}),
-              cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
-            var cloumnsSortData = {};
-            columns.forEach(function (item, index) {
-              cloumnsSortData[item.code] = index;
-            });
-            var currentTarget = e.currentTarget;
-            var rect = e.currentTarget.parentElement.getClientRects()[0];
-            var startX = direction === 'rtl' ? rect.right : rect.left;
-            var mouseDownClientX = e.clientX;
-            var mouseDownClientY = e.clientY;
-            var moveData = [];
-            var allColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["collectNodes"])(columns);
-            var tableBodyClientRect = tableBody.getBoundingClientRect();
-            var startScrollLeft = pipeline.ref.current.domHelper.virtual.scrollLeft;
-            var updateScrollPosition = function updateScrollPosition(client) {
-              var clientX = client.clientX;
-              var left = tableBodyClientRect.left,
-                width = tableBodyClientRect.width;
-              if (clientX + SCROLL_SIZE >= left + width) {
-                pipeline.ref.current.domHelper.virtual.scrollLeft += SCROLL_SIZE;
-              }
-              if (clientX - SCROLL_SIZE <= left) {
-                pipeline.ref.current.domHelper.virtual.scrollLeft -= SCROLL_SIZE;
-              }
-            };
-            function handleMouseMove(e) {
-              var client = {
-                clientX: e.clientX,
-                clientY: e.clientY
-              };
-              var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
-              var startPosition = startX - scrollDistance; // 表头最左边起点
-              var offsetDistance = direction === 'rtl' ? startPosition - e.clientX : e.clientX - startPosition;
-              updateScrollPosition(client);
-              if (offsetDistance < 20) {
-                return;
-              } else {
-                e.stopPropagation();
-              }
-              document.body.style.userSelect = 'none';
-              currentTarget.style.cursor = 'move';
-              // 循环计算每一个的位置
-              // if (startIndex !== replaceIndex) {
-              //   const optionColumn = columns[startIndex]
-              //   const move = startIndex > replaceIndex ? 1 : -1
-              //   let index = Math.min(startIndex, replaceIndex)
-              //   while (index < Math.max(startIndex, replaceIndex)) {
-              //     const code = columns[index].code
-              //     cloumnsTranslateData[code] += move * optionColumn.width
-              //     cloumnsTranslateData[optionColumn.code] -= move * optionColumn.width
-              //     index += move
-              //   }
-              // }
-              // const opColumn = columns[startIndex]
-              // let index = Math.min(startIndex, replaceIndex)
-              // while (index <= Math.max(startIndex, replaceIndex)) {
-              //   const code = columns[index].code
-              //   if (index !== startIndex && index !== replaceIndex) {
-              //     cloumnsTranslateData[code] += opColumn.width * (index > startIndex ? -1 : 1)
-              //     cloumnsTranslateData[opColumn.code] += columns[index].width * (index < startIndex ? -1 : 1)
-              //   }
-              //   index++
-              // }
-              // 重置位置信息
-              cloumnsTranslateData = {};
-              allColumns.forEach(function (item) {
-                cloumnsTranslateData[item.code] = 0;
-              });
-              // 计算平移位置
-              var replaceIndex = 0;
-              var totalWitdth = getColumnWidth(columns[replaceIndex]);
-              while (totalWitdth < offsetDistance && replaceIndex < columns.length - 1) {
-                replaceIndex++;
-                totalWitdth += getColumnWidth(columns[replaceIndex]);
-              }
-              // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
-              var startIndex;
-              columns.forEach(function (column, index) {
-                if (column.code === col.code) {
-                  startIndex = index;
-                }
-              });
-              var optionColumn = columns[startIndex];
-              var index = replaceIndex;
-              if (startIndex > replaceIndex) {
-                // 左移
-                while (index < startIndex) {
-                  var _columns$index = columns[index],
-                    code = _columns$index.code,
-                    lock = _columns$index.lock,
-                    width = _columns$index.width,
-                    children = _columns$index.children;
-                  if (enableMove({
-                    code: code,
-                    lock: lock
-                  })) {
-                    cloumnsTranslateData[code] += _adjustTranslation(optionColumn.width);
-                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isLeafNode"])(columns[index])) {
-                      cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(width);
-                    } else {
-                      cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(getColumnWidth(columns[index]));
-                      moveAllChildren(children, cloumnsTranslateData, _adjustTranslation(optionColumn.width));
-                    }
-                    columnMoved = true;
-                  }
-                  index++;
-                }
-              } else if (startIndex < replaceIndex) {
-                // 右移
-                while (startIndex < index) {
-                  var _columns$index2 = columns[index],
-                    _code = _columns$index2.code,
-                    _lock = _columns$index2.lock,
-                    _width = _columns$index2.width,
-                    _children = _columns$index2.children;
-                  if (enableMove({
-                    code: _code,
-                    lock: _lock
-                  })) {
-                    cloumnsTranslateData[_code] -= _adjustTranslation(optionColumn.width);
-                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isLeafNode"])(columns[index])) {
-                      cloumnsTranslateData[optionColumn.code] += _adjustTranslation(_width);
-                    } else {
-                      cloumnsTranslateData[optionColumn.code] += _adjustTranslation(getColumnWidth(columns[index]));
-                      moveAllChildren(_children, cloumnsTranslateData, _adjustTranslation(optionColumn.width), true);
-                    }
-                    columnMoved = true;
-                  }
-                  index--;
+            handlePointerDown(e.nativeEvent, false, e.currentTarget);
+          },
+          onTouchStart: function onTouchStart(e) {
+            // 阻止触摸事件的默认行为
+            if (e.cancelable) {
+              e.preventDefault();
+            }
+            handlePointerDown(e.nativeEvent, true, e.currentTarget);
+          }
+        } : {}), {
+          style: style
+        }))
+      });
+      // 统一的拖拽处理函数
+      function handlePointerDown(startEvent, isTouch, currentTarget) {
+        var _a;
+        window.addEventListener('selectstart', disableSelect);
+        var columnMoved = false;
+        var columns = pipeline.getColumns();
+        var _pipeline$getStateAtK2 = pipeline.getStateAtKey(stateKey, {}),
+          cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
+        var cloumnsSortData = {};
+        columns.forEach(function (item, index) {
+          cloumnsSortData[item.code] = index;
+        });
+        var rect = (_a = currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.getClientRects()[0];
+        if (!rect) return;
+        var startX = direction === 'rtl' ? rect.right : rect.left;
+        var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["getEventCoordinates"])(startEvent);
+        var mouseDownClientX = startCoordinates.clientX;
+        var mouseDownClientY = startCoordinates.clientY;
+        var moveData = [];
+        var allColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["collectNodes"])(columns);
+        var tableBodyClientRect = tableBody.getBoundingClientRect();
+        var startScrollLeft = pipeline.ref.current.domHelper.virtual.scrollLeft;
+        var updateScrollPosition = function updateScrollPosition(client) {
+          var clientX = client.clientX;
+          var left = tableBodyClientRect.left,
+            width = tableBodyClientRect.width;
+          if (clientX + SCROLL_SIZE >= left + width) {
+            pipeline.ref.current.domHelper.virtual.scrollLeft += SCROLL_SIZE;
+          }
+          if (clientX - SCROLL_SIZE <= left) {
+            pipeline.ref.current.domHelper.virtual.scrollLeft -= SCROLL_SIZE;
+          }
+        };
+        function handlePointerMove(e) {
+          // 触摸事件需要阻止默认行为，防止页面滚动
+          if (isTouch && e.cancelable) {
+            e.preventDefault();
+          }
+          var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["getEventCoordinates"])(e);
+          var client = {
+            clientX: coordinates.clientX,
+            clientY: coordinates.clientY
+          };
+          var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
+          var startPosition = startX - scrollDistance; // 表头最左边起点
+          var offsetDistance = direction === 'rtl' ? startPosition - coordinates.clientX : coordinates.clientX - startPosition;
+          updateScrollPosition(client);
+          if (offsetDistance < 20) {
+            return;
+          } else {
+            e.stopPropagation();
+          }
+          document.body.style.userSelect = 'none';
+          currentTarget.style.cursor = 'move';
+          // 重置位置信息
+          cloumnsTranslateData = {};
+          allColumns.forEach(function (item) {
+            cloumnsTranslateData[item.code] = 0;
+          });
+          // 计算平移位置
+          var replaceIndex = 0;
+          var totalWitdth = getColumnWidth(columns[replaceIndex]);
+          while (totalWitdth < offsetDistance && replaceIndex < columns.length - 1) {
+            replaceIndex++;
+            totalWitdth += getColumnWidth(columns[replaceIndex]);
+          }
+          // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
+          var startIndex;
+          columns.forEach(function (column, index) {
+            if (column.code === col.code) {
+              startIndex = index;
+            }
+          });
+          var optionColumn = columns[startIndex];
+          var index = replaceIndex;
+          if (startIndex > replaceIndex) {
+            // 左移
+            while (index < startIndex) {
+              var _columns$index = columns[index],
+                code = _columns$index.code,
+                lock = _columns$index.lock,
+                width = _columns$index.width,
+                children = _columns$index.children;
+              if (enableMove({
+                code: code,
+                lock: lock
+              })) {
+                cloumnsTranslateData[code] += _adjustTranslation(optionColumn.width);
+                if (Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isLeafNode"])(columns[index])) {
+                  cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(width);
+                } else {
+                  cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(getColumnWidth(columns[index]));
+                  moveAllChildren(children, cloumnsTranslateData, _adjustTranslation(optionColumn.width));
                 }
+                columnMoved = true;
               }
-              window.requestAnimationFrame(function () {
-                pipeline.setStateAtKey(stateKey, {
-                  cloumnsTranslateData: cloumnsTranslateData
-                });
-                moveData = [startIndex, replaceIndex];
-              });
+              index++;
             }
-            function handleMouseUp(e) {
-              document.body.removeEventListener('mousemove', handleMouseMove);
-              document.body.removeEventListener('mouseup', handleMouseUp);
-              window.removeEventListener('selectstart', disableSelect);
-              if (_isMoveWhenClicking(mouseDownClientX, mouseDownClientY, e.clientX, e.clientY)) {
-                e.stopPropagation(); // 存在移动就阻止冒泡
-                currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
+          } else if (startIndex < replaceIndex) {
+            // 右移
+            while (startIndex < index) {
+              var _columns$index2 = columns[index],
+                _code = _columns$index2.code,
+                _lock = _columns$index2.lock,
+                _width = _columns$index2.width,
+                _children = _columns$index2.children;
+              if (enableMove({
+                code: _code,
+                lock: _lock
+              })) {
+                cloumnsTranslateData[_code] -= _adjustTranslation(optionColumn.width);
+                if (Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isLeafNode"])(columns[index])) {
+                  cloumnsTranslateData[optionColumn.code] += _adjustTranslation(_width);
+                } else {
+                  cloumnsTranslateData[optionColumn.code] += _adjustTranslation(getColumnWidth(columns[index]));
+                  moveAllChildren(_children, cloumnsTranslateData, _adjustTranslation(optionColumn.width), true);
+                }
+                columnMoved = true;
               }
+              index--;
+            }
+          }
+          window.requestAnimationFrame(function () {
+            pipeline.setStateAtKey(stateKey, {
+              cloumnsTranslateData: cloumnsTranslateData
+            });
+            moveData = [startIndex, replaceIndex];
+          });
+        }
+        function handlePointerUp(e) {
+          Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["removePointerEventListeners"])(document.body, {
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp
+          }, isTouch);
+          window.removeEventListener('selectstart', disableSelect);
+          var endCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["getEventCoordinates"])(e);
+          if (Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["hasMovedEnough"])(mouseDownClientX, mouseDownClientY, endCoordinates.clientX, endCoordinates.clientY)) {
+            e.stopPropagation(); // 存在移动就阻止冒泡
+            currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
+          }
 
-              window.requestAnimationFrame(function () {
-                // 取消阻止列头点击事件
-                currentTarget.removeEventListener('click', stopClickPropagation);
-                currentTarget = null;
-                var _moveData = moveData,
-                  _moveData2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_moveData, 2),
-                  startIndex = _moveData2[0],
-                  replaceIndex = _moveData2[1];
-                var optionColumn = columns[startIndex];
-                // const move = startIndex > replaceIndex ? 1 : -1
-                // let index = Math.min(startIndex, replaceIndex)
-                // while (index < Math.max(startIndex, replaceIndex) && index > 0) {
-                //   const code = columns[index].code
-                //   cloumnsSortData[optionColumn.code] -= move
-                //   cloumnsSortData[code] += move
-                //   index += move
-                // }
-                var index = replaceIndex;
-                if (startIndex > replaceIndex) {
-                  // 左移
-                  while (index < startIndex) {
-                    var _columns$index3 = columns[index],
-                      code = _columns$index3.code,
-                      lock = _columns$index3.lock;
-                    if (enableMove({
-                      code: code,
-                      lock: lock
-                    })) {
-                      cloumnsSortData[code] += 1;
-                      cloumnsSortData[optionColumn.code] -= 1;
-                      columnMoved = true;
-                    }
-                    index++;
-                  }
-                } else if (startIndex < replaceIndex) {
-                  // 右移
-                  while (index > startIndex) {
-                    var _columns$index4 = columns[index],
-                      _code2 = _columns$index4.code,
-                      _lock2 = _columns$index4.lock;
-                    if (enableMove({
-                      code: _code2,
-                      lock: _lock2
-                    })) {
-                      cloumnsSortData[_code2] -= 1;
-                      cloumnsSortData[optionColumn.code] += 1;
-                      columnMoved = true;
-                    }
-                    index--;
-                  }
+          window.requestAnimationFrame(function () {
+            // 取消阻止列头点击事件
+            currentTarget.removeEventListener('click', stopClickPropagation);
+            currentTarget = null;
+            var _moveData = moveData,
+              _moveData2 = _babel_runtime_corejs3_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_moveData, 2),
+              startIndex = _moveData2[0],
+              replaceIndex = _moveData2[1];
+            var optionColumn = columns[startIndex];
+            var index = replaceIndex;
+            if (startIndex > replaceIndex) {
+              // 左移
+              while (index < startIndex) {
+                var _columns$index3 = columns[index],
+                  code = _columns$index3.code,
+                  lock = _columns$index3.lock;
+                if (enableMove({
+                  code: code,
+                  lock: lock
+                })) {
+                  cloumnsSortData[code] += 1;
+                  cloumnsSortData[optionColumn.code] -= 1;
+                  columnMoved = true;
                 }
-                var onColumnDragStopped = opts.onColumnDragStopped;
-                // 拖拽结束返回列顺序
-                if (onColumnDragStopped) {
-                  var _context;
-                  var isRowDragColumn = function isRowDragColumn(code) {
-                    var rowDragColumnKey = pipeline.getFeatureOptions('rowDragColumnKey');
-                    return code === rowDragColumnKey;
-                  };
-                  var newColumns = _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_3___default()(_context = sortColumns(columns, cloumnsSortData)).call(_context, function (column) {
-                    return column.code !== _autoFill__WEBPACK_IMPORTED_MODULE_5__["FILL_COLUMN_CODE"] && !isRowDragColumn(column.code) && !Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isSelectColumn"])(column);
-                  });
-                  // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
-                  onColumnDragStopped(columnMoved, newColumns);
+                index++;
+              }
+            } else if (startIndex < replaceIndex) {
+              // 右移
+              while (index > startIndex) {
+                var _columns$index4 = columns[index],
+                  _code2 = _columns$index4.code,
+                  _lock2 = _columns$index4.lock;
+                if (enableMove({
+                  code: _code2,
+                  lock: _lock2
+                })) {
+                  cloumnsSortData[_code2] -= 1;
+                  cloumnsSortData[optionColumn.code] += 1;
+                  columnMoved = true;
                 }
-                pipeline.setStateAtKey(stateKey, {
-                  cloumnsTranslateData: null
-                });
+                index--;
+              }
+            }
+            var onColumnDragStopped = opts.onColumnDragStopped;
+            // 拖拽结束返回列顺序
+            if (onColumnDragStopped) {
+              var _context;
+              var isRowDragColumn = function isRowDragColumn(code) {
+                var rowDragColumnKey = pipeline.getFeatureOptions('rowDragColumnKey');
+                return code === rowDragColumnKey;
+              };
+              var newColumns = _babel_runtime_corejs3_core_js_stable_instance_filter__WEBPACK_IMPORTED_MODULE_3___default()(_context = sortColumns(columns, cloumnsSortData)).call(_context, function (column) {
+                return column.code !== _autoFill__WEBPACK_IMPORTED_MODULE_5__["FILL_COLUMN_CODE"] && !isRowDragColumn(column.code) && !Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isSelectColumn"])(column);
               });
-              document.body.style.userSelect = '';
-              currentTarget.style.opacity = '';
-              currentTarget.style.cursor = '';
+              // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
+              onColumnDragStopped(columnMoved, newColumns);
             }
-            var onColumnDragStart = opts.onColumnDragStart;
-            onColumnDragStart && onColumnDragStart(col);
-            document.body.addEventListener('mousemove', handleMouseMove);
-            document.body.addEventListener('mouseup', handleMouseUp);
-          },
-          style: style
-        })
-      });
+            pipeline.setStateAtKey(stateKey, {
+              cloumnsTranslateData: null
+            });
+          });
+          document.body.style.userSelect = '';
+          currentTarget.style.opacity = '';
+          currentTarget.style.cursor = '';
+        }
+        var onColumnDragStart = opts.onColumnDragStart;
+        onColumnDragStart && onColumnDragStart(col);
+        Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_6__["addPointerEventListeners"])(document.body, {
+          onPointerMove: handlePointerMove,
+          onPointerUp: handlePointerUp
+        }, isTouch);
+      }
     }));
   };
 }
@@ -53042,15 +53366,6 @@ function moveAllChildren(cols, cloumnsTranslateData, width, isMinus) {
     }
   });
 }
-function _isMoveWhenClicking(mouseDownClientX, mouseDownClientY, mouseUpClientX, mouseUpClientY) {
-  var xDiff = mouseUpClientX - mouseDownClientX;
-  var yDiff = mouseUpClientY - mouseDownClientY;
-  // 鼠标点按和松开的偏移量大于5px，认为存在移动
-  if (Math.sqrt(xDiff * xDiff + yDiff * yDiff) > 5) {
-    return true;
-  }
-  return false;
-}
 
 /***/ }),
 
@@ -53452,6 +53767,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../internals */ "./node_modules/@kdcloudjs/table/es/table/internals.js");
 /* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
 /* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../base/utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/utils/touchEventUtils.js");
 
 
 var _templateObject, _templateObject2;
@@ -53466,6 +53782,7 @@ var _templateObject, _templateObject2;
 
 
 
+
 var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_6__["default"].div(_templateObject || (_templateObject = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  position: absolute;\n  top: 0;\n  ", ": -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    ", ": calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])), function (props) {
   return Object(_base_utils__WEBPACK_IMPORTED_MODULE_12__["swapRTLDirection"])(props.direction, 'right');
 }, function (props) {
@@ -53519,10 +53836,12 @@ function columnResize() {
       var _a;
       (_a = opts.doubleClickCallback) === null || _a === void 0 ? void 0 : _a.call(opts, e, col);
     };
-    var handleMouseDown = function handleMouseDown(e, col) {
+    // 通用的拖拽处理逻辑
+    var handleResize = function handleResize(startEvent, col, eventType) {
       window.addEventListener('selectstart', disableSelect);
       var changedColumnSize = {};
-      var startX = e.clientX;
+      var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_13__["getEventCoordinates"])(startEvent);
+      var startX = startCoordinates.clientX;
       var children = col.children,
         code = col.code,
         _col$features = col.features,
@@ -53533,9 +53852,22 @@ function columnResize() {
       var realMaxSize = typeof maxWidth === 'number' ? maxWidth : maxSize;
       var columnSize = pipeline.getFeatureOptions(COLUMN_SIZE_KEY);
       var recordColumnSize = columnSize;
-      e.stopPropagation();
-      var nextSize$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, 'mousemove').pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["takeUntil"](Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, 'mouseup')), rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"](function (e) {
-        var movingX = e.clientX;
+      // 根据事件类型选择不同的事件监听器
+      var moveEventName = eventType === 'mouse' ? 'mousemove' : 'touchmove';
+      var endEventName = eventType === 'mouse' ? 'mouseup' : 'touchend';
+      var moveEventOptions = eventType === 'touch' ? {
+        passive: false
+      } : undefined;
+      var endEventOptions = eventType === 'touch' ? {
+        passive: false
+      } : undefined;
+      var nextSize$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, moveEventName, moveEventOptions).pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["takeUntil"](Object(rxjs__WEBPACK_IMPORTED_MODULE_7__["fromEvent"])(window, endEventName, endEventOptions)), rxjs_operators__WEBPACK_IMPORTED_MODULE_8__["map"](function (e) {
+        // 触摸事件需要阻止默认行为，防止页面滚动
+        if (eventType === 'touch' && e.cancelable) {
+          e.preventDefault();
+        }
+        var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_13__["getEventCoordinates"])(e);
+        var movingX = coordinates.clientX;
         var nextColumnSize = _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, columnSize);
         var deltaSum = pipeline.ctx.direction === 'rtl' ? startX - movingX : movingX - startX;
         var deltaRemaining = deltaSum;
@@ -53593,6 +53925,19 @@ function columnResize() {
         }
       });
     };
+    var handleMouseDown = function handleMouseDown(e, col) {
+      e.stopPropagation();
+      handleResize(e.nativeEvent, col, 'mouse');
+    };
+    // 触摸事件处理函数
+    var handleTouchStart = function handleTouchStart(e, col) {
+      // 阻止触摸事件的默认行为
+      if (e.cancelable) {
+        e.preventDefault();
+      }
+      e.stopPropagation();
+      handleResize(e.nativeEvent, col, 'touch');
+    };
     var isGroup = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["isGroupColumn"])(pipeline.getColumns());
     return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_9__["makeRecursiveMapper"])(function (col) {
       var _a;
@@ -53610,6 +53955,9 @@ function columnResize() {
           },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, col);
           }
         }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TableHeaderCellResize, {
           direction: pipeline.ctx.direction,
@@ -53619,6 +53967,9 @@ function columnResize() {
           },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, col);
           }
         }))),
         headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_9__["mergeCellProps"])(col.headerCellProps, {
@@ -55958,6 +56309,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../base/styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
 /* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../const */ "./node_modules/@kdcloudjs/table/es/table/pipeline/const.js");
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../internals */ "./node_modules/@kdcloudjs/table/es/table/internals.js");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/utils/touchEventUtils.js");
+
 
 
 
@@ -55989,15 +56342,14 @@ var defaultRowDragColumn = {
   },
   render: function render(value, row, rowIndex) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg", {
-      viewBox: '0 0 1024 1024',
-      version: '1.1',
-      xmlns: 'http://www.w3.org/1999/xlink',
-      "data-icon": 'drag',
-      width: '16',
-      height: '16'
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/1999/xlink",
+      "data-icon": "drag",
+      width: "16",
+      height: "16"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path", {
-      d: 'M298.688 192a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM298.688 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m-298.624 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z',
-      "p-id": '4278'
+      d: "M298.688 192a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM298.688 512a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m-298.624 320a64 64 0 1 0 128 0 64 64 0 0 0-128 0z m298.624 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z"
     }));
   }
 };
@@ -56027,19 +56379,19 @@ function rowDrag(opt) {
       var treeModeOptions = getTreeModeOptions();
       var rowDragOptions = getRowDragOptions();
       var allowDragIntoRow = !!treeModeOptions && (rowDragOptions === null || rowDragOptions === void 0 ? void 0 : rowDragOptions.allowDragIntoRow);
-      var isLeave = !isMouseOnDropTarget(event, dropZoneTarget);
+      var isLeave = !isPointerOnDropTarget(event, dropZoneTarget);
       var overIndex = -1;
       var direction = 'bottom';
       if (!isLeave && dataSource.length > 0) {
-        var overDragItem = getDragRowItem(event.target, dropZoneTarget, dataSource);
+        var overDragItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(event), dropZoneTarget, dataSource);
         if (overDragItem) {
           var rowIndex = overDragItem.rowIndex,
             cell = overDragItem.cell;
           overIndex = rowIndex;
-          direction = getDirection(cell, event.clientY, allowDragIntoRow);
+          direction = getDirection(cell, Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(event).clientY, allowDragIntoRow);
         }
       }
-      if (overIndex === -1 && dataSource.length > 0 && dropZoneTarget.contains(event.target)) {
+      if (overIndex === -1 && dataSource.length > 0 && dropZoneTarget.contains(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(event))) {
         overIndex = dataSource.length - 1;
         direction = 'bottom';
       }
@@ -56115,9 +56467,25 @@ function rowDrag(opt) {
       }
     };
     var onMouseDown = function onMouseDown(event) {
+      handlePointerDown(event.nativeEvent);
+    };
+    // PC 单据移动端显示，兼容移动端的拖拽事件
+    var onTouchStart = function onTouchStart(event) {
+      // 尝试阻止触摸事件的默认行为，防止页面滚动
+      try {
+        if (event.cancelable) {
+          event.preventDefault();
+        }
+      } catch (error) {
+        // 忽略passive event listener错误
+        console.warn('preventDefault failed in passive touch event listener');
+      }
+      handlePointerDown(event.nativeEvent);
+    };
+    // 统一的拖拽处理函数
+    var handlePointerDown = function handlePointerDown(startEvent) {
       var _a;
-      var mouseDownEvent = event.nativeEvent;
-      var startDataItem = getDragRowItem(mouseDownEvent.target, tableBody, dataSource);
+      var startDataItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(startEvent), tableBody, dataSource);
       if (!startDataItem || startDataItem.code !== rowDragColumn.code) return;
       if ((_a = opt === null || opt === void 0 ? void 0 : opt.isDisabled) === null || _a === void 0 ? void 0 : _a.call(opt, startDataItem.row, startDataItem.rowIndex)) return;
       var isValidDrag = false;
@@ -56129,7 +56497,7 @@ function rowDrag(opt) {
       var intervalId = null;
       var expandRowTimeoutId = null;
       var expandRowCallBackList = [];
-      var updateScrollPosition = function updateScrollPosition(tableBody, mouseMoveEvent) {
+      var updateScrollPosition = function updateScrollPosition(tableBody, moveEvent) {
         if (opt === null || opt === void 0 ? void 0 : opt.suppressScrollMove) return;
         if (timeoutId) {
           clearTimeout(timeoutId);
@@ -56138,7 +56506,7 @@ function rowDrag(opt) {
           clearInterval(intervalId);
         }
         if (!tableBody) return;
-        var moveOffset = getScrollMoveOffset(tableBody, mouseMoveEvent);
+        var moveOffset = getScrollMoveOffset(tableBody, moveEvent);
         if (moveOffset === 0) {
           return;
         }
@@ -56148,30 +56516,53 @@ function rowDrag(opt) {
           }, 50);
         }, 500);
       };
-      var handleDragStart = function handleDragStart(mouseDownEvent) {
+      var handleDragStart = function handleDragStart(event) {
         var _a;
-        dragElement = createDragElement(mouseDownEvent, tableBody); // 创建拖拽悬浮框
+        // 屏蔽默认事件，防止文本选择、框选等
+        try {
+          if (event.cancelable) {
+            event.preventDefault();
+          }
+        } catch (error) {
+          // 忽略passive event listener错误
+          console.warn('preventDefault failed in passive event listener');
+        }
+        // 禁用页面的文本选择
+        document.body.style.userSelect = 'none';
+        document.body.style.webkitUserSelect = 'none';
+        // 添加拖拽状态的CSS类，可以在样式中进一步控制
+        document.body.classList.add('row-dragging');
+        dragElement = createDragElement(event, tableBody); // 创建拖拽悬浮框
         var isTreeTable = !!pipeline.getFeatureOptions('treeModeOptions');
         dragLine = createDragLine(isTreeTable); // 创建拖拽插入指示线
         var dragText = (opt === null || opt === void 0 ? void 0 : opt.rowDragText) ? (_a = opt === null || opt === void 0 ? void 0 : opt.rowDragText) === null || _a === void 0 ? void 0 : _a.call(opt, startDataItem.row, startDataItem.rowIndex) : "\u7B2C".concat(startDataItem.rowIndex, "\u884C\u5185\u5BB9");
         setDragText(dragElement, dragText); // 设置悬浮框显示文本
         artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_8___default()(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragging));
         rowDragApi.setDragStatus('start');
-        var dragEvent = createDropTargetEvent(currentDropZone, mouseDownEvent, startDataItem, currentDropZone);
+        var dragEvent = createDropTargetEvent(currentDropZone, event, startDataItem, currentDropZone);
         onDragStart(dragEvent);
       };
-      var handleDragMove = function handleDragMove(mouseMoveEvent) {
+      var handleDragMove = function handleDragMove(moveEvent) {
         var _a;
+        // 尝试屏蔽默认事件，在passive监听器中可能会失败
+        try {
+          if (moveEvent.cancelable) {
+            moveEvent.preventDefault();
+          }
+        } catch (error) {
+          // 忽略passive event listener错误
+          console.warn('preventDefault failed in passive event listener');
+        }
         var isRTL = pipeline.ctx.direction === 'rtl';
-        positionDragElemment(dragElement, mouseMoveEvent, isRTL); // 更新拖拽悬浮框位置
+        positionDragElemment(dragElement, moveEvent, isRTL); // 更新拖拽悬浮框位置
         rowDragApi.setDragStatus('dragging');
         setDragElementIcon(dragElement, 'move');
         var rowDropZones = rowDragApi.getRowDropZone();
         var validDropZones = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(rowDropZones).call(rowDropZones, currentDropZone); // 可放置区域加上自身
         var dropTarget = _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2___default()(validDropZones).call(validDropZones, function (zone) {
-          return isMouseOnDropTarget(mouseMoveEvent, zone.getContainer());
+          return isPointerOnDropTarget(moveEvent, zone.getContainer());
         }) || null;
-        updateScrollPosition(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.getContainer(), mouseMoveEvent); // 拖拽到底时让滚动条可以滚动
+        updateScrollPosition(dropTarget === null || dropTarget === void 0 ? void 0 : dropTarget.getContainer(), moveEvent); // 拖拽到底时让滚动条可以滚动
         if (dropTarget !== lastDropTarget) {
           // 拖拽离开表格
           if (lastDropTarget !== null && dropTarget === null) {
@@ -56179,7 +56570,7 @@ function rowDrag(opt) {
               setDragElementIcon(dragElement, 'notAllowed');
               hiddenDragLine(dragLine);
               lastDropTarget.getContainer().classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragNoData);
-              var dragEvent = createDropTargetEvent(lastDropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              var dragEvent = createDropTargetEvent(lastDropTarget, moveEvent, startDataItem, currentDropZone);
               lastDropTarget.onDragLeave(dragEvent);
             }
           }
@@ -56199,7 +56590,7 @@ function rowDrag(opt) {
                   dragLine.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].treeTableRowDragLine);
                 }
               }
-              var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              var _dragEvent = createDropTargetEvent(dropTarget, moveEvent, startDataItem, currentDropZone);
               dropTarget.onDragEnter(_dragEvent);
             }
           }
@@ -56211,7 +56602,7 @@ function rowDrag(opt) {
             positionDragLine({
               lineElement: dragLine,
               dragZone: dropTarget,
-              event: mouseMoveEvent,
+              event: moveEvent,
               isRTL: isRTL
             });
           }
@@ -56228,7 +56619,7 @@ function rowDrag(opt) {
                 onCollapse = treeModeOptions.onCollapse;
               // 鼠标悬停所在的拖拽行信息
               var dataSource = dropTarget.tableParams.getDataSource();
-              var dragItem = getDragRowItem(mouseMoveEvent.target, dropTarget.getContainer(), dataSource);
+              var dragItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(moveEvent), dropTarget.getContainer(), dataSource);
               if (!dragItem) return;
               var row = dragItem.row;
               var _row$treeMetaKey = row[treeMetaKey],
@@ -56243,15 +56634,20 @@ function rowDrag(opt) {
             }, 1000);
           }
           if (dropTarget.onDragging) {
-            var _dragEvent2 = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+            var _dragEvent2 = createDropTargetEvent(dropTarget, moveEvent, startDataItem, currentDropZone);
             dropTarget.onDragging(_dragEvent2);
           }
         }
       };
-      var handleDragStop = function handleDragStop(mouseUpEvent) {
+      var handleDragStop = function handleDragStop(endEvent) {
         if (!isValidDrag) {
           return;
         }
+        // 恢复默认的文本选择功能
+        document.body.style.userSelect = '';
+        document.body.style.webkitUserSelect = '';
+        // 移除拖拽状态的CSS类
+        document.body.classList.remove('row-dragging');
         removeElement(dragElement);
         removeElement(dragLine);
         artTable.classList.remove(classnames__WEBPACK_IMPORTED_MODULE_8___default()(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragging));
@@ -56266,10 +56662,10 @@ function rowDrag(opt) {
         });
         var validDropZones = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(rowDropZones).call(rowDropZones, currentDropZone);
         var dropTarget = _babel_runtime_corejs3_core_js_stable_instance_find__WEBPACK_IMPORTED_MODULE_2___default()(validDropZones).call(validDropZones, function (zone) {
-          return isMouseOnDropTarget(mouseUpEvent, zone.getContainer());
+          return isPointerOnDropTarget(endEvent, zone.getContainer());
         });
         if (dropTarget && dropTarget.onDragStop) {
-          var dragEvent = createDropTargetEvent(dropTarget, mouseUpEvent, startDataItem, currentDropZone);
+          var dragEvent = createDropTargetEvent(dropTarget, endEvent, startDataItem, currentDropZone);
           dropTarget.onDragStop(dragEvent);
         }
         while (expandRowCallBackList.length > 0) {
@@ -56277,32 +56673,73 @@ function rowDrag(opt) {
           callback();
         }
       };
-      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mousemove');
-      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mouseup');
-      var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (mouseMoveEvent) {
-        var mouseMoveClientY = mouseMoveEvent.clientY;
-        var mouseDownClientY = mouseDownEvent.clientY;
-        // 上下移动偏移量大于5才是有效的拖拽
-        if (Math.abs(mouseMoveClientY - mouseDownClientY) > 5) {
-          isValidDrag = true;
-        }
-        return isValidDrag;
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (mouseMoveEvent) {
-        if (!isDragging) {
-          isDragging = true;
-          handleDragStart(mouseDownEvent);
-          handleDragMove(mouseDownEvent);
-        }
-        handleDragMove(mouseMoveEvent);
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(mouseup$));
-      rowDragMove$.subscribe();
-      var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (mouseUpEvent) {
-        handleDragStop(mouseUpEvent);
-      })).subscribe({
-        next: function next() {
-          rowDragEnd$.unsubscribe();
-        }
-      });
+      // 判断是鼠标事件还是触摸事件，分别监听对应的移动和结束事件
+      var isTouchEvent = ('touches' in startEvent);
+      if (isTouchEvent) {
+        // 触摸事件处理
+        var touchmove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'touchmove', {
+          passive: false
+        });
+        var touchend$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'touchend', {
+          passive: false
+        });
+        var touchDragMove$ = touchmove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (moveEvent) {
+          var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(moveEvent);
+          var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(startEvent);
+          var moveClientY = coordinates.clientY;
+          var startClientY = startCoordinates.clientY;
+          // 上下移动偏移量大于5才是有效的拖拽
+          if (Math.abs(moveClientY - startClientY) > 5) {
+            isValidDrag = true;
+          }
+          return isValidDrag;
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (moveEvent) {
+          if (!isDragging) {
+            isDragging = true;
+            handleDragStart(startEvent);
+            handleDragMove(startEvent);
+          }
+          handleDragMove(moveEvent);
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(touchend$));
+        touchDragMove$.subscribe();
+        var touchDragEnd$ = touchend$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (endEvent) {
+          handleDragStop(endEvent);
+        })).subscribe({
+          next: function next() {
+            touchDragEnd$.unsubscribe();
+          }
+        });
+      } else {
+        // 鼠标事件处理
+        var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mousemove');
+        var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["fromEvent"])(window, 'mouseup');
+        var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["filter"])(function (moveEvent) {
+          var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(moveEvent);
+          var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(startEvent);
+          var moveClientY = coordinates.clientY;
+          var startClientY = startCoordinates.clientY;
+          // 上下移动偏移量大于5才是有效的拖拽
+          if (Math.abs(moveClientY - startClientY) > 5) {
+            isValidDrag = true;
+          }
+          return isValidDrag;
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (moveEvent) {
+          if (!isDragging) {
+            isDragging = true;
+            handleDragStart(startEvent);
+            handleDragMove(startEvent);
+          }
+          handleDragMove(moveEvent);
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(mouseup$));
+        rowDragMove$.subscribe();
+        var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["map"])(function (endEvent) {
+          handleDragStop(endEvent);
+        })).subscribe({
+          next: function next() {
+            rowDragEnd$.unsubscribe();
+          }
+        });
+      }
     };
     var rowDragColumn = (opt === null || opt === void 0 ? void 0 : opt.rowDragColumn) || defaultRowDragColumn;
     pipeline.setFeatureOptions('rowDragColumnKey', rowDragColumn.code);
@@ -56311,7 +56748,8 @@ function rowDrag(opt) {
     nextColumns.unshift(rowDragColumn);
     pipeline.columns(nextColumns);
     pipeline.addTableProps({
-      onMouseDown: onMouseDown
+      onMouseDown: onMouseDown,
+      onTouchStart: onTouchStart
     });
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var _cx;
@@ -56381,13 +56819,13 @@ function isEleInFooter(target) {
   }
   return false;
 }
-function createDragElement(mouseDownEvent, tableBody) {
+function createDragElement(event, tableBody) {
   var _context3, _context4;
   var ELEMENT_TEMPLATE = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context3 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context4 = "<div class='".concat(_base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElement, "'>\n      <span class='")).call(_context4, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementIcon, "'></span>\n      <div class='")).call(_context3, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].rowDragElementLabel, "'></div>\n    </div>");
   var element = document.createElement('div');
   element.innerHTML = ELEMENT_TEMPLATE;
   var dragElement = element.firstChild;
-  var targetRow = findTargetRow(mouseDownEvent.target, tableBody);
+  var targetRow = findTargetRow(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(event), tableBody);
   if (targetRow) {
     var rect = targetRow.getBoundingClientRect();
     dragElement.style.height = rect.height + 'px';
@@ -56432,9 +56870,9 @@ function positionDragLine(_ref) {
     lineElement.style.display = 'block';
   }
   // 鼠标悬停所在的拖拽行信息
-  var dragItem = getDragRowItem(event.target, tableContainer, dataSource);
+  var dragItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(event), tableContainer, dataSource);
   if (!dragItem) {
-    if (dataSource.length > 0 && tableContainer.contains(event.target)) {
+    if (dataSource.length > 0 && tableContainer.contains(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(event))) {
       var _context5, _context6;
       var _rowIndex = dataSource.length - 1;
       var _row = dataSource[_rowIndex];
@@ -56463,7 +56901,7 @@ function positionDragLine(_ref) {
     rowIndex = dragItem.rowIndex,
     row = dragItem.row;
   var allowDragInto = isTreeTable && allowDragIntoRow;
-  var direction = getDirection(cell, event.clientY, allowDragInto);
+  var direction = getDirection(cell, Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(event).clientY, allowDragInto);
   var targetCell = isTreeTable ? tableContainer.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context7 = "tr[data-rowindex=\"".concat(rowIndex, "\"] .")).call(_context7, _base_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableExtendCell)) : cell;
   if (!targetCell) return;
   var _getLinePosition2 = getLinePosition({
@@ -56501,8 +56939,9 @@ function positionDragElemment(element, event, isRTL) {
   var browserWidth = (_b = (_a = document.body) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : window.innerHeight || ((_c = document.documentElement) === null || _c === void 0 ? void 0 : _c.clientWidth) || 0;
   var browserHeight = (_e = (_d = document.body) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : window.innerHeight || ((_f = document.documentElement) === null || _f === void 0 ? void 0 : _f.clientHeight) || 0;
   var offsetParentSize = getElementRectWithOffset(element.offsetParent);
-  var clientX = event.clientX,
-    clientY = event.clientY;
+  var _getEventCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(event),
+    clientX = _getEventCoordinates.clientX,
+    clientY = _getEventCoordinates.clientY;
   var top = clientY - offsetParentSize.top - eleHeight / 2;
   var left = clientX - offsetParentSize.left;
   var right = Math.max(browserWidth - clientX, 0);
@@ -56518,12 +56957,11 @@ function positionDragElemment(element, event, isRTL) {
     right = Math.max(browserWidth + windowScrollX - element.clientWidth, 0);
   }
   if (isRTL) {
-    var _context8;
-    element.style.cssText += _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_1___default()(_context8 = ";right: ".concat(right, "px; top: ")).call(_context8, top, "px;");
-    return;
+    element.style.right = right + 'px';
+  } else {
+    element.style.left = left + 'px';
   }
-  element.style.left = "".concat(left, "px");
-  element.style.top = "".concat(top, "px");
+  element.style.top = top + 'px';
 }
 function getElementRectWithOffset(el) {
   var offsetElementRect = el.getBoundingClientRect();
@@ -56590,12 +57028,13 @@ function setDragElementIcon(element, iconName) {
   elementIcon.appendChild(iconElement);
 }
 function clearElementChildren(element) {
-  while (element && element.firstChild) {
+  while (element === null || element === void 0 ? void 0 : element.firstChild) {
     element.removeChild(element.firstChild);
   }
 }
-function getScrollMoveOffset(tableBody, mouseMoveEvent) {
-  var clientY = mouseMoveEvent.clientY;
+function getScrollMoveOffset(tableBody, moveEvent) {
+  var _getEventCoordinates2 = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(moveEvent),
+    clientY = _getEventCoordinates2.clientY;
   var tableBodyClientRect = tableBody.getBoundingClientRect();
   var top = tableBodyClientRect.top,
     height = tableBodyClientRect.height;
@@ -56613,15 +57052,19 @@ function setDragText(element, dragText) {
   var stringNode = document.createTextNode(dragTextString);
   elementIcon.appendChild(stringNode);
 }
-function isMouseOnDropTarget(mouseEvent, target) {
-  return target.contains(mouseEvent.target);
+function isPointerOnDropTarget(pointerEvent, target) {
+  var eventTarget = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventTarget"])(pointerEvent);
+  return target.contains(eventTarget);
 }
 function createDropTargetEvent(dropZone, event, dragItem, startDropZone) {
   var dropZoneTarget = dropZone.getContainer();
   var startDropZoneTagret = startDropZone.getContainer();
   var rect = dropZoneTarget.getBoundingClientRect();
-  var x = event.clientX - rect.left;
-  var y = event.clientY - rect.top;
+  var _getEventCoordinates3 = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(event),
+    clientX = _getEventCoordinates3.clientX,
+    clientY = _getEventCoordinates3.clientY;
+  var x = clientX - rect.left;
+  var y = clientY - rect.top;
   var startDropZoneOptions = startDropZone.tableParams.getRowDragOptions();
   var startCommonParams = startDropZoneOptions === null || startDropZoneOptions === void 0 ? void 0 : startDropZoneOptions.commonParams;
   var targetEvent = {
@@ -56678,10 +57121,8 @@ var getLinePosition = function getLinePosition(_ref2) {
       paddingRight = _getElementSize3.paddingRight;
     var expandCellRect = cell.getBoundingClientRect();
     var _row$treeMetaKey2 = row[treeMetaKey],
-      rowKey = _row$treeMetaKey2.rowKey,
       depth = _row$treeMetaKey2.depth,
-      isLeaf = _row$treeMetaKey2.isLeaf,
-      expanded = _row$treeMetaKey2.expanded;
+      isLeaf = _row$treeMetaKey2.isLeaf;
     var addWidth = isLeaf ? iconWidth + iconGap : 0;
     var indent = iconIndent + depth * indentSize + addWidth;
     var x = expandCellRect.x,
@@ -57917,6 +58358,89 @@ function treeSelect(opts) {
 
 /***/ }),
 
+/***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/utils/touchEventUtils.js":
+/*!*******************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/features/utils/touchEventUtils.js ***!
+  \*******************************************************************************************/
+/*! exports provided: getEventCoordinates, getEventTarget, isTouchEvent, addPointerEventListeners, removePointerEventListeners, hasMovedEnough */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getEventCoordinates", function() { return getEventCoordinates; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getEventTarget", function() { return getEventTarget; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isTouchEvent", function() { return isTouchEvent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addPointerEventListeners", function() { return addPointerEventListeners; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removePointerEventListeners", function() { return removePointerEventListeners; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasMovedEnough", function() { return hasMovedEnough; });
+// 统一获取事件坐标的函数
+function getEventCoordinates(event) {
+  if ('touches' in event && event.touches.length > 0) {
+    return {
+      clientX: event.touches[0].clientX,
+      clientY: event.touches[0].clientY
+    };
+  } else if ('changedTouches' in event && event.changedTouches.length > 0) {
+    return {
+      clientX: event.changedTouches[0].clientX,
+      clientY: event.changedTouches[0].clientY
+    };
+  } else {
+    return {
+      clientX: event.clientX,
+      clientY: event.clientY
+    };
+  }
+}
+// 获取事件目标元素
+function getEventTarget(event) {
+  if ('touches' in event && event.touches.length > 0) {
+    return document.elementFromPoint(event.touches[0].clientX, event.touches[0].clientY);
+  }
+  // 处理touchend事件，此时touches为空，需要使用changedTouches
+  if ('changedTouches' in event && event.changedTouches.length > 0) {
+    return document.elementFromPoint(event.changedTouches[0].clientX, event.changedTouches[0].clientY);
+  }
+  return event.target;
+}
+// 判断是否为触摸事件
+function isTouchEvent(event) {
+  return 'touches' in event;
+}
+// 为元素添加统一的指针事件监听器
+function addPointerEventListeners(element, handlers, isTouchStart) {
+  if (isTouchStart) {
+    element.addEventListener('touchmove', handlers.onPointerMove, {
+      passive: false
+    });
+    element.addEventListener('touchend', handlers.onPointerUp, {
+      passive: false
+    });
+  } else {
+    element.addEventListener('mousemove', handlers.onPointerMove);
+    element.addEventListener('mouseup', handlers.onPointerUp);
+  }
+}
+// 移除统一的指针事件监听器
+function removePointerEventListeners(element, handlers, isTouchStart) {
+  if (isTouchStart) {
+    element.removeEventListener('touchmove', handlers.onPointerMove);
+    element.removeEventListener('touchend', handlers.onPointerUp);
+  } else {
+    element.removeEventListener('mousemove', handlers.onPointerMove);
+    element.removeEventListener('mouseup', handlers.onPointerUp);
+  }
+}
+// 检查是否移动了足够的距离（用于区分点击和拖拽）
+function hasMovedEnough(startX, startY, endX, endY) {
+  var threshold = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 5;
+  var xDiff = endX - startX;
+  var yDiff = endY - startY;
+  return Math.sqrt(xDiff * xDiff + yDiff * yDiff) > threshold;
+}
+
+/***/ }),
+
 /***/ "./node_modules/@kdcloudjs/table/es/table/pipeline/index.js":
 /*!******************************************************************!*\
   !*** ./node_modules/@kdcloudjs/table/es/table/pipeline/index.js ***!