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

package/es/table/pipeline/features/utils/touchEventUtils.js

@@ -0,0 +1,65 @@
+// 统一获取事件坐标的函数
+export 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
+    };
+  }
+}
+// 获取事件目标元素
+export 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;
+}
+// 判断是否为触摸事件
+export function isTouchEvent(event) {
+  return 'touches' in event;
+}
+// 为元素添加统一的指针事件监听器
+export 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);
+  }
+}
+// 移除统一的指针事件监听器
+export 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);
+  }
+}
+// 检查是否移动了足够的距离（用于区分点击和拖拽）
+export 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;
+}

package/es/table/pipeline/pipeline.js

@@ -21,16 +21,13 @@ import { autoFillTableWidth, tableWidthKey } from './features/autoFill';
  *
  * 4. snapshots，调用 pipeline.snapshot(name) 可以记录当前的状态，后续可以通过 name 来读取保存的状态
  * */
-
 export var TablePipeline = /*#__PURE__*/function () {
   function TablePipeline(_ref) {
     var state = _ref.state,
-        setState = _ref.setState,
-        ctx = _ref.ctx,
-        ref = _ref.ref;
-
+      setState = _ref.setState,
+      ctx = _ref.ctx,
+      ref = _ref.ref;
     _classCallCheck(this, TablePipeline);
-
     this._snapshots = {};
     this._rowPropsGetters = [];
     this._tableProps = {};
@@ -41,25 +38,21 @@ export var TablePipeline = /*#__PURE__*/function () {
     this.state = state;
     this.setState = setState;
     this.ref = ref;
-
     _extends(this.ctx, ctx);
-  } // Generate a pseudo-GUID by concatenating random hexadecimal.
-
-
+  }
+  // Generate a pseudo-GUID by concatenating random hexadecimal.
   _createClass(TablePipeline, [{
     key: "guid",
     value: function guid() {
       function S4() {
         return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
       }
-
       return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
     }
   }, {
     key: "appendRowPropsGetter",
     value: function appendRowPropsGetter(getter) {
       this._rowPropsGetters.push(getter);
-
       return this;
     }
   }, {
@@ -99,11 +92,9 @@ export var TablePipeline = /*#__PURE__*/function () {
     key: "getStateAtKey",
     value: function getStateAtKey(stateKey, defaultValue) {
       var _a;
-
       return (_a = this.state[stateKey]) !== null && _a !== void 0 ? _a : defaultValue;
     }
     /** 将 stateKey 对应的状态设置为 partialState  */
-
   }, {
     key: "setStateAtKey",
     value: function setStateAtKey(stateKey, partialState, extraInfo) {
@@ -112,29 +103,24 @@ export var TablePipeline = /*#__PURE__*/function () {
       }, stateKey, partialState, extraInfo);
     }
     /** 确保 primaryKey 已被设置，并返回 primaryKey  */
-
   }, {
     key: "ensurePrimaryKey",
     value: function ensurePrimaryKey(hint) {
       if (this.ctx.primaryKey == null) {
         throw new Error(hint ? "\u4F7F\u7528 ".concat(hint, " \u4E4B\u524D\u5FC5\u987B\u5148\u8BBE\u7F6E primaryKey") : '必须先设置 primaryKey');
       }
-
       return this.ctx.primaryKey;
     }
     /** 设置流水线的输入数据 */
-
   }, {
     key: "input",
     value: function input(_input) {
       var _context,
-          _this = this;
-
+        _this = this;
       if (this._dataSource != null || this._columns != null) {
         throw new Error('input 不能调用两次');
-      } // 在 pipeline 中识别本次更新是否有数据变化
-
-
+      }
+      // 在 pipeline 中识别本次更新是否有数据变化
       this._isSameInputDataSource = _input.dataSource === this.ref.current._lastInputDataSource;
       this._dataSource = _input.dataSource;
       this.ref.current._lastInputDataSource = _input.dataSource;
@@ -147,7 +133,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 dataSource */
-
   }, {
     key: "dataSource",
     value: function dataSource(rows) {
@@ -155,7 +140,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 columns */
-
   }, {
     key: "columns",
     value: function columns(cols) {
@@ -163,7 +147,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置主键 */
-
   }, {
     key: "primaryKey",
     value: function primaryKey(key) {
@@ -171,7 +154,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置页脚数据 */
-
   }, {
     key: "footerDataSource",
     value: function footerDataSource(rows) {
@@ -179,12 +161,10 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 保存快照 */
-
   }, {
     key: "snapshot",
     value: function snapshot(name) {
       var _context2;
-
       this._snapshots[name] = {
         dataSource: this._dataSource,
         columns: this._columns,
@@ -194,7 +174,6 @@ export var TablePipeline = /*#__PURE__*/function () {
     }
     /** @deprecated
      *  应用一个 kd-table Table transform */
-
   }, {
     key: "useTransform",
     value: function useTransform(transform) {
@@ -205,63 +184,52 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this.dataSource(next.dataSource).columns(next.columns);
     }
     /** 使用 pipeline 功能拓展 */
-
   }, {
     key: "use",
     value: function use(step) {
       return step(this);
     }
     /** 转换 dataSource */
-
   }, {
     key: "mapDataSource",
     value: function mapDataSource(mapper) {
       return this.dataSource(mapper(this.getDataSource()));
     }
     /** 转换 columns */
-
   }, {
     key: "mapColumns",
     value: function mapColumns(mapper) {
       return this.columns(mapper(this.getColumns()));
     }
     /** 获取featureOptions 内容 */
-
   }, {
     key: "getFeatureOptions",
     value: function getFeatureOptions(optionKey) {
       var _a;
-
       return (_a = this.ref.current.featureOptions) === null || _a === void 0 ? void 0 : _a[optionKey];
     }
     /** 设置pipelineOptions 内容 */
-
   }, {
     key: "setFeatureOptions",
     value: function setFeatureOptions(optionKey, value) {
       this.ref.current.featureOptions[optionKey] = value;
     }
     /** 获取 BaseTable 的 props，结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
-
   }, {
     key: "getProps",
     value: function getProps() {
       var _this2 = this;
-
       this.use(autoFillTableWidth());
       var result = {
         dataSource: this._dataSource,
         columns: this._columns
       };
-
       if (this.ctx.primaryKey) {
         result.primaryKey = this.ctx.primaryKey;
       }
-
       if (this._footerDataSource) {
         result.footerDataSource = this._footerDataSource;
       }
-
       if (this._rowPropsGetters.length > 0) {
         result.getRowProps = function (row, rowIndex) {
           return _this2._rowPropsGetters.reduce(function (res, get) {
@@ -269,31 +237,24 @@ export var TablePipeline = /*#__PURE__*/function () {
           }, {});
         };
       }
-
       result.getTableProps = function () {
         return _this2._tableProps;
       };
-
       result.setTableWidth = function (tableWidth) {
         var preTableWidth = _this2.getStateAtKey(tableWidthKey);
-
         if (preTableWidth !== tableWidth) {
           tableWidth && _this2.setStateAtKey(tableWidthKey, tableWidth);
         }
       };
-
       result.setTableDomHelper = function (domHelper) {
         _this2.ref.current.domHelper = domHelper;
       };
-
       result.setRowHeightManager = function (rowHeightManager) {
         _this2.ref.current.rowHeightManager = rowHeightManager;
       };
-
       return result;
     }
   }]);
-
   return TablePipeline;
 }();
 TablePipeline.defaultIndents = {
@@ -304,10 +265,9 @@ TablePipeline.defaultIndents = {
 };
 export function useTablePipeline(ctx) {
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var ref = useRef({
     featureOptions: {}
   });

package/es/table/pivot/cross-table/buildCrossTable.js

@@ -1,43 +1,34 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { var _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context4 = Object.prototype.toString.call(o)).call(_context4, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import { getTreeDepth, isLeafNode } from '../../utils';
 import { ROW_KEY } from './constants';
 export default function buildCrossTable(options) {
   var _a, _b, _c;
-
   var leftTotalNode = options.leftTotalNode,
-      topTotalNode = options.topTotalNode; // 有的时候 leftTree/topTree 是通过 node.children 传入的
+    topTotalNode = options.topTotalNode;
+  // 有的时候 leftTree/topTree 是通过 node.children 传入的
   // 此时 leftTree/topTree 等于 null 和等于空数组是等价的
   // 故在这里兼容 leftTree/topTree 为空的情况
-
   var leftTree = (_a = options.leftTree) !== null && _a !== void 0 ? _a : [];
   var topTree = (_b = options.topTree) !== null && _b !== void 0 ? _b : [];
   var leftMetaColumns = (_c = options.leftMetaColumns) !== null && _c !== void 0 ? _c : [];
@@ -47,24 +38,17 @@ export default function buildCrossTable(options) {
     dataSource: getDataSource()
   };
   /** 获取表格的列配置 */
-
   function getColumns() {
     var _context;
-
     return _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(getLeftPartColumns()), _toConsumableArray(getDataPartColumns()));
-
     function getLeftPartColumns() {
       var _a;
-
       var leftPartColumns = [];
-
       for (var index = 0; index < leftHeaderWidth; index++) {
         var metaCol = (_a = leftMetaColumns[index]) !== null && _a !== void 0 ? _a : {};
-
         var getCellProps = metaCol.getCellProps,
-            render = metaCol.render,
-            staticMetaColConfig = __rest(metaCol, ["getCellProps", "render"]);
-
+          render = metaCol.render,
+          staticMetaColConfig = __rest(metaCol, ["getCellProps", "render"]);
         leftPartColumns.push(_extends(_extends({
           columnType: 'left',
           lock: true
@@ -75,48 +59,37 @@ export default function buildCrossTable(options) {
           render: leftHeaderRenderFactory(metaCol, index)
         }));
       }
-
       return leftPartColumns;
-
       function leftHeaderGetCellPropsFactory(metaCol, colIndex) {
         return function (_value, row, rowIndex) {
           var _a;
-
           var node = row.nodes[colIndex];
           return (_a = metaCol.getCellProps) === null || _a === void 0 ? void 0 : _a.call(metaCol, node, colIndex);
         };
       }
-
       function leftHeaderGetSpanRectFactory(metaCol, colIndex) {
         return function (_value, row) {
           return row.rects[colIndex];
         };
       }
-
       function leftHeaderGetValueFactory(metaCol, colIndex) {
         return function (row, rowIndex) {
           var node = row.nodes[colIndex];
           return node.value;
         };
       }
-
       function leftHeaderRenderFactory(metaCol, colIndex) {
         return function (v, row, rowIndex) {
           var _a;
-
           var node = row.nodes[colIndex];
-
           if (metaCol.render) {
             return metaCol.render(node, colIndex);
           }
-
           return (_a = node.title) !== null && _a !== void 0 ? _a : node.value;
         };
       }
     }
     /** 获取表格数据部分的列配置 */
-
-
     function getDataPartColumns() {
       if (topTree.length > 0) {
         return dfs(topTree, {
@@ -131,29 +104,25 @@ export default function buildCrossTable(options) {
       } else {
         return [];
       }
-
       function dfs(nodes, ctx) {
         var result = [];
-
         var _iterator = _createForOfIteratorHelper(nodes),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
             ctx.valuePath.push(node.value);
-
             if (isLeafNode(node)) {
               // 叶子节点
               result.push(getDataColumn(node, ctx.depth));
             } else {
               var key = node.key,
-                  value = node.value,
-                  children = node.children,
-                  others = __rest(node // 强制展开的节点
-              , ["key", "value", "children"]); // 强制展开的节点
-
-
+                value = node.value,
+                children = node.children,
+                others = __rest(node
+                // 强制展开的节点
+                , ["key", "value", "children"]);
+              // 强制展开的节点
               result.push(_extends(_extends({
                 columnType: 'data-parent'
               }, others), {
@@ -164,7 +133,6 @@ export default function buildCrossTable(options) {
                 })
               }));
             }
-
             ctx.valuePath.pop();
           }
         } catch (err) {
@@ -172,23 +140,19 @@ export default function buildCrossTable(options) {
         } finally {
           _iterator.f();
         }
-
         return result;
       }
     }
-
     function getDataColumn(topNode, topDepth) {
       var columnGetValue = function columnGetValue(row) {
         var leftDepth = row.nodes.length - 1;
         var leftNode = row.nodes[leftDepth];
         return options.getValue(leftNode, topNode, leftDepth, topDepth);
       };
-
       var key = topNode.key,
-          value = topNode.value,
-          children = topNode.children,
-          others = __rest(topNode, ["key", "value", "children"]);
-
+        value = topNode.value,
+        children = topNode.children,
+        others = __rest(topNode, ["key", "value", "children"]);
       return _extends(_extends({
         columnType: 'data'
       }, others), {
@@ -201,7 +165,6 @@ export default function buildCrossTable(options) {
             var leftNode = row.nodes[leftDepth];
             return options.render(value, leftNode, topNode, leftDepth, topDepth);
           }
-
           return value;
         },
         getCellProps: function getCellProps(value, row) {
@@ -214,7 +177,6 @@ export default function buildCrossTable(options) {
       });
     }
   }
-
   function getDataSource() {
     var flatRows = [];
     var ctx = {
@@ -223,33 +185,24 @@ export default function buildCrossTable(options) {
       rects: [],
       rowIndex: 0
     };
-
     if (leftTree.length > 0) {
       dfs(leftTree, ctx);
     } else if (leftTotalNode) {
       dfs([leftTotalNode], ctx);
     } // else 表格没有行，展示空表格
-
-
     return flatRows;
-
     function dfs(nodes, ctx) {
       var count = 0;
-
       var _iterator2 = _createForOfIteratorHelper(nodes),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var _context2, _context3, _row;
-
           var node = _step2.value;
-
           if (node.hidden) {
             // 跳过被隐藏的节点
             continue;
           }
-
           var rect = {
             top: ctx.rowIndex + count,
             bottom: -1,
@@ -257,7 +210,6 @@ export default function buildCrossTable(options) {
             right: -1
           };
           var row = (_row = {}, _defineProperty(_row, ROW_KEY, node.key), _defineProperty(_row, "rects", _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(ctx.rects), [rect])), _defineProperty(_row, "nodes", _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(ctx.nodes), [node])), _row);
-
           if (isLeafNode(node)) {
             rect.right = leftHeaderWidth;
             rect.bottom = rect.top + 1;
@@ -284,7 +236,6 @@ export default function buildCrossTable(options) {
       } finally {
         _iterator2.f();
       }
-
       return {
         count: count
       };

package/es/table/pivot/cross-table/cross-table.js

@@ -1,50 +1,44 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React from 'react';
 import { Table } from '../../base';
 import buildCrossTable from './buildCrossTable';
 import { ROW_KEY } from './constants';
 export default (function CrossTable(_a) {
   var _a$BaseTableComponent = _a.BaseTableComponent,
-      BaseTableComponent = _a$BaseTableComponent === void 0 ? Table : _a$BaseTableComponent,
-      leftTree = _a.leftTree,
-      leftTotalNode = _a.leftTotalNode,
-      topTree = _a.topTree,
-      topTotalNode = _a.topTotalNode,
-      getValue = _a.getValue,
-      getCellProps = _a.getCellProps,
-      leftMetaColumns = _a.leftMetaColumns,
-      render = _a.render,
-      baseTableRef = _a.baseTableRef,
-      others = __rest(_a, ["BaseTableComponent", "leftTree", "leftTotalNode", "topTree", "topTotalNode", "getValue", "getCellProps", "leftMetaColumns", "render", "baseTableRef"]);
-
+    BaseTableComponent = _a$BaseTableComponent === void 0 ? Table : _a$BaseTableComponent,
+    leftTree = _a.leftTree,
+    leftTotalNode = _a.leftTotalNode,
+    topTree = _a.topTree,
+    topTotalNode = _a.topTotalNode,
+    getValue = _a.getValue,
+    getCellProps = _a.getCellProps,
+    leftMetaColumns = _a.leftMetaColumns,
+    render = _a.render,
+    baseTableRef = _a.baseTableRef,
+    others = __rest(_a, ["BaseTableComponent", "leftTree", "leftTotalNode", "topTree", "topTotalNode", "getValue", "getCellProps", "leftMetaColumns", "render", "baseTableRef"]);
   var _buildCrossTable = buildCrossTable({
-    leftTree: leftTree,
-    topTree: topTree,
-    leftTotalNode: leftTotalNode,
-    topTotalNode: topTotalNode,
-    getValue: getValue,
-    getCellProps: getCellProps,
-    render: render,
-    leftMetaColumns: leftMetaColumns
-  }),
-      dataSource = _buildCrossTable.dataSource,
-      columns = _buildCrossTable.columns;
-
+      leftTree: leftTree,
+      topTree: topTree,
+      leftTotalNode: leftTotalNode,
+      topTotalNode: topTotalNode,
+      getValue: getValue,
+      getCellProps: getCellProps,
+      render: render,
+      leftMetaColumns: leftMetaColumns
+    }),
+    dataSource = _buildCrossTable.dataSource,
+    columns = _buildCrossTable.columns;
   return /*#__PURE__*/React.createElement(BaseTableComponent, _extends({
     ref: baseTableRef
   }, others, {