@kdcloudjs/table 1.0.0

package/es/table/transforms/sort.js

@@ -0,0 +1,338 @@
+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 _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+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 _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 _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Map from "@babel/runtime-corejs3/core-js-stable/map";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+
+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, { useState } from 'react';
+import styled from 'styled-components';
+import { internals } from '../internals';
+import { collectNodes, isLeafNode, layeredSort, mergeCellProps, smartCompare } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+
+function SortIcon(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 32 : _ref$size,
+      style = _ref.style,
+      className = _ref.className,
+      order = _ref.order;
+  return /*#__PURE__*/React.createElement("svg", {
+    style: style,
+    className: className,
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: order === 'asc' ? '#23A3FF' : '#bfbfbf',
+    transform: "translate(0, 4)",
+    d: "M8 8L16 0 24 8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: order === 'desc' ? '#23A3FF' : '#bfbfbf',
+    transform: "translate(0, -4)",
+    d: "M24 24L16 32 8 24z "
+  }));
+}
+
+function DefaultSortHeaderCell(_ref2) {
+  var children = _ref2.children,
+      column = _ref2.column,
+      onToggle = _ref2.onToggle,
+      sortOrder = _ref2.sortOrder,
+      sortIndex = _ref2.sortIndex,
+      sortOptions = _ref2.sortOptions;
+  // 通过 justify-content 来与 col.align 保持对齐方向一致
+  var justifyContent = column.align === 'right' ? 'flex-end' : column.align === 'center' ? 'center' : 'flex-start';
+  return /*#__PURE__*/React.createElement(TableHeaderCell, {
+    onClick: onToggle,
+    style: {
+      justifyContent: justifyContent
+    }
+  }, children, /*#__PURE__*/React.createElement(SortIcon, {
+    style: {
+      userSelect: 'none',
+      marginLeft: 2,
+      flexShrink: 0
+    },
+    size: 16,
+    order: sortOrder
+  }), sortOptions.mode === 'multiple' && sortIndex != -1 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      userSelect: 'none',
+      marginLeft: 2,
+      color: '#666',
+      flex: '0 0 auto',
+      fontSize: 10,
+      fontFamily: 'monospace'
+    }
+  }, sortIndex + 1));
+}
+
+function hasAnySortableColumns(cols) {
+  return cols.some(function (col) {
+    var _a;
+
+    return Boolean((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) || !isLeafNode(col) && hasAnySortableColumns(col.children);
+  });
+}
+
+var TableHeaderCell = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeSortTransform(_ref3) {
+  var inputSorts = _ref3.sorts,
+      inputOnChangeSorts = _ref3.onChangeSorts,
+      _ref3$orders = _ref3.orders,
+      orders = _ref3$orders === void 0 ? ['desc', 'asc', 'none'] : _ref3$orders,
+      _ref3$mode = _ref3.mode,
+      mode = _ref3$mode === void 0 ? 'multiple' : _ref3$mode,
+      _ref3$SortHeaderCell = _ref3.SortHeaderCell,
+      SortHeaderCell = _ref3$SortHeaderCell === void 0 ? DefaultSortHeaderCell : _ref3$SortHeaderCell,
+      keepDataSource = _ref3.keepDataSource,
+      highlightColumnWhenActive = _ref3.highlightColumnWhenActive,
+      stopClickEventPropagation = _ref3.stopClickEventPropagation;
+  warnTransformsDeprecated('makeSortTransform');
+
+  var filteredInputSorts = _filterInstanceProperty(inputSorts).call(inputSorts, function (s) {
+    return s.order !== 'none';
+  }); // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
+
+
+  var sorts = mode === 'multiple' ? filteredInputSorts : _sliceInstanceProperty(filteredInputSorts).call(filteredInputSorts, 0, 1);
+  var onChangeSorts = mode === 'multiple' ? inputOnChangeSorts : function (nextSorts) {
+    // 单字段排序的情况下，nextSorts 中只有最后一个排序字段才会生效
+    var len = nextSorts.length;
+    inputOnChangeSorts(_sliceInstanceProperty(nextSorts).call(nextSorts, len - 1));
+  };
+  var sortOptions = {
+    sorts: sorts,
+    onChangeSorts: onChangeSorts,
+    orders: orders,
+    mode: mode,
+    keepDataSource: keepDataSource,
+    highlightColumnWhenActive: highlightColumnWhenActive,
+    stopClickEventPropagation: stopClickEventPropagation
+  };
+  var sortMap = new _Map(_mapInstanceProperty(sorts).call(sorts, function (sort, index) {
+    return [sort.code, _extends({
+      index: index
+    }, sort)];
+  }));
+  return function (_ref4) {
+    var dataSource = _ref4.dataSource,
+        columns = _ref4.columns;
+
+    if (process.env.NODE_ENV !== 'production') {
+      if (!hasAnySortableColumns(columns)) {
+        console.warn('[ali-react-table] commonTransform.sort 缺少可排序的列，请通过 column.features.sortable 来指定哪些列可排序', columns);
+      }
+    }
+
+    return {
+      columns: processColumns(columns),
+      dataSource: processDataSource(dataSource)
+    };
+
+    function processDataSource(dataSource) {
+      var _context, _context2;
+
+      if (keepDataSource) {
+        return dataSource;
+      }
+
+      var sortColumnsMap = new _Map(_mapInstanceProperty(_context = _filterInstanceProperty(_context2 = collectNodes(columns, 'leaf-only')).call(_context2, function (col) {
+        var _a;
+
+        return ((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) != null;
+      })).call(_context, function (col) {
+        return [col.code, col];
+      }));
+      return layeredSort(dataSource, function (x, y) {
+        var _iterator = _createForOfIteratorHelper(sorts),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _step$value = _step.value,
+                code = _step$value.code,
+                order = _step$value.order;
+            var column = sortColumnsMap.get(code); // 如果 code 对应的 column 不可排序，我们跳过该 code
+
+            if (column == null) {
+              continue;
+            }
+
+            var sortable = column.features.sortable;
+            var compareFn = typeof sortable === 'function' ? sortable : smartCompare;
+            var xValue = internals.safeGetValue(column, x, -1);
+            var yValue = internals.safeGetValue(column, y, -1);
+            var cmp = compareFn(xValue, yValue);
+
+            if (cmp !== 0) {
+              return cmp * (order === 'asc' ? 1 : -1);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        return 0;
+      });
+    } // 在「升序 - 降序 - 不排序」之间不断切换
+
+
+    function toggle(code) {
+      var sort = sortMap.get(code);
+
+      if (sort == null) {
+        onChangeSorts(_concatInstanceProperty(sorts).call(sorts, [{
+          code: code,
+          order: orders[0]
+        }]));
+      } else {
+        var index = _findIndexInstanceProperty(sorts).call(sorts, function (s) {
+          return s.code === code;
+        });
+
+        var nextSorts = _sliceInstanceProperty(sorts).call(sorts, 0, index + 1);
+
+        var nextOrder = getNextOrder(sort.order);
+
+        if (nextOrder === 'none') {
+          nextSorts.pop();
+        } else {
+          nextSorts[index] = _extends(_extends({}, nextSorts[index]), {
+            order: nextOrder
+          });
+        }
+
+        onChangeSorts(nextSorts);
+      }
+    }
+
+    function processColumns(columns) {
+      return _mapInstanceProperty(columns).call(columns, dfs);
+
+      function dfs(col) {
+        var _a;
+
+        var result = _extends({}, col);
+
+        var sortable = col.code && (((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) || sortMap.has(col.code));
+        var active = sortable && sortMap.has(col.code);
+
+        if (sortable) {
+          var sortIndex = -1;
+          var sortOrder = 'none';
+
+          if (active) {
+            var _sortMap$get = sortMap.get(col.code),
+                order = _sortMap$get.order,
+                index = _sortMap$get.index;
+
+            sortOrder = order;
+            sortIndex = index;
+
+            if (highlightColumnWhenActive) {
+              result.headerCellProps = mergeCellProps(col.headerCellProps, {
+                style: {
+                  background: 'var(--header-highlight-bgcolor)'
+                }
+              });
+
+              result.getCellProps = function (value, row, rowIndex) {
+                var prevCellProps = internals.safeGetCellProps(col, row, rowIndex);
+                return mergeCellProps(prevCellProps, {
+                  style: {
+                    background: 'var(--highlight-bgcolor)'
+                  }
+                });
+              };
+            }
+          }
+
+          result.title = /*#__PURE__*/React.createElement(SortHeaderCell, {
+            onToggle: function onToggle(e) {
+              if (stopClickEventPropagation) {
+                e.stopPropagation();
+              }
+
+              toggle(col.code);
+            },
+            sortOrder: sortOrder,
+            column: col,
+            sortIndex: sortIndex,
+            sortOptions: sortOptions
+          }, internals.safeRenderHeader(col));
+        }
+
+        if (!isLeafNode(col)) {
+          var _context3;
+
+          result.children = _mapInstanceProperty(_context3 = col.children).call(_context3, dfs);
+        }
+
+        return result;
+      }
+    }
+  };
+
+  function getNextOrder(order) {
+    var idx = orders.indexOf(order);
+    return orders[idx === orders.length - 1 ? 0 : idx + 1];
+  }
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function useSortTransform() {
+  var _a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _a$defaultSorts = _a.defaultSorts,
+      defaultSorts = _a$defaultSorts === void 0 ? [] : _a$defaultSorts,
+      others = __rest(_a, ["defaultSorts"]);
+
+  var _useState = useState(defaultSorts),
+      _useState2 = _slicedToArray(_useState, 2),
+      sorts = _useState2[0],
+      onChangeSorts = _useState2[1];
+
+  return makeSortTransform(_extends({
+    sorts: sorts,
+    onChangeSorts: onChangeSorts
+  }, others));
+}

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

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

package/es/table/transforms/tips.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React from 'react';
+import styled from 'styled-components';
+import { icons } from '../common-views';
+import { internals } from '../internals';
+import { traverseColumn } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+var HeaderCellWithTips = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  .tip-icon-wrapper {\n    margin-left: 2px;\n  }\n\n  .tip-icon {\n    display: flex;\n    fill: currentColor;\n  }\n"])));
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeTipsTransform(_ref) {
+  var Balloon = _ref.Balloon,
+      Tooltip = _ref.Tooltip;
+  warnTransformsDeprecated('makeTipsTransform');
+  return traverseColumn(function (col) {
+    var _a;
+
+    if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.tips)) {
+      return col;
+    }
+
+    var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
+    return _extends(_extends({}, col), {
+      title: /*#__PURE__*/React.createElement(HeaderCellWithTips, {
+        style: {
+          justifyContent: justifyContent
+        }
+      }, internals.safeRenderHeader(col), Balloon ?
+      /*#__PURE__*/
+      // fusion/hippo
+      React.createElement(Balloon, {
+        closable: false,
+        trigger: /*#__PURE__*/React.createElement("div", {
+          className: "tip-icon-wrapper"
+        }, /*#__PURE__*/React.createElement(icons.Info, {
+          className: "tip-icon"
+        }))
+      }, col.features.tips) :
+      /*#__PURE__*/
+      // antd
+      React.createElement(Tooltip, {
+        title: col.features.tips
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "tip-icon-wrapper"
+      }, /*#__PURE__*/React.createElement(icons.Info, {
+        className: "tip-icon"
+      }))))
+    });
+  });
+}

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

@@ -0,0 +1,30 @@
+import { ArtColumn, TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export interface TreeModeOptions {
+    primaryKey: string;
+    openKeys: string[];
+    onChangeOpenKeys(nextKeys: string[], key: string, action: 'expand' | 'collapse'): void;
+    isLeafNode?(node: any, nodeMeta: {
+        depth: number;
+        expanded: boolean;
+        rowKey: string;
+    }): boolean;
+    /** icon 的缩进值，一般为负数，此时 icon 将向左偏移. 默认为 -6 */
+    iconIndent?: number;
+    /** icon 与右侧文本的距离，默认为 0 */
+    iconGap?: number;
+    /** 每一级缩进产生的距离，默认为 16 */
+    indentSize?: number;
+    clickArea?: 'cell' | 'content' | 'icon';
+    treeMetaKey?: string | symbol;
+    stopClickEventPropagation?: boolean;
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeTreeModeTransform({ onChangeOpenKeys, openKeys, primaryKey, iconIndent, iconGap, indentSize, isLeafNode, clickArea, treeMetaKey, stopClickEventPropagation, }: TreeModeOptions): TableTransform;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function useTreeModeTransform({ defaultOpenKeys, ...others }: Omit<TreeModeOptions, 'openKeys' | 'onChangeOpenKeys'> & {
+    defaultOpenKeys?: string[];
+}): import("../interfaces").Transform<{
+    columns: ArtColumn[];
+    dataSource: any[];
+}>;

package/es/table/transforms/treeMode.js

@@ -0,0 +1,252 @@
+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 _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _toArray from "@babel/runtime-corejs3/helpers/toArray";
+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; 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 _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+
+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 cx from 'classnames';
+import React, { useState } from 'react';
+import { ExpansionCell, icons, InlineFlexCell } from '../common-views';
+import { internals } from '../internals';
+import { treeMetaSymbol } from '../pipeline/features';
+import { isLeafNode as standardIsLeafNode, mergeCellProps } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+var ICON_WIDTH = 16;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeTreeModeTransform(_ref) {
+  var onChangeOpenKeys = _ref.onChangeOpenKeys,
+      openKeys = _ref.openKeys,
+      primaryKey = _ref.primaryKey,
+      _ref$iconIndent = _ref.iconIndent,
+      iconIndent = _ref$iconIndent === void 0 ? -6 : _ref$iconIndent,
+      _ref$iconGap = _ref.iconGap,
+      iconGap = _ref$iconGap === void 0 ? 0 : _ref$iconGap,
+      _ref$indentSize = _ref.indentSize,
+      indentSize = _ref$indentSize === void 0 ? 16 : _ref$indentSize,
+      _ref$isLeafNode = _ref.isLeafNode,
+      isLeafNode = _ref$isLeafNode === void 0 ? standardIsLeafNode : _ref$isLeafNode,
+      _ref$clickArea = _ref.clickArea,
+      clickArea = _ref$clickArea === void 0 ? 'cell' : _ref$clickArea,
+      _ref$treeMetaKey = _ref.treeMetaKey,
+      treeMetaKey = _ref$treeMetaKey === void 0 ? treeMetaSymbol : _ref$treeMetaKey,
+      stopClickEventPropagation = _ref.stopClickEventPropagation;
+  warnTransformsDeprecated('makeTreeModeTransform');
+  var openKeySet = new _Set(openKeys);
+
+  var toggle = function toggle(rowKey) {
+    var expanded = openKeySet.has(rowKey);
+
+    if (expanded) {
+      onChangeOpenKeys(_filterInstanceProperty(openKeys).call(openKeys, function (key) {
+        return key !== rowKey;
+      }), rowKey, 'collapse');
+    } else {
+      var _context;
+
+      onChangeOpenKeys(_concatInstanceProperty(_context = []).call(_context, _toConsumableArray(openKeys), [rowKey]), rowKey, 'expand');
+    }
+  };
+
+  return function (_ref2) {
+    var columns = _ref2.columns,
+        dataSource = _ref2.dataSource;
+    return {
+      columns: processColumns(columns),
+      dataSource: processDataSource(dataSource)
+    };
+
+    function processDataSource(input) {
+      var result = [];
+      dfs(input, 0);
+
+      function dfs(nodes, depth) {
+        if (nodes == null) {
+          return;
+        }
+
+        var _iterator = _createForOfIteratorHelper(nodes),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var node = _step.value;
+            var rowKey = node[primaryKey];
+            var expanded = openKeySet.has(rowKey);
+            var isLeaf = isLeafNode(node, {
+              depth: depth,
+              expanded: expanded,
+              rowKey: rowKey
+            });
+            var treeMeta = {
+              depth: depth,
+              isLeaf: isLeaf,
+              expanded: expanded,
+              rowKey: rowKey
+            };
+            result.push(_extends(_defineProperty({}, treeMetaKey, treeMeta), node));
+
+            if (!isLeaf && expanded) {
+              dfs(node.children, depth + 1);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      return result;
+    }
+
+    function processColumns(columns) {
+      var _context2;
+
+      if (columns.length === 0) {
+        return columns;
+      }
+
+      var _columns = _toArray(columns),
+          firstCol = _columns[0],
+          others = _sliceInstanceProperty(_columns).call(_columns, 1);
+
+      var render = function render(value, record, recordIndex) {
+        var content = internals.safeRender(firstCol, record, recordIndex);
+
+        if (record[treeMetaKey] == null) {
+          // 没有 treeMeta 信息的话，就返回原先的渲染结果
+          return content;
+        }
+
+        var _record$treeMetaKey = record[treeMetaKey],
+            rowKey = _record$treeMetaKey.rowKey,
+            depth = _record$treeMetaKey.depth,
+            isLeaf = _record$treeMetaKey.isLeaf,
+            expanded = _record$treeMetaKey.expanded;
+        var indent = iconIndent + depth * indentSize;
+
+        if (isLeaf) {
+          return /*#__PURE__*/React.createElement(InlineFlexCell, {
+            className: "expansion-cell leaf"
+          }, /*#__PURE__*/React.createElement("span", {
+            style: {
+              marginLeft: indent + ICON_WIDTH + iconGap
+            }
+          }, content));
+        }
+
+        var onClick = function onClick(e) {
+          if (stopClickEventPropagation) {
+            e.stopPropagation();
+          }
+
+          toggle(rowKey);
+        };
+
+        var expandCls = expanded ? 'expanded' : 'collapsed';
+        return /*#__PURE__*/React.createElement(ExpansionCell, {
+          className: cx('expansion-cell', expandCls),
+          style: {
+            cursor: clickArea === 'content' ? 'pointer' : undefined
+          },
+          onClick: clickArea === 'content' ? onClick : undefined
+        }, /*#__PURE__*/React.createElement(icons.CaretRight, {
+          className: cx('expansion-icon', expandCls),
+          style: {
+            cursor: clickArea === 'icon' ? 'pointer' : undefined,
+            marginLeft: indent,
+            marginRight: iconGap
+          },
+          onClick: clickArea === 'icon' ? onClick : undefined
+        }), content);
+      };
+
+      var getCellProps = function getCellProps(value, record, rowIndex) {
+        var prevProps = internals.safeGetCellProps(firstCol, record, rowIndex);
+
+        if (record[treeMetaKey] == null) {
+          // 没有 treeMeta 信息的话，就返回原先的 cellProps
+          return prevProps;
+        }
+
+        var _record$treeMetaKey2 = record[treeMetaKey],
+            isLeaf = _record$treeMetaKey2.isLeaf,
+            rowKey = _record$treeMetaKey2.rowKey;
+
+        if (isLeaf) {
+          return prevProps;
+        }
+
+        return mergeCellProps(prevProps, {
+          onClick: function onClick(e) {
+            if (stopClickEventPropagation) {
+              e.stopPropagation();
+            }
+
+            toggle(rowKey);
+          },
+          style: {
+            cursor: 'pointer'
+          }
+        });
+      };
+
+      return _concatInstanceProperty(_context2 = [_extends(_extends({}, firstCol), {
+        title: /*#__PURE__*/React.createElement("span", {
+          style: {
+            marginLeft: iconIndent + ICON_WIDTH + iconGap
+          }
+        }, internals.safeRenderHeader(firstCol)),
+        render: render,
+        getCellProps: clickArea === 'cell' ? getCellProps : firstCol.getCellProps
+      })]).call(_context2, _toConsumableArray(others));
+    }
+  };
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function useTreeModeTransform(_a) {
+  var _a$defaultOpenKeys = _a.defaultOpenKeys,
+      defaultOpenKeys = _a$defaultOpenKeys === void 0 ? [] : _a$defaultOpenKeys,
+      others = __rest(_a, ["defaultOpenKeys"]);
+
+  var _useState = useState(defaultOpenKeys),
+      _useState2 = _slicedToArray(_useState, 2),
+      openKeys = _useState2[0],
+      onChangeOpenKeys = _useState2[1];
+
+  return makeTreeModeTransform(_extends({
+    openKeys: openKeys,
+    onChangeOpenKeys: onChangeOpenKeys
+  }, others));
+}