@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.7-hotfix.1

package/es/table/pipeline/features/sort.js

@@ -4,15 +4,10 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
-
 var _templateObject;
-
 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 _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";
@@ -23,15 +18,14 @@ import React from 'react';
 import styled from 'styled-components';
 import cx from 'classnames';
 import { internals } from '../../internals';
-import { collectNodes, isLeafNode, layeredSort, mergeCellProps, smartCompare, console } from '../../utils';
+import { collectNodes, isLeafNode, layeredSort, mergeCellProps, smartCompare } from '../../utils';
 import { Classes } from '../../base/styles';
-
 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;
+    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,
@@ -52,16 +46,14 @@ function SortIcon(_ref) {
     d: "M24 24L16 32 8 24z "
   }));
 }
-
 function DefaultSortHeaderCell(_ref2) {
   var _cx;
-
   var children = _ref2.children,
-      column = _ref2.column,
-      onToggle = _ref2.onToggle,
-      sortOrder = _ref2.sortOrder,
-      sortIndex = _ref2.sortIndex,
-      sortOptions = _ref2.sortOptions;
+    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, {
@@ -89,48 +81,39 @@ function DefaultSortHeaderCell(_ref2) {
     }
   }, 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  // flex: auto;\n"])));
 var stateKey = 'sort';
 export function sort() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function sortStep(pipeline) {
     var _a, _b, _c;
-
     var _opts$orders = opts.orders,
-        orders = _opts$orders === void 0 ? ['desc', 'asc', 'none'] : _opts$orders,
-        _opts$mode = opts.mode,
-        mode = _opts$mode === void 0 ? 'multiple' : _opts$mode,
-        _opts$SortHeaderCell = opts.SortHeaderCell,
-        SortHeaderCell = _opts$SortHeaderCell === void 0 ? DefaultSortHeaderCell : _opts$SortHeaderCell,
-        keepDataSource = opts.keepDataSource,
-        highlightColumnWhenActive = opts.highlightColumnWhenActive,
-        stopClickEventPropagation = opts.stopClickEventPropagation,
-        sortIconHoverShow = opts.sortIconHoverShow;
+      orders = _opts$orders === void 0 ? ['desc', 'asc', 'none'] : _opts$orders,
+      _opts$mode = opts.mode,
+      mode = _opts$mode === void 0 ? 'multiple' : _opts$mode,
+      _opts$SortHeaderCell = opts.SortHeaderCell,
+      SortHeaderCell = _opts$SortHeaderCell === void 0 ? DefaultSortHeaderCell : _opts$SortHeaderCell,
+      keepDataSource = opts.keepDataSource,
+      highlightColumnWhenActive = opts.highlightColumnWhenActive,
+      stopClickEventPropagation = opts.stopClickEventPropagation,
+      sortIconHoverShow = opts.sortIconHoverShow;
     var inputSorts = (_c = (_b = (_a = opts.sorts) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultSorts) !== null && _c !== void 0 ? _c : [];
-
     var activeSorts = _filterInstanceProperty(inputSorts).call(inputSorts, function (s) {
       return s.order !== 'none';
-    }); // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
-
-
+    });
+    // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
     var sorts = mode === 'multiple' ? activeSorts : _sliceInstanceProperty(activeSorts).call(activeSorts, 0, 1);
-
     var onChangeSortsInMultipleMode = function onChangeSortsInMultipleMode(nextSorts, currentSort) {
       var _a;
-
       (_a = opts.onChangeSorts) === null || _a === void 0 ? void 0 : _a.call(opts, nextSorts, currentSort);
       pipeline.setStateAtKey(stateKey, nextSorts);
     };
-
     var onChangeSorts = mode === 'multiple' ? onChangeSortsInMultipleMode : function (nextSorts, currentSort) {
       // 单字段排序的情况下，nextSorts 中只有最后一个排序字段才会生效
       var len = nextSorts.length;
@@ -153,56 +136,41 @@ export function sort() {
     }));
     var dataSource = pipeline.getDataSource();
     var columns = pipeline.getColumns();
-
-    if (process.env.NODE_ENV !== 'production') {
-      if (!hasAnySortableColumns(columns)) {
-        console.warn('commonTransform.sort 缺少可排序的列，请通过 column.features.sortable 来指定哪些列可排序', columns);
-      }
-    }
-
     pipeline.dataSource(processDataSource(dataSource));
     pipeline.columns(processColumns(columns));
     return pipeline;
-
     function processDataSource(dataSource) {
       var _context, _context2;
-
       if (keepDataSource) {
         return dataSource;
       }
-
       if (sortMap.size === 0) {
         return dataSource;
       }
-
       var sortColumnsMap = new _Map(_mapInstanceProperty(_context = _filterInstanceProperty(_context2 = collectNodes(columns, 'leaf-only')).call(_context2, function (col) {
         var _a, _b;
-
         return ((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) !== false && ((_b = col.features) === null || _b === void 0 ? void 0 : _b.sortable) != null;
       })).call(_context, function (col) {
         return [col.code, col];
       }));
       return layeredSort(dataSource, function (x, y) {
         var _iterator = _createForOfIteratorHelper(sorts),
-            _step;
-
+          _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
-
+              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, x, y);
-
             if (cmp !== 0) {
               return cmp * (order === 'asc' ? 1 : -1);
             }
@@ -212,16 +180,13 @@ export function sort() {
         } finally {
           _iterator.f();
         }
-
         return 0;
       });
-    } // 在「升序 - 降序 - 不排序」之间不断切换
-
-
+    }
+    // 在「升序 - 降序 - 不排序」之间不断切换
     function toggle(code) {
       var sort = sortMap.get(code);
       var currentSort;
-
       if (sort == null) {
         currentSort = {
           code: code,
@@ -232,15 +197,12 @@ export function sort() {
         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);
         currentSort = {
           code: code,
           order: nextOrder
         };
-
         if (nextOrder === 'none') {
           nextSorts.pop();
         } else {
@@ -248,41 +210,31 @@ export function sort() {
             order: nextOrder
           });
         }
-
         onChangeSorts(nextSorts, currentSort);
       }
     }
-
     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;
-
+              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, {
@@ -293,13 +245,11 @@ export function sort() {
               };
             }
           }
-
           var sortNode = /*#__PURE__*/React.createElement(SortHeaderCell, {
             onToggle: function onToggle(e) {
               if (stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               toggle(col.code);
             },
             sortOrder: sortOrder,
@@ -309,22 +259,19 @@ export function sort() {
           }, internals.safeRenderHeader(_extends(_extends({}, col), {
             title: col.title && col.title[0] ? col.title[0] : col.title
           })));
-
           var _sortNodeWithoutTitle = /*#__PURE__*/React.createElement(SortHeaderCell, {
             onToggle: function onToggle(e) {
               if (stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               toggle(col.code);
             },
             sortOrder: sortOrder,
             column: col,
             sortIndex: sortIndex,
             sortOptions: sortOptions
-          }); // 开启标题行高自适应后，修改表头的渲染结构
-
-
+          });
+          // 开启标题行高自适应后，修改表头的渲染结构
           if (col.renderHeader) {
             result.title = col.renderHeader(result.title, _sortNodeWithoutTitle);
           } else {
@@ -335,17 +282,13 @@ export function sort() {
             }
           }
         }
-
         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];

package/es/table/pipeline/features/tips.js

@@ -1,8 +1,6 @@
 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';
@@ -13,18 +11,14 @@ export function tips() {
   return function tipsSteap(pipeline) {
     var Balloon = pipeline.ctx.components.Balloon;
     var Tooltip = pipeline.ctx.components.Tooltip;
-
     if (Balloon == null && Tooltip == null) {
       throw new Error('使用 tips 之前需要通过 pipeline context 设置 components.Balloon / components.Tooltip');
     }
-
     return pipeline.mapColumns(makeRecursiveMapper(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, {

package/es/table/pipeline/features/treeMode.js

@@ -4,13 +4,9 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 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 _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -27,66 +23,57 @@ export function treeMode() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function treeModeStep(pipeline) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-
     var stateKey = 'treeMode';
     var ctx = pipeline.ctx;
     var primaryKey = pipeline.ensurePrimaryKey('treeMode');
     var openKeys = (_c = (_b = (_a = opts.openKeys) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultOpenKeys) !== null && _c !== void 0 ? _c : [];
+    var curSort = pipeline.getStateAtKey('sort');
     var openKeySet = new _Set(openKeys);
-
     var onChangeOpenKeys = function onChangeOpenKeys(nextKeys, key, action) {
       var _a;
-
       (_a = opts.onChangeOpenKeys) === null || _a === void 0 ? void 0 : _a.call(opts, nextKeys, key, action);
       pipeline.setStateAtKey(stateKey, nextKeys, {
         key: key,
         action: action
       });
     };
-
     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');
       }
     };
-
     var isLeafNode = (_d = opts.isLeafNode) !== null && _d !== void 0 ? _d : standardIsLeafNode;
     var clickArea = (_e = opts.clickArea) !== null && _e !== void 0 ? _e : 'cell';
     var treeMetaKey = (_f = opts.treeMetaKey) !== null && _f !== void 0 ? _f : treeMetaSymbol;
-    var stopClickEventPropagation = Boolean(opts.stopClickEventPropagation); // indents
-
+    var stopClickEventPropagation = Boolean(opts.stopClickEventPropagation);
+    // indents
     var iconWidth = ctx.indents.iconWidth;
     var iconIndent = (_g = opts.iconIndent) !== null && _g !== void 0 ? _g : ctx.indents.iconIndent;
     var iconGap = (_h = opts.iconGap) !== null && _h !== void 0 ? _h : ctx.indents.iconGap;
     var indentSize = (_j = opts.indentSize) !== null && _j !== void 0 ? _j : ctx.indents.indentSize;
     var Icon = opts.icon;
     return pipeline.mapDataSource(processDataSource).mapColumns(processColumns);
-
     function processDataSource(input) {
-      if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys')) {
+      if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys') && curSort === pipeline.getFeatureOptions('lastSort')) {
         return pipeline.getFeatureOptions('lastTreeMode');
       }
-
-      pipeline.setFeatureOptions('lastOpenKeys', pipeline.getStateAtKey(stateKey));
+      pipeline.setFeatureOptions('lastOpenKeys', openKeys);
+      pipeline.setFeatureOptions('lastSort', curSort);
       var result = [];
       dfs(input, 0);
-
       function dfs(nodes, depth) {
+        var parentNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
         if (nodes == null) {
           return;
         }
-
         var _iterator = _createForOfIteratorHelper(nodes),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
@@ -104,7 +91,6 @@ export function treeMode() {
               rowKey: rowKey
             };
             result.push(_extends(_defineProperty({}, treeMetaKey, treeMeta), node));
-
             if (!isLeaf && expanded) {
               dfs(node.children, depth + 1);
             }
@@ -115,39 +101,31 @@ export function treeMode() {
           _iterator.f();
         }
       }
-
       pipeline.setFeatureOptions('lastTreeMode', result);
       return result;
     }
-
     function processColumns(columns) {
       if (columns.length === 0) {
         return columns;
       }
-
       var expandColIndex = _findIndexInstanceProperty(columns).call(columns, function (_ref) {
         var code = _ref.code;
         return code && opts.expandColCode === code;
       });
-
       expandColIndex = expandColIndex === -1 ? 0 : expandColIndex;
       var expandCol = columns[expandColIndex];
-
       var render = function render(value, record, recordIndex) {
         var content = internals.safeRender(expandCol, 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;
+          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: cx('expansion-cell', Classes.leaf)
@@ -157,15 +135,12 @@ export function treeMode() {
             }
           }, content));
         }
-
         var onClick = function onClick(e) {
           if (stopClickEventPropagation) {
             e.stopPropagation();
           }
-
           toggle(rowKey);
         };
-
         var expandCls = expanded ? Classes.expanded : Classes.collapsed;
         return /*#__PURE__*/React.createElement(ExpansionCell, {
           className: cx('expansion-cell', expandCls),
@@ -192,29 +167,23 @@ export function treeMode() {
           onClick: clickArea === 'icon' ? onClick : undefined
         }), content);
       };
-
       var getCellProps = function getCellProps(value, record, rowIndex) {
         var prevProps = internals.safeGetCellProps(expandCol, record, rowIndex);
-
         if (record[treeMetaKey] == null) {
           // 没有 treeMeta 信息的话，就返回原先的 cellProps
           return prevProps;
         }
-
         var _record$treeMetaKey2 = record[treeMetaKey],
-            isLeaf = _record$treeMetaKey2.isLeaf,
-            rowKey = _record$treeMetaKey2.rowKey;
-
+          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: {
@@ -222,7 +191,6 @@ export function treeMode() {
           }
         });
       };
-
       columns[expandColIndex] = _extends(_extends({}, expandCol), {
         title: /*#__PURE__*/React.createElement("span", {
           style: {

package/es/table/pipeline/features/treeSelect.js

@@ -9,31 +9,23 @@ var STATE_KEY = 'treeSelect';
 export function treeSelect(opts) {
   return function treeSelectStep(pipeline) {
     var _ref, _context;
-
     var _a, _b, _c, _d, _e, _f, _g, _h;
-
     var Checkbox = pipeline.ctx.components.Checkbox;
-
     if (Checkbox == null) {
       throw new Error('使用 treeSelect 之前需要通过 pipeline context 设置 components.Checkbox');
     }
-
     var primaryKey = pipeline.ensurePrimaryKey('treeSelect');
-
     if (typeof primaryKey !== 'string') {
       throw new Error('treeSelect 仅支持字符串作为 primaryKey');
     }
-
     var clickArea = (_a = opts.clickArea) !== null && _a !== void 0 ? _a : 'checkbox';
     var isDisabled = (_b = opts.isDisabled) !== null && _b !== void 0 ? _b : always(false);
     var isDetached = (_c = opts.idDetached) !== null && _c !== void 0 ? _c : always(false);
     var value = (_f = (_e = (_d = opts.value) !== null && _d !== void 0 ? _d : pipeline.getStateAtKey(STATE_KEY)) !== null && _e !== void 0 ? _e : opts.defaultValue) !== null && _f !== void 0 ? _f : [];
     var tree = opts.rootKey != null ? [(_ref = {}, _defineProperty(_ref, primaryKey, opts.rootKey), _defineProperty(_ref, "children", opts.tree), _ref)] : opts.tree;
-
     var getNodeValue = function getNodeValue(node) {
       return node[primaryKey];
     };
-
     var treeDataHelper = opts.checkStrictly ? new StrictTreeDataHelper({
       value: value,
       getNodeValue: getNodeValue,
@@ -45,15 +37,12 @@ export function treeSelect(opts) {
       tree: tree,
       checkedStrategy: (_g = opts.checkedStrategy) !== null && _g !== void 0 ? _g : 'parent'
     });
-
     var onToggleKey = function onToggleKey(key) {
       var _a;
-
       var nextValue = treeDataHelper.getValueAfterToggle(key);
       pipeline.setStateAtKey(STATE_KEY, nextValue);
       (_a = opts.onChange) === null || _a === void 0 ? void 0 : _a.call(opts, nextValue);
     };
-
     var makeCheckbox = function makeCheckbox(key, root, row) {
       return /*#__PURE__*/React.createElement(Checkbox, {
         checked: treeDataHelper.isChecked(key),
@@ -64,7 +53,6 @@ export function treeSelect(opts) {
         } : undefined
       });
     };
-
     var checkboxColumn = _extends(_extends({
       name: '',
       width: 50,
@@ -76,13 +64,10 @@ export function treeSelect(opts) {
       },
       getCellProps: function getCellProps(value, row) {
         var rowKey = row[primaryKey];
-
         if (clickArea !== 'cell') {
           return;
         }
-
         var disabled = isDisabled(row);
-
         if (disabled) {
           return {
             style: {
@@ -90,7 +75,6 @@ export function treeSelect(opts) {
             }
           };
         }
-
         return {
           style: {
             cursor: 'pointer'
@@ -99,29 +83,22 @@ export function treeSelect(opts) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             onToggleKey(rowKey);
           }
         };
       }
     });
-
     var nextColumns = _sliceInstanceProperty(_context = pipeline.getColumns()).call(_context);
-
     var checkboxPlacement = (_h = opts.checkboxPlacement) !== null && _h !== void 0 ? _h : 'start';
-
     if (checkboxPlacement === 'start') {
       nextColumns.unshift(checkboxColumn);
     } else {
       nextColumns.push(checkboxColumn);
     }
-
     pipeline.columns(nextColumns);
-
     if (clickArea === 'row') {
       pipeline.appendRowPropsGetter(function (row) {
         var disabled = isDisabled(row);
-
         if (!disabled) {
           return {
             style: {
@@ -131,14 +108,12 @@ export function treeSelect(opts) {
               if (opts.stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               onToggleKey(row[primaryKey]);
             }
           };
         }
       });
     }
-
     if (opts.highlightRowWhenSelected) {
       pipeline.appendRowPropsGetter(function (row) {
         if (treeDataHelper.isChecked(row[primaryKey])) {
@@ -148,7 +123,6 @@ export function treeSelect(opts) {
         }
       });
     }
-
     return pipeline;
   };
 }