@kdcloudjs/table 1.0.1 → 1.0.4

package/lib/table/base/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Table", {
+Object.defineProperty(exports, "Classes", {
   enumerable: true,
   get: function get() {
-    return _table.BaseTable;
+    return _styles.Classes;
   }
 });
-Object.defineProperty(exports, "Classes", {
+Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
-    return _styles.Classes;
+    return _table.BaseTable;
   }
 });
 

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

@@ -16,6 +16,7 @@ export declare type VisibleColumnDescriptor = {
     type: 'blank';
     blankSide: 'left' | 'right';
     width: number;
+    isPlacehoder?: boolean;
 } | {
     type: 'normal';
     colIndex: number;

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

@@ -0,0 +1 @@
+export default function getTableHeaderRenderTemplate(type: string): any;

package/lib/table/base/renderTemplates.js

@@ -0,0 +1,370 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getTableHeaderRenderTemplate;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
+
+var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _htmlTable = require("./html-table");
+
+var _styles = require("./styles");
+
+var _utils = require("./utils");
+
+var _utils2 = require("../utils");
+
+var _header = _interopRequireDefault(require("./header"));
+
+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; }
+
+/*
+ * @Author: wqhui
+ * @Date: 2022-03-14 11:21:12
+ * @Description: 不同情况的渲染模板，比如IE下的
+ */
+var TEMPLATES = new _map.default();
+
+function renderTableHeaderInIE(info, props) {
+  var stickyTop = props.stickyTop,
+      hasHeader = props.hasHeader;
+  var flat = (0, _flat.default)(info),
+      nested = info.nested,
+      visible = info.visible,
+      hasLockColumn = info.hasLockColumn;
+  var left = flat.left,
+      right = flat.right;
+  var leftNested = nested.left,
+      rightNested = nested.right,
+      full = nested.full;
+  var rowCount = (0, _utils2.getTreeDepth)(full) + 1;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_styles.Classes.tableHeader)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_styles.Classes.tableHeaderMain, 'no-scrollbar'),
+    style: {
+      top: stickyTop === 0 ? undefined : stickyTop,
+      display: hasHeader ? undefined : 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_header.default, {
+    info: info,
+    theaderPosition: hasLockColumn ? 'center' : undefined
+  })), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedLeft
+  }, /*#__PURE__*/_react.default.createElement(_header.default, {
+    info: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: left,
+        full: left,
+        left: [],
+        right: []
+      },
+      nested: {
+        center: leftNested,
+        full: leftNested,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, 0, left.length),
+      horizontalRenderRange: {
+        leftIndex: 0,
+        leftBlank: 0,
+        rightIndex: left.length,
+        rightBlank: 0
+      }
+    }),
+    theaderPosition: "left",
+    rowCount: rowCount
+  })) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedRight
+  }, /*#__PURE__*/_react.default.createElement(_header.default, {
+    info: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: right,
+        full: right,
+        left: [],
+        right: []
+      },
+      nested: {
+        center: rightNested,
+        full: rightNested,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, visible.length - right.length),
+      horizontalRenderRange: {
+        leftIndex: 0,
+        leftBlank: 0,
+        rightIndex: right.length,
+        rightBlank: 0
+      }
+    }),
+    theaderPosition: 'right',
+    rowCount: rowCount
+  })) : null);
+}
+
+function renderTableBodyInIE(info, props, extra) {
+  var dataSource = props.dataSource,
+      getRowProps = props.getRowProps,
+      primaryKey = props.primaryKey;
+  var _info$verticalRenderR = info.verticalRenderRange,
+      topIndex = _info$verticalRenderR.topIndex,
+      bottomBlank = _info$verticalRenderR.bottomBlank,
+      topBlank = _info$verticalRenderR.topBlank,
+      bottomIndex = _info$verticalRenderR.bottomIndex;
+  var flat = (0, _flat.default)(info),
+      visible = info.visible,
+      hasLockColumn = info.hasLockColumn;
+  var left = flat.left,
+      right = flat.right;
+  var verticalRenderInfo = {
+    first: 0,
+    offset: topIndex,
+    limit: bottomIndex,
+    last: dataSource.length - 1
+  };
+  var commonProps = {
+    getRowProps: (0, _utils.composeRowPropsGetter)(getRowProps, extra.rowProps),
+    primaryKey: primaryKey,
+    data: (0, _slice.default)(dataSource).call(dataSource, topIndex, bottomIndex)
+  };
+  var scrollbarWidth = extra.hasScrollY ? (0, _utils.getScrollbarSize)().width : 0;
+  var fixedRightTableStyle = {
+    right: -scrollbarWidth
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_styles.Classes.tableBody, _styles.Classes.horizontalScrollContainer)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.virtual
+  }, 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, (0, _extends2.default)({
+    tbodyHtmlTag: "tbody"
+  }, commonProps, {
+    tbodyPosition: hasLockColumn ? 'center' : undefined,
+    horizontalRenderInfo: info,
+    verticalRenderInfo: verticalRenderInfo
+  })), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    key: "bottom-blank",
+    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
+    style: {
+      height: bottomBlank
+    }
+  })), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedLeft
+  }, 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, (0, _extends2.default)({
+    tbodyHtmlTag: "tbody"
+  }, commonProps, {
+    tbodyPosition: "left",
+    horizontalRenderInfo: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: left,
+        full: left,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, 0, left.length)
+    }),
+    verticalRenderInfo: verticalRenderInfo
+  })), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    key: "bottom-blank",
+    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
+    style: {
+      height: bottomBlank
+    }
+  })) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedRight,
+    style: fixedRightTableStyle
+  }, 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, (0, _extends2.default)({
+    tbodyHtmlTag: "tbody"
+  }, commonProps, {
+    tbodyPosition: "right",
+    hasScrollY: extra.hasScrollY,
+    horizontalRenderInfo: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: right,
+        full: right,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, visible.length - right.length)
+    }),
+    verticalRenderInfo: verticalRenderInfo
+  })), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    key: "bottom-blank",
+    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
+    style: {
+      height: bottomBlank
+    }
+  })) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.rowDetailContainer
+  }));
+}
+
+function renderTableFooterInIE(info, props, extra) {
+  var _props$footerDataSour = props.footerDataSource,
+      footerDataSource = _props$footerDataSour === void 0 ? [] : _props$footerDataSour,
+      getRowProps = props.getRowProps,
+      primaryKey = props.primaryKey,
+      stickyBottom = props.stickyBottom;
+
+  var _getRowProps = (0, _utils.composeRowPropsGetter)(getRowProps, extra.rowProps);
+
+  var flat = (0, _flat.default)(info),
+      visible = info.visible,
+      hasLockColumn = info.hasLockColumn;
+  var left = flat.left,
+      right = flat.right;
+  var verticalRenderInfo = {
+    offset: 0,
+    first: 0,
+    last: footerDataSource.length - 1,
+    limit: Infinity
+  };
+  var commonProps = {
+    data: footerDataSource,
+    getRowProps: _getRowProps,
+    primaryKey: primaryKey,
+    verticalRenderInfo: verticalRenderInfo
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_styles.Classes.tableFooter),
+    style: {
+      bottom: stickyBottom === 0 ? undefined : stickyBottom
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_styles.Classes.tableFooterMain, _styles.Classes.horizontalScrollContainer)
+  }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, (0, _extends2.default)({
+    tbodyHtmlTag: "tfoot"
+  }, commonProps, {
+    tbodyPosition: hasLockColumn ? 'center' : undefined,
+    horizontalRenderInfo: info
+  }))), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedLeft
+  }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, (0, _extends2.default)({
+    tbodyHtmlTag: "tfoot"
+  }, commonProps, {
+    tbodyPosition: "left",
+    horizontalRenderInfo: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: left,
+        full: left,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, 0, left.length)
+    })
+  }))) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.fixedRight
+  }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, (0, _extends2.default)({
+    tbodyHtmlTag: "tfoot"
+  }, commonProps, {
+    tbodyPosition: "right",
+    horizontalRenderInfo: (0, _extends2.default)((0, _extends2.default)({}, info), {
+      flat: {
+        center: right,
+        full: right,
+        left: [],
+        right: []
+      },
+      visible: (0, _slice.default)(visible).call(visible, visible.length - right.length)
+    })
+  }))) : null);
+}
+
+function renderRowDetailInIE(params) {
+  var domHelper = params.domHelper;
+  if (!domHelper) return;
+  var artTable = domHelper.artTable;
+  var rowDetailContainer = artTable && artTable.querySelector(".".concat(_styles.Classes.rowDetailContainer));
+  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(RowDetail, (0, _extends2.default)({}, params)), rowDetailContainer);
+}
+
+function RowDetail(props) {
+  var detailRef = (0, _react.useRef)(null);
+  var row = props.row,
+      rowIndex = props.rowIndex,
+      domHelper = props.domHelper,
+      renderDetail = props.renderDetail;
+  var artTable = domHelper.artTable;
+  (0, _react.useEffect)(function () {
+    var selector = function selector(position) {
+      var _context, _context2;
+
+      return (0, _concat.default)(_context = (0, _concat.default)(_context2 = ".".concat(position, " .")).call(_context2, _styles.Classes.tableRow, "[data-rowindex=\"")).call(_context, rowIndex, "\"]");
+    };
+
+    var itemRect = detailRef.current && detailRef.current.getBoundingClientRect();
+    var targetRow = artTable.querySelector(selector(_styles.Classes.tableBody));
+    var targetRowLeft = artTable.querySelector(selector(_styles.Classes.fixedLeft));
+    var targetRowRight = artTable.querySelector(selector(_styles.Classes.fixedRight));
+
+    if (itemRect.height) {
+      targetRow && (targetRow.style.height = itemRect.height + 'px');
+      targetRowLeft && (targetRowLeft.style.height = itemRect.height + 'px');
+      targetRowRight && (targetRowRight.style.height = itemRect.height + 'px');
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    // 这时候行才渲染完，只能在这里设置偏移量
+    var offsetTop = domHelper.getRowTop(rowIndex) || 0;
+    detailRef.current.style.transform = "translateY(".concat(offsetTop + 'px', ")");
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: detailRef,
+    className: _styles.Classes.rowDetailItem
+  }, renderDetail(row, rowIndex));
+}
+
+if (_utils2.browserType.isIE) {
+  TEMPLATES.set('header', renderTableHeaderInIE);
+  TEMPLATES.set('body', renderTableBodyInIE);
+  TEMPLATES.set('footer', renderTableFooterInIE);
+  TEMPLATES.set('rowDetail', renderRowDetailInIE);
+}
+
+function getTableHeaderRenderTemplate(type) {
+  return TEMPLATES.get(type);
+}

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

@@ -3,10 +3,12 @@ export declare const Classes: {
     /** BaseTable 表格组件的外层包裹 div */
     readonly artTableWrapper: string;
     readonly artTable: string;
+    readonly tableHeaderMain: string;
     readonly tableHeader: string;
     readonly tableBody: string;
     readonly virtual: string;
     readonly tableFooter: string;
+    readonly tableFooterMain: string;
     /** 表格行 */
     readonly tableRow: string;
     /** 表头行 */
@@ -21,6 +23,7 @@ export declare const Classes: {
     readonly stickyScroll: string;
     readonly stickyScrollItem: string;
     readonly horizontalScrollContainer: string;
+    readonly verticalScrollPlaceholder: string;
     readonly lockShadowMask: string;
     readonly lockShadow: string;
     readonly leftLockShadow: string;
@@ -37,12 +40,33 @@ export declare const Classes: {
     readonly button: string;
     readonly buttonPrimary: string;
     readonly filterIcon: string;
+    readonly tableCellRangeSelected: string;
+    readonly tableCellRangeTop: string;
+    readonly tableCellRangeLeft: string;
+    readonly tableCellRangeBottom: string;
+    readonly tableCellRangeRight: string;
+    readonly fixedLeft: string;
+    readonly fixedRight: string;
+    readonly rowDetailContainer: string;
+    readonly rowDetailItem: string;
+    readonly emptyColCell: string;
+    readonly first: string;
+    readonly last: string;
+    readonly even: string;
+    readonly odd: string;
+    readonly lockLeft: string;
+    readonly lockRight: string;
+    readonly rowSpan: string;
+    readonly leaf: string;
+    readonly expanded: string;
+    readonly collapsed: string;
 };
 export declare const MenuClasses: {
     menu: string;
     menuList: string;
     menuOption: string;
     menuOptionActive: string;
+    menuOptionDisable: string;
     menuOptionText: string;
 };
 export declare type BaseTableCSSVariables = Partial<{

package/lib/table/base/styles.js

@@ -1,15 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonCSS = exports.StyledArtTableWrapper = exports.variableConst = exports.defaultCSSVariables = exports.MenuClasses = exports.Classes = exports.LOCK_SHADOW_PADDING = void 0;
-
-var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+exports.variableConst = exports.defaultCSSVariables = exports.StyledArtTableWrapper = exports.MenuClasses = exports.LOCK_SHADOW_PADDING = exports.Classes = exports.ButtonCSS = void 0;
 
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 
@@ -21,6 +23,10 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _templateObject, _templateObject2, _templateObject3;
 
+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-';
@@ -28,10 +34,12 @@ var Classes = {
   /** BaseTable 表格组件的外层包裹 div */
   artTableWrapper: "".concat(prefix, "table-wrapper"),
   artTable: "".concat(prefix, "table"),
+  tableHeaderMain: "".concat(prefix, "table-header-main"),
   tableHeader: "".concat(prefix, "table-header"),
   tableBody: "".concat(prefix, "table-body"),
   virtual: "".concat(prefix, "virtual"),
   tableFooter: "".concat(prefix, "table-footer"),
+  tableFooterMain: "".concat(prefix, "table-footer-main"),
 
   /** 表格行 */
   tableRow: "".concat(prefix, "table-row"),
@@ -50,6 +58,7 @@ var Classes = {
   stickyScroll: "".concat(prefix, "sticky-scroll"),
   stickyScrollItem: "".concat(prefix, "sticky-scroll-item"),
   horizontalScrollContainer: "".concat(prefix, "horizontal-scroll-container"),
+  verticalScrollPlaceholder: "".concat(prefix, "vertical-scroll-placeholder"),
   lockShadowMask: "".concat(prefix, "lock-shadow-mask"),
   lockShadow: "".concat(prefix, "lock-shadow"),
   leftLockShadow: "".concat(prefix, "left-lock-shadow"),
@@ -66,7 +75,27 @@ var Classes = {
   tableSortIcon: "".concat(prefix, "sort-icon"),
   button: "".concat(prefix, "btn"),
   buttonPrimary: "".concat(prefix, "btn-primary"),
-  filterIcon: "".concat(prefix, "filter-icon")
+  filterIcon: "".concat(prefix, "filter-icon"),
+  tableCellRangeSelected: "".concat(prefix, "table-cell-range-selected"),
+  tableCellRangeTop: "".concat(prefix, "table-cell-range-top"),
+  tableCellRangeLeft: "".concat(prefix, "table-cell-range-left"),
+  tableCellRangeBottom: "".concat(prefix, "table-cell-range-bottom"),
+  tableCellRangeRight: "".concat(prefix, "table-cell-range-right"),
+  fixedLeft: "".concat(prefix, "fixed-left"),
+  fixedRight: "".concat(prefix, "fixed-right"),
+  rowDetailContainer: "".concat(prefix, "row-detail-container"),
+  rowDetailItem: "".concat(prefix, "row-detail-item"),
+  emptyColCell: "".concat(prefix, "empty-col-cell"),
+  first: "".concat(prefix, "first"),
+  last: "".concat(prefix, "last"),
+  even: "".concat(prefix, "even"),
+  odd: "".concat(prefix, "odd"),
+  lockLeft: "".concat(prefix, "lock-left"),
+  lockRight: "".concat(prefix, "lock-right"),
+  rowSpan: "".concat(prefix, "row-span"),
+  leaf: "".concat(prefix, "leaf"),
+  expanded: "".concat(prefix, "expanded"),
+  collapsed: "".concat(prefix, "collapsed")
 };
 exports.Classes = Classes;
 var MenuClasses = {
@@ -74,6 +103,7 @@ var MenuClasses = {
   menuList: "".concat(prefix, "table-menu-list"),
   menuOption: "".concat(prefix, "table-menu-option"),
   menuOptionActive: "".concat(prefix, "table-menu-option-active"),
+  menuOptionDisable: "".concat(prefix, "table-menu-option-disable"),
   menuOptionText: "".concat(prefix, "table-menu-option-text")
 };
 exports.MenuClasses = MenuClasses;
@@ -82,10 +112,11 @@ var Z = {
   header: 15,
   footer: 10,
   lockShadow: 20,
+  rowDetail: 25,
   scrollItem: 30,
   loadingIndicator: 40
 };
-var outerBorderStyleMixin = (0, _styledComponents.css)(_templateObject || (_templateObject = (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.first,\n  th.first {\n    border-left: none;\n  }\n  td.last,\n  th.last {\n    --border-right: none;\n  }\n\n  thead tr.first th,\n  tbody tr.first td {\n    border-top: none;\n  }\n  &.has-footer tfoot tr.last td {\n    border-bottom: none;\n  }\n  &:not(.has-footer) tbody tr.last td {\n    border-bottom: none;\n  }\n  td.row-span:not(.first){\n    border-left: var(---cell-border-vertical);\n  }\n  td.row-span:not(.last){\n    border-right: var(---cell-border-vertical);\n  }\n"])));
+var outerBorderStyleMixin = (0, _styledComponents.css)(_templateObject || (_templateObject = (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 = {
   '--row-height': '48px',
   '--color': '#333',
@@ -118,19 +149,17 @@ exports.defaultCSSVariables = defaultCSSVariables;
 var variableConst = getCssVariableText(defaultCSSVariables);
 exports.variableConst = variableConst;
 
-var StyledArtTableWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (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  .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: center;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n    overflow: hidden;\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  .", " {\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n    transform: translate(0px);\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  }\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  // \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: none;\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:none\n  }\n\n  th.leaf {\n    border-right: none;\n    border-bottom: none;\n  }\n\n  tr.first th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.first {\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: none;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.first {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.first td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.first td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.last td {\n    border-bottom: none;\n  }\n\n  .lock-left,\n  .lock-right {\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 \u7C98\u6027\u6EDA\u52A8\u6761\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 0;\n    flex-grow: 0;\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: auto;\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  }\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  //#endregion\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon);
+var StyledArtTableWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (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  .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    user-select:none;\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    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  &.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  // \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:none\n  }\n\n  th.", " {\n    border-right: none;\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 IE\u517C\u5BB9\n  &.ie-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    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\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\n\n  //#region \u7C98\u6027\u6EDA\u52A8\u6761\n  .", " {\n    overflow-y: hidden;\n    overflow-x: auto;\n    z-index: ", ";\n    flex-shrink: 0;\n    flex-grow: 0;\n    border-top: 1px solid var(--border-color);\n    background: var(--bgcolor);\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: auto;\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  }\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  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    visibility: hidden;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, 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.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
 
 exports.StyledArtTableWrapper = StyledArtTableWrapper;
 var ButtonCSS = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (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);
 exports.ButtonCSS = ButtonCSS;
 
 function getCssVariableText(obj) {
-  var _context;
-
-  return (0, _reduce.default)(_context = (0, _keys.default)(obj)).call(_context, function (acc, key) {
-    var _context2;
+  return (0, _keys.default)(obj).reduce(function (acc, key) {
+    var _context;
 
-    acc += (0, _concat.default)(_context2 = "".concat(key, ":")).call(_context2, obj[key], ";");
+    acc += (0, _concat.default)(_context = "".concat(key, ":")).call(_context, obj[key], ";");
     return acc;
   }, '');
 }

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

@@ -62,12 +62,18 @@ export interface BaseTableProps {
     };
     /** 列的默认宽度 */
     defaultColumnWidth?: number;
-    /** 表格所处于的块格式化上下文(BFC)
-     * https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context */
-    flowRoot?: 'auto' | 'self' | (() => HTMLElement | typeof window) | HTMLElement | typeof window;
+    /**
+     * @deprecated
+     * flowRoot 在表格 v2.4 后不再需要提供，请移除该属性
+     * */
+    flowRoot?: never;
+    /** 虚拟滚动调试标签，用于表格内部调试使用 */
+    virtualDebugLabel?: string;
     getRowProps?(record: any, rowIndex: number): React.HTMLAttributes<HTMLTableRowElement>;
     getTableProps?(): React.HTMLAttributes<HTMLTableElement>;
     setTableWidth?(tableWidth: number): void;
+    setTableDomHelper?(domHelper: TableDOMHelper): void;
+    clearRangeSelectionStatus?(): void;
     cssVariables?: {
         [key: string]: any;
     };
@@ -107,7 +113,6 @@ export declare class BaseTable extends React.Component<BaseTableProps, BaseTable
         components: {};
         getTableProps: typeof noop;
         getRowProps: typeof noop;
-        flowRoot: string;
         dataSource: any[];
         useOuterBorder: boolean;
     };
@@ -131,6 +136,9 @@ export declare class BaseTable extends React.Component<BaseTableProps, BaseTable
     /** 同步横向滚动偏移量 */
     private syncHorizontalScroll;
     getVerticalRenderRange(useVirtual: ResolvedUseVirtual): VerticalRenderRange;
+    private getRowNodeListByEvent;
+    private handleRowMouseEnter;
+    private handleRowMouseLeave;
     private renderTableBody;
     private renderTableFooter;
     private renderLockShadows;