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

package/lib/table/base/styles.js

@@ -12,12 +12,14 @@ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _utils = require("./utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 LOCK_SHADOW_PADDING = exports.LOCK_SHADOW_PADDING = 20;
+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 LOCK_SHADOW_PADDING = 20;
+exports.LOCK_SHADOW_PADDING = LOCK_SHADOW_PADDING;
 var prefix = 'kd-';
-var Classes = exports.Classes = {
+var Classes = {
   /** BaseTable 表格组件的外层包裹 div */
   artTableWrapper: "".concat(prefix, "table-wrapper"),
   artTableBordered: "".concat(prefix, "table-bordered"),
@@ -106,7 +108,8 @@ var Classes = exports.Classes = {
   iconMove: "".concat(prefix, "icon-move"),
   rowDragCell: "".concat(prefix, "row-drag-cell")
 };
-var MenuClasses = exports.MenuClasses = {
+exports.Classes = Classes;
+var MenuClasses = {
   menu: "".concat(prefix, "table-menu"),
   menuList: "".concat(prefix, "table-menu-list"),
   menuOption: "".concat(prefix, "table-menu-option"),
@@ -114,6 +117,7 @@ var MenuClasses = exports.MenuClasses = {
   menuOptionDisable: "".concat(prefix, "table-menu-option-disable"),
   menuOptionText: "".concat(prefix, "table-menu-option-text")
 };
+exports.MenuClasses = MenuClasses;
 var Z = {
   lock: 5,
   header: 15,
@@ -123,9 +127,20 @@ var Z = {
   scrollItem: 30,
   loadingIndicator: 40
 };
-var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", "{\n    position: absolute;\n    top:0;\n    left:0;\n    z-index: 9999;\n    pointer-events:none;\n    user-select: none;\n\n    display:flex;\n    opacity: 0.9;\n    align-items:center;\n    min-width:80px;\n    padding: 0px 8px;\n    border: 1px solid #d9d9d9;\n    box-shadow: 0px 6px 16px 3px rgba(0,0,0,0.08);\n    border-radius: 2px;\n    background: #fff;\n    max-height:48px;\n\n    .", "{\n      font-size:12px;\n      overflow:hidden;\n      text-overflow: ellipsis;\n      white-space:nowrap;\n    }\n    \n  }\n\n  .", "{\n    position: absolute;\n    top:0;\n    left:0;\n    z-index: 9998;\n    pointer-events:none;\n    user-select: none;\n    height: 2px;\n    background: var(--primary-color);\n  }\n  .", ":before{\n    content: \" \";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    top:-4px;\n    border: 2px solid var(--primary-color);\n    border-radius: 50%;\n    background:#fff;\n  }\n"])), Classes.rowDragElement, Classes.rowDragElementLabel, Classes.rowDragLine, Classes.treeTableRowDragLine);
-var outerBorderStyleMixin = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-left: none;\n  }\n  td.", ",\n  th.", " {\n    border-right: none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-left: var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-right: var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, Classes.last, Classes.last, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, Classes.rowSpan, Classes.last);
-var defaultCSSVariables = exports.defaultCSSVariables = {
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", "{\n    position: absolute;\n    top:0;\n    ", ":0;\n    z-index: 9999;\n    pointer-events:none;\n    user-select: none;\n\n    display:flex;\n    opacity: 0.9;\n    align-items:center;\n    min-width:80px;\n    padding: 0px 8px;\n    border: 1px solid #d9d9d9;\n    box-shadow: 0px 6px 16px 3px rgba(0,0,0,0.08);\n    border-radius: 2px;\n    background: #fff;\n    max-height:48px;\n\n    .", "{\n      font-size:12px;\n      overflow:hidden;\n      text-overflow: ellipsis;\n      white-space:nowrap;\n    }\n    \n  }\n\n  .", "{\n    position: absolute;\n    top:0;\n    left:0;\n    z-index: 9998;\n    pointer-events:none;\n    user-select: none;\n    height: 2px;\n    background: var(--primary-color);\n  }\n  .", ":before{\n    content: \" \";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    top:-4px;\n    border: 2px solid var(--primary-color);\n    border-radius: 50%;\n    background:#fff;\n  }\n"])), Classes.rowDragElement, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.rowDragElementLabel, Classes.rowDragLine, Classes.treeTableRowDragLine);
+exports.GlobalStyle = GlobalStyle;
+var outerBorderStyleMixin = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 1px solid #cccccc;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-left: 1px solid #cccccc;\n\n  td.", ",\n  th.", " {\n    border-", ": none;\n  }\n  td.", ",\n  th.", " {\n    border-", ": none;\n  }\n\n  thead tr.", " th,\n  tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.", " td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.", " td {\n    border-bottom: none;\n  }\n  td.", ":not(.", "){\n    border-", ": var(---cell-border-vertical);\n  }\n  td.", ":not(.", "){\n    border-", ": var(---cell-border-vertical);\n  }\n"])), Classes.first, Classes.first, function (props) {
+  return props.direction === 'rtl' ? 'right' : 'left';
+}, Classes.last, Classes.last, function (props) {
+  return props.direction === 'rtl' ? 'left' : 'right';
+}, Classes.first, Classes.first, Classes.last, Classes.last, Classes.rowSpan, Classes.first, function (props) {
+  return props.direction === 'rtl' ? 'right' : 'left';
+}, Classes.rowSpan, Classes.last, function (props) {
+  return props.direction === 'rtl' ? 'left' : 'right';
+});
+var defaultCSSVariables = {
   '--row-height': '48px',
   '--color': '#333',
   '--bgcolor': 'white',
@@ -154,11 +169,59 @@ var defaultCSSVariables = exports.defaultCSSVariables = {
   '--header-cell-border-horizontal': '1px solid #dfe3e8',
   '--header-cell-border-vertical': '1px solid #dfe3e8'
 };
-var variableConst = exports.variableConst = getCssVariableText(defaultCSSVariables);
+exports.defaultCSSVariables = defaultCSSVariables;
+var variableConst = getCssVariableText(defaultCSSVariables);
+exports.variableConst = variableConst;
 var notBorderedStyleMixin = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
 var borderedStyleMixin = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
-var StyledArtTableWrapper = exports.StyledArtTableWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", "{\n    flex-grow:1;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    // .", " .", " >td{\n    //     cursor:move;\n    // }\n\n    // .", " .", " >td{\n    //     cursor:no-drop;\n    // }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n  .", "{\n    border: 1px solid var(--primary-color)\n  }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:first-child{\n    border-left: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:last-child{\n    border-right: 1px solid var(--primary-color) !important;\n    \n  }\n\n\n  // .", " td{\n  //   border-top: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:first-child{\n    border-left: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:last-child{\n    border-right: 1px solid var(--primary-color) !important;\n  }\n\n  // .", " td{\n  //   border-bottom: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " {\n    cursor:pointer;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region sticky\u517C\u5BB9\n  &.sticky-polyfill-wrapper{\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      left:0;\n    }\n    .", "{\n      right:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    // visibility: hidden;\n    background: var(--header-bgcolor);\n    position:sticky;\n    z-index:5;\n    right:0px;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    right: 0;\n    width: 5px;\n    &::after{\n      left: 4px;\n    }\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, Classes.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragNoData, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndParent, Classes.rowDragEndToTop, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndInto, Classes.rowDragEndToBottom, Classes.rowDragCell, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
-var ButtonCSS = exports.ButtonCSS = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  //#region \u6309\u94AE\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n//#endregion\n"])), variableConst, Classes.button, Classes.buttonPrimary);
+var StyledArtTableWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", "{\n    flex-grow:1;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-", ": 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n  .", " {\n    user-select:none;\n    // .", " .", " >td{\n    //     cursor:move;\n    // }\n\n    // .", " .", " >td{\n    //     cursor:no-drop;\n    // }\n    \n  }\n\n  .", "{\n    opacity: 0.5;\n  }\n  .", "{\n    border: 1px solid var(--primary-color)\n  }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n    \n  }\n\n\n  // .", " td{\n  //   border-top: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " td{\n    border-top: 1px solid var(--primary-color) !important;\n    border-bottom: 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:first-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  .", " td:last-child{\n    border-", ": 1px solid var(--primary-color) !important;\n  }\n\n  // .", " td{\n  //   border-bottom: 1px solid var(--primary-color) !important;\n  // }\n\n  .", " {\n    cursor:pointer;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: ", ";\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-", ": var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-", ": var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-", ": var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-", ": var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-", ": ", "px;\n     \n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-", ": ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-", ": var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region sticky\u517C\u5BB9\n  &.sticky-polyfill-wrapper{\n    //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n    .", " {\n      overflow-x: hidden;\n    }\n    .", ", .", " {\n      position:relative;\n    }\n    .", " {\n      overflow: hidden;\n      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      ", ":0;\n    }\n    .", "{\n      rig", "ht:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion sticky\u517C\u5BB9\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", "{\n    display:flex;\n    background: var(--bgcolor);\n  }\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", "{\n    height: 1px;\n    flex-shrink: 0;\n    border-top: 1px solid var(--border-color);\n  }\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 1;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n  }\n\n  .", " {\n    // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n    height: 1px;\n    visibility: hidden;\n  }\n  //#endregion\n\n  //#region \u52A0\u8F7D\u6837\u5F0F\n  .", " {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n\n    .", " {\n      filter: none;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    // visibility: hidden;\n    background: var(--header-bgcolor);\n    position:sticky;\n    z-index:5;\n    ", ":0px;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    ", ": 0;\n    width: 5px;\n    &::after{\n      ", ": 4px;\n    }\n  }\n"])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.rangeSelection, Classes.rowDragging, Classes.tableBody, Classes.tableRow, Classes.tableFooter, Classes.tableRow, Classes.rowDragStart, Classes.rowDragNoData, Classes.rowDragEndParent, Classes.rowDragEndParent, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.rowDragEndParent, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.rowDragEndToTop, Classes.rowDragEndInto, Classes.rowDragEndInto, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.rowDragEndInto, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.rowDragEndToBottom, Classes.rowDragCell, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.leaf, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.first, Classes.first, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.first, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, LOCK_SHADOW_PADDING, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.rightLockShadow, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, LOCK_SHADOW_PADDING, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+}, Classes.fixedRight, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.horizontalStickyScrollContainer, Classes.horizontalScrollLeftSpacer, Classes.horizontalScrollRightSpacer, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.tableExtendIcon, Classes.verticalScrollPlaceholder, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'right');
+}, function (props) {
+  return (0, _utils.swapRTLDirection)(props.direction, 'left');
+});
+exports.StyledArtTableWrapper = StyledArtTableWrapper;
+var ButtonCSS = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  .", "{\n    color: var(--color);\n    background:#ffffff;\n    border:1px solid var(--strong-border-color);\n    border-radius: 2px;\n    cursor: pointer;\n    &:hover{\n      color: var(--primary-color);\n      border:1px solid var(--primary-color);\n    }\n  }\n  .", " {\n    color:#ffffff;\n    background-color: var(--primary-color);\n    border:none;\n    &:hover{\n      color:#ffffff;\n      background-color: var(--primary-color-level2);\n      border:none;\n    }\n  }\n"])), variableConst, Classes.button, Classes.buttonPrimary);
+exports.ButtonCSS = ButtonCSS;
 function getCssVariableText(obj) {
   return (0, _keys.default)(obj).reduce(function (acc, key) {
     var _context;

package/lib/table/base/table.d.ts

@@ -88,6 +88,7 @@ export interface BaseTableProps {
         /** 每个数据块的数据条数 */
         blockSize?: number;
     };
+    direction?: string;
 }
 export interface BaseTableState {
     /** 是否要展示自定义滚动条(stickyScroll) */

package/lib/table/base/table.js

@@ -1,8 +1,6 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _mapInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/map");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
 var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
 var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
@@ -23,9 +21,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _rxjs = require("rxjs");
@@ -43,13 +41,13 @@ var _globalStyleComponent = _interopRequireDefault(require("./globalStyleCompone
 var _utils = require("./utils");
 var _utils2 = require("../utils");
 var _renderTemplates = _interopRequireDefault(require("./renderTemplates"));
-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 _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 _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty2(_context2 = {}.toString.call(r)).call(_context2, 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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var propsDotEmptyContentDeprecatedWarned = false;
 function warnPropsDotEmptyContentIsDeprecated() {
   if (!propsDotEmptyContentDeprecatedWarned) {
@@ -57,11 +55,13 @@ function warnPropsDotEmptyContentIsDeprecated() {
     _utils2.console.warn('BaseTable props.emptyContent 已经过时，请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
   }
 }
-var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
+var BaseTable = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(BaseTable, _React$Component);
+  var _super = _createSuper(BaseTable);
   function BaseTable(props) {
     var _this;
     (0, _classCallCheck2.default)(this, BaseTable);
-    _this = _callSuper(this, BaseTable, [props]);
+    _this = _super.call(this, props);
     _this.rowHeightManager = (0, _rowHeightManager.makeRowHeightManager)(_this.props.dataSource.length, _this.props.estimatedRowHeight);
     _this.artTableWrapperRef = /*#__PURE__*/_react.default.createRef();
     _this.hasScrollY = false;
@@ -136,13 +136,13 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         className: _styles.Classes.virtual,
         tabIndex: -1,
         style: virtualStyle
-      }, topBlank > 0 && (/*#__PURE__*/_react.default.createElement("div", {
+      }, topBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
         key: "top-blank",
         className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'top'),
         style: {
           height: topBlank
         }
-      })), /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
+      }), /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
         tbodyHtmlTag: "tbody",
         getRowProps: getRowProps,
         primaryKey: primaryKey,
@@ -154,13 +154,13 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
           limit: bottomIndex,
           last: dataSource.length - 1
         }
-      }), bottomBlank > 0 && (/*#__PURE__*/_react.default.createElement("div", {
+      }), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
         key: "bottom-blank",
         className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
         style: {
           height: bottomBlank
         }
-      }))));
+      })));
     };
     _this.state = {
       hasScroll: true,
@@ -177,8 +177,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   /** @deprecated BaseTable.getDoms() 已经过时，请勿调用 */
-  (0, _inherits2.default)(BaseTable, _React$Component);
-  return (0, _createClass2.default)(BaseTable, [{
+  (0, _createClass2.default)(BaseTable, [{
     key: "getDoms",
     value: function getDoms() {
       _utils2.console.warn('[kd-table] BaseTable.getDoms() 已经过时');
@@ -296,11 +295,15 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "syncHorizontalScroll",
     value: function syncHorizontalScroll(x) {
-      this.updateOffsetX(x);
+      var direction = this.props.direction;
+      var _x = Math.abs(x);
+      this.updateOffsetX(_x);
       var flat = (0, _flat.default)(this.lastInfo);
+      var shouldShowLeftByScroll = _x > 0;
+      var shouldShowRighByScroll = _x < this.domHelper.virtual.scrollWidth - this.domHelper.virtual.clientWidth;
       var leftLockShadow = this.domHelper.getLeftLockShadow();
       if (leftLockShadow) {
-        var shouldShowLeftLockShadow = flat.left.length > 0 && this.state.needRenderLock && x > 0;
+        var shouldShowLeftLockShadow = flat.left.length > 0 && this.state.needRenderLock && shouldShowLeftByScroll;
         if (shouldShowLeftLockShadow) {
           leftLockShadow.classList.add('show-shadow');
         } else {
@@ -309,7 +312,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
       }
       var rightLockShadow = this.domHelper.getRightLockShadow();
       if (rightLockShadow) {
-        var shouldShowRightLockShadow = flat.right.length > 0 && this.state.needRenderLock && x < this.domHelper.virtual.scrollWidth - this.domHelper.virtual.clientWidth;
+        var shouldShowRightLockShadow = flat.right.length > 0 && this.state.needRenderLock && shouldShowRighByScroll;
         if (shouldShowRightLockShadow) {
           rightLockShadow.classList.add('show-shadow');
         } else {
@@ -381,22 +384,19 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderLockShadows",
     value: function renderLockShadows(info) {
+      var _style, _style2;
       var stickyRightOffset = this.hasScrollY ? this.getScrollBarWidth() : 0;
       // console.log('render LockShadows')
+      var leftLockShadowWidth = info.leftLockTotalWidth + _styles.LOCK_SHADOW_PADDING;
+      var rightLockShadownWidth = info.rightLockTotalWidth + _styles.LOCK_SHADOW_PADDING + stickyRightOffset;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: _styles.Classes.lockShadowMask,
-        style: {
-          left: 0,
-          width: info.leftLockTotalWidth + _styles.LOCK_SHADOW_PADDING
-        }
+        style: (_style = {}, (0, _defineProperty2.default)(_style, (0, _utils.swapRTLDirection)(info.direction, 'left'), 0), (0, _defineProperty2.default)(_style, "width", leftLockShadowWidth), _style)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_styles.Classes.lockShadow, _styles.Classes.leftLockShadow)
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: _styles.Classes.lockShadowMask,
-        style: {
-          right: 0,
-          width: info.rightLockTotalWidth + _styles.LOCK_SHADOW_PADDING + stickyRightOffset
-        }
+        style: (_style2 = {}, (0, _defineProperty2.default)(_style2, (0, _utils.swapRTLDirection)(info.direction, 'right'), 0), (0, _defineProperty2.default)(_style2, "width", rightLockShadownWidth), _style2)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_styles.Classes.lockShadow, _styles.Classes.rightLockShadow)
       })));
@@ -460,6 +460,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      var _cx;
       // console.log('render table')
       var info = (0, _calculations.calculateRenderInfo)(this);
       this.lastInfo = info;
@@ -476,8 +477,10 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         getTableProps = _this$props7.getTableProps,
         footerDataSource = _this$props7.footerDataSource,
         components = _this$props7.components,
-        bordered = _this$props7.bordered;
-      var artTableWrapperClassName = (0, _classnames.default)(_styles.Classes.artTableWrapper, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+        bordered = _this$props7.bordered,
+        direction = _this$props7.direction;
+      info.direction = direction;
+      var artTableWrapperClassName = (0, _classnames.default)(_styles.Classes.artTableWrapper, (_cx = {
         'use-outer-border': useOuterBorder,
         empty: dataSource.length === 0,
         lock: info.hasLockColumn,
@@ -485,13 +488,19 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
         'has-footer': footerDataSource.length > 0,
         'sticky-footer': isStickyFooter
-      }, _styles.Classes.artTableBordered, bordered), 'ie-polyfill-wrapper', _utils2.browserType.isIE), 'sticky-polyfill-wrapper', (0, _utils2.isStickyUIDegrade)()), className);
+      }, (0, _defineProperty2.default)(_cx, _styles.Classes.artTableBordered, bordered), (0, _defineProperty2.default)(_cx, 'ie-polyfill-wrapper', _utils2.browserType.isIE), (0, _defineProperty2.default)(_cx, 'sticky-polyfill-wrapper', (0, _utils2.isStickyUIDegrade)()), _cx), className);
       var artTableWrapperProps = (0, _defineProperty2.default)({
         className: artTableWrapperClassName,
-        style: style
+        style: (0, _extends2.default)((0, _extends2.default)({}, style), {
+          direction: direction
+        })
       }, _utils.STYLED_REF_PROP, this.artTableWrapperRef);
       var tableProps = getTableProps() || {};
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_globalStyleComponent.default, null), /*#__PURE__*/_react.default.createElement(_styles.StyledArtTableWrapper, (0, _extends2.default)({}, artTableWrapperProps), /*#__PURE__*/_react.default.createElement(_loading.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_globalStyleComponent.default, {
+        direction: info.direction
+      }), /*#__PURE__*/_react.default.createElement(_styles.StyledArtTableWrapper, (0, _extends2.default)({}, artTableWrapperProps, {
+        direction: info.direction
+      }), /*#__PURE__*/_react.default.createElement(_loading.default, {
         visible: isLoading,
         LoadingIcon: components.LoadingIcon,
         LoadingContentWrapper: components.LoadingContentWrapper
@@ -594,9 +603,9 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
       }));
       var richVisibleRects$ = (0, _getRichVisibleRectsStream.getRichVisibleRectsStream)(this.domHelper.virtual, this.props$.pipe(op.skip(1), op.mapTo('structure-may-change')), this.props.virtualDebugLabel).pipe(op.shareReplay());
       // 每当可见部分发生变化的时候，调整 loading icon 的未知（如果 loading icon 存在的话）
-      this.rootSubscription.add((0, _rxjs.combineLatest)([richVisibleRects$.pipe(_mapInstanceProperty2(op).call(op, function (p) {
+      this.rootSubscription.add((0, _rxjs.combineLatest)([richVisibleRects$.pipe(op.map(function (p) {
         return p.clipRect;
-      }), op.distinctUntilChanged(_utils.shallowEqual)), this.props$.pipe(op.startWith(null), op.pairwise(), _filterInstanceProperty(op).call(op, function (_ref) {
+      }), op.distinctUntilChanged(_utils.shallowEqual)), this.props$.pipe(op.startWith(null), op.pairwise(), op.filter(function (_ref) {
         var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
           prevProps = _ref2[0],
           props = _ref2[1];
@@ -614,12 +623,12 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         loadingIndicator.style.marginTop = "".concat(height / 2, "px");
       }));
       // 每当可见部分发生变化的时候，如果开启了虚拟滚动，则重新触发 render
-      this.rootSubscription.add(richVisibleRects$.pipe(_filterInstanceProperty(op).call(op, function () {
+      this.rootSubscription.add(richVisibleRects$.pipe(op.filter(function () {
         var _this2$lastInfo$useVi = _this2.lastInfo.useVirtual,
           horizontal = _this2$lastInfo$useVi.horizontal,
           vertical = _this2$lastInfo$useVi.vertical;
         return horizontal || vertical;
-      }), _mapInstanceProperty2(op).call(op, function (_ref5) {
+      }), op.map(function (_ref5) {
         var clipRect = _ref5.clipRect,
           offsetY = _ref5.offsetY;
         return {
@@ -637,7 +646,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
       })).subscribe(function (sizeAndOffset) {
         _this2.setState(sizeAndOffset);
       }));
-      this.rootSubscription.add(richVisibleRects$.pipe(_mapInstanceProperty2(op).call(op, function (_ref6) {
+      this.rootSubscription.add(richVisibleRects$.pipe(op.map(function (_ref6) {
         var clipRect = _ref6.clipRect,
           offsetY = _ref6.offsetY;
         return {
@@ -649,7 +658,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         return x.offsetY - y.offsetY === 0;
       }),
       // 计算得到当前行索引对应的数据块，blocks改成数组的形式，兼容快速拖动可视区域出现两个数据块的情况
-      _mapInstanceProperty2(op).call(op, function (sizeAndOffset) {
+      op.map(function (sizeAndOffset) {
         var _a;
         var offsetY = sizeAndOffset.offsetY,
           maxRenderHeight = sizeAndOffset.maxRenderHeight;
@@ -667,7 +676,7 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
         return x[0] === y[0] && x[1] === y[1];
       }), op.switchMap(function (startIndexs) {
         var event$ = (0, _rxjs.from)(startIndexs);
-        return event$.pipe(_mapInstanceProperty2(op).call(op, function (startIndex) {
+        return event$.pipe(op.map(function (startIndex) {
           return startIndex;
         }));
       }),
@@ -765,7 +774,9 @@ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
+  return BaseTable;
 }(_react.default.Component);
+exports.BaseTable = BaseTable;
 BaseTable.defaultProps = {
   hasHeader: true,
   isStickyHeader: true,

package/lib/table/base/utils.d.ts

@@ -43,4 +43,5 @@ export declare const cssPolifill: ({ variables, enableCSSVariables, bordered }:
     enableCSSVariables?: boolean;
     bordered?: boolean;
 }) => void;
+export declare const swapRTLDirection: (direction: string, directionKey: 'left' | 'right') => 'left' | 'right';
 export {};

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;