@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

package/lib/table/base/html-table.js

@@ -1,45 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HtmlTable = HtmlTable;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _internals = require("../internals");
-
 var _colgroup = require("./colgroup");
-
 var _SpanManager = _interopRequireDefault(require("./helpers/SpanManager"));
-
 var _styles = require("./styles");
-
 function HtmlTable(_ref) {
   var tbodyHtmlTag = _ref.tbodyHtmlTag,
-      getRowProps = _ref.getRowProps,
-      primaryKey = _ref.primaryKey,
-      stickyRightOffset = _ref.stickyRightOffset,
-      data = _ref.data,
-      verInfo = _ref.verticalRenderInfo,
-      hozInfo = _ref.horizontalRenderInfo,
-      tbodyPosition = _ref.tbodyPosition;
+    getRowProps = _ref.getRowProps,
+    primaryKey = _ref.primaryKey,
+    stickyRightOffset = _ref.stickyRightOffset,
+    data = _ref.data,
+    verInfo = _ref.verticalRenderInfo,
+    hozInfo = _ref.horizontalRenderInfo,
+    tbodyPosition = _ref.tbodyPosition;
   var flat = (0, _flat.default)(hozInfo),
-      hoz = hozInfo.horizontalRenderRange;
+    hoz = hozInfo.horizontalRenderRange;
   var spanManager = new _SpanManager.default();
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
@@ -47,18 +34,16 @@ function HtmlTable(_ref) {
   return /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_colgroup.Colgroup, {
     descriptors: hozInfo.visible
   }), /*#__PURE__*/_react.default.createElement(tbodyHtmlTag, null, (0, _map.default)(data).call(data, renderRow)));
-
   function renderRow(record, i) {
     var _cx, _context;
-
     var rowIndex = verInfo.offset + i;
     spanManager.stripUpwards(rowIndex);
     var rowProps = getRowProps(record, rowIndex);
     var rowClass = (0, _classnames.default)(_styles.Classes.tableRow, (_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.first, rowIndex === verInfo.first), (0, _defineProperty2.default)(_cx, _styles.Classes.last, rowIndex === verInfo.last), (0, _defineProperty2.default)(_cx, _styles.Classes.even, rowIndex % 2 === 0), (0, _defineProperty2.default)(_cx, _styles.Classes.odd, rowIndex % 2 === 1), _cx), rowProps === null || rowProps === void 0 ? void 0 : rowProps.className);
-    var visibleColumnDescriptor = (0, _concat.default)(_context = hozInfo.visible).call(_context); // 左中右区域渲染，存在融合单元格时需要适配rowspan属性
+    var visibleColumnDescriptor = (0, _concat.default)(_context = hozInfo.visible).call(_context);
+    // 左中右区域渲染，存在融合单元格时需要适配rowspan属性
     // 如果固定的列均存在融合单元格，需空白一列做占位,否则融合的单元格不会渲染，导致显示异常
     // 这里无法区分是否存在融合列，默认左右固定区域均添加占位空白列
-
     if (['left', 'right'].indexOf(tbodyPosition) > -1) {
       visibleColumnDescriptor.push({
         type: 'blank',
@@ -67,7 +52,6 @@ function HtmlTable(_ref) {
         isPlacehoder: true
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, rowProps, {
       className: rowClass,
       key: (rowProps === null || rowProps === void 0 ? void 0 : rowProps['data-row-detail-key']) ? rowProps['data-row-detail-key'] : _internals.internals.safeGetRowKey(primaryKey, record, rowIndex),
@@ -82,32 +66,23 @@ function HtmlTable(_ref) {
           }
         });
       }
-
       return renderBodyCell(record, rowIndex, descriptor.col, descriptor.colIndex);
     }));
   }
-
   function renderBodyCell(record, rowIndex, column, colIndex) {
     var _cx2;
-
     var _a, _b, _c;
-
     if (spanManager.testSkip(rowIndex, colIndex)) {
       return null;
     }
-
     var value = _internals.internals.safeGetValue(column, record, rowIndex);
-
     var cellProps = (_b = (_a = column.getCellProps) === null || _a === void 0 ? void 0 : _a.call(column, value, record, rowIndex)) !== null && _b !== void 0 ? _b : {};
     var cellContent = value;
-
     if (column.render) {
       cellContent = column.render(value, record, rowIndex);
     }
-
     var colSpan = 1;
     var rowSpan = 1;
-
     if (column.getSpanRect) {
       var spanRect = column.getSpanRect(value, record, rowIndex);
       colSpan = spanRect == null ? 1 : spanRect.right - colIndex;
@@ -116,34 +91,28 @@ function HtmlTable(_ref) {
       if (cellProps.colSpan != null) {
         colSpan = cellProps.colSpan;
       }
-
       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/colSpan 不能过大，避免 rowSpan/colSpan 影响因虚拟滚动而未渲染的单元格
     rowSpan = Math.min(rowSpan, verInfo.limit - rowIndex);
-    colSpan = Math.min(colSpan, hozInfo.visible.length - colIndex); // todo: 右侧有列固定的情况下colSpan计算不对，这里先限制一下
-
+    colSpan = Math.min(colSpan, hozInfo.visible.length - colIndex);
+    // todo: 右侧有列固定的情况下colSpan计算不对，这里先限制一下
     rowSpan = Math.max(rowSpan, 1);
     colSpan = Math.max(colSpan, 1);
     var positionStyle = {};
-
     if (colIndex < leftFlatCount) {
       positionStyle.position = 'sticky';
       positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
     } else if (colIndex >= fullFlatCount - rightFlatCount) {
       positionStyle.position = 'sticky';
-      positionStyle.right = hozInfo.stickyRightMap.get(colIndex) - (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
+      positionStyle.right = hozInfo.stickyRightMap.get(colIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
     }
-
     return /*#__PURE__*/_react.default.createElement('td', (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({
       key: colIndex
     }, cellProps), {

package/lib/table/base/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "Table", {
     return _table.BaseTable;
   }
 });
-
 var _table = require("./table");
-
 var _styles = require("./styles");

package/lib/table/base/loading.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Loading;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("./styles");
-
 var DefaultLoadingIcon = /*#__PURE__*/_react.default.memo(function () {
   return /*#__PURE__*/_react.default.createElement("svg", {
     style: {
@@ -39,10 +35,9 @@ var DefaultLoadingIcon = /*#__PURE__*/_react.default.memo(function () {
     values: "0 50 50;360 50 50"
   })));
 });
-
 function DefaultLoadingContentWrapper(_ref) {
   var children = _ref.children,
-      visible = _ref.visible;
+    visible = _ref.visible;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _styles.Classes.loadingContentWrapper,
     style: {
@@ -50,14 +45,13 @@ function DefaultLoadingContentWrapper(_ref) {
     }
   }, children);
 }
-
 function Loading(_ref2) {
   var visible = _ref2.visible,
-      children = _ref2.children,
-      _ref2$LoadingContentW = _ref2.LoadingContentWrapper,
-      LoadingContentWrapper = _ref2$LoadingContentW === void 0 ? DefaultLoadingContentWrapper : _ref2$LoadingContentW,
-      _ref2$LoadingIcon = _ref2.LoadingIcon,
-      LoadingIcon = _ref2$LoadingIcon === void 0 ? DefaultLoadingIcon : _ref2$LoadingIcon;
+    children = _ref2.children,
+    _ref2$LoadingContentW = _ref2.LoadingContentWrapper,
+    LoadingContentWrapper = _ref2$LoadingContentW === void 0 ? DefaultLoadingContentWrapper : _ref2$LoadingContentW,
+    _ref2$LoadingIcon = _ref2.LoadingIcon,
+    LoadingIcon = _ref2$LoadingIcon === void 0 ? DefaultLoadingIcon : _ref2$LoadingIcon;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _styles.Classes.loadingWrapper
   }, visible && /*#__PURE__*/_react.default.createElement("div", {

package/lib/table/base/renderTemplates.js

@@ -1,68 +1,51 @@
 "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 TEMPLATES = new _map.default();
+function renderTableHeaderInIE(info, props, extra) {
   var stickyTop = props.stickyTop,
-      hasHeader = props.hasHeader;
+    hasHeader = props.hasHeader;
   var flat = (0, _flat.default)(info),
-      nested = info.nested,
-      visible = info.visible,
-      hasLockColumn = info.hasLockColumn;
+    nested = info.nested,
+    visible = info.visible,
+    hasLockColumn = info.hasLockColumn;
   var left = flat.left,
-      right = flat.right;
+    right = flat.right;
   var leftNested = nested.left,
-      rightNested = nested.right,
-      full = nested.full;
+    rightNested = nested.right,
+    full = nested.full;
   var rowCount = (0, _utils2.getTreeDepth)(full) + 1;
+  var fixedRightTableStyle = {
+    right: (extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset) || 0
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_styles.Classes.tableHeader)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -74,6 +57,11 @@ function renderTableHeaderInIE(info, props) {
   }, /*#__PURE__*/_react.default.createElement(_header.default, {
     info: info,
     theaderPosition: hasLockColumn ? 'center' : undefined
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.verticalScrollPlaceholder,
+    style: typeof (extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset) === 'number' ? {
+      width: extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset
+    } : undefined
   })), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: _styles.Classes.fixedLeft
   }, /*#__PURE__*/_react.default.createElement(_header.default, {
@@ -101,7 +89,8 @@ function renderTableHeaderInIE(info, props) {
     theaderPosition: "left",
     rowCount: rowCount
   })) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _styles.Classes.fixedRight
+    className: _styles.Classes.fixedRight,
+    style: fixedRightTableStyle
   }, /*#__PURE__*/_react.default.createElement(_header.default, {
     info: (0, _extends2.default)((0, _extends2.default)({}, info), {
       flat: {
@@ -128,21 +117,20 @@ function renderTableHeaderInIE(info, props) {
     rowCount: rowCount
   })) : null);
 }
-
 function renderTableBodyInIE(info, props, extra) {
   var dataSource = props.dataSource,
-      getRowProps = props.getRowProps,
-      primaryKey = props.primaryKey;
+    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;
+    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;
+    visible = info.visible,
+    hasLockColumn = info.hasLockColumn;
   var left = flat.left,
-      right = flat.right;
+    right = flat.right;
   var verticalRenderInfo = {
     first: 0,
     offset: topIndex,
@@ -154,9 +142,6 @@ function renderTableBodyInIE(info, props, extra) {
     primaryKey: primaryKey,
     data: (0, _slice.default)(dataSource).call(dataSource, topIndex, bottomIndex)
   };
-  var fixedRightTableStyle = {
-    right: -extra.stickyRightOffset
-  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_styles.Classes.tableBody, _styles.Classes.horizontalScrollContainer)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -209,8 +194,7 @@ function renderTableBodyInIE(info, props, extra) {
       height: bottomBlank
     }
   })) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _styles.Classes.fixedRight,
-    style: fixedRightTableStyle
+    className: _styles.Classes.fixedRight
   }, topBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
     key: "top-blank",
     className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'top'),
@@ -221,7 +205,6 @@ function renderTableBodyInIE(info, props, extra) {
     tbodyHtmlTag: "tbody"
   }, commonProps, {
     tbodyPosition: "right",
-    stickyRightOffset: extra.stickyRightOffset,
     horizontalRenderInfo: (0, _extends2.default)((0, _extends2.default)({}, info), {
       flat: {
         center: right,
@@ -242,21 +225,18 @@ function renderTableBodyInIE(info, props, extra) {
     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;
-
+    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;
+    visible = info.visible,
+    hasLockColumn = info.hasLockColumn;
   var left = flat.left,
-      right = flat.right;
+    right = flat.right;
   var verticalRenderInfo = {
     offset: 0,
     first: 0,
@@ -269,6 +249,9 @@ function renderTableFooterInIE(info, props, extra) {
     primaryKey: primaryKey,
     verticalRenderInfo: verticalRenderInfo
   };
+  var fixedRightTableStyle = {
+    right: (extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset) || 0
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_styles.Classes.tableFooter),
     style: {
@@ -281,7 +264,13 @@ function renderTableFooterInIE(info, props, extra) {
   }, commonProps, {
     tbodyPosition: hasLockColumn ? 'center' : undefined,
     horizontalRenderInfo: info
-  }))), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  })), footerDataSource.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _styles.Classes.verticalScrollPlaceholder,
+    style: typeof (extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset) === 'number' ? {
+      width: extra === null || extra === void 0 ? void 0 : extra.stickyRightOffset,
+      visibility: 'initial'
+    } : undefined
+  }) : null), left.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: _styles.Classes.fixedLeft
   }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, (0, _extends2.default)({
     tbodyHtmlTag: "tfoot"
@@ -297,7 +286,8 @@ function renderTableFooterInIE(info, props, extra) {
       visible: (0, _slice.default)(visible).call(visible, 0, left.length)
     })
   }))) : null, right.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _styles.Classes.fixedRight
+    className: _styles.Classes.fixedRight,
+    style: fixedRightTableStyle
   }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, (0, _extends2.default)({
     tbodyHtmlTag: "tfoot"
   }, commonProps, {
@@ -313,7 +303,6 @@ function renderTableFooterInIE(info, props, extra) {
     })
   }))) : null);
 }
-
 function renderRowDetailInIE(params) {
   var domHelper = params.domHelper;
   if (!domHelper) return;
@@ -321,26 +310,22 @@ function renderRowDetailInIE(params) {
   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;
+    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');
@@ -357,14 +342,12 @@ function RowDetail(props) {
     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.js

@@ -1,32 +1,20 @@
 "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.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"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 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-';
@@ -41,16 +29,12 @@ var Classes = {
   virtual: "".concat(prefix, "virtual"),
   tableFooter: "".concat(prefix, "table-footer"),
   tableFooterMain: "".concat(prefix, "table-footer-main"),
-
   /** 表格行 */
   tableRow: "".concat(prefix, "table-row"),
-
   /** 表头行 */
   tableHeaderRow: "".concat(prefix, "table-header-row"),
-
   /** 单元格 */
   tableCell: "".concat(prefix, "table-cell"),
-
   /** 表头的单元格 */
   tableHeaderCell: "".concat(prefix, "table-header-cell"),
   tableHeaderCellContent: "".concat(prefix, "table-header-cell-content"),
@@ -64,7 +48,6 @@ var Classes = {
   lockShadow: "".concat(prefix, "lock-shadow"),
   leftLockShadow: "".concat(prefix, "left-lock-shadow"),
   rightLockShadow: "".concat(prefix, "right-lock-shadow"),
-
   /** 数据为空时表格内容的外层 div */
   emptyWrapper: "".concat(prefix, "empty-wrapper"),
   loadingWrapper: "".concat(prefix, "loading-wrapper"),
@@ -158,17 +141,13 @@ var variableConst = getCssVariableText(defaultCSSVariables);
 exports.variableConst = variableConst;
 var notBorderedStyleMixin = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  --cell-border-vertical: none;\n  --header-cell-border-vertical: none;\n"])));
 var borderedStyleMixin = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  //th\u9690\u85CF\u5217\u5BBD\u62D6\u62FD\u7684\u80CC\u666F\u8272\uFF0C\u4F7F\u7528th\u7684\u53F3\u8FB9\u6846\u4EE3\u66FF\n  .", "::after{\n    background-color: inherit;\n  }\n"])), Classes.tableHeaderCellResize);
-
-var StyledArtTableWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region 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: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    visibility: hidden;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    right: 0;\n    width: 5px;\n    &::after{\n      left: 4px;\n    }\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, 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.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
-
+var StyledArtTableWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  :root {\n    ", "\n  }\n  ", "\n\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  cursor: default;\n  color: var(--color);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  position: relative;\n\n  // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n  &.use-outer-border {\n    ", ";\n  }\n\n  // \u8868\u683C\u4E0D\u542F\u7528\u8FB9\u6846\u7EBF\uFF0C\u9690\u85CFth\u3001td\u7684\u5355\u5143\u683C\u5DE6\u53F3\u8FB9\u6846\u7EBF\n  &:not(.", ") {\n    ", "\n  }\n  &.", "{\n    ", "\n  }\n\n  .no-scrollbar {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .", " {\n    overflow: auto;\n    flex-shrink: 1;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .", " {\n    overflow: hidden;\n    background: var(--header-bgcolor);\n    display: flex;\n    flex-shrink: 0;\n    border-bottom: var(--header-cell-border-horizontal);\n  }\n\n  .", " {\n    display: flex;\n    // justify-content: flex-start;\n    align-items: center;\n    height: inherit;\n  }\n\n  .", " {\n     overflow-x:auto;\n     flex-shrink: 0;\n     flex-grow: 0;\n     scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n     & {\n       ::-webkit-scrollbar {\n         display:none;\n       }\n     }\n   }\n\n  .", " {\n    display: flex;\n    flex: none;\n  }\n  .", ", .", " {\n    background: var(--bgcolor);\n    overflow: auto;\n    overflow-x: hidden;\n    overflow-anchor: none;\n    position:relative;\n    &.empty {\n      position: relative;\n    }\n  }\n\n  .", " {\n    position: relative;\n  }\n  .", ", .", "  {\n    .", "{\n      background-color: #e6effb !important;\n    }\n    .", "{\n      border-top: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-left: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-bottom: 1px solid #0E5FD8 !important;\n    }\n    .", "{\n      border-right: 1px solid #0E5FD8 !important;\n    }\n  }\n\n  .", " {\n    user-select:none;\n  }\n\n\n  &.sticky-header .", " {\n    position: sticky;\n    top: 0;\n    z-index: ", ";\n  }\n\n  &.sticky-footer .", " {\n    position: sticky;\n    bottom: 0;\n    z-index: ", ";\n  }\n\n  table {\n    width: 0;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n    display: table;\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    flex-grow: 0;\n    position:relative;\n  }\n\n  // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n  tr:not(.no-hover):hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u4F7F\u7528 js \u6DFB\u52A0\u60AC\u6D6E\u6548\u679C\n  tr:not(.no-hover).row-hover > td {\n    background: var(--hover-bgcolor);\n  }\n  // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n  // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n  tr:not(.no-highlight).highlight > td {\n    background: var(--highlight-bgcolor);\n  }\n\n  th {\n    font-weight: normal;\n    text-align: left;\n    padding: var(--cell-padding);\n    height: var(--header-row-height);\n    color: var(--header-color);\n    background: var(--header-bgcolor);\n    border:1px solid transparent;\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: var(--header-cell-border-horizontal);\n    position: relative;\n  }\n\n  th.resizeable{\n    border-right: var(--header-cell-border-vertical)\n  }\n\n  th.", " {\n    border-right: var(--header-cell-border-vertical);\n    border-bottom: none;\n  }\n\n  tr.", " th {\n    border-top: var(--header-cell-border-horizontal);\n  }\n  th.", " {\n    border-left: var(--header-cell-border-vertical);\n  }\n\n  td {\n    padding: var(--cell-padding);\n    background: var(--bgcolor);\n    height: var(--row-height);\n    border:1px solid transparent;\n    border-right: var(--cell-border-vertical);\n    border-bottom: var(--cell-border-horizontal);\n    word-break: break-all;\n  }\n  td.", " {\n    border-left: var(--cell-border-vertical);\n  }\n  tr.", " td {\n    border-top: var(--cell-border-horizontal);\n  }\n  &.has-header tbody tr.", " td {\n    border-top: none;\n  }\n  &.has-footer tbody tr.", " td {\n    border-bottom: none;\n  }\n\n  .", ",\n  .", " {\n    z-index: ", ";\n  }\n\n  //#region \u9501\u5217\u9634\u5F71\n  .", " {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: ", ";\n    pointer-events: none;\n    overflow: hidden;\n\n    .", " {\n      height: 100%;\n    }\n\n    .", " {\n      margin-right: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-right: var(--cell-border-vertical);\n      }\n    }\n\n    .", " {\n      margin-left: ", "px;\n      box-shadow: none;\n\n      &.show-shadow {\n        box-shadow: var(--lock-shadow);\n        border-left: var(--cell-border-vertical);\n      }\n    }\n  }\n  //#endregion\n\n  //#region \u7A7A\u8868\u683C\u5C55\u73B0\n  .", " {\n    pointer-events: none;\n    color: #99a3b3;\n    font-size: 12px;\n    text-align: center;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    .empty-image {\n      width: 50px;\n      height: 50px;\n    }\n\n    .empty-tips {\n      margin-top: 16px;\n      line-height: 1.5;\n    }\n  }\n  //#endregion\n\n  //#region 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      display: flex;\n    }\n    .", " {\n      position: relative;\n    }\n\n    .", " {\n      display: flex;\n      overflow: auto;\n      overflow-x: hidden;\n      overflow-anchor: none;\n    }\n\n    .", ", .", "{\n      position: absolute;\n      z-index: ", ";\n      top: 0;\n    }\n    .", "{\n      left:0;\n    }\n    .", "{\n      right:0;\n    }\n\n    .", "{\n      .", "{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: ", ";\n      }\n    }\n\n    tr:not(.no-hover).row-hover > td {\n      background: var(--hover-bgcolor);\n    }\n  }\n  //#endregion\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: hidden;//\u5217\u5168\u90E8\u56FA\u5B9A\u65F6\uFF0C\u5B58\u5728\u53CC\u6A2A\u5411\u6EDA\u52A8\u6761\n      display: flex;\n      position: relative;\n      flex-direction: column;\n    }\n\n    .", " {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      pointer-events: none;\n    }\n\n    .", " {\n      position: sticky;\n      z-index: ", ";\n      transform: translateY(-50%);\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u8FC7\u6EE4\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n    padding: 6px 4px;\n    &:hover{\n      background-color: #e5e5e5;\n    }\n    &:focus {\n      outline: none\n    }\n  }\n  //#endregion\n\n  //#region \u8868\u683C\u6392\u5E8F\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  .", " {\n    color:var(--icon-color);\n    &.active{\n      color:var(--primary-color);\n    }\n  }\n  //#endregion\n\n  //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n  .", " {\n    // visibility: hidden;\n    background: var(--header-bgcolor);\n    position:sticky;\n    z-index:5;\n    right:0px;\n    flex-shrink: 0;\n  }\n  .", " .", " {\n    border-top: var(--cell-border-horizontal);\n  }\n  //#endregion\n\n  //#region \u62D6\u62FD\u5217\u5BBD\u5927\u5C0F\n  .", "::after{\n    background-color: var(--border-color);\n  }\n  //\u89E3\u51B3\u90E8\u5206\u6D4F\u89C8\u5668(chrome109)\u6700\u540E\u4E00\u4E2A\u5355\u5143\u683C\u7684\u5217\u5BBD\u62D6\u62FD\u533A\u57DF\u7EDD\u5BF9\u5B9A\u4F4D\u8D85\u51FA\u8868\u683C\uFF0C\u5BFC\u81F4\u8868\u683C\u7AD6\u5206\u5272\u7EBF\u65E0\u6CD5\u5BF9\u9F50\n  .", " th.", " .", "{\n    right: 0;\n    width: 5px;\n    &::after{\n      left: 4px;\n    }\n  }\n  //#endregion\n\n  "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTableBordered, notBorderedStyleMixin, Classes.artTableBordered, borderedStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableFooter, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.rangeSelection, 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.tableExtendIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder, Classes.tableHeaderCellResize, Classes.tableHeaderRow, Classes.last, Classes.tableHeaderCellResize);
 exports.StyledArtTableWrapper = StyledArtTableWrapper;
 var ButtonCSS = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (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) {
   return (0, _keys.default)(obj).reduce(function (acc, key) {
     var _context;
-
     acc += (0, _concat.default)(_context = "".concat(key, ":")).call(_context, obj[key], ";");
     return acc;
   }, '');