@kdcloudjs/table 1.2.2-canary.10 → 1.2.2-canary.12

package/es/table/pipeline/features/filter/Filter.js

@@ -22,9 +22,10 @@ function Panel(_ref) {
     hidePanel = _ref.hidePanel,
     renderPanelContent = _ref.renderPanelContent,
     hideFilterPopupHeader = _ref.hideFilterPopupHeader,
-    popupParent = _ref.popupParent;
+    popupParent = _ref.popupParent,
+    direction = _ref.direction;
   var filterPanelRef = React.useRef(null);
-  var _React$useState = React.useState(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
+  var _React$useState = React.useState(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader), direction)),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     position = _React$useState2[0],
     setPosition = _React$useState2[1];
@@ -33,7 +34,7 @@ function Panel(_ref) {
     zIndex: 1050
   };
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
-    setPosition(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
+    setPosition(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader), direction));
   };
   useEffect(function () {
     var resizeObserver = addResizeObserver(filterPanelRef.current.children[0], handleFilterPanelResize);
@@ -48,10 +49,12 @@ function Panel(_ref) {
     onClose: hidePanel,
     position: position,
     filterIcon: filterIcon,
-    hideFilterPopupHeader: hideFilterPopupHeader
+    hideFilterPopupHeader: hideFilterPopupHeader,
+    direction: direction
   }, renderPanelContent()));
 }
 function Filter(_ref2) {
+  var _cx;
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 12 : _ref2$size,
     style = _ref2.style,
@@ -66,7 +69,8 @@ function Filter(_ref2) {
     stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
     hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
     getPopupParent = _ref2.getPopupParent,
-    localeText = _ref2.localeText;
+    localeText = _ref2.localeText,
+    direction = _ref2.direction;
   var _React$useState3 = React.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     showPanel = _React$useState4[0],
@@ -114,7 +118,7 @@ function Filter(_ref2) {
       }
     }
   };
-  var iconClassName = cx(_defineProperty(_defineProperty({}, className, true), 'filter-panel-open', showPanel));
+  var iconClassName = cx((_cx = {}, _defineProperty(_cx, className, true), _defineProperty(_cx, 'filter-panel-open', showPanel), _cx));
   var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
   var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
   return /*#__PURE__*/React.createElement(FilterIconSpanStyle, {
@@ -130,13 +134,14 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/React.createElement(DefaultFilterIcon, {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Panel, {
     ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,
     renderPanelContent: renderPanelContent,
     hideFilterPopupHeader: hideFilterPopupHeader,
-    popupParent: popupParent
+    popupParent: popupParent,
+    direction: direction
   }), popupParent));
 }
 function _getPanelOffset(ele, hideFilterPopupHeader) {

package/es/table/pipeline/features/filter/FilterPanel.d.ts

@@ -9,13 +9,15 @@ export interface FilterPanel {
     style?: CSSProperties;
     filterIcon: ReactNode;
     children?: ReactNode;
+    direction?: string;
 }
-declare function FilterPanel({ style, children, position, filterIcon, onClose, hideFilterPopupHeader }: {
+declare function FilterPanel({ style, children, position, filterIcon, onClose, hideFilterPopupHeader, direction }: {
     style: any;
     children: any;
     position: any;
     filterIcon: any;
     onClose: any;
     hideFilterPopupHeader: any;
+    direction: any;
 }): JSX.Element;
 export default FilterPanel;

package/es/table/pipeline/features/filter/FilterPanel.js

@@ -27,7 +27,8 @@ function FilterPanel(_ref) {
     position = _ref.position,
     filterIcon = _ref.filterIcon,
     onClose = _ref.onClose,
-    hideFilterPopupHeader = _ref.hideFilterPopupHeader;
+    hideFilterPopupHeader = _ref.hideFilterPopupHeader,
+    direction = _ref.direction;
   var _useState = useState(position),
     _useState2 = _slicedToArray(_useState, 2),
     perfectPosition = _useState2[0],
@@ -41,9 +42,16 @@ function FilterPanel(_ref) {
     return isElementInEventPath(ref.current, e);
   };
   useEffect(function () {
-    setPerfectPosition(keepWithinBounds(document.body, ref.current, position.x, position.y, true));
+    var _a;
+    var isRTL = direction === 'rtl';
+    var x = position.x,
+      y = position.y;
+    if (isRTL) {
+      x -= (_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    }
+    setPerfectPosition(keepWithinBounds(document.body, ref.current, x, y, true));
     setVisible(true);
-  }, [position]);
+  }, [position, direction]);
   var hasPopupMouseEvent = useRef(false);
   var handleMouseEvent = function handleMouseEvent() {
     // 当弹出的过滤面板内部发生鼠标按下、抬起事件时，标记当前事件，并在click捕获期清除标记，用来确定鼠标按下、抬起发生在过滤面板内部
@@ -65,13 +73,15 @@ function FilterPanel(_ref) {
     style: _extends(_extends({}, style), {
       left: visible ? perfectPosition.x : 0,
       top: visible ? perfectPosition.y : 0,
-      opacity: visible ? 1 : 0
+      opacity: visible ? 1 : 0,
+      direction: direction
     }),
     onMouseDown: handleMouseEvent,
     onMouseUp: handleMouseEvent,
     onKeyDown: handleKeyDown,
     ref: ref,
-    tabIndex: -1
+    tabIndex: -1,
+    direction: direction
   }, !hideFilterPopupHeader ? /*#__PURE__*/React.createElement("div", {
     className: Classes.popupHeader
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -209,8 +210,9 @@ export function rangeSelection(opts) {
   };
 }
 function getTargetCell(target, columns) {
-  var _loop = function _loop() {
-      if (target.getAttribute('data-role') === 'table-cell') {
+  while (target) {
+    if (target.getAttribute('data-role') === 'table-cell') {
+      var _ret = function () {
         var columnCode = target.getAttribute('data-code');
         var column = findByTree(columns, function (item, index) {
           return item.code === columnCode;
@@ -227,13 +229,10 @@ function getTargetCell(target, columns) {
             isFooterCell: isEleInFooter(target)
           }
         };
-      }
-      target = target.parentElement;
-    },
-    _ret;
-  while (target) {
-    _ret = _loop();
-    if (_ret) return _ret.v;
+      }();
+      if (_typeof(_ret) === "object") return _ret.v;
+    }
+    target = target.parentElement;
   }
   return null;
 }
@@ -422,6 +421,7 @@ export function getCellRangeId(cellRange) {
  * @returns
  */
 function getCellRangesClassName(cellRanges, _ref2) {
+  var _cx;
   var isFooterCell = _ref2.isFooterCell,
     rowIndex = _ref2.rowIndex,
     col = _ref2.col,
@@ -437,7 +437,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
     matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
     matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
   var isSingleCell = isCellRangeSingleCell(cellRanges);
-  var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.tableCellRangeSingleCell, isSingleCell), Classes.tableCellRangeSelected, !isSingleCell), Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight));
+  var className = cx((_cx = {}, _defineProperty(_cx, Classes.tableCellRangeSingleCell, isSingleCell), _defineProperty(_cx, Classes.tableCellRangeSelected, !isSingleCell), _defineProperty(_cx, Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), _defineProperty(_cx, Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), _defineProperty(_cx, Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), _defineProperty(_cx, Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight), _cx));
   return className;
 }
 function getMatchBorderStyle(cellRanges, _ref3) {

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

@@ -212,12 +212,12 @@ export function rowDetail() {
         }
       });
       tableColumns[expandColumnIndex] = _extends(_extends({}, expandCol), {
-        title: (/*#__PURE__*/React.createElement("div", {
+        title: /*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, internals.safeRenderHeader(expandCol))),
+        }, internals.safeRenderHeader(expandCol)),
         render: render,
         getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

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

@@ -202,7 +202,8 @@ export function rowDrag(opt) {
       };
       var handleDragMove = function handleDragMove(mouseMoveEvent) {
         var _a;
-        positionDragElemment(dragElement, mouseMoveEvent); // 更新拖拽悬浮框位置
+        var isRTL = pipeline.ctx.direction === 'rtl';
+        positionDragElemment(dragElement, mouseMoveEvent, isRTL); // 更新拖拽悬浮框位置
         rowDragApi.setDragStatus('dragging');
         setDragElementIcon(dragElement, 'move');
         var rowDropZones = rowDragApi.getRowDropZone();
@@ -250,7 +251,8 @@ export function rowDrag(opt) {
             positionDragLine({
               lineElement: dragLine,
               dragZone: dropTarget,
-              event: mouseMoveEvent
+              event: mouseMoveEvent,
+              isRTL: isRTL
             });
           }
           // 树形表格悬停1s展开对应行节点
@@ -352,6 +354,7 @@ export function rowDrag(opt) {
       onMouseDown: onMouseDown
     });
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
+      var _cx;
       var rowDragEvent = pipeline.getStateAtKey(rowDragKey) || {};
       var dragStatus = rowDragApi.getDragStatus();
       var startRowIndex = rowDragEvent.startRowIndex,
@@ -373,7 +376,7 @@ export function rowDrag(opt) {
           return internals.safeGetRowKey(primaryKey, row, -1) === parentRowKey;
         });
       }
-      var className = cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), Classes.rowDragEnd, rowIndex === endRowIndex), Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
+      var className = cx((_cx = {}, _defineProperty(_cx, Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), _defineProperty(_cx, Classes.rowDragEnd, rowIndex === endRowIndex), _defineProperty(_cx, Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), _defineProperty(_cx, Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), _defineProperty(_cx, Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _defineProperty(_cx, Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'), _cx));
       return {
         className: className
       };
@@ -447,7 +450,8 @@ function positionDragLine(_ref) {
   var _context7;
   var lineElement = _ref.lineElement,
     dragZone = _ref.dragZone,
-    event = _ref.event;
+    event = _ref.event,
+    isRTL = _ref.isRTL;
   var tableContainer = dragZone.getContainer();
   var _dragZone$tableParams = dragZone.tableParams,
     getDataSource = _dragZone$tableParams.getDataSource,
@@ -483,14 +487,15 @@ function positionDragLine(_ref) {
           row: _row,
           direction: _direction,
           offsetParentSize: offsetParentSize,
-          bodyRect: bodyRect
+          bodyRect: bodyRect,
+          isRTL: isRTL
         }),
         _top = _getLinePosition.top,
-        _left = _getLinePosition.left,
-        _width = _getLinePosition.width;
-      lineElement.style.left = "".concat(_left, "px");
+        _left2 = _getLinePosition.left,
+        _width2 = _getLinePosition.width;
+      lineElement.style.left = "".concat(_left2, "px");
       lineElement.style.top = "".concat(_top, "px");
-      lineElement.style.width = "".concat(_width, "px");
+      lineElement.style.width = "".concat(_width2, "px");
     }
     return;
   }
@@ -507,7 +512,8 @@ function positionDragLine(_ref) {
       row: row,
       direction: direction,
       offsetParentSize: offsetParentSize,
-      bodyRect: bodyRect
+      bodyRect: bodyRect,
+      isRTL: isRTL
     }),
     top = _getLinePosition2.top,
     left = _getLinePosition2.left,
@@ -527,7 +533,7 @@ function showDragLine(lineElement) {
 function hiddenDragLine(lineElement) {
   lineElement.style.display = 'none';
 }
-function positionDragElemment(element, event) {
+function positionDragElemment(element, event, isRTL) {
   var _a, _b, _c, _d, _e, _f;
   if (!element) return;
   var elementRect = element.getBoundingClientRect();
@@ -539,14 +545,23 @@ function positionDragElemment(element, event) {
     clientY = event.clientY;
   var top = clientY - offsetParentSize.top - eleHeight / 2;
   var left = clientX - offsetParentSize.left;
-  var windowScrollX = window.pageXOffset;
-  var windowScrollY = window.pageYOffset;
+  var right = Math.max(browserWidth - clientX, 0);
+  var windowScrollX = window.pageXOffset || window.scrollX;
+  var windowScrollY = window.pageYOffset || window.scrollY;
   if (browserWidth > 0 && left + element.clientWidth > browserWidth + windowScrollX) {
     left = Math.max(browserWidth + windowScrollX - element.clientWidth, 0);
   }
   if (browserHeight > 0 && top + element.clientHeight > browserHeight + windowScrollY) {
     top = Math.max(browserHeight + windowScrollY - element.clientHeight, 0);
   }
+  if (browserWidth > 0 && right + element.clientWidth > browserWidth + windowScrollX) {
+    right = Math.max(browserWidth + windowScrollX - element.clientWidth, 0);
+  }
+  if (isRTL) {
+    var _context8;
+    element.style.cssText += _concatInstanceProperty(_context8 = ";right: ".concat(right, "px; top: ")).call(_context8, top, "px;");
+    return;
+  }
   element.style.left = "".concat(left, "px");
   element.style.top = "".concat(top, "px");
 }
@@ -689,7 +704,8 @@ var getLinePosition = function getLinePosition(_ref2) {
     row = _ref2.row,
     direction = _ref2.direction,
     offsetParentSize = _ref2.offsetParentSize,
-    bodyRect = _ref2.bodyRect;
+    bodyRect = _ref2.bodyRect,
+    isRTL = _ref2.isRTL;
   var isTreeTable = !!treeModeOptions;
   if (isTreeTable) {
     var iconWidth = treeModeOptions.iconWidth,
@@ -698,7 +714,8 @@ var getLinePosition = function getLinePosition(_ref2) {
       indentSize = treeModeOptions.indentSize,
       treeMetaKey = treeModeOptions.treeMetaKey;
     var _getElementSize3 = _getElementSize(cell),
-      paddingLeft = _getElementSize3.paddingLeft;
+      paddingLeft = _getElementSize3.paddingLeft,
+      paddingRight = _getElementSize3.paddingRight;
     var expandCellRect = cell.getBoundingClientRect();
     var _row$treeMetaKey2 = row[treeMetaKey],
       rowKey = _row$treeMetaKey2.rowKey,
@@ -712,12 +729,23 @@ var getLinePosition = function getLinePosition(_ref2) {
       _height = expandCellRect.height;
     var _top2 = direction === 'bottom' ? _y + _height - offsetParentSize.top : _y - offsetParentSize.top;
     var offsetX = Math.max(x + paddingLeft + indent - bodyRect.x, 0);
-    var _left2 = bodyRect.x + offsetX - offsetParentSize.left;
-    var _width2 = bodyRect.width - offsetX;
+    var _left3 = bodyRect.x + offsetX - offsetParentSize.left;
+    var _width3 = bodyRect.width - offsetX;
+    if (isRTL) {
+      var expandCellOffsetRight = bodyRect.right - expandCellRect.right; // 展示收起单元格相较于表格右边的距离
+      var _left = bodyRect.x - offsetParentSize.left;
+      // 表格的宽度 - expandCellOffsetRight - 表格的paddingRight - 计算得出的缩进
+      var _width = bodyRect.width - expandCellOffsetRight - paddingRight - indent;
+      return {
+        top: _top2,
+        left: _left,
+        width: _width
+      };
+    }
     return {
       top: _top2,
-      left: _left2,
-      width: _width2
+      left: _left3,
+      width: _width3
     };
   }
   // 根据鼠标悬停位置所在单元格和显示位置计算拖拽线的位置

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

@@ -144,12 +144,12 @@ export function rowGrouping() {
         });
       };
       return _concatInstanceProperty(_context3 = [_extends(_extends({}, firstCol), {
-        title: (/*#__PURE__*/React.createElement("div", {
+        title: /*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, internals.safeRenderHeader(firstCol))),
+        }, internals.safeRenderHeader(firstCol)),
         render: render,
         getCellProps: getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

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

@@ -5,9 +5,9 @@ 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(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; }
+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";
@@ -47,6 +47,7 @@ function SortIcon(_ref) {
   }));
 }
 function DefaultSortHeaderCell(_ref2) {
+  var _cx;
   var children = _ref2.children,
     column = _ref2.column,
     onToggle = _ref2.onToggle,
@@ -66,10 +67,10 @@ function DefaultSortHeaderCell(_ref2) {
       marginLeft: 2,
       flexShrink: 0
     },
-    className: cx(_defineProperty(_defineProperty({}, Classes.tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
+    className: cx((_cx = {}, _defineProperty(_cx, Classes.tableSortIcon, true), _defineProperty(_cx, "active", sortOrder === 'desc' || sortOrder === 'asc'), _cx)),
     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,
@@ -78,7 +79,7 @@ function DefaultSortHeaderCell(_ref2) {
       fontSize: 10,
       fontFamily: 'monospace'
     }
-  }, sortIndex + 1)));
+  }, sortIndex + 1));
 }
 function hasAnySortableColumns(cols) {
   return cols.some(function (col) {

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

@@ -6,7 +6,10 @@ import styled from 'styled-components';
 import { icons } from '../../common-views';
 import { internals } from '../../internals';
 import { makeRecursiveMapper } from '../../utils';
-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"])));
+import { swapRTLDirection } from '../../base/utils';
+var HeaderCellWithTips = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  .tip-icon-wrapper {\n    margin-", ": 2px;\n  }\n\n  .tip-icon {\n    display: flex;\n    fill: currentColor;\n  }\n"])), function (props) {
+  return swapRTLDirection(props.direction, 'left');
+});
 export function tips() {
   return function tipsSteap(pipeline) {
     var Balloon = pipeline.ctx.components.Balloon;
@@ -21,11 +24,12 @@ export function tips() {
       }
       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 ? (
+          },
+          direction: pipeline.ctx.direction
+        }, internals.safeRenderHeader(col), Balloon ?
         /*#__PURE__*/
         // fusion/hippo
         React.createElement(Balloon, {
@@ -35,7 +39,7 @@ export function tips() {
           }, /*#__PURE__*/React.createElement(icons.Info, {
             className: "tip-icon"
           }))
-        }, col.features.tips)) : (
+        }, col.features.tips) :
         /*#__PURE__*/
         // antd
         React.createElement(Tooltip, {
@@ -44,7 +48,7 @@ export function tips() {
           className: "tip-icon-wrapper"
         }, /*#__PURE__*/React.createElement(icons.Info, {
           className: "tip-icon"
-        }))))))
+        }))))
       });
     }));
   };

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

@@ -4,9 +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(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 _context3; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context3 = {}.toString.call(r)).call(_context3, 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; }
+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 _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 _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";
@@ -219,12 +219,12 @@ export function treeMode() {
         });
       };
       columns[expandColIndex] = _extends(_extends({}, expandCol), {
-        title: (/*#__PURE__*/React.createElement("span", {
+        title: /*#__PURE__*/React.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
-        }, internals.safeRenderHeader(expandCol))),
+        }, internals.safeRenderHeader(expandCol)),
         render: render,
         getCellProps: getCellProps
       });

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

@@ -8,7 +8,7 @@ import TreeDataHelper from '../../utils/tree-data-helpers/TreeDataHelper';
 var STATE_KEY = 'treeSelect';
 export function treeSelect(opts) {
   return function treeSelectStep(pipeline) {
-    var _context;
+    var _ref, _context;
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var Checkbox = pipeline.ctx.components.Checkbox;
     if (Checkbox == null) {
@@ -22,7 +22,7 @@ export function treeSelect(opts) {
     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 ? [_defineProperty(_defineProperty({}, primaryKey, opts.rootKey), "children", opts.tree)] : opts.tree;
+    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];
     };

package/es/table/pipeline/pipeline.js

@@ -42,7 +42,7 @@ export var TablePipeline = /*#__PURE__*/function () {
     _extends(this.ctx, ctx);
   }
   // Generate a pseudo-GUID by concatenating random hexadecimal.
-  return _createClass(TablePipeline, [{
+  _createClass(TablePipeline, [{
     key: "guid",
     value: function guid() {
       function S4() {
@@ -276,6 +276,7 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this.ref.current.lastPipeline;
     }
   }]);
+  return TablePipeline;
 }();
 TablePipeline.defaultIndents = {
   iconIndent: -8,

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

@@ -1,9 +1,9 @@
 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(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; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { var _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context4 = Object.prototype.toString.call(o)).call(_context4, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
@@ -12,7 +12,9 @@ import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  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]];
   }
@@ -195,7 +197,7 @@ export default function buildCrossTable(options) {
         _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _context2, _context3;
+          var _context2, _context3, _row;
           var node = _step2.value;
           if (node.hidden) {
             // 跳过被隐藏的节点
@@ -207,7 +209,7 @@ export default function buildCrossTable(options) {
             left: ctx.depth,
             right: -1
           };
-          var row = _defineProperty(_defineProperty(_defineProperty({}, ROW_KEY, node.key), "rects", _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(ctx.rects), [rect])), "nodes", _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(ctx.nodes), [node]));
+          var row = (_row = {}, _defineProperty(_row, ROW_KEY, node.key), _defineProperty(_row, "rects", _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(ctx.rects), [rect])), _defineProperty(_row, "nodes", _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(ctx.nodes), [node])), _row);
           if (isLeafNode(node)) {
             rect.right = leftHeaderWidth;
             rect.bottom = rect.top + 1;

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

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  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]];
   }

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

@@ -13,7 +13,7 @@ export interface CrossTableLeftMetaColumn extends Omit<ArtColumnStaticPart, 'hid
 export interface CrossTreeNode {
     key: string;
     value: string;
-    title?: ReactNode;
+    title?: ReactNode[] | ReactNode;
     data?: any;
     hidden?: boolean;
     children?: CrossTreeNode[];