@kdcloudjs/table 1.2.1-canary.5 → 1.2.1-canary.7

package/es/table/transforms/columnResize.js

@@ -1,26 +1,18 @@
 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;
-
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 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];
-  }
-
+  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 { fromEvent } from 'rxjs';
 import * as op from 'rxjs/operators';
@@ -28,48 +20,40 @@ import styled from 'styled-components';
 import { internals } from '../internals';
 import { isLeafNode, traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
-
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));
 }
-
 var RESIZE_EXPANDER_CLS = 'resize-expander';
 var ResizeHandle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: -5px;\n  width: 10px;\n  cursor: col-resize;\n  z-index: 1;\n"])));
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeColumnResizeTransform(_ref) {
   var sizes = _ref.sizes,
-      onChangeSizes = _ref.onChangeSizes,
-      _ref$minSize = _ref.minSize,
-      minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
-      _ref$maxSize = _ref.maxSize,
-      maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
-      appendExpander = _ref.appendExpander,
-      _ref$expanderVisibili = _ref.expanderVisibility,
-      expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
-      disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
+    onChangeSizes = _ref.onChangeSizes,
+    _ref$minSize = _ref.minSize,
+    minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
+    appendExpander = _ref.appendExpander,
+    _ref$expanderVisibili = _ref.expanderVisibility,
+    expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
+    disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
   warnTransformsDeprecated('makeColumnResizeTransform');
-
   var startResize = function startResize(colIndex, e) {
     var startX = e.clientX;
     var startSize = sizes[colIndex];
     var nextSizes$ = fromEvent(window, 'mousemove').pipe(op.takeUntil(fromEvent(window, 'mouseup')), op.map(function (e) {
       var movingX = e.clientX;
-
       var nextSizes = _sliceInstanceProperty(sizes).call(sizes);
-
       nextSizes[colIndex] = clamp(minSize, startSize + (movingX - startX), maxSize);
       return nextSizes;
     }));
     var prevUserSelect = '';
     var docElemStyle;
-
     if (disableUserSelectWhenResizing) {
       docElemStyle = document.documentElement.style;
       prevUserSelect = docElemStyle.userSelect;
       docElemStyle.userSelect = 'none';
     }
-
     nextSizes$.subscribe({
       next: onChangeSizes,
       complete: function complete() {
@@ -79,25 +63,21 @@ export function makeColumnResizeTransform(_ref) {
       }
     });
   };
-
   var innerTransform = traverseColumn(function (col, _ref2) {
     var range = _ref2.range;
-
     var _a;
-
     if (!isLeafNode(col)) {
       return col;
     }
-
     var prevTitle = internals.safeRenderHeader(col);
     return _extends(_extends({}, col), {
       width: sizes[range.start],
-      title: /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
+      title: ( /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
         className: "resize-handle",
         onMouseDown: function onMouseDown(e) {
           return startResize(range.start, e);
         }
-      })),
+      }))),
       headerCellProps: _extends(_extends({}, col.headerCellProps), {
         style: _extends(_extends({}, (_a = col.headerCellProps) === null || _a === void 0 ? void 0 : _a.style), {
           overflow: 'visible',
@@ -108,9 +88,8 @@ export function makeColumnResizeTransform(_ref) {
   });
   return function (input) {
     var _innerTransform = innerTransform(input),
-        columns = _innerTransform.columns,
-        dataSource = _innerTransform.dataSource;
-
+      columns = _innerTransform.columns,
+      dataSource = _innerTransform.dataSource;
     return {
       columns: appendExpander ? _concatInstanceProperty(columns).call(columns, [{
         name: '',
@@ -135,16 +114,13 @@ export function makeColumnResizeTransform(_ref) {
   };
 }
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function useColumnResizeTransform(_a) {
   var defaultSizes = _a.defaultSizes,
-      others = __rest(_a, ["defaultSizes"]);
-
+    others = __rest(_a, ["defaultSizes"]);
   var _useState = useState(defaultSizes),
-      _useState2 = _slicedToArray(_useState, 2),
-      sizes = _useState2[0],
-      onChangeSizes = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    sizes = _useState2[0],
+    onChangeSizes = _useState2[1];
   return makeColumnResizeTransform(_extends({
     sizes: sizes,
     onChangeSizes: onChangeSizes

package/es/table/transforms/flatten.js

@@ -1,16 +1,13 @@
 import { isLeafNode, traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeFlattenTransform() {
   warnTransformsDeprecated('makeFlattenTransform');
   return traverseColumn(function (column) {
     var _a;
-
     if (isLeafNode(column)) {
       return column;
     }
-
     return ((_a = column.features) === null || _a === void 0 ? void 0 : _a.flatten) ? column.children : column;
   });
 }

package/es/table/transforms/orderField.js

@@ -2,13 +2,11 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeOrderFieldTransform() {
   var startOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   warnTransformsDeprecated('makeOrderFieldTransform');
   return traverseColumn(function (column) {
     var _a, _b;
-
     if (((_a = column.features) === null || _a === void 0 ? void 0 : _a.order) || ((_b = column.features) === null || _b === void 0 ? void 0 : _b.orderField)) {
       return _extends(_extends({}, column), {
         getValue: function getValue(record, index) {
@@ -16,7 +14,6 @@ export function makeOrderFieldTransform() {
         }
       });
     }
-
     return column;
   });
 }

package/es/table/transforms/sort.js

@@ -4,15 +4,10 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 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 = 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; }
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context4; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context4 = {}.toString.call(r)).call(_context4, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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";
@@ -20,32 +15,25 @@ 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];
-  }
-
+  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;
+    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,
@@ -65,14 +53,13 @@ function SortIcon(_ref) {
     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;
+    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, {
@@ -88,7 +75,7 @@ function DefaultSortHeaderCell(_ref2) {
     },
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex != -1 && /*#__PURE__*/React.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex != -1 && ( /*#__PURE__*/React.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -97,39 +84,33 @@ function DefaultSortHeaderCell(_ref2) {
       fontSize: 10,
       fontFamily: 'monospace'
     }
-  }, sortIndex + 1));
+  }, 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;
+    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 中只有第一个排序字段才会生效
-
-
+  });
+  // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
   var sorts = mode === 'multiple' ? filteredInputSorts : _sliceInstanceProperty(filteredInputSorts).call(filteredInputSorts, 0, 1);
   var onChangeSorts = mode === 'multiple' ? inputOnChangeSorts : function (nextSorts) {
     // 单字段排序的情况下，nextSorts 中只有最后一个排序字段才会生效
@@ -152,54 +133,40 @@ export function makeSortTransform(_ref3) {
   }));
   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);
-      }
-    }
-
+      columns = _ref4.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;
-
+          _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);
-
             if (cmp !== 0) {
               return cmp * (order === 'asc' ? 1 : -1);
             }
@@ -209,15 +176,12 @@ export function makeSortTransform(_ref3) {
         } finally {
           _iterator.f();
         }
-
         return 0;
       });
-    } // 在「升序 - 降序 - 不排序」之间不断切换
-
-
+    }
+    // 在「升序 - 降序 - 不排序」之间不断切换
     function toggle(code) {
       var sort = sortMap.get(code);
-
       if (sort == null) {
         onChangeSorts(_concatInstanceProperty(sorts).call(sorts, [{
           code: code,
@@ -227,11 +191,8 @@ export function makeSortTransform(_ref3) {
         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 {
@@ -239,41 +200,31 @@ export function makeSortTransform(_ref3) {
             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;
-
+              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, {
@@ -284,13 +235,11 @@ export function makeSortTransform(_ref3) {
               };
             }
           }
-
           result.title = /*#__PURE__*/React.createElement(SortHeaderCell, {
             onToggle: function onToggle(e) {
               if (stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               toggle(col.code);
             },
             sortOrder: sortOrder,
@@ -299,37 +248,29 @@ export function makeSortTransform(_ref3) {
             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"]);
-
+    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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    sorts = _useState2[0],
+    onChangeSorts = _useState2[1];
   return makeSortTransform(_extends({
     sorts: sorts,
     onChangeSorts: onChangeSorts

package/es/table/transforms/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';
@@ -11,25 +9,22 @@ 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;
+    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, {
+      title: ( /*#__PURE__*/React.createElement(HeaderCellWithTips, {
         style: {
           justifyContent: justifyContent
         }
-      }, internals.safeRenderHeader(col), Balloon ?
+      }, internals.safeRenderHeader(col), Balloon ? (
       /*#__PURE__*/
       // fusion/hippo
       React.createElement(Balloon, {
@@ -39,7 +34,7 @@ export function makeTipsTransform(_ref) {
         }, /*#__PURE__*/React.createElement(icons.Info, {
           className: "tip-icon"
         }))
-      }, col.features.tips) :
+      }, col.features.tips)) : (
       /*#__PURE__*/
       // antd
       React.createElement(Tooltip, {
@@ -48,7 +43,7 @@ export function makeTipsTransform(_ref) {
         className: "tip-icon-wrapper"
       }, /*#__PURE__*/React.createElement(icons.Info, {
         className: "tip-icon"
-      }))))
+      }))))))
     });
   });
 }