@kdcloudjs/table 1.2.0-canary.15 → 1.2.0-canary.16-hotfix

package/lib/table/pipeline/features/columnFilter.js

@@ -1,104 +1,75 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filter = filter;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
-
 var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _internals = require("../../internals");
-
 var _utils = require("../../utils");
-
 var _filter2 = require("./filter");
-
 var _styles = require("../../base/styles");
-
 var stateKey = 'filter';
-
 function filter() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
     var _a, _b;
-
     var dataSource = pipeline.getDataSource();
     var columns = pipeline.getColumns();
     var filters = opts.filters,
-        defaultFilters = opts.defaultFilters,
-        onChangeFilters = opts.onChangeFilters,
-        keepDataSource = opts.keepDataSource,
-        mode = opts.mode,
-        filterIcon = opts.filterIcon,
-        stopClickEventPropagation = opts.stopClickEventPropagation,
-        stopESCKeyDownEventPropagation = opts.stopESCKeyDownEventPropagation,
-        hideFilterPopupHeader = opts.hideFilterPopupHeader,
-        getPopupParent = opts.getPopupParent;
+      defaultFilters = opts.defaultFilters,
+      onChangeFilters = opts.onChangeFilters,
+      keepDataSource = opts.keepDataSource,
+      mode = opts.mode,
+      filterIcon = opts.filterIcon,
+      stopClickEventPropagation = opts.stopClickEventPropagation,
+      stopESCKeyDownEventPropagation = opts.stopESCKeyDownEventPropagation,
+      hideFilterPopupHeader = opts.hideFilterPopupHeader,
+      getPopupParent = opts.getPopupParent;
     var inputFilters = (_b = (_a = filters !== null && filters !== void 0 ? filters : pipeline.getStateAtKey(stateKey)) !== null && _a !== void 0 ? _a : defaultFilters) !== null && _b !== void 0 ? _b : [];
     inputFilters = mode === 'single' ? (0, _slice.default)(inputFilters).call(inputFilters, 0, 1) : inputFilters;
     var inputFiltersMap = new _map.default((0, _map2.default)(inputFilters).call(inputFilters, function (filterItem) {
       return [filterItem.code, (0, _extends2.default)({}, filterItem)];
     }));
     var localeText = pipeline.ctx.localeText;
-
     function processColumns(columns) {
       return (0, _map2.default)(columns).call(columns, dfs);
-
       function dfs(col) {
         var _a, _b, _c, _d, _e, _f, _g;
-
         var result = (0, _extends2.default)({}, col);
         var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
         var filterActive = filterable && ((_c = (_b = inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)) === null || _b === void 0 ? void 0 : (0, _filter.default)(_b)) === null || _c === void 0 ? void 0 : _c.length) > 0;
-
         if (filterable) {
           var _cx;
-
           var handleFilterChanged = function handleFilterChanged(filterItem) {
             var nextFiltersMap = new _map.default(inputFiltersMap);
             var currentFilter = (0, _extends2.default)({
               code: col.code
             }, filterItem);
-
             if (filterItem == null) {
               nextFiltersMap.delete(col.code);
             } else {
               if (mode === 'single') {
                 nextFiltersMap.clear();
               }
-
               nextFiltersMap.set(col.code, currentFilter);
             }
-
             var nextFilters = (0, _from.default)((0, _values.default)(nextFiltersMap).call(nextFiltersMap));
             onChangeFilters === null || onChangeFilters === void 0 ? void 0 : onChangeFilters(nextFilters, currentFilter);
             pipeline.setStateAtKey(stateKey, nextFilters);
           };
-
           var setFilter = function setFilter(filter, filterCondition) {
             handleFilterChanged(!filter ? undefined : {
               code: col.code,
@@ -106,10 +77,8 @@ function filter() {
               filterCondition: filterCondition
             });
           };
-
           var filterPanel = (_d = col.features) === null || _d === void 0 ? void 0 : _d.filterPanel;
           var colFilterIcon = (_f = (_e = col.features) === null || _e === void 0 ? void 0 : _e.filterIcon) !== null && _f !== void 0 ? _f : filterIcon;
-
           var _Filter = /*#__PURE__*/_react.default.createElement(_filter2.Filter, {
             key: "".concat(col.code, "_filter"),
             FilterPanelContent: filterPanel,
@@ -125,47 +94,38 @@ function filter() {
             getPopupParent: getPopupParent,
             localeText: localeText
           });
-
           if (col.renderHeader) {
             result.title = col.renderHeader(result.title, _Filter);
           } else {
             var _context, _context2;
-
             result.title = (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)((0, _concat.default)(_context2 = []).call(_context2, (_g = result.title) !== null && _g !== void 0 ? _g : [_internals.internals.safeRenderHeader((0, _extends2.default)({}, col))])), [_Filter]);
-          } // result.headerCellProps = mergeCellProps(col.headerCellProps, {
+          }
+          // result.headerCellProps = mergeCellProps(col.headerCellProps, {
           //   style: {
           //     paddingRight: '18px'
           //   }
           // })
-
         }
 
         if (!(0, _utils.isLeafNode)(col)) {
           var _context3;
-
           result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);
         }
-
         return result;
       }
     }
-
     function processDataSource(dataSource) {
       var _context4, _context5;
-
       var filtersKeys = [];
       inputFiltersMap.forEach(function (value, key) {
         filtersKeys.push(key);
       });
-
       if (keepDataSource || filtersKeys.length <= 0) {
         return dataSource;
       }
-
       var columns = pipeline.getColumns();
       var columnsMap = new _map.default((0, _map2.default)(_context4 = (0, _filter.default)(_context5 = (0, _utils.collectNodes)(columns, 'leaf-only')).call(_context5, function (col) {
         var _a, _b;
-
         return ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable) !== false && ((_b = col.features) === null || _b === void 0 ? void 0 : _b.filterable) != null;
       })).call(_context4, function (col) {
         return [col.code, col];
@@ -173,15 +133,12 @@ function filter() {
       var defaultFilterOptionsMap = new _map.default((0, _map2.default)(_filter2.DEFAULT_FILTER_OPTIONS).call(_filter2.DEFAULT_FILTER_OPTIONS, function (item) {
         return [item.key, (0, _extends2.default)({}, item)];
       }));
-
       function isMatchedFilterCondition(record) {
         return filtersKeys.every(function (key) {
           var _a, _b;
-
           var filterItem = inputFiltersMap.get(key);
           var filterable = (_b = (_a = columnsMap.get(key)) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.filterable;
           var comparisonFn;
-
           if (typeof filterable === 'function') {
             comparisonFn = filterable;
           } else if (defaultFilterOptionsMap.get(filterItem.filterCondition)) {
@@ -190,34 +147,26 @@ function filter() {
             console.warn("\u5217[".concat(key, "]\u672A\u914D\u7F6E\u7B5B\u9009\u51FD\u6570\uFF0C\u8BF7\u8BBE\u7F6E column.features.filterable \u6765\u4F5C\u4E3A\u8BE5\u5217\u7684\u7B5B\u9009\u51FD\u6570, \u76EE\u524D\u4F7F\u7528\u9ED8\u8BA4\u5305\u542B\u7B5B\u9009\u51FD\u6570"));
             comparisonFn = (0, _filter.default)(defaultFilterOptionsMap.get('contain'));
           }
-
           return comparisonFn((0, _filter.default)(filterItem), filterItem)(_internals.internals.safeGetValue(columnsMap.get(key), record, -1), record);
         });
       }
-
       return layeredFilter(dataSource, isMatchedFilterCondition);
     }
-
     pipeline.dataSource(processDataSource(dataSource));
     pipeline.columns(processColumns(columns));
     return pipeline;
   };
 }
-
 function layeredFilter(array, matchFn) {
   return dfs(array);
-
   function dfs(rows) {
     var _context6;
-
     var parentMatched = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return (0, _filter.default)(_context6 = (0, _map2.default)(rows).call(rows, function (row) {
       var currentMatched = matchFn(row);
-
       if ((0, _utils.isLeafNode)(row)) {
         return (parentMatched || currentMatched) && (0, _extends2.default)({}, row);
       }
-
       var children = row.children;
       var rowAfterFilterChildren = (0, _extends2.default)((0, _extends2.default)({}, row), {
         children: dfs(children, parentMatched || currentMatched)

package/lib/table/pipeline/features/columnHover.js

@@ -1,44 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.columnHover = columnHover;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _utils = require("../../utils");
-
 function columnHover() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var stateKey = 'columnHover';
   return function (pipeline) {
     var _a, _b, _c, _d;
-
     var hoverColor = (_a = opts.hoverColor) !== null && _a !== void 0 ? _a : 'var(--hover-bgcolor)';
     var hoverColIndex = (_d = (_c = (_b = opts.hoverColIndex) !== null && _b !== void 0 ? _b : pipeline.getStateAtKey(stateKey)) !== null && _c !== void 0 ? _c : opts.defaultHoverColIndex) !== null && _d !== void 0 ? _d : -1;
-
     var onChangeHoverColIndex = function onChangeHoverColIndex(nextColIndex) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndex);
       (_a = opts.onChangeHoverColIndex) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndex);
     };
-
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var range = {
         start: startIndex,
         end: endIndex
       };
-
       if (!(0, _utils.isLeafNode)(col)) {
         return col;
       }
-
       var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {

package/lib/table/pipeline/features/columnRangeHover.js

@@ -1,52 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.columnRangeHover = columnRangeHover;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _utils = require("../../utils");
-
 var EMPTY_RANGE = {
   start: -1,
   end: -1
 };
-
 function columnRangeHover() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var stateKey = 'columnHover';
   return function columnRangeHoverStep(pipeline) {
     var _a, _b, _c, _d, _e;
-
     var hoverRange = (_c = (_b = (_a = opts.hoverRange) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultHoverRange) !== null && _c !== void 0 ? _c : EMPTY_RANGE;
     var hoverColor = (_d = opts.hoverColor) !== null && _d !== void 0 ? _d : 'var(--hover-bgcolor)';
     var headerHoverColor = (_e = opts.headerHoverColor) !== null && _e !== void 0 ? _e : 'var(--header-hover-bgcolor)';
-
     var onChangeHoverRange = function onChangeHoverRange(nextColIndexRange) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndexRange);
       (_a = opts.onChangeHoverRange) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndexRange);
     };
-
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var colRange = {
         start: startIndex,
         end: endIndex
       };
       var match = colRange.end > hoverRange.start && hoverRange.end > colRange.start;
-
       if (!(0, _utils.isLeafNode)(col)) {
         if (headerHoverColor == null) {
           return col;
         }
-
         return (0, _extends2.default)((0, _extends2.default)({}, col), {
           headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
             onMouseEnter: function onMouseEnter() {
@@ -61,7 +50,6 @@ function columnRangeHover() {
           })
         });
       }
-
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {

package/lib/table/pipeline/features/columnResizeWidth.js

@@ -1,63 +1,40 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = exports.COLUMN_SIZE_KEY = void 0;
 exports.columnResize = columnResize;
-
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _rxjs = require("rxjs");
-
 var op = _interopRequireWildcard(require("rxjs/operators"));
-
 var _utils = require("../../utils");
-
 var _internals = require("../../internals");
-
 var _styles = require("../../base/styles");
-
+var _touchEventUtils = require("./utils/touchEventUtils");
 var _templateObject, _templateObject2;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  right: -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    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
-
 var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
   return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
 })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
-
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));
 }
-
 function disableSelect(event) {
   event.preventDefault();
 }
-
 var stateKey = 'columnResize';
 var COLUMN_SIZE_KEY = 'columnResize';
 exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
@@ -65,24 +42,19 @@ var RESIZED_COLUMN_KEY = 'resizedColumn';
 exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
 var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
 exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
-
 function columnResize() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _a, _b, _c;
-
   var minSize = (_a = opts.minSize) !== null && _a !== void 0 ? _a : 60;
   var fallbackSize = (_b = opts.fallbackSize) !== null && _b !== void 0 ? _b : 150;
   var maxSize = (_c = opts.maxSize) !== null && _c !== void 0 ? _c : 1000;
   return function columnResizeFeature(pipeline) {
     var _a, _b;
-
     var columnSize = (_b = (_a = opts.columnSize) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : {};
     var leafColumns = (0, _utils.collectNodes)(pipeline.getColumns(), 'leaf-only');
     leafColumns.forEach(function (_ref) {
       var code = _ref.code,
-          width = _ref.width;
-
+        width = _ref.width;
       if (columnSize[code] === undefined) {
         if (typeof width === 'number') {
           columnSize[code] = width;
@@ -90,47 +62,56 @@ function columnResize() {
           columnSize[code] = fallbackSize;
         }
       }
-    }); // 实时存储一份最新的columnSize，与autoFill共用一份数据
+    });
+    // 实时存储一份最新的columnSize，与autoFill共用一份数据
     // 存在state里可能存到取不到最新的
-
     pipeline.setFeatureOptions(COLUMN_SIZE_KEY, columnSize);
-
     var onChangeSize = function onChangeSize(nextColumnSize) {
       window.requestAnimationFrame(function () {
         var _a;
-
         pipeline.setStateAtKey(stateKey, nextColumnSize);
         (_a = opts === null || opts === void 0 ? void 0 : opts.onChangeSize) === null || _a === void 0 ? void 0 : _a.call(opts, nextColumnSize);
       });
     };
-
     var handleDoubleClick = function handleDoubleClick(e, col) {
       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 = (0, _touchEventUtils.getEventCoordinates)(startEvent);
+      var startX = startCoordinates.clientX;
       var children = col.children,
-          code = col.code,
-          _col$features = col.features,
-          features = _col$features === void 0 ? {} : _col$features;
+        code = col.code,
+        _col$features = col.features,
+        features = _col$features === void 0 ? {} : _col$features;
       var minWidth = features.minWidth,
-          maxWidth = features.maxWidth;
+        maxWidth = features.maxWidth;
       var realMinSize = typeof minWidth === 'number' ? minWidth : minSize;
       var realMaxSize = typeof maxWidth === 'number' ? maxWidth : maxSize;
       var columnSize = pipeline.getFeatureOptions(COLUMN_SIZE_KEY);
       var recordColumnSize = columnSize;
-      e.stopPropagation();
-      var nextSize$ = (0, _rxjs.fromEvent)(window, 'mousemove').pipe(op.takeUntil((0, _rxjs.fromEvent)(window, 'mouseup')), op.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$ = (0, _rxjs.fromEvent)(window, moveEventName, moveEventOptions).pipe(op.takeUntil((0, _rxjs.fromEvent)(window, endEventName, endEventOptions)), op.map(function (e) {
+        // 触摸事件需要阻止默认行为，防止页面滚动
+        if (eventType === 'touch' && e.cancelable) {
+          e.preventDefault();
+        }
+        var coordinates = (0, _touchEventUtils.getEventCoordinates)(e);
+        var movingX = coordinates.clientX;
         var nextColumnSize = (0, _extends2.default)({}, columnSize);
         var deltaSum = movingX - startX;
         var deltaRemaining = deltaSum;
-
         if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
           var leafChildColumns = (0, _utils.collectNodes)(children, 'leaf-only');
           var childrenWidthSum = leafChildColumns.reduce(function (sum, _ref2) {
@@ -141,7 +122,6 @@ function columnResize() {
             var code = _ref3.code;
             var startSize = columnSize[code];
             var currentDeltaWidth = Math.round(deltaSum * startSize / childrenWidthSum);
-
             if (index < leafChildColumns.length - 1) {
               nextColumnSize[code] = clamp(realMinSize, startSize + currentDeltaWidth, realMaxSize);
               changedColumnSize[code] = nextColumnSize[code];
@@ -156,14 +136,13 @@ function columnResize() {
           nextColumnSize[code] = clamp(realMinSize, startSize + deltaSum, realMaxSize);
           changedColumnSize[code] = nextColumnSize[code];
         }
-
         recordColumnSize = nextColumnSize;
         return nextColumnSize;
       }));
       nextSize$.subscribe({
         next: function next(nextColumnSize) {
-          onChangeSize(nextColumnSize); // 由于COLUMN_RESIZE_KEY记录的是全量的列宽，此处记录被改变过的列宽
-
+          onChangeSize(nextColumnSize);
+          // 由于COLUMN_RESIZE_KEY记录的是全量的列宽，此处记录被改变过的列宽
           var resizedColumnSet = pipeline.getFeatureOptions(RESIZED_COLUMN_KEY) || new _set.default();
           (0, _keys.default)(changedColumnSize).forEach(function (code) {
             resizedColumnSet.add(code, changedColumnSize[code]);
@@ -173,7 +152,6 @@ function columnResize() {
         },
         complete: function complete() {
           var _context;
-
           var changedColumnSizes = (0, _map.default)(_context = (0, _keys.default)(changedColumnSize)).call(_context, function (code) {
             return {
               code: code,
@@ -182,23 +160,32 @@ function columnResize() {
           });
           window.requestAnimationFrame(function () {
             var _a;
-
             (_a = opts === null || opts === void 0 ? void 0 : opts.afterChangeSize) === null || _a === void 0 ? void 0 : _a.call(opts, recordColumnSize, changedColumnSizes);
           });
           window.removeEventListener('selectstart', disableSelect);
         }
       });
     };
-
+    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 = (0, _utils.isGroupColumn)(pipeline.getColumns());
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
       var _a;
-
       var prevTitle = _internals.internals.safeRenderHeader(col);
-
       var code = col.code,
-          features = col.features,
-          width = col.width;
+        features = col.features,
+        width = col.width;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
         title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
@@ -208,6 +195,9 @@ function columnResize() {
           },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, col);
           }
         }) : /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, {
           className: _styles.Classes.tableHeaderCellResize,
@@ -216,6 +206,9 @@ function columnResize() {
           },
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return handleTouchStart(e, col);
           }
         }))),
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {