@kdcloudjs/table 1.2.2-canary.11 → 1.2.2-canary.13

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

@@ -23,8 +23,8 @@ var _utils = require("../../../utils");
 var _utils2 = require("../../../base/utils");
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
 var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
 var FilterIconSpanStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // position: absolute;\n  // right: 4px;\n  // cursor: pointer;\n  // transform: translateY(-50%);\n  // top: 50%;\n  // height: 12px; \n  > .", " {\n    display: flex\n  }\n"])), _styles.Classes.filterIcon);
@@ -34,9 +34,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.default.useRef(null);
-  var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
+  var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader), direction)),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     position = _React$useState2[0],
     setPosition = _React$useState2[1];
@@ -45,7 +46,7 @@ function Panel(_ref) {
     zIndex: 1050
   };
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
-    setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
+    setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader), direction));
   };
   (0, _react.useEffect)(function () {
     var resizeObserver = (0, _utils2.addResizeObserver)(filterPanelRef.current.children[0], handleFilterPanelResize);
@@ -60,10 +61,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,
@@ -78,7 +81,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.default.useState(false),
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     showPanel = _React$useState4[0],
@@ -126,7 +130,7 @@ function Filter(_ref2) {
       }
     }
   };
-  var iconClassName = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, true), 'filter-panel-open', showPanel));
+  var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_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.default.createElement(FilterIconSpanStyle, {
@@ -142,13 +146,14 @@ function Filter(_ref2) {
   }, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
     width: size,
     height: size
-  })), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
+  })), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.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) {
@@ -163,4 +168,5 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
     y: HEADER_ICON_OFFSET_Y
   };
 }
-var _default = exports.default = Filter;
+var _default = Filter;
+exports.default = _default;

package/lib/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/lib/table/pipeline/features/filter/FilterPanel.js

@@ -18,8 +18,8 @@ var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
 var _styles = require("../../../base/styles");
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var FilterPanelStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  max-height: 450px;\n  min-width: 160px;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n  cursor: default;\n\n  .", " {\n    display: flex;\n    background-color: #ebedf1;\n\n    .", " {\n      display: flex;\n      color:#666;\n      background-color: #fff;\n      padding: 8px 16px 8px 16px;\n      border-right: 1px solid transparent;\n      border-left: 1px solid transparent;\n      border-top: 1px solid transparent;\n      border-top-right-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  }\n\n  .", " {\n    display: flex;\n  }\n"])), _styles.Classes.popupHeader, _styles.Classes.filterIcon, _styles.Classes.popupBody);
 var useWindowEvents = function useWindowEvents(func, evens) {
   _react.default.useEffect(function () {
@@ -39,7 +39,8 @@ function FilterPanel(_ref) {
     position = _ref.position,
     filterIcon = _ref.filterIcon,
     onClose = _ref.onClose,
-    hideFilterPopupHeader = _ref.hideFilterPopupHeader;
+    hideFilterPopupHeader = _ref.hideFilterPopupHeader,
+    direction = _ref.direction;
   var _useState = (0, _react.useState)(position),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     perfectPosition = _useState2[0],
@@ -53,9 +54,16 @@ function FilterPanel(_ref) {
     return (0, _utils.isElementInEventPath)(ref.current, e);
   };
   (0, _react.useEffect)(function () {
-    setPerfectPosition((0, _utils.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((0, _utils.keepWithinBounds)(document.body, ref.current, x, y, true));
     setVisible(true);
-  }, [position]);
+  }, [position, direction]);
   var hasPopupMouseEvent = (0, _react.useRef)(false);
   var handleMouseEvent = function handleMouseEvent() {
     // 当弹出的过滤面板内部发生鼠标按下、抬起事件时，标记当前事件，并在click捕获期清除标记，用来确定鼠标按下、抬起发生在过滤面板内部
@@ -77,13 +85,15 @@ function FilterPanel(_ref) {
     style: (0, _extends2.default)((0, _extends2.default)({}, 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.default.createElement("div", {
     className: _styles.Classes.popupHeader
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -95,4 +105,5 @@ function FilterPanel(_ref) {
     className: _styles.Classes.popupBody
   }, children));
 }
-var _default = exports.default = FilterPanel;
+var _default = FilterPanel;
+exports.default = _default;

package/lib/table/pipeline/features/filter/util.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_FILTER_OPTIONS = void 0;
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-var DEFAULT_FILTER_OPTIONS = exports.DEFAULT_FILTER_OPTIONS = [{
+var DEFAULT_FILTER_OPTIONS = [{
   title: '包含',
   key: 'contain',
   filter: function filter(value) {
@@ -66,4 +66,5 @@ var DEFAULT_FILTER_OPTIONS = exports.DEFAULT_FILTER_OPTIONS = [{
       return !!data;
     };
   }
-}];
+}];
+exports.DEFAULT_FILTER_OPTIONS = DEFAULT_FILTER_OPTIONS;

package/lib/table/pipeline/features/footerDataSource.js

@@ -10,7 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var footerRowMetaSymbol = exports.footerRowMetaSymbol = (0, _symbol.default)('footer-row');
+var footerRowMetaSymbol = (0, _symbol.default)('footer-row');
+exports.footerRowMetaSymbol = footerRowMetaSymbol;
 function footerDataSource() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function footerDataSourceStep(pipeline) {

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

@@ -14,6 +14,7 @@ var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _utils = require("../../utils");
@@ -22,8 +23,10 @@ var _rxjs = require("rxjs");
 var _operators = require("rxjs/operators");
 var _styles = require("../../base/styles");
 var _classnames = _interopRequireDefault(require("classnames"));
-var rangeSelectionKey = exports.rangeSelectionKey = 'rangeSelection';
-var lastClickCellKey = exports.lastClickCellKey = 'lastClickCell';
+var rangeSelectionKey = 'rangeSelection';
+exports.rangeSelectionKey = rangeSelectionKey;
+var lastClickCellKey = 'lastClickCell';
+exports.lastClickCellKey = lastClickCellKey;
 var startSelectedCellRangesKey = 'startSelectedCellRanges';
 var SCROLL_OFFSET = 30;
 function rangeSelection(opts) {
@@ -220,8 +223,9 @@ 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 = (0, _others.findByTree)(columns, function (item, index) {
           return item.code === columnCode;
@@ -238,13 +242,10 @@ function getTargetCell(target, columns) {
             isFooterCell: isEleInFooter(target)
           }
         };
-      }
-      target = target.parentElement;
-    },
-    _ret;
-  while (target) {
-    _ret = _loop();
-    if (_ret) return _ret.v;
+      }();
+      if ((0, _typeof2.default)(_ret) === "object") return _ret.v;
+    }
+    target = target.parentElement;
   }
   return null;
 }
@@ -433,6 +434,7 @@ function getCellRangeId(cellRange) {
  * @returns
  */
 function getCellRangesClassName(cellRanges, _ref2) {
+  var _cx;
   var isFooterCell = _ref2.isFooterCell,
     rowIndex = _ref2.rowIndex,
     col = _ref2.col,
@@ -448,7 +450,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
     matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
     matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
   var isSingleCell = isCellRangeSingleCell(cellRanges);
-  var className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableCellRangeSingleCell, isSingleCell), _styles.Classes.tableCellRangeSelected, !isSingleCell), _styles.Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), _styles.Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), _styles.Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), _styles.Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight));
+  var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSingleCell, isSingleCell), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSelected, !isSingleCell), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight), _cx));
   return className;
 }
 function getMatchBorderStyle(cellRanges, _ref3) {

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

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

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

@@ -21,9 +21,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _styles = require("../../base/styles");
 var _const = require("../const");
 var _internals = require("../../internals");
-var ROW_DRAG_COLUMN_CODE = exports.ROW_DRAG_COLUMN_CODE = '$_row_drag_column_&';
-var rowDragKey = exports.rowDragKey = 'rowDragKey';
-var rowDragOptionsKey = exports.rowDragOptionsKey = 'rowDragOptions';
+var ROW_DRAG_COLUMN_CODE = '$_row_drag_column_&';
+exports.ROW_DRAG_COLUMN_CODE = ROW_DRAG_COLUMN_CODE;
+var rowDragKey = 'rowDragKey';
+exports.rowDragKey = rowDragKey;
+var rowDragOptionsKey = 'rowDragOptions';
+exports.rowDragOptionsKey = rowDragOptionsKey;
 var SCROLL_OFFSET = 30;
 var SCROLL_START_OFFSET = 20;
 var defaultRowDragColumn = {
@@ -213,7 +216,8 @@ 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();
@@ -261,7 +265,8 @@ function rowDrag(opt) {
             positionDragLine({
               lineElement: dragLine,
               dragZone: dropTarget,
-              event: mouseMoveEvent
+              event: mouseMoveEvent,
+              isRTL: isRTL
             });
           }
           // 树形表格悬停1s展开对应行节点
@@ -363,6 +368,7 @@ 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,
@@ -384,7 +390,7 @@ function rowDrag(opt) {
           return _internals.internals.safeGetRowKey(primaryKey, row, -1) === parentRowKey;
         });
       }
-      var className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), _styles.Classes.rowDragEnd, rowIndex === endRowIndex), _styles.Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), _styles.Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), _styles.Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), _styles.Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'));
+      var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEnd, rowIndex === endRowIndex), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'), _cx));
       return {
         className: className
       };
@@ -458,7 +464,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,
@@ -494,14 +501,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;
   }
@@ -518,7 +526,8 @@ function positionDragLine(_ref) {
       row: row,
       direction: direction,
       offsetParentSize: offsetParentSize,
-      bodyRect: bodyRect
+      bodyRect: bodyRect,
+      isRTL: isRTL
     }),
     top = _getLinePosition2.top,
     left = _getLinePosition2.left,
@@ -538,7 +547,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();
@@ -550,14 +559,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 += (0, _concat.default)(_context8 = ";right: ".concat(right, "px; top: ")).call(_context8, top, "px;");
+    return;
+  }
   element.style.left = "".concat(left, "px");
   element.style.top = "".concat(top, "px");
 }
@@ -700,7 +718,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,
@@ -709,7 +728,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,
@@ -723,12 +743,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/lib/table/pipeline/features/rowGrouping.js

@@ -152,12 +152,12 @@ function rowGrouping() {
         });
       };
       return (0, _concat.default)(_context3 = [(0, _extends3.default)((0, _extends3.default)({}, firstCol), {
-        title: (/*#__PURE__*/_react.default.createElement("div", {
+        title: /*#__PURE__*/_react.default.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset
           }
-        }, _internals.internals.safeRenderHeader(firstCol))),
+        }, _internals.internals.safeRenderHeader(firstCol)),
         render: render,
         getCellProps: getCellProps,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

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

@@ -25,9 +25,9 @@ var _internals = require("../../internals");
 var _utils = require("../../utils");
 var _styles = require("../../base/styles");
 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 = _sliceInstanceProperty2(_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 = _sliceInstanceProperty2(_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 SortIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 32 : _ref$size,
@@ -55,6 +55,7 @@ function SortIcon(_ref) {
   }));
 }
 function DefaultSortHeaderCell(_ref2) {
+  var _cx;
   var children = _ref2.children,
     column = _ref2.column,
     onToggle = _ref2.onToggle,
@@ -74,10 +75,10 @@ function DefaultSortHeaderCell(_ref2) {
       marginLeft: 2,
       flexShrink: 0
     },
-    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
+    className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableSortIcon, true), (0, _defineProperty2.default)(_cx, "active", sortOrder === 'desc' || sortOrder === 'asc'), _cx)),
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && (/*#__PURE__*/_react.default.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -86,7 +87,7 @@ function DefaultSortHeaderCell(_ref2) {
       fontSize: 10,
       fontFamily: 'monospace'
     }
-  }, sortIndex + 1)));
+  }, sortIndex + 1));
 }
 function hasAnySortableColumns(cols) {
   return cols.some(function (col) {

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

@@ -12,8 +12,11 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _commonViews = require("../../common-views");
 var _internals = require("../../internals");
 var _utils = require("../../utils");
+var _utils2 = require("../../base/utils");
 var _templateObject;
-var HeaderCellWithTips = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
+var HeaderCellWithTips = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 (0, _utils2.swapRTLDirection)(props.direction, 'left');
+});
 function tips() {
   return function tipsSteap(pipeline) {
     var Balloon = pipeline.ctx.components.Balloon;
@@ -28,11 +31,12 @@ function tips() {
       }
       var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
-        title: (/*#__PURE__*/_react.default.createElement(HeaderCellWithTips, {
+        title: /*#__PURE__*/_react.default.createElement(HeaderCellWithTips, {
           style: {
             justifyContent: justifyContent
-          }
-        }, _internals.internals.safeRenderHeader(col), Balloon ? (
+          },
+          direction: pipeline.ctx.direction
+        }, _internals.internals.safeRenderHeader(col), Balloon ?
         /*#__PURE__*/
         // fusion/hippo
         _react.default.createElement(Balloon, {
@@ -42,7 +46,7 @@ function tips() {
           }, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
             className: "tip-icon"
           }))
-        }, col.features.tips)) : (
+        }, col.features.tips) :
         /*#__PURE__*/
         // antd
         _react.default.createElement(Tooltip, {
@@ -51,7 +55,7 @@ function tips() {
           className: "tip-icon-wrapper"
         }, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
           className: "tip-icon"
-        }))))))
+        }))))
       });
     }));
   };

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

@@ -25,11 +25,13 @@ var _commonViews = require("../../common-views");
 var _internals = require("../../internals");
 var _utils = require("../../utils");
 var _styles = require("../../base/styles");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol2 && _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; }
-var treeMetaSymbol = exports.treeMetaSymbol = (0, _symbol.default)('treeMetaSymbol');
-var treeModeOptionsKey = exports.treeModeOptionsKey = 'treeModeOptions';
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol2 !== "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; }
+var treeMetaSymbol = (0, _symbol.default)('treeMetaSymbol');
+exports.treeMetaSymbol = treeMetaSymbol;
+var treeModeOptionsKey = 'treeModeOptions';
+exports.treeModeOptionsKey = treeModeOptionsKey;
 function treeMode() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function treeModeStep(pipeline) {
@@ -229,12 +231,12 @@ function treeMode() {
         });
       };
       columns[expandColIndex] = (0, _extends3.default)((0, _extends3.default)({}, expandCol), {
-        title: (/*#__PURE__*/_react.default.createElement("span", {
+        title: /*#__PURE__*/_react.default.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
-        }, _internals.internals.safeRenderHeader(expandCol))),
+        }, _internals.internals.safeRenderHeader(expandCol)),
         render: render,
         getCellProps: getCellProps
       });