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

package/lib/table/base/utils.js

@@ -20,6 +20,7 @@ exports.getTableScrollFooterDOM = getTableScrollFooterDOM;
 exports.getTableScrollHeaderDOM = getTableScrollHeaderDOM;
 exports.shallowEqual = shallowEqual;
 exports.sum = sum;
+exports.swapRTLDirection = void 0;
 exports.syncScrollLeft = syncScrollLeft;
 exports.throttledWindowResize$ = void 0;
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
@@ -36,16 +37,20 @@ var _mergeCellProps = _interopRequireDefault(require("../utils/mergeCellProps"))
 var _utils = require("../utils");
 var _styles = require("./styles");
 var _element = require("../utils/element");
-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" != _typeof3(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 _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 _context; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context = {}.toString.call(r)).call(_context, 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 _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 || _typeof3(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; }
+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 _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 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; }
 /** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
-var STYLED_VERSION = exports.STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
-var STYLED_REF_PROP = exports.STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
-var OVERSCAN_SIZE = exports.OVERSCAN_SIZE = 100;
-var AUTO_VIRTUAL_THRESHOLD = exports.AUTO_VIRTUAL_THRESHOLD = 100;
+var STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
+exports.STYLED_VERSION = STYLED_VERSION;
+var STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
+exports.STYLED_REF_PROP = STYLED_REF_PROP;
+var OVERSCAN_SIZE = 100;
+exports.OVERSCAN_SIZE = OVERSCAN_SIZE;
+var AUTO_VIRTUAL_THRESHOLD = 100;
+exports.AUTO_VIRTUAL_THRESHOLD = AUTO_VIRTUAL_THRESHOLD;
 function sum(arr) {
   var result = 0;
   arr.forEach(function (x) {
@@ -54,7 +59,7 @@ function sum(arr) {
   return result;
 }
 // 使用 defer 避免过早引用 window，导致在 SSR 场景下报错
-var throttledWindowResize$ = exports.throttledWindowResize$ = (0, _rxjs.defer)(function () {
+var throttledWindowResize$ = (0, _rxjs.defer)(function () {
   return (0, _rxjs.fromEvent)(window, 'resize', {
     passive: true
   }).pipe((0, _operators.throttleTime)(150, _rxjs.asyncScheduler, {
@@ -62,7 +67,8 @@ var throttledWindowResize$ = exports.throttledWindowResize$ = (0, _rxjs.defer)(f
     trailing: true
   }));
 });
-var addResizeObserver = exports.addResizeObserver = function addResizeObserver(element, handler) {
+exports.throttledWindowResize$ = throttledWindowResize$;
+var addResizeObserver = function addResizeObserver(element, handler) {
   var measure = function measure(entries) {
     if (!entries[0] || !entries[0].contentRect) {
       return;
@@ -79,6 +85,7 @@ var addResizeObserver = exports.addResizeObserver = function addResizeObserver(e
   return resizeObserver;
 };
 /** 获取默认的滚动条大小 */
+exports.addResizeObserver = addResizeObserver;
 function getScrollbarSizeImpl() {
   var scrollDiv = document.createElement('div');
   scrollDiv.style.position = 'absolute';
@@ -205,7 +212,7 @@ function getTableScrollHeaderDOM(domHelper) {
 function getTableScrollFooterDOM(domHelper) {
   return (0, _utils.isStickyUIDegrade)() ? domHelper.tableFooterMain : domHelper.tableFooter;
 }
-var cssPolifill = exports.cssPolifill = function cssPolifill(_ref) {
+var cssPolifill = function cssPolifill(_ref) {
   var variables = _ref.variables,
     enableCSSVariables = _ref.enableCSSVariables,
     bordered = _ref.bordered;
@@ -227,4 +234,12 @@ var cssPolifill = exports.cssPolifill = function cssPolifill(_ref) {
     watch: true,
     silent: true
   });
-};
+};
+exports.cssPolifill = cssPolifill;
+var swapRTLDirection = function swapRTLDirection(direction, directionKey) {
+  var isRTL = direction === 'rtl';
+  if (directionKey === 'left' && isRTL) return 'right';
+  if (directionKey === 'right' && isRTL) return 'left';
+  return directionKey;
+};
+exports.swapRTLDirection = swapRTLDirection;

package/lib/table/common-views.js

@@ -11,10 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("./base/styles");
 var _templateObject, _templateObject2, _templateObject3;
-var InlineFlexCell = exports.InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n"])));
-var ExpansionCell = exports.ExpansionCell = (0, _styledComponents.default)(function (props) {
+var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n"])));
+exports.InlineFlexCell = InlineFlexCell;
+var ExpansionCell = (0, _styledComponents.default)(function (props) {
   return /*#__PURE__*/_react.default.createElement(InlineFlexCell, (0, _extends2.default)({}, props));
 })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
+exports.ExpansionCell = ExpansionCell;
 function CaretDownIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     focusable: "false",
@@ -63,10 +65,12 @@ function LoadingIcon(props) {
     d: "M512 74.667c-17.067 0-32 14.933-32 32V256c0 17.067 14.933 32 32 32s32-14.933 32-32V106.667c0-17.067-14.933-32-32-32zm181.333 288c8.534 0 17.067-2.134 23.467-8.534L821.333 249.6c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L672 309.333c-12.8 12.8-12.8 32 0 44.8 4.267 6.4 12.8 8.534 21.333 8.534zm224 117.333H768c-17.067 0-32 14.933-32 32s14.933 32 32 32h149.333c17.067 0 32-14.933 32-32s-14.933-32-32-32zM714.667 669.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8L774.4 819.2c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L714.667 669.867zM512 736c-17.067 0-32 14.933-32 32v149.333c0 17.067 14.933 32 32 32s32-14.933 32-32V768c0-17.067-14.933-32-32-32zm-202.667-66.133L204.8 774.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533l104.534-104.533c12.8-12.8 12.8-32 0-44.8s-36.267-12.8-46.934 0zM288 512c0-17.067-14.933-32-32-32H106.667c-17.067 0-32 14.933-32 32s14.933 32 32 32H256c17.067 0 32-14.933 32-32zm-40.533-309.333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8L307.2 352c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L247.467 202.667z"
   }));
 }
-var icons = exports.icons = {
+var icons = {
   Loading: LoadingIcon,
   CaretDown: CaretDownIcon,
   CaretRight: CaretRightIcon,
   Info: InfoIcon
 };
-var ContextMenuStyleWrap = exports.ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 12px;\n    position:absolute;\n    z-index: 1050;\n    max-width: 600px;\n    padding: 8px 0;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n    color: #212121;\n  }\n\n  .", " .", "{\n    background-color: var(--hover-bgcolor);\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 8px 12px;\n    max-width: 576px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 16px;\n  }\n  .", " .", ".", "{\n    opacity: .5;\n  }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
+exports.icons = icons;
+var ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 12px;\n    position:absolute;\n    z-index: 1050;\n    max-width: 600px;\n    padding: 8px 0;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n    color: #212121;\n  }\n\n  .", " .", "{\n    background-color: var(--hover-bgcolor);\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 8px 12px;\n    max-width: 576px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 16px;\n  }\n  .", " .", ".", "{\n    opacity: .5;\n  }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
+exports.ContextMenuStyleWrap = ContextMenuStyleWrap;

package/lib/table/internals.js

@@ -40,10 +40,11 @@ function safeRender(column, record, rowIndex) {
   }
   return value;
 }
-var internals = exports.internals = {
+var internals = {
   safeRenderHeader: safeRenderHeader,
   safeGetValue: safeGetValue,
   safeGetRowKey: safeGetRowKey,
   safeGetCellProps: safeGetCellProps,
   safeRender: safeRender
-};
+};
+exports.internals = internals;

package/lib/table/pipeline/const.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FeatureName = void 0;
-var FeatureName = exports.FeatureName = {
+var FeatureName = {
   rowDrag: 'rowDrag'
-};
+};
+exports.FeatureName = FeatureName;

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

@@ -16,10 +16,12 @@ var _calculations = require("../../base/calculations");
 var _utils = require("../../utils");
 var _styles = require("../../base/styles");
 var _columnResizeWidth = require("./columnResizeWidth");
-var FILL_COLUMN_CODE = exports.FILL_COLUMN_CODE = '$_fill_column_&';
-var tableWidthKey = exports.tableWidthKey = 'tableWidth';
+var FILL_COLUMN_CODE = '$_fill_column_&';
+exports.FILL_COLUMN_CODE = FILL_COLUMN_CODE;
+var tableWidthKey = 'tableWidth';
+exports.tableWidthKey = tableWidthKey;
 var FLEX_COLUMN_COUNT = (0, _symbol.default)('flexCount');
-var autoFillTableWidth = exports.autoFillTableWidth = function autoFillTableWidth() {
+var autoFillTableWidth = function autoFillTableWidth() {
   return function (pipeline) {
     var flexColumnResult = findFlexColumns(pipeline);
     var flexCount = flexColumnResult.get(FLEX_COLUMN_COUNT);
@@ -105,6 +107,7 @@ var autoFillTableWidth = exports.autoFillTableWidth = function autoFillTableWidt
     }
   };
 };
+exports.autoFillTableWidth = autoFillTableWidth;
 function getColumnWidthSum(pipeline) {
   return dfs(pipeline.getColumns());
   function dfs(columns) {

package/lib/table/pipeline/features/colGroupExtendable.d.ts

@@ -1,4 +1,4 @@
-import { TablePipeline } from "../pipeline";
+import { TablePipeline } from '../pipeline';
 import { ReactNode } from 'react';
 export interface colGroupExtendOption {
     onChangeExtendStatus?({}: any, {}: any): void;

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

@@ -15,8 +15,11 @@ var _internals = require("../../internals");
 var _utils = require("../../utils");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _styles = require("../../base/styles");
+var _utils2 = require("../../base/utils");
 var _templateObject;
-var ExtendIconStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-size:12px;\n  margin-left:4px;\n"])));
+var ExtendIconStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-size:12px;\n  margin-", ":4px;\n"])), function (props) {
+  return (0, _utils2.swapRTLDirection)(props.direction, 'left');
+});
 var stateKey = 'colExtend';
 var ExpandIcon = function ExpandIcon(_ref) {
   var style = _ref.style,
@@ -41,7 +44,7 @@ var ExpandIcon = function ExpandIcon(_ref) {
     d: "M321.652913 178.347087C309.449029 166.143203 309.449029 146.356797 321.652913 134.152913C333.856797 121.949029 353.643203 121.949029 365.847088 134.152913L709.597087 477.902913C721.800972 490.106797 721.800972 509.893203 709.597087 522.097087L365.847088 865.847087C353.643203 878.050972 333.856797 878.050972 321.652913 865.847087C309.449029 853.643203 309.449029 833.856797 321.652913 821.652913L643.305825 500L321.652913 178.347087z"
   }));
 };
-var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendable() {
+var colGroupExtendable = function colGroupExtendable() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _a, _b;
@@ -63,13 +66,14 @@ var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendabl
         var addIconNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _internals.internals.safeRenderHeader((0, _extends2.default)({}, col)), /*#__PURE__*/_react.default.createElement(ExtendIconStyle, {
           onClick: function onClick() {
             toggle(col);
-          }
+          },
+          direction: pipeline.ctx.direction
         }, displaycolExtendIcon || /*#__PURE__*/_react.default.createElement(ExpandIcon, {
           style: {
             userSelect: 'none',
             marginLeft: 2,
             flexShrink: 0,
-            cursor: "pointer",
+            cursor: 'pointer',
             verticalAlign: 'middle'
           },
           className: (0, _classnames.default)((0, _defineProperty2.default)({}, _styles.Classes.tableExtendIcon, true)),
@@ -94,4 +98,5 @@ var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendabl
     pipeline.columns(processColumns(columns));
     return pipeline;
   };
-};
+};
+exports.colGroupExtendable = colGroupExtendable;

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

@@ -31,9 +31,16 @@ function sortColumns(columns, sort) {
 function stopClickPropagation(e) {
   e.stopPropagation();
 }
+function adjustTranslation(isRTL) {
+  return function (value) {
+    return isRTL ? -value : value;
+  };
+}
 function columnDrag() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
+    var direction = pipeline.ctx.direction;
+    var _adjustTranslation = adjustTranslation(direction === 'rtl');
     var _pipeline$getStateAtK = pipeline.getStateAtKey(stateKey, {}),
       cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
     var columns = pipeline.getColumns();
@@ -85,7 +92,7 @@ function columnDrag() {
             });
             var currentTarget = e.currentTarget;
             var rect = e.currentTarget.parentElement.getClientRects()[0];
-            var startX = rect.left;
+            var startX = direction === 'rtl' ? rect.right : rect.left;
             var mouseDownClientX = e.clientX;
             var mouseDownClientY = e.clientY;
             var moveData = [];
@@ -109,9 +116,10 @@ function columnDrag() {
                 clientY: e.clientY
               };
               var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
-              var leftPosition = startX - scrollDistance; // 表头最左边起点
+              var startPosition = startX - scrollDistance; // 表头最左边起点
+              var offsetDistance = direction === 'rtl' ? startPosition - e.clientX : e.clientX - startPosition;
               updateScrollPosition(client);
-              if (e.clientX - leftPosition < 20) {
+              if (offsetDistance < 20) {
                 return;
               } else {
                 e.stopPropagation();
@@ -148,7 +156,7 @@ function columnDrag() {
               // 计算平移位置
               var replaceIndex = 0;
               var totalWitdth = getColumnWidth(columns[replaceIndex]);
-              while (totalWitdth < e.clientX - leftPosition && replaceIndex < columns.length - 1) {
+              while (totalWitdth < offsetDistance && replaceIndex < columns.length - 1) {
                 replaceIndex++;
                 totalWitdth += getColumnWidth(columns[replaceIndex]);
               }
@@ -173,12 +181,12 @@ function columnDrag() {
                     code: code,
                     lock: lock
                   })) {
-                    cloumnsTranslateData[code] += optionColumn.width;
+                    cloumnsTranslateData[code] += _adjustTranslation(optionColumn.width);
                     if ((0, _utils.isLeafNode)(columns[index])) {
-                      cloumnsTranslateData[optionColumn.code] -= width;
+                      cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(width);
                     } else {
-                      cloumnsTranslateData[optionColumn.code] -= getColumnWidth(columns[index]);
-                      moveAllChildren(children, cloumnsTranslateData, optionColumn.width);
+                      cloumnsTranslateData[optionColumn.code] -= _adjustTranslation(getColumnWidth(columns[index]));
+                      moveAllChildren(children, cloumnsTranslateData, _adjustTranslation(optionColumn.width));
                     }
                     columnMoved = true;
                   }
@@ -196,12 +204,12 @@ function columnDrag() {
                     code: _code,
                     lock: _lock
                   })) {
-                    cloumnsTranslateData[_code] -= optionColumn.width;
+                    cloumnsTranslateData[_code] -= _adjustTranslation(optionColumn.width);
                     if ((0, _utils.isLeafNode)(columns[index])) {
-                      cloumnsTranslateData[optionColumn.code] += _width;
+                      cloumnsTranslateData[optionColumn.code] += _adjustTranslation(_width);
                     } else {
-                      cloumnsTranslateData[optionColumn.code] += getColumnWidth(columns[index]);
-                      moveAllChildren(_children, cloumnsTranslateData, optionColumn.width, true);
+                      cloumnsTranslateData[optionColumn.code] += _adjustTranslation(getColumnWidth(columns[index]));
+                      moveAllChildren(_children, cloumnsTranslateData, _adjustTranslation(optionColumn.width), true);
                     }
                     columnMoved = true;
                   }
@@ -223,6 +231,7 @@ function columnDrag() {
                 e.stopPropagation(); // 存在移动就阻止冒泡
                 currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件，防止拖动后触发列头过滤事件
               }
+
               window.requestAnimationFrame(function () {
                 // 取消阻止列头点击事件
                 currentTarget.removeEventListener('click', stopClickPropagation);

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

@@ -52,6 +52,7 @@ function filter() {
         var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
         var filterActive = !!(filterable && (inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)));
         if (filterable) {
+          var _cx;
           var handleFilterChanged = function handleFilterChanged(filterItem) {
             var nextFiltersMap = new _map.default(inputFiltersMap);
             var currentFilter = (0, _extends2.default)({
@@ -86,12 +87,13 @@ function filter() {
             setFilterModel: handleFilterChanged,
             setFilter: setFilter,
             isFilterActive: filterActive,
-            className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableFilterTrigger, true), "active", filterActive)),
+            className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
             stopClickEventPropagation: stopClickEventPropagation,
             stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
             hideFilterPopupHeader: hideFilterPopupHeader,
             getPopupParent: getPopupParent,
-            localeText: localeText
+            localeText: localeText,
+            direction: pipeline.ctx.direction
           });
           if (col.renderHeader) {
             result.title = col.renderHeader(result.title, _Filter);
@@ -105,6 +107,7 @@ function filter() {
           //   }
           // })
         }
+
         if (!(0, _utils.isLeafNode)(col)) {
           var _context3;
           result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);

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

@@ -21,10 +21,15 @@ var op = _interopRequireWildcard(require("rxjs/operators"));
 var _utils = require("../../utils");
 var _internals = require("../../internals");
 var _styles = require("../../base/styles");
+var _utils2 = require("../../base/utils");
 var _templateObject, _templateObject2;
-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; }
-var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\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 TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  ", ": -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    ", ": calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])), function (props) {
+  return (0, _utils2.swapRTLDirection)(props.direction, 'right');
+}, function (props) {
+  return (0, _utils2.swapRTLDirection)(props.direction, 'left');
+});
 var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
   return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
 })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
@@ -35,9 +40,12 @@ function disableSelect(event) {
   event.preventDefault();
 }
 var stateKey = 'columnResize';
-var COLUMN_SIZE_KEY = exports.COLUMN_SIZE_KEY = 'columnResize';
-var RESIZED_COLUMN_KEY = exports.RESIZED_COLUMN_KEY = 'resizedColumn';
-var LAST_RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
+var COLUMN_SIZE_KEY = 'columnResize';
+exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
+var RESIZED_COLUMN_KEY = 'resizedColumn';
+exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
+var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
+exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
 function columnResize() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _a, _b, _c;
@@ -91,7 +99,7 @@ function columnResize() {
       var nextSize$ = (0, _rxjs.fromEvent)(window, 'mousemove').pipe(op.takeUntil((0, _rxjs.fromEvent)(window, 'mouseup')), op.map(function (e) {
         var movingX = e.clientX;
         var nextColumnSize = (0, _extends2.default)({}, columnSize);
-        var deltaSum = movingX - startX;
+        var deltaSum = pipeline.ctx.direction === 'rtl' ? startX - movingX : movingX - startX;
         var deltaRemaining = deltaSum;
         if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
           var leafChildColumns = (0, _utils.collectNodes)(children, 'leaf-only');
@@ -156,7 +164,8 @@ function columnResize() {
         width = col.width;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
-        title: (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
+        title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
+          direction: pipeline.ctx.direction,
           className: _styles.Classes.tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
             return handleDoubleClick(e, col);
@@ -165,6 +174,7 @@ function columnResize() {
             return handleMouseDown(e, col);
           }
         }) : /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, {
+          direction: pipeline.ctx.direction,
           className: _styles.Classes.tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
             return handleDoubleClick(e, col);
@@ -172,7 +182,7 @@ function columnResize() {
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }
-        })))),
+        }))),
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
           className: 'resizeable'
         })

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

@@ -21,8 +21,8 @@ var _utils = require("../../utils");
 var _others = require("../../utils/others");
 var _internals = require("../../internals");
 var _styles = require("../../base/styles");
-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; }
 function contextMenu() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
@@ -35,24 +35,24 @@ function contextMenu() {
       popupParent.appendChild(ePopupDiv);
       var popupHidden = false;
       var eventList = ['mousedown', 'contextmenu'];
-      var _hidePopup2 = function hidePopup(event) {
+      var hidePopup = function hidePopup(event) {
         if (isEventFromCurrentPopup(event, ePopupDiv) || popupHidden) {
           return;
         }
         popupHidden = true;
         popupParent.removeChild(ePopupDiv);
         eventList.forEach(function (eventType) {
-          window.removeEventListener(eventType, _hidePopup2, true);
+          window.removeEventListener(eventType, hidePopup, true);
         });
       };
       _reactDom.default.render(menu, ePopupDiv, function () {
         setTimeout(function () {
           eventList.forEach(function (eventType) {
-            window.addEventListener(eventType, _hidePopup2, true);
+            window.addEventListener(eventType, hidePopup, true);
           });
         }, 0);
       });
-      return _hidePopup2;
+      return hidePopup;
     };
     var onContextMenu = function onContextMenu(e) {
       if (canShowContextMenu(e, pipeline)) {
@@ -118,7 +118,8 @@ function contextMenu() {
         hideContextMenu: hideContextMenu,
         position: position,
         getPopupParent: getPopupParent,
-        className: menuClassName
+        className: menuClassName,
+        direction: pipeline.ctx.direction
       });
       var _hidePopup = addPopup(menu);
       menuHelper.init(_hidePopup);
@@ -148,18 +149,22 @@ function Menu(props) {
     position = props.position,
     getPopupParent = props.getPopupParent;
   var menuRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  (0, _react.useLayoutEffect)(function () {
     if (menuRef.current) {
       var popupParent = getPopupParent();
       var x = position.x,
         y = position.y;
+      var isRTL = props.direction === 'rtl';
+      if (isRTL) {
+        x -= menuRef.current.offsetWidth;
+      }
       var _keepWithinBounds = keepWithinBounds(popupParent, menuRef.current, x, y),
         _x = _keepWithinBounds.x,
         _y = _keepWithinBounds.y;
       menuRef.current.style.left = _x + 'px';
       menuRef.current.style.top = _y + 'px';
     }
-  }, [position]);
+  }, [position, props.direction]);
   return /*#__PURE__*/_react.default.createElement(_commonViews.ContextMenuStyleWrap, {
     className: (0, _classnames.default)(_styles.MenuClasses.menu, className),
     ref: menuRef,
@@ -296,10 +301,12 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
     var maxX = parentWidth - minWidth;
     x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置，最大支持的位置
   }
+
   if (y) {
     var maxY = parentHeight - ePopupRect.height;
     y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置，最大支持的位置
   }
+
   return {
     x: x,
     y: y

package/lib/table/pipeline/features/featureApi/RowDragApi.js

@@ -9,7 +9,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
 var ROW_DRAG_STATUS = 'rowDragStatus';
-var RowDragApi = exports.default = /*#__PURE__*/function () {
+var RowDragApi = /*#__PURE__*/function () {
   function RowDragApi(pipeline) {
     (0, _classCallCheck2.default)(this, RowDragApi);
     this.pipeline = pipeline;
@@ -17,7 +17,7 @@ var RowDragApi = exports.default = /*#__PURE__*/function () {
     this.rowDropZones = [];
     this.dragStatus = 'finished';
   }
-  return (0, _createClass2.default)(RowDragApi, [{
+  (0, _createClass2.default)(RowDragApi, [{
     key: "getRowDropZoneParams",
     value: function getRowDropZoneParams() {
       return this.rowDropZoneParams;
@@ -69,4 +69,6 @@ var RowDragApi = exports.default = /*#__PURE__*/function () {
       return this.dragStatus;
     }
   }]);
-}();
+  return RowDragApi;
+}();
+exports.default = RowDragApi;

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

@@ -20,10 +20,11 @@ var _util = require("./util");
 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 DefaultFilterContentStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  border-radius: 2px;\n  width: 100%;\n\n  ", "\n  .filter-option-list {\n    display: flex;\n    flex-direction: column;\n    margin-top: 8px;\n    ul {\n      margin: 0;\n      padding: 0;\n      li {\n        display: flex;\n        position: relative;\n        flex-shrink: 0;\n        height: 32px;\n        align-items: center;\n        border-radius: 2px;\n        font-size: 12px;\n        color: var(--color);\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        &:hover{\n          background-color: var(--primary-color-level1);\n        }\n      }\n      li.active{\n        background-color: var(--primary-color-level1);\n      }\n    }\n  }\n\n  .filter-search {\n    display: flex;\n    padding: 6px 12px;\n\n    .filter-search-inner {\n      width: 100%;\n      font-size: 12px;\n      color: #333333;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 8px;\n      outline: none;\n      background-color: #FAFAFA;\n      border-radius: 2px;\n      border: 1px solid var(--strong-border-color);\n      &:hover{\n        border-color: var(--primary-color)\n      } \n      &:focus{\n        border-color: var(--primary-color)\n      }  \n    }\n  }\n\n  .filter-footer {\n    display: flex;\n    flex-direction: row;\n    padding: 8px 12px;\n    justify-content: space-between;\n\n    .filter-btn {\n      text-align: center;\n      font-size: 12px;\n      width: 60px;\n      height: 24px;\n      line-height: 24px;\n    }\n    \n  }\n"])), _styles.ButtonCSS);
 function DefaultFilterContent(_ref) {
+  var _cx2;
   var setFilterModel = _ref.setFilterModel,
     filterModel = _ref.filterModel,
     hidePanel = _ref.hidePanel,
@@ -86,7 +87,7 @@ function DefaultFilterContent(_ref) {
         }
       }, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
     );
-  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/_react.default.createElement("div", {
+  }))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-search'
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: 'filter-search-inner',
@@ -96,7 +97,7 @@ function DefaultFilterContent(_ref) {
     },
     onKeyDown: handleKeyDown,
     ref: inputRef
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'filter-footer'
   }, /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _classnames.default)((0, _defineProperty2.default)({
@@ -104,10 +105,11 @@ function DefaultFilterContent(_ref) {
     }, _styles.Classes.button, true)),
     onClick: reset
   }, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    className: (0, _classnames.default)((_cx2 = {
       'filter-btn': true
-    }, _styles.Classes.button, true), _styles.Classes.buttonPrimary, true)),
+    }, (0, _defineProperty2.default)(_cx2, _styles.Classes.button, true), (0, _defineProperty2.default)(_cx2, _styles.Classes.buttonPrimary, true), _cx2)),
     onClick: confirm
   }, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
 }
-var _default = exports.default = DefaultFilterContent;
+var _default = DefaultFilterContent;
+exports.default = _default;

package/lib/table/pipeline/features/filter/Filter.d.ts

@@ -18,6 +18,7 @@ interface FilterProps {
     localeText?: {
         [key: string]: string;
     };
+    direction?: string;
 }
-declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText }: FilterProps): JSX.Element;
+declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText, direction }: FilterProps): JSX.Element;
 export default Filter;