@kdcloudjs/table 1.0.0

package/es/table/pivot/pivot-utils/convert-utils.js

@@ -0,0 +1,180 @@
+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";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { 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 = _getIterator(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 _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context3 = Object.prototype.toString.call(o)).call(_context3, 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 _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import React from 'react';
+import { noop } from 'rxjs';
+import styled from 'styled-components';
+import { icons } from '../../common-views';
+import { isLeafNode } from '../../utils';
+import simpleEncode from './simpleEncode';
+var ExpandSpan = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px 2px 0;\n  cursor: pointer;\n\n  .icon {\n    fill: #999;\n    margin-right: 4px;\n\n    &.expanded {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])));
+export function convertDrillTreeToCrossTree(drillTree) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      indicators = _ref.indicators,
+      _ref$encode = _ref.encode,
+      encode = _ref$encode === void 0 ? simpleEncode : _ref$encode,
+      generateSubtotalNode = _ref.generateSubtotalNode,
+      _ref$enforceExpandTot = _ref.enforceExpandTotalNode,
+      enforceExpandTotalNode = _ref$enforceExpandTot === void 0 ? true : _ref$enforceExpandTot,
+      expandKeys = _ref.expandKeys,
+      _ref$onChangeExpandKe = _ref.onChangeExpandKeys,
+      onChangeExpandKeys = _ref$onChangeExpandKe === void 0 ? noop : _ref$onChangeExpandKe,
+      supportsExpand = _ref.supportsExpand;
+
+  var totalKey = encode([]);
+
+  if (supportsExpand && expandKeys == null) {
+    throw new Error('[ali-react-table] convertDrillTreeToCrossTree(...) 设置 supportsExpand=true 时，expandKeys 不能为 null/undefined.');
+  }
+
+  var expandKeySet = new _Set(expandKeys);
+  return dfs(drillTree, 0);
+  /** 在 indicators 非空的情况下获取指标对应的 CrossTreeNode */
+
+  function getIndicators(node, nodeData) {
+    return _mapInstanceProperty(indicators).call(indicators, function (indicator) {
+      var _context;
+
+      return _extends({
+        key: encode(_concatInstanceProperty(_context = node.path).call(_context, [indicator.code])),
+        value: indicator.name,
+        data: _extends(_extends({}, nodeData), {
+          indicator: indicator
+        })
+      }, indicator);
+    });
+  }
+
+  function drillNodeToTreeNode(node, nodeData) {
+    if (indicators != null) {
+      return {
+        key: node.key,
+        value: node.value,
+        data: nodeData,
+        children: getIndicators(node, nodeData)
+      };
+    } else {
+      return {
+        key: node.key,
+        value: node.value,
+        data: nodeData
+      };
+    }
+  }
+
+  function dfs(drillNodes, depth) {
+    var result = [];
+
+    var _iterator = _createForOfIteratorHelper(drillNodes),
+        _step;
+
+    try {
+      var _loop = function _loop() {
+        var node = _step.value;
+        var nodeData = {
+          dataKey: node.key,
+          dataPath: node.path
+        };
+
+        if (isLeafNode(node) && !node.hasChild) {
+          result.push(drillNodeToTreeNode(node, nodeData));
+        } else {
+          var needProcessChildren = true;
+          var crossTreeNode = {
+            key: node.key,
+            value: node.value,
+            data: nodeData
+          };
+
+          if (!supportsExpand || enforceExpandTotalNode && node.key === totalKey) {
+            // 不支持展开功能 或是强制展开
+            crossTreeNode.children = dfs(node.children, depth + 1);
+          } else if (expandKeySet.has(node.key)) {
+            // 展开的父节点
+            // @ts-ignore
+            crossTreeNode.title = /*#__PURE__*/React.createElement(ExpandSpan, {
+              onClick: function onClick() {
+                onChangeExpandKeys(_filterInstanceProperty(expandKeys).call(expandKeys, function (k) {
+                  return k !== node.key;
+                }), node, 'collapse');
+              }
+            }, /*#__PURE__*/React.createElement(icons.CaretRight, {
+              className: "icon expanded"
+            }), node.value);
+            crossTreeNode.children = dfs(node.children, depth + 1);
+          } else {
+            // 收拢的父节点
+            needProcessChildren = false;
+            crossTreeNode.title = /*#__PURE__*/React.createElement(ExpandSpan, {
+              onClick: function onClick() {
+                onChangeExpandKeys(_concatInstanceProperty(expandKeys).call(expandKeys, [node.key]), node, 'expand');
+              }
+            }, /*#__PURE__*/React.createElement(icons.CaretRight, {
+              className: "icon collapsed"
+            }), node.value);
+
+            if (indicators != null) {
+              crossTreeNode.children = getIndicators(node, nodeData);
+            }
+          }
+
+          if (needProcessChildren) {
+            var subtotalNodeData = generateSubtotalNode === null || generateSubtotalNode === void 0 ? void 0 : generateSubtotalNode(node);
+
+            if (subtotalNodeData) {
+              var _context2;
+
+              var _subtotalNodeData$pos = subtotalNodeData.position,
+                  position = _subtotalNodeData$pos === void 0 ? 'start' : _subtotalNodeData$pos,
+                  value = subtotalNodeData.value;
+
+              var subtotalPath = _concatInstanceProperty(_context2 = node.path).call(_context2, [value]);
+
+              var subtotalDrillNode = {
+                key: encode(subtotalPath),
+                path: subtotalPath,
+                value: value
+              };
+              var subtotalTreeNode = drillNodeToTreeNode(subtotalDrillNode, nodeData);
+
+              if (position === 'start') {
+                crossTreeNode.children.unshift(subtotalTreeNode);
+              } else {
+                crossTreeNode.children.push(subtotalTreeNode);
+              }
+            }
+          }
+
+          result.push(crossTreeNode);
+        }
+      };
+
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        _loop();
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return result;
+  }
+}

package/es/table/pivot/pivot-utils/index.d.ts

@@ -0,0 +1,5 @@
+export { buildRecordMatrix, BuildRecordMatrixConfig, buildRecordMap } from './builders';
+export { default as buildDrillTree, BuildDrillTreeOptions } from './buildDrillTree';
+export { default as simpleEncode } from './simpleEncode';
+export { RecordMatrix, DrillNode } from './interfaces';
+export * from './convert-utils';

package/es/table/pivot/pivot-utils/index.js

@@ -0,0 +1,4 @@
+export { buildRecordMatrix, buildRecordMap } from './builders';
+export { default as buildDrillTree } from './buildDrillTree';
+export { default as simpleEncode } from './simpleEncode';
+export * from './convert-utils';

package/es/table/pivot/pivot-utils/interfaces.d.ts

@@ -0,0 +1,12 @@
+/** 数据立方.
+ * RecordMatrix 是一个二维的 map，CrossTable 会以下列方式使用 matrix 中的数据：
+ * `matrix.get(leftPK).get(topPK)[indicatorCode]` */
+export declare type RecordMatrix<R = any> = Map<string, Map<string, R>>;
+/** 普通的下钻树节点 */
+export interface DrillNode {
+    key: string;
+    value: string;
+    path: string[];
+    children?: DrillNode[];
+    hasChild?: boolean;
+}

package/es/table/pivot/pivot-utils/simpleEncode.d.ts

@@ -0,0 +1 @@
+export default function simpleEncode(path: string[]): string;

package/es/table/pivot/pivot-utils/simpleEncode.js

@@ -0,0 +1,7 @@
+export default function simpleEncode(path) {
+  if (path.length === 0) {
+    return 'key:@total@';
+  }
+
+  return "key:".concat(path.join(' '));
+}

package/es/table/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';

package/es/table/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/table/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/table/style/index.less

@@ -0,0 +1 @@
+

package/es/table/transforms/autoRowSpan.d.ts

@@ -0,0 +1,3 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeAutoRowSpanTransform(): TableTransform;

package/es/table/transforms/autoRowSpan.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { internals } from '../internals';
+import { isLeafNode, traverseColumn } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+
+function isIdentity(x, y) {
+  return x === y;
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+
+export function makeAutoRowSpanTransform() {
+  warnTransformsDeprecated('makeAutoRowSpanTransform');
+  return traverseColumn(function (col, _ref) {
+    var dataSource = _ref.dataSource,
+        range = _ref.range;
+
+    var _a;
+
+    if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.autoRowSpan)) {
+      return col;
+    }
+
+    if (!isLeafNode(col)) {
+      return col;
+    }
+
+    var isFunc = typeof col.features.autoRowSpan === 'function';
+    var shouldMergeCell = isFunc ? col.features.autoRowSpan : isIdentity;
+    var spanRects = [];
+    var lastBottom = 0;
+    var prevValue = null;
+    var prevRow = null;
+
+    for (var rowIndex = 0; rowIndex < dataSource.length; rowIndex++) {
+      var row = dataSource[rowIndex];
+      var value = internals.safeGetValue(col, row, rowIndex);
+
+      if (rowIndex === 0 || !shouldMergeCell(prevValue, value, prevRow, row)) {
+        var spanRect = {
+          top: lastBottom,
+          bottom: rowIndex,
+          left: range.start,
+          right: range.end
+        };
+
+        for (var i = lastBottom; i < rowIndex; i++) {
+          spanRects.push(spanRect);
+        }
+
+        lastBottom = rowIndex;
+      }
+
+      prevValue = value;
+      prevRow = row;
+    }
+
+    for (var _i = lastBottom; _i < dataSource.length; _i++) {
+      spanRects.push({
+        top: lastBottom,
+        bottom: dataSource.length,
+        left: range.start,
+        right: range.end
+      });
+    }
+
+    return _extends(_extends({}, col), {
+      getSpanRect: function getSpanRect(value, row, rowIndex) {
+        return spanRects[rowIndex];
+      }
+    });
+  });
+}

package/es/table/transforms/autoWidth.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Table } from '../base';
+import { TableTransform } from '../interfaces';
+/** 自适应列宽
+ *
+ * @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展
+ *
+ * @param tableRef BaseTable 的 ref
+ * @param options 参数
+ * @param deps 重新调整列宽的依赖数组，每当依赖数组发生变化时， useAutoWidthTransform 会根据单元格内容的实际渲染宽度 设置单元格的宽度
+ *
+ * options 说明：
+ * - options.appendExpander 是否在列的末尾追加可伸缩列
+ * - options.expanderVisibility 设置为 `'hidden'` 可以隐藏可伸缩列
+ * - options.wrapperStyle 单元格中 div.auto-width-wrapper 的样式
+ * - options.initColumnWidth 自适应的初始列宽
+ *
+ * 注意 useAutoWidthTransform 是一个 React hooks，要遵循 hooks 的用法规范
+ * */
+export declare function useAutoWidthTransform(tableRef: React.MutableRefObject<Table>, options?: {
+    wrapperStyle?: React.CSSProperties;
+    initColumnWidth?: number;
+    appendExpander?: boolean;
+    expanderVisibility?: 'visible' | 'hidden';
+}, deps?: any[]): TableTransform;

package/es/table/transforms/autoWidth.js

@@ -0,0 +1,160 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { 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 = _getIterator(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 _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 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 _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { Classes } from '../base';
+import { internals } from '../internals';
+import { isLeafNode, mergeCellProps, traverseColumn } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+var AUTO_WIDTH_WRAPPER_CLS = 'auto-width-wrapper';
+var AUTO_WIDTH_EXPANDER_CLS = 'auto-width-expander';
+var AutoWidthWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  padding: 8px 12px;\n"])));
+
+function isSameArray(arr1, arr2) {
+  return arr1.length === arr2.length && arr1.every(function (x, i) {
+    return x === arr2[i];
+  });
+}
+/** 自适应列宽
+ *
+ * @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展
+ *
+ * @param tableRef BaseTable 的 ref
+ * @param options 参数
+ * @param deps 重新调整列宽的依赖数组，每当依赖数组发生变化时， useAutoWidthTransform 会根据单元格内容的实际渲染宽度 设置单元格的宽度
+ *
+ * options 说明：
+ * - options.appendExpander 是否在列的末尾追加可伸缩列
+ * - options.expanderVisibility 设置为 `'hidden'` 可以隐藏可伸缩列
+ * - options.wrapperStyle 单元格中 div.auto-width-wrapper 的样式
+ * - options.initColumnWidth 自适应的初始列宽
+ *
+ * 注意 useAutoWidthTransform 是一个 React hooks，要遵循 hooks 的用法规范
+ * */
+
+
+export function useAutoWidthTransform(tableRef, options, deps) {
+  warnTransformsDeprecated('useAutoWidthTransform');
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthList = _useState2[0],
+      setWidthList = _useState2[1];
+
+  useEffect(function () {
+    var artTable = tableRef.current.getDoms().artTable;
+
+    var rows = _Array$from(artTable.querySelectorAll(".".concat(Classes.tableRow)));
+
+    if (rows.length === 0) {
+      return;
+    }
+
+    var preferredWidthList = [];
+
+    var _iterator = _createForOfIteratorHelper(rows),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var row = _step.value;
+        var autoWidthDivList = row.querySelectorAll(".".concat(AUTO_WIDTH_WRAPPER_CLS));
+        autoWidthDivList.forEach(function (div, i) {
+          var _a;
+
+          preferredWidthList[i] = Math.max((_a = preferredWidthList[i]) !== null && _a !== void 0 ? _a : 0, div.scrollWidth);
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    if (!isSameArray(preferredWidthList, widthList)) {
+      setWidthList(preferredWidthList);
+    }
+  }, deps);
+  var i = 0;
+  var innerTransform = traverseColumn(function (col) {
+    var _a, _b, _c;
+
+    if (!isLeafNode(col)) {
+      return col;
+    }
+
+    if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.autoWidth)) {
+      return col;
+    }
+
+    var _col$features$autoWid = col.features.autoWidth,
+        _col$features$autoWid2 = _col$features$autoWid.max,
+        max = _col$features$autoWid2 === void 0 ? Infinity : _col$features$autoWid2,
+        _col$features$autoWid3 = _col$features$autoWid.min,
+        min = _col$features$autoWid3 === void 0 ? -Infinity : _col$features$autoWid3;
+    var width = (_c = (_b = widthList[i++]) !== null && _b !== void 0 ? _b : col.width) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.initColumnWidth;
+    var clampedWidth = Math.max(min, Math.min(max, width));
+    return _extends(_extends({}, col), {
+      width: clampedWidth,
+      getCellProps: function getCellProps(_, record, rowIndex) {
+        return mergeCellProps(internals.safeGetCellProps(col, record, rowIndex), {
+          style: {
+            padding: 0
+          }
+        });
+      },
+      render: function render(_, record, rowIndex) {
+        return /*#__PURE__*/React.createElement(AutoWidthWrapper, {
+          className: AUTO_WIDTH_WRAPPER_CLS,
+          style: options === null || options === void 0 ? void 0 : options.wrapperStyle
+        }, internals.safeRender(col, record, rowIndex));
+      }
+    });
+  });
+  return function (input) {
+    var _a;
+
+    var _innerTransform = innerTransform(input),
+        columns = _innerTransform.columns,
+        dataSource = _innerTransform.dataSource;
+
+    var expanderVisibility = (_a = options === null || options === void 0 ? void 0 : options.expanderVisibility) !== null && _a !== void 0 ? _a : 'visible';
+    return {
+      columns: (options === null || options === void 0 ? void 0 : options.appendExpander) ? _concatInstanceProperty(columns).call(columns, [{
+        name: '',
+        headerCellProps: {
+          className: AUTO_WIDTH_EXPANDER_CLS,
+          style: {
+            background: expanderVisibility === 'hidden' ? 'var(--bgcolor)' : undefined,
+            border: expanderVisibility === 'hidden' ? 'none' : undefined
+          }
+        },
+        getCellProps: function getCellProps() {
+          return {
+            className: AUTO_WIDTH_EXPANDER_CLS,
+            style: {
+              visibility: expanderVisibility
+            }
+          };
+        }
+      }]) : columns,
+      dataSource: dataSource
+    };
+  };
+}

package/es/table/transforms/buildTree.d.ts

@@ -0,0 +1,3 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeBuildTreeTransform(idProp: string, parentIdProp: string): TableTransform;

package/es/table/transforms/buildTree.js

@@ -0,0 +1,15 @@
+import { buildTree as _buildTree } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeBuildTreeTransform(idProp, parentIdProp) {
+  warnTransformsDeprecated('makeBuildTreeTransform');
+  return function (_ref) {
+    var columns = _ref.columns,
+        dataSource = _ref.dataSource;
+    return {
+      columns: columns,
+      dataSource: _buildTree(idProp, parentIdProp, dataSource)
+    };
+  };
+}

package/es/table/transforms/columnHover.d.ts

@@ -0,0 +1,17 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export interface ColumnHoverOptions {
+    hoverColor?: string;
+    hoverColIndex: number;
+    onChangeHoverColIndex(nextColIndex: number): void;
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeColumnHoverTransform({ hoverColor, hoverColIndex, onChangeHoverColIndex, }: ColumnHoverOptions): TableTransform;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function useColumnHoverTransform({ hoverColor, defaultHoverColIndex, }?: {
+    hoverColor?: string;
+    defaultHoverColIndex?: number;
+}): import("../interfaces").Transform<{
+    columns: import("../interfaces").ArtColumn[];
+    dataSource: any[];
+}>;

package/es/table/transforms/columnHover.js

@@ -0,0 +1,59 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { useState } from 'react';
+import { isLeafNode, mergeCellProps, traverseColumn } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeColumnHoverTransform(_ref) {
+  var _ref$hoverColor = _ref.hoverColor,
+      hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
+      hoverColIndex = _ref.hoverColIndex,
+      onChangeHoverColIndex = _ref.onChangeHoverColIndex;
+  warnTransformsDeprecated('makeColumnHoverTransform');
+  return traverseColumn(function (col, _ref2) {
+    var range = _ref2.range;
+
+    if (!isLeafNode(col)) {
+      return col;
+    }
+
+    var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
+    var prevGetCellProps = col.getCellProps;
+    return _extends(_extends({}, col), {
+      getCellProps: function getCellProps(value, record, rowIndex) {
+        var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
+        return mergeCellProps(prevCellProps, {
+          style: {
+            '--bgcolor': colIndexMatched ? hoverColor : undefined
+          },
+          onMouseEnter: function onMouseEnter() {
+            onChangeHoverColIndex(range.start);
+          },
+          onMouseLeave: function onMouseLeave() {
+            onChangeHoverColIndex(-1);
+          }
+        });
+      }
+    });
+  });
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function useColumnHoverTransform() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      hoverColor = _ref3.hoverColor,
+      _ref3$defaultHoverCol = _ref3.defaultHoverColIndex,
+      defaultHoverColIndex = _ref3$defaultHoverCol === void 0 ? -1 : _ref3$defaultHoverCol;
+
+  var _useState = useState(defaultHoverColIndex),
+      _useState2 = _slicedToArray(_useState, 2),
+      hoverColIndex = _useState2[0],
+      onChangeHoverColIndex = _useState2[1];
+
+  return makeColumnHoverTransform({
+    hoverColor: hoverColor,
+    hoverColIndex: hoverColIndex,
+    onChangeHoverColIndex: onChangeHoverColIndex
+  });
+}

package/es/table/transforms/columnRangeHover.d.ts

@@ -0,0 +1,17 @@
+import { HoverRange, TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export interface ColumnRangeHoverOptions {
+    hoverColor?: string;
+    headerHoverColor?: string;
+    hoverRange: HoverRange;
+    onChangeHoverRange(nextColIndexRange: HoverRange): void;
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeColumnRangeHoverTransform({ hoverColor, headerHoverColor, hoverRange, onChangeHoverRange, }: ColumnRangeHoverOptions): TableTransform;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function useColumnHoverRangeTransform({ hoverColor, headerHoverColor, defaultHoverRange, }?: Omit<ColumnRangeHoverOptions, 'hoverRange' | 'onChangeHoverRange'> & {
+    defaultHoverRange?: HoverRange;
+}): import("../interfaces").Transform<{
+    columns: import("../interfaces").ArtColumn[];
+    dataSource: any[];
+}>;