@kdcloudjs/table 1.0.2 → 1.1.0

package/dist/@kdcloudjs/table.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.0.2
+ *   @kdcloudjs/table v1.1.0
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1101,7 +1101,7 @@ function getHorizontalRenderRange(_ref) {
   return {
     leftIndex: leftIndex,
     leftBlank: leftBlank,
-    rightIndex: leftIndex + centerCount + flat.right.length,
+    rightIndex: leftIndex + centerCount,
     rightBlank: rightBlank
   };
 } // 一顿计算，将表格本次渲染所需要的数据都给算出来（代码写得有点乱，有较大优化空间）
@@ -1345,10 +1345,10 @@ function EmptyHtmlTable(_ref) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_colgroup__WEBPACK_IMPORTED_MODULE_2__["Colgroup"], {
     descriptors: descriptors
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("tbody", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("tr", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow, 'first', 'last', 'no-hover'),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].first, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].last, 'no-hover'),
     "data-rowindex": 0
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("td", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableCell, 'first', 'last'),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableCell, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].first, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].last),
     colSpan: descriptors.length,
     style: {
       height: emptyCellHeight !== null && emptyCellHeight !== void 0 ? emptyCellHeight : 200
@@ -1675,6 +1675,8 @@ function TableHeader(_ref2) {
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
   var thead = headerRenderInfo.leveled.map(function (wrappedCols, level) {
+    var _cx2;
+
     var _wrappedCols = wrappedCols.concat(); // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
 
@@ -1690,7 +1692,7 @@ function TableHeader(_ref2) {
 
     var headerCells = _wrappedCols.map(function (wrapped, index) {
       if (wrapped.type === 'normal') {
-        var _col$headerCellProps, _col$verticalAlign, _col$title;
+        var _col$headerCellProps, _cx, _col$verticalAlign, _col$title;
 
         var colIndex = wrapped.colIndex,
             colSpan = wrapped.colSpan,
@@ -1711,13 +1713,7 @@ function TableHeader(_ref2) {
         var cell = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_24___default.a.createElement("th", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_15___default()({
           key: colIndex
         }, headerCellProps, {
-          className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].tableHeaderCell, headerCellProps.className, {
-            first: colIndex === 0,
-            last: colIndex + colSpan === fullFlatCount,
-            'lock-left': colIndex < leftFlatCount || theaderPosition === 'left',
-            'lock-right': colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right',
-            leaf: wrapped.isLeaf
-          }),
+          className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].tableHeaderCell, headerCellProps.className, (_cx = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].first, colIndex === 0), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].last, colIndex + colSpan === fullFlatCount), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].leaf, wrapped.isLeaf), _cx)),
           colSpan: colSpan,
           rowSpan: isLeaf ? rowCount - level : undefined,
           style: _objectSpread(_objectSpread({
@@ -1748,10 +1744,7 @@ function TableHeader(_ref2) {
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_24___default.a.createElement("tr", {
       key: level,
-      className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].tableHeaderRow, {
-        first: level === 0,
-        last: level === rowCount - 1
-      })
+      className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].tableHeaderRow, (_cx2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].first, level === 0), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_16___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].last, level === rowCount - 1), _cx2))
     }, headerCells);
   });
   var colgroup = headerRenderInfo.flat.map(function (wrapped) {
@@ -2462,10 +2455,10 @@ function makeRowHeightManager(initRowCount, estimatedRowHeight) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HtmlTable", function() { return HtmlTable; });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_array_flat_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.flat.js */ "./node_modules/core-js/modules/es.array.flat.js");
 /* harmony import */ var core_js_modules_es_array_flat_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_flat_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_array_unscopables_flat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.unscopables.flat.js */ "./node_modules/core-js/modules/es.array.unscopables.flat.js");
@@ -2502,7 +2495,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
@@ -2542,15 +2535,12 @@ function HtmlTable(_ref) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(tbodyHtmlTag, null, data.map(renderRow)));
 
   function renderRow(record, i) {
+    var _cx;
+
     var rowIndex = verInfo.offset + i;
     spanManager.stripUpwards(rowIndex);
     var rowProps = getRowProps(record, rowIndex);
-    var rowClass = classnames__WEBPACK_IMPORTED_MODULE_13___default()(_styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].tableRow, {
-      first: rowIndex === verInfo.first,
-      last: rowIndex === verInfo.last,
-      even: rowIndex % 2 === 0,
-      odd: rowIndex % 2 === 1
-    }, rowProps === null || rowProps === void 0 ? void 0 : rowProps.className);
+    var rowClass = classnames__WEBPACK_IMPORTED_MODULE_13___default()(_styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].tableRow, (_cx = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].first, rowIndex === verInfo.first), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].last, rowIndex === verInfo.last), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].even, rowIndex % 2 === 0), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].odd, rowIndex % 2 === 1), _cx), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className);
     var visibleColumnDescriptor = hozInfo.visible.concat(); // 左中右区域渲染，存在融合单元格时需要适配rowspan属性
     // 如果固定的列均存在融合单元格，需空白一列做占位,否则融合的单元格不会渲染，导致显示异常
     // 这里无法区分是否存在融合列，默认左右固定区域均添加占位空白列
@@ -2564,7 +2554,7 @@ function HtmlTable(_ref) {
       });
     }
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tr", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({}, rowProps, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tr", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, rowProps, {
       className: rowClass,
       key: rowProps !== null && rowProps !== void 0 && rowProps['data-row-detail-key'] ? rowProps['data-row-detail-key'] : _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, record, rowIndex),
       "data-rowindex": rowIndex,
@@ -2584,7 +2574,7 @@ function HtmlTable(_ref) {
   }
 
   function renderBodyCell(record, rowIndex, column, colIndex) {
-    var _column$getCellProps, _column$getCellProps2, _column$verticalAlign;
+    var _column$getCellProps, _column$getCellProps2, _cx2, _column$verticalAlign;
 
     if (spanManager.testSkip(rowIndex, colIndex)) {
       return null;
@@ -2613,20 +2603,20 @@ function HtmlTable(_ref) {
       if (cellProps.rowSpan != null) {
         rowSpan = cellProps.rowSpan;
       }
+    }
+
+    var hasSpan = colSpan > 1 || rowSpan > 1;
+
+    if (hasSpan) {
+      spanManager.add(rowIndex, colIndex, colSpan, rowSpan);
     } // rowSpan/colSpan 不能过大，避免 rowSpan/colSpan 影响因虚拟滚动而未渲染的单元格
 
 
     rowSpan = Math.min(rowSpan, verInfo.limit - rowIndex);
-    colSpan = Math.min(colSpan, leftFlatCount + hoz.rightIndex + rightFlatCount - colIndex); // todo: 右侧有列固定的情况下colSpan计算不对，这里先限制一下
+    colSpan = Math.min(colSpan, hozInfo.visible.length - colIndex); // todo: 右侧有列固定的情况下colSpan计算不对，这里先限制一下
 
     rowSpan = Math.max(rowSpan, 1);
     colSpan = Math.max(colSpan, 1);
-    var hasSpan = colSpan > 1 || rowSpan > 1;
-
-    if (hasSpan) {
-      spanManager.add(rowIndex, colIndex, colSpan, rowSpan);
-    }
-
     var positionStyle = {};
     var scrollbarWidth = hasScrollY ? Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getScrollbarSize"])().width : 0;
 
@@ -2641,14 +2631,7 @@ function HtmlTable(_ref) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement('td', _objectSpread(_objectSpread(_objectSpread({
       key: colIndex
     }, cellProps), {}, {
-      className: classnames__WEBPACK_IMPORTED_MODULE_13___default()(_styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].tableCell, cellProps.className, {
-        // class
-        first: colIndex === 0,
-        last: colIndex + colSpan === fullFlatCount,
-        'lock-left': colIndex < leftFlatCount || tbodyPosition === 'left',
-        'lock-right': colIndex >= fullFlatCount - rightFlatCount,
-        'row-span': rowSpan > 1
-      })
+      className: classnames__WEBPACK_IMPORTED_MODULE_13___default()(_styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].tableCell, cellProps.className, (_cx2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].first, colIndex === 0), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].last, colIndex + colSpan === fullFlatCount), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].lockLeft, colIndex < leftFlatCount || tbodyPosition === 'left'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].lockRight, colIndex >= fullFlatCount - rightFlatCount), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_cx2, _styles__WEBPACK_IMPORTED_MODULE_18__["Classes"].rowSpan, rowSpan > 1), _cx2))
     }, hasSpan ? {
       colSpan: colSpan,
       rowSpan: rowSpan
@@ -3276,7 +3259,17 @@ var Classes = {
   fixedRight: "".concat(prefix, "fixed-right"),
   rowDetailContainer: "".concat(prefix, "row-detail-container"),
   rowDetailItem: "".concat(prefix, "row-detail-item"),
-  emptyColCell: "".concat(prefix, "empty-col-cell")
+  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")
 };
 var MenuClasses = {
   menu: "".concat(prefix, "table-menu"),
@@ -3295,7 +3288,7 @@ var Z = {
   scrollItem: 30,
   loadingIndicator: 40
 };
-var outerBorderStyleMixin = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___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 = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___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',
@@ -3325,7 +3318,7 @@ var defaultCSSVariables = {
   '--header-cell-border-vertical': '1px solid #dfe3e8'
 };
 var variableConst = getCssVariableText(defaultCSSVariables);
-var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___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.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: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.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 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, 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);
+var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___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);
 var ButtonCSS = Object(styled_components__WEBPACK_IMPORTED_MODULE_4__["css"])(_templateObject3 || (_templateObject3 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___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);
 
 function getCssVariableText(obj) {
@@ -4539,7 +4532,7 @@ var _templateObject, _templateObject2, _templateObject3;
 
 
 var InlineFlexCell = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  display: inline-flex;\n  align-items: center;\n"])));
-var ExpansionCell = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(InlineFlexCell)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  &.leaf {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.expanded {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])));
+var ExpansionCell = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(InlineFlexCell)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].leaf, _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].expanded);
 
 function CaretDownIcon(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("svg", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
@@ -5084,14 +5077,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
-/* harmony import */ var _autoFill__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./autoFill */ "./components/table/pipeline/features/autoFill.tsx");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
+/* harmony import */ var _autoFill__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./autoFill */ "./components/table/pipeline/features/autoFill.tsx");
+
 
 
 
@@ -5109,33 +5105,44 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 var stateKey = 'columnDrag';
+var SCROLL_SIZE = 30;
+
+function sortColumns(columns, sort) {
+  var res = new Array(columns.length);
 
-function sortColumns(cloumns, sort) {
-  var res = new Array(cloumns.length);
+  var lastColumns = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(columns);
 
-  while (cloumns.length) {
-    var cloumn = cloumns.pop();
+  while (columns.length) {
+    var cloumn = columns.pop();
     res[sort[cloumn.code]] = cloumn;
   }
 
+  if (res.filter(Boolean).length !== lastColumns.length) {
+    return lastColumns;
+  }
+
   return res;
 }
 
+function stopClickPropagation(e) {
+  e.stopPropagation();
+}
+
 function columnDrag() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _pipeline$getStateAtK = pipeline.getStateAtKey(stateKey, {}),
-        cloumnsSortData = _pipeline$getStateAtK.cloumnsSortData,
         cloumnsTranslateData = _pipeline$getStateAtK.cloumnsTranslateData;
 
-    var columns = pipeline.getColumns(); // if (cloumnsSortData) {
+    var columns = pipeline.getColumns();
+    var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody; // if (cloumnsSortData) {
     //   columns = sortColumns(columns, cloumnsSortData)
     // }
 
     pipeline.columns(columns.filter(function (column) {
       return column;
     }));
-    return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_9__["makeRecursiveMapper"])(function (col, recursiveFlatMapInfo) {
+    return pipeline.mapColumns(Object(_utils__WEBPACK_IMPORTED_MODULE_10__["makeRecursiveMapper"])(function (col, recursiveFlatMapInfo) {
       var path = recursiveFlatMapInfo.path,
           isLeaf = recursiveFlatMapInfo.isLeaf;
       var style = cloumnsTranslateData ? {
@@ -5148,11 +5155,11 @@ function columnDrag() {
       return _objectSpread(_objectSpread({}, col), {}, {
         getCellProps: function getCellProps(value, record, rowIndex) {
           var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
-          return Object(_utils__WEBPACK_IMPORTED_MODULE_9__["mergeCellProps"])(prevCellProps, {
+          return Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(prevCellProps, {
             style: style
           });
         },
-        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_9__["mergeCellProps"])(col.headerCellProps, {
+        headerCellProps: Object(_utils__WEBPACK_IMPORTED_MODULE_10__["mergeCellProps"])(col.headerCellProps, {
           onMouseDown: !isLeaf || path.length > 1 ? undefined : function (e) {
             if (e.button !== 0) {
               return;
@@ -5170,28 +5177,55 @@ function columnDrag() {
             var columns = pipeline.getColumns();
 
             var _pipeline$getStateAtK2 = pipeline.getStateAtKey(stateKey, {}),
-                cloumnsSortData = _pipeline$getStateAtK2.cloumnsSortData,
                 cloumnsTranslateData = _pipeline$getStateAtK2.cloumnsTranslateData;
 
-            if (cloumnsSortData) {
-              columns = sortColumns(columns, cloumnsSortData);
-            } else {
-              cloumnsSortData = {};
-              columns.forEach(function (item, index) {
-                cloumnsSortData[item.code] = index;
-              });
-            }
-
+            var cloumnsSortData = {};
+            columns.forEach(function (item, index) {
+              cloumnsSortData[item.code] = index;
+            });
             var currentTarget = e.currentTarget;
             var rect = e.currentTarget.parentElement.getClientRects()[0];
             var startX = rect.left;
             var moveData = [];
-            var allColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["collectNodes"])(columns);
+            var allColumns = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["collectNodes"])(columns);
+            var tableBodyClientRect = tableBody.getBoundingClientRect();
+            var startScrollLeft = pipeline.ref.current.domHelper.virtual.scrollLeft;
+
+            var updateScrollPosition = function updateScrollPosition(client) {
+              var clientX = client.clientX;
+              var left = tableBodyClientRect.left,
+                  width = tableBodyClientRect.width;
+
+              if (clientX + SCROLL_SIZE >= left + width) {
+                pipeline.ref.current.domHelper.virtual.scrollLeft += SCROLL_SIZE;
+              }
+
+              if (clientX - SCROLL_SIZE <= left) {
+                pipeline.ref.current.domHelper.virtual.scrollLeft -= SCROLL_SIZE;
+              }
+            };
+
+            var stopClickPropagationFlag = false;
 
             function handleMouseMove(e) {
-              if (e.clientX - startX < 20) {
+              var client = {
+                clientX: e.clientX,
+                clientY: e.clientY
+              };
+              var scrollDistance = pipeline.ref.current.domHelper.virtual.scrollLeft - startScrollLeft;
+              var leftPosition = startX - scrollDistance; // 表头最左边起点
+
+              updateScrollPosition(client);
+
+              if (e.clientX - leftPosition < 20) {
                 return;
               } else {
+                // 阻止列头点击事件，防止拖动后触发列头过滤事件
+                if (stopClickPropagationFlag === false) {
+                  stopClickPropagationFlag = true;
+                  currentTarget.addEventListener('click', stopClickPropagation);
+                }
+
                 e.stopPropagation();
               }
 
@@ -5228,7 +5262,7 @@ function columnDrag() {
               var replaceIndex = 0;
               var totalWitdth = getColumnWidth(columns[replaceIndex]);
 
-              while (totalWitdth < e.clientX - startX && replaceIndex < columns.length - 1) {
+              while (totalWitdth < e.clientX - leftPosition && replaceIndex < columns.length - 1) {
                 replaceIndex++;
                 totalWitdth += getColumnWidth(columns[replaceIndex]);
               } // 需要取最新startIndex, 不能直接用makeRecursiveMapper提供的startIndex（因为map时还没添加选择列、充满列等后面use添加的列）
@@ -5258,7 +5292,7 @@ function columnDrag() {
                   })) {
                     cloumnsTranslateData[code] += optionColumn.width;
 
-                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_9__["isLeafNode"])(columns[index])) {
+                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_10__["isLeafNode"])(columns[index])) {
                       cloumnsTranslateData[optionColumn.code] -= width;
                     } else {
                       cloumnsTranslateData[optionColumn.code] -= getColumnWidth(columns[index]);
@@ -5285,7 +5319,7 @@ function columnDrag() {
                   })) {
                     cloumnsTranslateData[_code] -= optionColumn.width;
 
-                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_9__["isLeafNode"])(columns[index])) {
+                    if (Object(_utils__WEBPACK_IMPORTED_MODULE_10__["isLeafNode"])(columns[index])) {
                       cloumnsTranslateData[optionColumn.code] += _width;
                     } else {
                       cloumnsTranslateData[optionColumn.code] += getColumnWidth(columns[index]);
@@ -5301,7 +5335,6 @@ function columnDrag() {
 
               window.requestAnimationFrame(function () {
                 pipeline.setStateAtKey(stateKey, {
-                  cloumnsSortData: cloumnsSortData,
                   cloumnsTranslateData: cloumnsTranslateData
                 });
                 moveData = [startIndex, replaceIndex];
@@ -5313,6 +5346,11 @@ function columnDrag() {
               document.body.removeEventListener('mousemove', handleMouseMove);
               document.body.removeEventListener('mouseup', handleMouseUp);
               window.requestAnimationFrame(function () {
+                // 取消阻止列头点击事件
+                currentTarget.removeEventListener('click', stopClickPropagation);
+                stopClickPropagationFlag = false;
+                currentTarget = null;
+
                 var _moveData = moveData,
                     _moveData2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_4___default()(_moveData, 2),
                     startIndex = _moveData2[0],
@@ -5372,21 +5410,19 @@ function columnDrag() {
                 if (onColumnDragStopped) {
                   var newColumns = sortColumns(columns, cloumnsSortData).filter(function (_ref) {
                     var code = _ref.code;
-                    return code !== _autoFill__WEBPACK_IMPORTED_MODULE_10__["FILL_COLUMN_CODE"];
+                    return code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"];
                   }); // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
 
                   onColumnDragStopped(columnMoved, newColumns);
                 }
 
                 pipeline.setStateAtKey(stateKey, {
-                  cloumnsSortData: cloumnsSortData,
                   cloumnsTranslateData: null
                 });
               });
               document.body.style.userSelect = '';
               currentTarget.style.opacity = '';
               currentTarget.style.cursor = '';
-              currentTarget = null;
             }
 
             document.body.addEventListener('mousemove', handleMouseMove);
@@ -5406,7 +5442,7 @@ function columnDrag() {
 function enableMove(_ref2) {
   var lock = _ref2.lock,
       code = _ref2.code;
-  return code && code !== _autoFill__WEBPACK_IMPORTED_MODULE_10__["FILL_COLUMN_CODE"] && !lock;
+  return code && code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !lock;
 }
 
 function getColumnWidth(col) {
@@ -5428,7 +5464,7 @@ function moveAllChildren(cols, cloumnsTranslateData, width, isMinus) {
     var movedWidth = (_cloumnsTranslateData = cloumnsTranslateData[code]) !== null && _cloumnsTranslateData !== void 0 ? _cloumnsTranslateData : 0;
     cloumnsTranslateData[code] = movedWidth + (isMinus ? -width : width);
 
-    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_9__["isLeafNode"])(col)) {
+    if (!Object(_utils__WEBPACK_IMPORTED_MODULE_10__["isLeafNode"])(col)) {
       moveAllChildren(children, cloumnsTranslateData, width);
     }
   });
@@ -6242,20 +6278,25 @@ function contextMenu() {
     };
 
     var showContextMenu = function showContextMenu(e) {
-      var dataSource = pipeline.getDataSource();
-      var cellEle = getCellEleForEvent(e);
+      var path = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getEventPath"])(e);
+      var cellEle = getCellEleInEventPath(path);
       var code;
       var rowIndex;
+      var isInFooter;
 
       if (cellEle) {
-        code = cellEle.getAttribute('data-code'), rowIndex = cellEle.getAttribute('data-rowindex');
+        code = cellEle.getAttribute('data-code');
+        rowIndex = cellEle.getAttribute('data-rowindex');
+        isInFooter = isElementInsideTheFooter(cellEle);
       } else {
-        var rowEle = getRowEleForEvent(e, dataSource);
+        var rowEle = getRowEleInEventPath(path);
         rowIndex = rowEle === null || rowEle === void 0 ? void 0 : rowEle.getAttribute('data-rowindex');
+        isInFooter = isElementInsideTheFooter(rowEle);
       }
 
+      var dataSource = isInFooter ? pipeline.getFooterDataSource() || [] : pipeline.getDataSource();
       var record = dataSource[rowIndex];
-      var column = code !== undefined && Object(_utils_others__WEBPACK_IMPORTED_MODULE_12__["findByTree"])(pipeline.getColumns(), function (item, index) {
+      var column = code !== undefined && Object(_utils_others__WEBPACK_IMPORTED_MODULE_12__["findByTree"])(pipeline.getColumns(), function (item) {
         return item.code === code;
       });
       var value = column && record && _internals__WEBPACK_IMPORTED_MODULE_13__["internals"].safeGetValue(column, record, rowIndex);
@@ -6428,18 +6469,6 @@ function isEventFromCurrentPopup(event, ele) {
 
   return false;
 }
-
-function getCellEleInEventPath(path) {
-  return Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getTargetEleInEventPath"])(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-cell';
-  });
-}
-
-function getRowEleInEventPath(path) {
-  return Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getTargetEleInEventPath"])(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-row';
-  });
-}
 /** 是否点击是外部 end */
 
 /** 计算位置 start */
@@ -6516,15 +6545,37 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
 /** 获得点击的元素 start */
 
 
-function getCellEleForEvent(event) {
-  return getCellEleInEventPath(Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getEventPath"])(event));
+function getCellEleInEventPath(path) {
+  return Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getTargetEleInEventPath"])(path, function (ele) {
+    return ele && ele.getAttribute('data-role') === 'table-cell';
+  });
 }
 
-function getRowEleForEvent(event, dataSource) {
-  return getRowEleInEventPath(Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getEventPath"])(event));
+function getRowEleInEventPath(path) {
+  return Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getTargetEleInEventPath"])(path, function (ele) {
+    return ele && ele.getAttribute('data-role') === 'table-row';
+  });
 }
 /** 获得点击的元素 end */
-// 禁止弹出右键菜单
+
+
+function isElementInsideTheFooter(ele) {
+  var pointer = ele;
+
+  while (pointer) {
+    if (pointer.tagName === 'TFOOT') {
+      return true;
+    }
+
+    if (pointer.tagName === 'TABLE' || pointer.tagName === 'TBODY') {
+      return false;
+    }
+
+    pointer = pointer.parentElement;
+  }
+
+  return false;
+} // 禁止弹出右键菜单
 
 
 function suppressShowContextMenu(e) {
@@ -7277,7 +7328,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function multiSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function multiSelectStep(pipeline) {
-    var _opts$isDisabled, _opts$clickArea, _ref, _ref2, _opts$value, _pipeline$getStateAtK, _ref3, _ref4, _opts$lastKey, _pipeline$getStateAtK2, _opts$checkboxPlaceme;
+    var _opts$isDisabled, _opts$clickArea, _ref, _ref2, _opts$value, _pipeline$getStateAtK, _ref3, _ref4, _opts$lastKey, _pipeline$getStateAtK2;
 
     var stateKey = 'multiSelect';
     var Checkbox = pipeline.ctx.components.Checkbox;
@@ -7320,93 +7371,101 @@ function multiSelect() {
         allKeys.push(rowKey);
       }
     });
-    var set = new Set(value);
-    var isAllChecked = allKeys.length > 0 && allKeys.every(function (key) {
-      return set.has(key);
-    });
-    var isAnyChecked = allKeys.some(function (key) {
-      return set.has(key);
-    });
-    var defaultCheckboxColumnTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
-      checked: isAllChecked,
-      indeterminate: !isAllChecked && isAnyChecked,
-      onChange: function onChange(_) {
-        if (isAllChecked) {
-          _onChange(_utils_others__WEBPACK_IMPORTED_MODULE_16__["arrayUtils"].diff(value, allKeys), '', allKeys, 'uncheck-all');
-        } else {
-          _onChange(_utils_others__WEBPACK_IMPORTED_MODULE_16__["arrayUtils"].merge(value, allKeys), '', allKeys, 'check-all');
-        }
-      }
-    });
-
-    var checkboxColumn = _objectSpread(_objectSpread({
-      name: '是否选中',
-      title: defaultCheckboxColumnTitle,
-      width: 50,
-      align: 'center'
-    }, opts.checkboxColumn), {}, {
-      getCellProps: function getCellProps(value, row, rowIndex) {
-        var _opts$checkboxColumn, _opts$checkboxColumn$;
+    var set = new Set(value); // todo: 暂使用hidden隐藏选择列 后续增加配置
 
-        var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
-        var checkboxCellProps = {};
-        var preCellProps = (_opts$checkboxColumn = opts.checkboxColumn) === null || _opts$checkboxColumn === void 0 ? void 0 : (_opts$checkboxColumn$ = _opts$checkboxColumn.getCellProps) === null || _opts$checkboxColumn$ === void 0 ? void 0 : _opts$checkboxColumn$.call(_opts$checkboxColumn, value, row, rowIndex);
+    var hiddenSelectColumn = opts.checkboxColumn && opts.checkboxColumn.hidden === true;
 
-        if (fullKeySet.has(rowKey) && clickArea === 'cell') {
-          var prevChecked = set.has(rowKey);
-          var disabled = isDisabled(row, rowIndex);
-          checkboxCellProps = {
-            style: {
-              cursor: disabled ? 'not-allowed' : 'pointer'
-            },
-            onClick: disabled ? undefined : function (e) {
-              if (opts.stopClickEventPropagation) {
-                e.stopPropagation();
-              }
+    if (!hiddenSelectColumn) {
+      var _opts$checkboxPlaceme;
 
-              onCheckboxChange(prevChecked, rowKey, e.shiftKey);
-            }
-          };
+      var isAllChecked = allKeys.length > 0 && allKeys.every(function (key) {
+        return set.has(key);
+      });
+      var isAnyChecked = allKeys.some(function (key) {
+        return set.has(key);
+      });
+      var defaultCheckboxColumnTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
+        checked: isAllChecked,
+        indeterminate: !isAllChecked && isAnyChecked,
+        onChange: function onChange(_) {
+          if (isAllChecked) {
+            _onChange(_utils_others__WEBPACK_IMPORTED_MODULE_16__["arrayUtils"].diff(value, allKeys), '', allKeys, 'uncheck-all');
+          } else {
+            _onChange(_utils_others__WEBPACK_IMPORTED_MODULE_16__["arrayUtils"].merge(value, allKeys), '', allKeys, 'check-all');
+          }
         }
+      });
 
-        return Object(_utils__WEBPACK_IMPORTED_MODULE_17__["mergeCellProps"])(preCellProps, checkboxCellProps);
-      },
-      render: function render(_, row, rowIndex) {
-        var key = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
-        var checked = set.has(key);
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
-          checked: checked,
-          disabled: isDisabled(row, rowIndex),
-          onChange: clickArea === 'checkbox' ? function (arg1, arg2) {
-            var _arg2$nativeEvent;
+      var checkboxColumn = _objectSpread(_objectSpread({
+        name: '是否选中',
+        title: defaultCheckboxColumnTitle,
+        width: 50,
+        align: 'center'
+      }, opts.checkboxColumn), {}, {
+        getCellProps: function getCellProps(value, row, rowIndex) {
+          var _opts$checkboxColumn, _opts$checkboxColumn$;
+
+          var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
+          var checkboxCellProps = {};
+          var preCellProps = (_opts$checkboxColumn = opts.checkboxColumn) === null || _opts$checkboxColumn === void 0 ? void 0 : (_opts$checkboxColumn$ = _opts$checkboxColumn.getCellProps) === null || _opts$checkboxColumn$ === void 0 ? void 0 : _opts$checkboxColumn$.call(_opts$checkboxColumn, value, row, rowIndex);
+
+          if (fullKeySet.has(rowKey) && clickArea === 'cell') {
+            var prevChecked = set.has(rowKey);
+            var disabled = isDisabled(row, rowIndex);
+            checkboxCellProps = {
+              style: {
+                cursor: disabled ? 'not-allowed' : 'pointer'
+              },
+              onClick: disabled ? undefined : function (e) {
+                if (opts.stopClickEventPropagation) {
+                  e.stopPropagation();
+                }
 
-            // 这里要同时兼容 antd 和 fusion 的用法
-            // fusion: arg2?.nativeEvent
-            // antd: arg1.nativeEvent
-            var nativeEvent = (_arg2$nativeEvent = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _arg2$nativeEvent !== void 0 ? _arg2$nativeEvent : arg1.nativeEvent;
+                onCheckboxChange(prevChecked, rowKey, e.shiftKey);
+              }
+            };
+          }
 
-            if (nativeEvent) {
-              if (opts.stopClickEventPropagation) {
-                nativeEvent.stopPropagation();
+          return Object(_utils__WEBPACK_IMPORTED_MODULE_17__["mergeCellProps"])(preCellProps, checkboxCellProps);
+        },
+        render: function render(_, row, rowIndex) {
+          var key = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
+          var checked = set.has(key);
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
+            checked: checked,
+            disabled: isDisabled(row, rowIndex),
+            onChange: clickArea === 'checkbox' ? function (arg1, arg2) {
+              var _arg2$nativeEvent;
+
+              // 这里要同时兼容 antd 和 fusion 的用法
+              // fusion: arg2?.nativeEvent
+              // antd: arg1.nativeEvent
+              var nativeEvent = (_arg2$nativeEvent = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _arg2$nativeEvent !== void 0 ? _arg2$nativeEvent : arg1.nativeEvent;
+
+              if (nativeEvent) {
+                if (opts.stopClickEventPropagation) {
+                  nativeEvent.stopPropagation();
+                }
+
+                onCheckboxChange(checked, key, nativeEvent.shiftKey);
               }
+            } : undefined
+          });
+        }
+      });
 
-              onCheckboxChange(checked, key, nativeEvent.shiftKey);
-            }
-          } : undefined
-        });
-      }
-    });
+      var nextColumns = pipeline.getColumns().slice();
+      var checkboxPlacement = (_opts$checkboxPlaceme = opts.checkboxPlacement) !== null && _opts$checkboxPlaceme !== void 0 ? _opts$checkboxPlaceme : 'start';
 
-    var nextColumns = pipeline.getColumns().slice();
-    var checkboxPlacement = (_opts$checkboxPlaceme = opts.checkboxPlacement) !== null && _opts$checkboxPlaceme !== void 0 ? _opts$checkboxPlaceme : 'start';
+      if (checkboxPlacement === 'start') {
+        nextColumns.unshift(checkboxColumn);
+      } else {
+        nextColumns.push(checkboxColumn);
+      }
 
-    if (checkboxPlacement === 'start') {
-      nextColumns.unshift(checkboxColumn);
-    } else {
-      nextColumns.push(checkboxColumn);
+      pipeline.columns(nextColumns);
     }
 
-    pipeline.columns(nextColumns);
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
 
@@ -7816,6 +7875,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_others__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../utils/others */ "./components/table/utils/others.ts");
 /* harmony import */ var _utils_console__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../utils/console */ "./components/table/utils/console.ts");
 /* harmony import */ var _base_renderTemplates__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../base/renderTemplates */ "./components/table/base/renderTemplates.tsx");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../base */ "./components/table/base/index.tsx");
 
 
 
@@ -7847,6 +7907,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 
 
 var rowDetailSymbol = Symbol('row-detail');
@@ -7984,7 +8045,7 @@ function rowDetail() {
           toggle(rowKey);
         };
 
-        var expandCls = expanded ? 'expanded' : 'collapsed';
+        var expandCls = expanded ? _base__WEBPACK_IMPORTED_MODULE_28__["Classes"].expanded : _base__WEBPACK_IMPORTED_MODULE_28__["Classes"].collapsed;
         var ExpandIcon = opts.expandIcon;
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_21___default.a.createElement(_common_views__WEBPACK_IMPORTED_MODULE_22__["ExpansionCell"], {
           className: classnames__WEBPACK_IMPORTED_MODULE_20___default()('expansion-cell', expandCls),
@@ -8158,6 +8219,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
 /* harmony import */ var _utils_others__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../utils/others */ "./components/table/utils/others.ts");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../base */ "./components/table/base/index.tsx");
 
 
 
@@ -8187,6 +8249,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var groupingMetaSymbol = Symbol('row-grouping-meta');
 
 function attachGroupingMeta(row) {
@@ -8292,7 +8355,7 @@ function rowGrouping() {
         }
 
         var expanded = openKeySet.has(row[primaryKey]);
-        var expandCls = expanded ? 'expanded' : 'collapsed';
+        var expandCls = expanded ? _base__WEBPACK_IMPORTED_MODULE_24__["Classes"].expanded : _base__WEBPACK_IMPORTED_MODULE_24__["Classes"].collapsed;
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_common_views__WEBPACK_IMPORTED_MODULE_20__["ExpansionCell"], {
           className: classnames__WEBPACK_IMPORTED_MODULE_18___default()('expansion-cell', expandCls)
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_common_views__WEBPACK_IMPORTED_MODULE_20__["icons"].CaretRight, {
@@ -9111,6 +9174,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _common_views__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../common-views */ "./components/table/common-views.tsx");
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../internals */ "./components/table/internals.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../utils */ "./components/table/utils/index.tsx");
+/* harmony import */ var _base_styles__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../base/styles */ "./components/table/base/styles.ts");
 
 
 
@@ -9148,6 +9212,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+
 var treeMetaSymbol = Symbol('treeMetaSymbol');
 function treeMode() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -9269,7 +9334,7 @@ function treeMode() {
 
         if (isLeaf) {
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_common_views__WEBPACK_IMPORTED_MODULE_23__["InlineFlexCell"], {
-            className: "expansion-cell leaf"
+            className: classnames__WEBPACK_IMPORTED_MODULE_21___default()('expansion-cell', _base_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].leaf)
           }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("span", {
             style: {
               marginLeft: indent + iconWidth + iconGap
@@ -9285,7 +9350,7 @@ function treeMode() {
           toggle(rowKey);
         };
 
-        var expandCls = expanded ? 'expanded' : 'collapsed';
+        var expandCls = expanded ? _base_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].expanded : _base_styles__WEBPACK_IMPORTED_MODULE_26__["Classes"].collapsed;
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement(_common_views__WEBPACK_IMPORTED_MODULE_23__["ExpansionCell"], {
           className: classnames__WEBPACK_IMPORTED_MODULE_21___default()('expansion-cell', expandCls),
           style: {
@@ -9680,6 +9745,8 @@ var TablePipeline = /*#__PURE__*/function () {
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(this, "_columns", void 0);
 
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(this, "_footerDataSource", void 0);
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(this, "ctx", {
       components: {},
       indents: TablePipeline.defaultIndents
@@ -9736,6 +9803,11 @@ var TablePipeline = /*#__PURE__*/function () {
         return this._snapshots[name].columns;
       }
     }
+  }, {
+    key: "getFooterDataSource",
+    value: function getFooterDataSource() {
+      return this._footerDataSource;
+    }
   }, {
     key: "getStateAtKey",
     value: function getStateAtKey(stateKey, defaultValue) {
@@ -9807,6 +9879,14 @@ var TablePipeline = /*#__PURE__*/function () {
       this.ctx.primaryKey = key;
       return this;
     }
+    /** 设置页脚数据 */
+
+  }, {
+    key: "footerDataSource",
+    value: function footerDataSource(rows) {
+      this._footerDataSource = rows;
+      return this;
+    }
     /** 保存快照 */
 
   }, {
@@ -9885,6 +9965,10 @@ var TablePipeline = /*#__PURE__*/function () {
         result.primaryKey = this.ctx.primaryKey;
       }
 
+      if (this._footerDataSource) {
+        result.footerDataSource = this._footerDataSource;
+      }
+
       if (this._rowPropsGetters.length > 0) {
         result.getRowProps = function (row, rowIndex) {
           return _this2._rowPropsGetters.reduce(function (res, get) {