@kdcloudjs/table 1.2.2-canary.13 → 1.2.2-canary.14-hotfix

package/dist/@kdcloudjs/table.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.2.2-canary.12
+ *   @kdcloudjs/table v1.2.2-canary.14
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -829,8 +829,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 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),
+  var heightFromProps = _ref.height;
+  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(heightFromProps),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
     height = _useState2[0],
     setHeight = _useState2[1];
@@ -844,6 +847,8 @@ var TopBlankComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["
     };
   }, [height]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
+    key: "top-blank",
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -851,12 +856,14 @@ var TopBlankComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["
 });
 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),
+  var heightFromProps = _ref2.height;
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(heightFromProps),
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
     height = _useState4[0],
     setHeight = _useState4[1];
+  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
   Object(react__WEBPACK_IMPORTED_MODULE_1__["useImperativeHandle"])(ref, function () {
     return {
       updateHeight: function updateHeight(newHeight) {
@@ -871,7 +878,7 @@ var BottomBlankComponent = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1_
   }
   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),
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -881,10 +888,10 @@ 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;
+  return prevProps.height === nextProps.height;
 });
 var BottomBlank = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_1__["memo"])(BottomBlankComponent, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+  return prevProps.height === nextProps.height;
 });
 
 /***/ }),
@@ -5749,6 +5756,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
 /* harmony import */ var _autoFill__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./autoFill */ "./components/table/pipeline/features/autoFill.tsx");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./components/table/pipeline/features/utils/touchEventUtils.tsx");
 
 
 
@@ -5763,6 +5771,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var stateKey = 'columnDrag';
 var SCROLL_SIZE = 30;
 function disableSelect(event) {
@@ -5821,255 +5830,240 @@ function columnDrag() {
             style: style
           });
         },
-        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(col.headerCellProps, {
-          onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
+        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(col.headerCellProps, _objectSpread(_objectSpread({}, 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_10__["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;
-              });
+            handlePointerDown(e.nativeEvent, false, e.currentTarget);
+          },
+          onTouchStart: function onTouchStart(e) {
+            // 阻止触摸事件的默认行为
+            if (e.cancelable) {
+              e.preventDefault();
+            }
+            handlePointerDown(e.nativeEvent, true, e.currentTarget);
+          }
+        } : {}), {}, {
+          style: style
+        }))
+      });
 
-              // 计算平移位置
-              var replaceIndex = 0;
-              var totalWitdth = getColumnWidth(columns[replaceIndex]);
-              while (totalWitdth < offsetDistance && replaceIndex < columns.length - 1) {
-                replaceIndex++;
-                totalWitdth += getColumnWidth(columns[replaceIndex]);
-              }
+      // 统一的拖拽处理函数
+      function handlePointerDown(startEvent, isTouch, currentTarget) {
+        var _currentTarget$parent;
+        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 = (_currentTarget$parent = currentTarget.parentElement) === null || _currentTarget$parent === void 0 ? void 0 : _currentTarget$parent.getClientRects()[0];
+        if (!rect) return;
+        var startX = direction === 'rtl' ? rect.right : rect.left;
+        var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(startEvent);
+        var mouseDownClientX = startCoordinates.clientX;
+        var mouseDownClientY = startCoordinates.clientY;
+        var moveData = [];
+        var allColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["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_12__["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';
 
-              // 需要取最新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_10__["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_10__["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--;
+          // 重置位置信息
+          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_10__["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_10__["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_12__["removePointerEventListeners"])(document.body, {
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp
+          }, isTouch);
+          window.removeEventListener('selectstart', disableSelect);
+          var endCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["getEventCoordinates"])(e);
+          if (Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_12__["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_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___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_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___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 isRowDragColumn = function isRowDragColumn(code) {
-                    var rowDragColumnKey = pipeline.getFeatureOptions('rowDragColumnKey');
-                    return code === rowDragColumnKey;
-                  };
-                  var newColumns = sortColumns(columns, cloumnsSortData).filter(function (column) {
-                    return column.code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !isRowDragColumn(column.code) && !Object(_utils__WEBPACK_IMPORTED_MODULE_10__["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 isRowDragColumn = function isRowDragColumn(code) {
+                var rowDragColumnKey = pipeline.getFeatureOptions('rowDragColumnKey');
+                return code === rowDragColumnKey;
+              };
+              var newColumns = sortColumns(columns, cloumnsSortData).filter(function (column) {
+                return column.code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !isRowDragColumn(column.code) && !Object(_utils__WEBPACK_IMPORTED_MODULE_10__["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_12__["addPointerEventListeners"])(document.body, {
+          onPointerMove: handlePointerMove,
+          onPointerUp: handlePointerUp
+        }, isTouch);
+      }
     }));
   };
 }
@@ -6098,15 +6092,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;
-}
 
 /***/ }),
 
@@ -6593,6 +6578,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
 /* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
 /* harmony import */ var _base_utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../base/utils */ "./components/table/base/utils.tsx");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./components/table/pipeline/features/utils/touchEventUtils.tsx");
 
 
 
@@ -6618,6 +6604,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_15__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___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_21__["swapRTLDirection"])(props.direction, 'right');
 }, function (props) {
@@ -6672,10 +6659,13 @@ function columnResize() {
       var _opts$doubleClickCall;
       (_opts$doubleClickCall = opts.doubleClickCallback) === null || _opts$doubleClickCall === void 0 ? void 0 : _opts$doubleClickCall.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_22__["getEventCoordinates"])(startEvent);
+      var startX = startCoordinates.clientX;
       var children = col.children,
         code = col.code,
         _col$features = col.features,
@@ -6686,9 +6676,23 @@ 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_16__["fromEvent"])(window, 'mousemove').pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["takeUntil"](Object(rxjs__WEBPACK_IMPORTED_MODULE_16__["fromEvent"])(window, 'mouseup')), rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["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_16__["fromEvent"])(window, moveEventName, moveEventOptions).pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["takeUntil"](Object(rxjs__WEBPACK_IMPORTED_MODULE_16__["fromEvent"])(window, endEventName, endEventOptions)), rxjs_operators__WEBPACK_IMPORTED_MODULE_17__["map"](function (e) {
+        // 触摸事件需要阻止默认行为，防止页面滚动
+        if (eventType === 'touch' && e.cancelable) {
+          e.preventDefault();
+        }
+        var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_22__["getEventCoordinates"])(e);
+        var movingX = coordinates.clientX;
         var nextColumnSize = _objectSpread({}, columnSize);
         var deltaSum = pipeline.ctx.direction === 'rtl' ? startX - movingX : movingX - startX;
         var deltaRemaining = deltaSum;
@@ -6745,6 +6749,20 @@ 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_18__["isGroupColumn"])(pipeline.getColumns());
     return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_18__["makeRecursiveMapper"])(function (col) {
       var _columnSize$code;
@@ -6762,6 +6780,9 @@ function columnResize() {
           },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, col);
           }
         }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(TableHeaderCellResize, {
           direction: pipeline.ctx.direction,
@@ -6771,6 +6792,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_18__["mergeCellProps"])(col.headerCellProps, {
@@ -9333,6 +9357,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
 /* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../const */ "./components/table/pipeline/const.ts");
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
+/* harmony import */ var _utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/touchEventUtils */ "./components/table/pipeline/features/utils/touchEventUtils.tsx");
+
 
 
 
@@ -9374,8 +9400,7 @@ var defaultRowDragColumn = {
       width: "16",
       height: "16"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___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"
     }));
   }
 };
@@ -9404,19 +9429,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_15__["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_15__["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_15__["getEventTarget"])(event))) {
         overIndex = dataSource.length - 1;
         direction = 'bottom';
       }
@@ -9492,9 +9517,27 @@ 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 _opt$isDisabled;
-      var mouseDownEvent = event.nativeEvent;
-      var startDataItem = getDragRowItem(mouseDownEvent.target, tableBody, dataSource);
+      var startDataItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["getEventTarget"])(startEvent), tableBody, dataSource);
       if (!startDataItem || startDataItem.code !== rowDragColumn.code) return;
       if (opt !== null && opt !== void 0 && (_opt$isDisabled = opt.isDisabled) !== null && _opt$isDisabled !== void 0 && _opt$isDisabled.call(opt, startDataItem.row, startDataItem.rowIndex)) return;
       var isValidDrag = false;
@@ -9506,7 +9549,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 && opt.suppressScrollMove) return;
         if (timeoutId) {
           clearTimeout(timeoutId);
@@ -9515,7 +9558,7 @@ function rowDrag(opt) {
           clearInterval(intervalId);
         }
         if (!tableBody) return;
-        var moveOffset = getScrollMoveOffset(tableBody, mouseMoveEvent);
+        var moveOffset = getScrollMoveOffset(tableBody, moveEvent);
         if (moveOffset === 0) {
           return;
         }
@@ -9525,29 +9568,53 @@ function rowDrag(opt) {
           }, 50);
         }, 500);
       };
-      var handleDragStart = function handleDragStart(mouseDownEvent) {
+      var handleDragStart = function handleDragStart(event) {
         var _opt$rowDragText;
-        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 && opt.rowDragText ? opt === null || opt === void 0 ? void 0 : (_opt$rowDragText = opt.rowDragText) === null || _opt$rowDragText === void 0 ? void 0 : _opt$rowDragText.call(opt, startDataItem.row, startDataItem.rowIndex) : "\u7B2C".concat(startDataItem.rowIndex, "\u884C\u5185\u5BB9");
         setDragText(dragElement, dragText); // 设置悬浮框显示文本
         artTable.classList.add(classnames__WEBPACK_IMPORTED_MODULE_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["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) {
+        // 尝试屏蔽默认事件，在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 = rowDropZones.concat(currentDropZone); // 可放置区域加上自身
         var dropTarget = validDropZones.find(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) {
           // 拖拽离开表格
@@ -9556,7 +9623,7 @@ function rowDrag(opt) {
               setDragElementIcon(dragElement, 'notAllowed');
               hiddenDragLine(dragLine);
               lastDropTarget.getContainer().classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragNoData);
-              var dragEvent = createDropTargetEvent(lastDropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              var dragEvent = createDropTargetEvent(lastDropTarget, moveEvent, startDataItem, currentDropZone);
               lastDropTarget.onDragLeave(dragEvent);
             }
           }
@@ -9577,7 +9644,7 @@ function rowDrag(opt) {
                   dragLine.classList.remove(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].treeTableRowDragLine);
                 }
               }
-              var _dragEvent = createDropTargetEvent(dropTarget, mouseMoveEvent, startDataItem, currentDropZone);
+              var _dragEvent = createDropTargetEvent(dropTarget, moveEvent, startDataItem, currentDropZone);
               dropTarget.onDragEnter(_dragEvent);
             }
           }
@@ -9590,7 +9657,7 @@ function rowDrag(opt) {
             positionDragLine({
               lineElement: dragLine,
               dragZone: dropTarget,
-              event: mouseMoveEvent,
+              event: moveEvent,
               isRTL: isRTL
             });
           }
@@ -9608,7 +9675,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_15__["getEventTarget"])(moveEvent), dropTarget.getContainer(), dataSource);
               if (!dragItem) return;
               var row = dragItem.row;
               var _row$treeMetaKey = row[treeMetaKey],
@@ -9623,15 +9690,22 @@ 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_11___default()(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragging));
@@ -9646,10 +9720,10 @@ function rowDrag(opt) {
         });
         var validDropZones = rowDropZones.concat(currentDropZone);
         var dropTarget = validDropZones.find(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) {
@@ -9657,32 +9731,74 @@ function rowDrag(opt) {
           callback();
         }
       };
-      var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mousemove');
-      var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mouseup');
-      var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["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_10__["map"])(function (mouseMoveEvent) {
-        if (!isDragging) {
-          isDragging = true;
-          handleDragStart(mouseDownEvent);
-          handleDragMove(mouseDownEvent);
-        }
-        handleDragMove(mouseMoveEvent);
-      }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["takeUntil"])(mouseup$));
-      rowDragMove$.subscribe();
-      var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["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_9__["fromEvent"])(window, 'touchmove', {
+          passive: false
+        });
+        var touchend$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'touchend', {
+          passive: false
+        });
+        var touchDragMove$ = touchmove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["filter"])(function (moveEvent) {
+          var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["getEventCoordinates"])(moveEvent);
+          var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["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_10__["map"])(function (moveEvent) {
+          if (!isDragging) {
+            isDragging = true;
+            handleDragStart(startEvent);
+            handleDragMove(startEvent);
+          }
+          handleDragMove(moveEvent);
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["takeUntil"])(touchend$));
+        touchDragMove$.subscribe();
+        var touchDragEnd$ = touchend$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["map"])(function (endEvent) {
+          handleDragStop(endEvent);
+        })).subscribe({
+          next: function next() {
+            touchDragEnd$.unsubscribe();
+          }
+        });
+      } else {
+        // 鼠标事件处理
+        var mousemove$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mousemove');
+        var mouseup$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_9__["fromEvent"])(window, 'mouseup');
+        var rowDragMove$ = mousemove$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["filter"])(function (moveEvent) {
+          var coordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["getEventCoordinates"])(moveEvent);
+          var startCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["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_10__["map"])(function (moveEvent) {
+          if (!isDragging) {
+            isDragging = true;
+            handleDragStart(startEvent);
+            handleDragMove(startEvent);
+          }
+          handleDragMove(moveEvent);
+        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["takeUntil"])(mouseup$));
+        rowDragMove$.subscribe();
+        var rowDragEnd$ = mouseup$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_10__["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);
@@ -9691,7 +9807,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;
@@ -9760,12 +9877,12 @@ function isEleInFooter(target) {
   }
   return false;
 }
-function createDragElement(mouseDownEvent, tableBody) {
+function createDragElement(event, tableBody) {
   var ELEMENT_TEMPLATE = "<div class='".concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElement, "'>\n      <span class='").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].rowDragElementIcon, "'></span>\n      <div class='").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["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_15__["getEventTarget"])(event), tableBody);
   if (targetRow) {
     var rect = targetRow.getBoundingClientRect();
     dragElement.style.height = rect.height + 'px';
@@ -9809,9 +9926,9 @@ function positionDragLine(_ref) {
     lineElement.style.display = 'block';
   }
   // 鼠标悬停所在的拖拽行信息
-  var dragItem = getDragRowItem(event.target, tableContainer, dataSource);
+  var dragItem = getDragRowItem(Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["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_15__["getEventTarget"])(event))) {
       var _rowIndex3 = dataSource.length - 1;
       var _row2 = dataSource[_rowIndex3];
       var _direction = 'bottom';
@@ -9839,7 +9956,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_15__["getEventCoordinates"])(event).clientY, allowDragInto);
   var targetCell = isTreeTable ? tableContainer.querySelector("tr[data-rowindex=\"".concat(rowIndex, "\"] .").concat(_base_styles__WEBPACK_IMPORTED_MODULE_12__["Classes"].tableExtendCell)) : cell;
   if (!targetCell) return;
   var _getLinePosition2 = getLinePosition({
@@ -9877,8 +9994,9 @@ function positionDragElemment(element, event, isRTL) {
   var browserWidth = (_document$body$client = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.clientWidth) !== null && _document$body$client !== void 0 ? _document$body$client : window.innerHeight || ((_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.clientWidth) || 0;
   var browserHeight = (_document$body$client2 = (_document$body2 = document.body) === null || _document$body2 === void 0 ? void 0 : _document$body2.clientHeight) !== null && _document$body$client2 !== void 0 ? _document$body$client2 : window.innerHeight || ((_document$documentEle2 = document.documentElement) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.clientHeight) || 0;
   var offsetParentSize = getElementRectWithOffset(element.offsetParent);
-  var clientX = event.clientX,
-    clientY = event.clientY;
+  var _getEventCoordinates = Object(_utils_touchEventUtils__WEBPACK_IMPORTED_MODULE_15__["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);
@@ -9894,11 +10012,11 @@ function positionDragElemment(element, event, isRTL) {
     right = Math.max(browserWidth + windowScrollX - element.clientWidth, 0);
   }
   if (isRTL) {
-    element.style.cssText += ";right: ".concat(right, "px; top: ").concat(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();
@@ -9965,12 +10083,13 @@ function setDragElementIcon(element, iconName) {
   elementIcon.appendChild(iconElement);
 }
 function clearElementChildren(element) {
-  while (element && element.firstChild) {
+  while (element !== null && element !== 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_15__["getEventCoordinates"])(moveEvent),
+    clientY = _getEventCoordinates2.clientY;
   var tableBodyClientRect = tableBody.getBoundingClientRect();
   var top = tableBodyClientRect.top,
     height = tableBodyClientRect.height;
@@ -9988,15 +10107,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_15__["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_15__["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 = {
@@ -10053,10 +10176,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,
@@ -11443,6 +11564,94 @@ function treeSelect(opts) {
 
 /***/ }),
 
+/***/ "./components/table/pipeline/features/utils/touchEventUtils.tsx":
+/*!**********************************************************************!*\
+  !*** ./components/table/pipeline/features/utils/touchEventUtils.tsx ***!
+  \**********************************************************************/
+/*! 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;
+}
+
+/***/ }),
+
 /***/ "./components/table/pipeline/index.ts":
 /*!********************************************!*\
   !*** ./components/table/pipeline/index.ts ***!