@kdcloudjs/table 1.2.1-canary.7-hotfix.1 → 1.2.2-canary.10

package/lib/style/themes/default.less

@@ -0,0 +1,445 @@
+@kd-prefix: kd;
+
+/* -----------  color  ——————---- start */
+@theme-color: #5582f3; // 主题色
+// 使用hsb/hsv 计算色值
+@hsv-h: hsvhue(@theme-color); // 色相
+@hsv-s: hsvsaturation(@theme-color); // 饱和度
+@hsv-v: hsvvalue(@theme-color); // 明度
+
+@theme-color-disabled: hsv(@hsv-h, max(5%, (@hsv-s - 54%)), min((@hsv-v + 24%), 100%)); // 禁用色
+@theme-color-hover: hsv(@hsv-h, max(5%, (@hsv-s - 18%)), min((@hsv-v + 8%), 100%)); // 悬浮色
+@theme-color-click: hsv(@hsv-h, min((@hsv-s + 8%), 100%), max(5%, (@hsv-v - 16%))); // 点击色
+@theme-color-active-light: hsv(@hsv-h, max(5%, (@hsv-s - 90%)), min((@hsv-v + 40%), 100%)); // 浅色选中
+@theme-color-active-dark: @theme-color; // 深色选中
+@hover-color: #f5f5f5; // 中性的悬停色
+@disabled-contain-bg: #f5f5f5; // 容器失效背景色
+@success-color: #1ba854; // 成功色(深)
+@success-bg-color: #f2fff5; // 成功反馈浮层的底色
+@success-border-color: #6dd18e; // 成功反馈浮层的容器边框色
+@warning-color: #ff991c; // 警示色(深)
+@warning-bg-color: #fffbf2; // 警示反馈浮层的底色
+@warning-border-color: #ffcb78; // 警示反馈浮层的容器边框色
+@error-color: #fb2323; // 失败色(深)
+@error-bg-color: #fff2f4; // 失败反馈浮层的底色
+@error-border-color: #ff8088; // 失败反馈浮层的容器边框色
+@ongoing-color: #276ff5; // 进行中(深)
+@ongoing-bg-color: #f2f9ff; // 进行中反馈浮层的底色
+@ongoing-border-color: #85b8ff; // 进行中反馈浮层的容器边框色
+@disabled-color: #b2b2b2; // 失效色
+@disabled-border-color: #ccc; // 失效边框色
+@end-color: #666; // 暂停或者终止等状态标签色
+@link-color: #0e5fd8; // 链接色
+@link-color-hover: #3987ed; // 链接色或辅助色(悬浮)
+@link-color-active: #0041b0; // 链接色或辅助色(点击)
+@primary-text-color: #212121; // 一级文本
+@primary-text-color2: rgba(255, 255, 255, 1); // 一级文本
+@secondary-text-color: #666; // 二级文本
+@secondary-text-color2: rgba(255, 255, 255, 0.65); // 二级文本
+@third-text-color: #999; // 三级文本
+@third-text-color2: rgba(255, 255, 255, 0.4); // 三级文本
+@placeholder-text-color: #ccc; // 占位符文本
+@placeholder-text-color2: rgba(255, 255, 255, 0.3); // 占位符文本
+@bg: #fff; // 底色白背景
+@bg2: #f2f2f2; // 底色灰背景
+@contain-bg: #fafafa; // 容器内的灰背景
+@radius-size: 2px; // 圆角值
+@input-color: #999; // 线型录入的默认态
+@strong-border-color: #d9d9d9; // 强线条 --带操作
+@strong-border-color-1: #d9d9d9; // 强线条 --分割内容/容器包裹线
+@weak-border-color: #e5e5e5; // 弱线条 -- 需要多层级时
+// @shadow-on-hover: ; // 悬停时阴影
+@white: #fff;
+@dirList: left, top, bottom, right;
+/* -----------  color  ——————---- end */
+
+/* -----------  font  ——————---- start */
+@font-size: 14px;
+@font-weight: 400;
+@small-font-size: 12px;
+@middle-font-size: 14px;
+@large-font-size: 16px;
+@xlarge-font-size: 18px;
+/* -----------  font  ——————---- end */
+
+@radius-size: 2px; // 圆角值
+
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+@zIndex-below: -1; // 置于下层
+@zIndex-popper: 1000; // 弹出层
+@zIndex-dialog: 1050; // 对话框
+@zIndex-masker: 3000; // 遮罩层 （loading等）
+@zIndex-apex: 9999; // 顶层 （notify）
+/* -----------  zIndex  ——————---- end */
+
+/* -----------  transition  ——————---- start */
+@transition-duration: 0.3s;
+/* -----------  transition  ——————---- end */
+
+/* -----------  Button  ——————---- start */
+@btn-border-width: 1px;
+@btn-border-style: solid;
+@btn-primary-font-color: @white; // 基础文字颜色
+@btn-primary-background-color: @theme-color; // 基础背景颜色
+@btn-primary-border-color: @theme-color; // 基础边框颜色
+
+@btn-ghost-font-color: @secondary-text-color; // 幽灵按钮文字颜色
+@btn-ghost-background-color: transparent; // 幽灵背景颜色
+@btn-ghost-border-color: @strong-border-color; //幽灵边框颜色
+
+@btn-second-font-color: fade(@secondary-text-color, 65%); // 次要文字颜色
+@btn-second-background-color: fade(@white, 65%); // 次要背景颜色
+@btn-second-border-color: fade(@strong-border-color, 65%); // 次要边框颜色
+
+@btn-link-font-color: @link-color; // 链接文字颜色
+
+@btn-disabled-font-color: @white; // 禁用状态 文字颜色
+@btn-disabled-background-color: @disabled-contain-bg; // 禁用状态 背景颜色
+@btn-disabled-border-color: @strong-border-color; // 禁用状态 边框颜色
+
+@btn-danger-font-color: @white; // 危险状态 文字颜色
+@btn-danger-background-color: @error-color; // 危险状态 背景颜色
+@btn-danger-border-color: @error-color; // 危险状态 边框颜色
+
+@btn-small-font-size: @small-font-size; // 小号 文字大小
+@btn-small-height: 24px; // 小号 高度
+@btn-small-min-width: 60px; // 小号 最小宽度
+@btn-small-padding-vertical: 3px; // 小号 内间距 纵向
+@btn-small-padding-horizontal: 8px; // 小号 内间距 横向
+
+@btn-middle-font-size: @small-font-size; // 中号 文字大小
+@btn-middle-height: 28px; // 中号 高度
+@btn-middle-min-width: 60px; // 中号 最小宽度
+@btn-middle-padding-vertical: 5px; // 中号 内间距 纵向
+@btn-middle-padding-horizontal: 8px; // 中号 内间距 纵向
+
+@btn-large-font-size: @large-font-size; // 大号 文字大小
+@btn-large-height: 32px; // 大号 高度
+@btn-large-min-width: 80px; // 大号 最小宽度
+@btn-large-padding-vertical: 6px; // 大号 内间距 纵向
+@btn-large-padding-horizontal: 8px; // 大号 内间距 横向
+@btn-transition-fn: cubic-bezier(0.075, 0.82, 0.165, 1);
+/* -----------  Button  ——————---- end */
+
+/* -----------  Collapse  ——————---- start */
+@collapse-border-width: 1px;
+@collapse-border-color: @strong-border-color-1;
+@collapse-icon-margin-right: 6px;
+@collapse-header-font-color: @primary-text-color;
+@collapse-header-font-size: @font-size;
+@collapse-content-font-color: @primary-text-color;
+@collapse-content-font-size: @font-size;
+@collapse-content-padding: 10px 0px 0px 20px;
+@collapse-disabled-color: @disabled-color;
+
+/* -----------  Collapse  ——————---- end */
+
+/* -----------  Switch  ——————---- start */
+@switch-small-font-size: @small-font-size;
+@switch-small-line-height: 14px;
+@switch-small-height: 14px;
+@switch-small-min-width: 28px;
+@switch-small-border-radius: 7px;
+@switch-large-font-size: @small-font-size;
+@switch-large-line-height: 20px;
+@switch-large-height: 20px;
+@switch-large-min-width: 40px;
+@switch-large-border-radius: 10px;
+@switch-on-color: @theme-color;
+@switch-off-color: #999;
+@switch-disabled-bg: @disabled-color;
+@switch-loading-color: @ongoing-color;
+@switch-font-color: @white;
+@switch-inner-small-font-size: @small-font-size;
+@switch-inner-margin: 0 5px 0 16px;
+@switch-inner-checked-margin: 0 16px 0 5px;
+@switch-inner-large-margin: 0 5px 0 21px;
+@switch-inner-large-checked-margin: 0 21px 0 5px;
+/* -----------  Switch  ——————---- end */
+
+/* -----------  Input  ——————---- start */
+@input-placeholder-color: @third-text-color;
+@input-font-color: @secondary-text-color;
+@input-focus-color: @primary-text-color;
+@input-background-color: @white;
+@input-border-width: 1px;
+@input-width: 230px;
+
+@input-small-font-size: @small-font-size; // 小号 文字大小
+@input-small-height: 20px; // 小号 高度
+@input-small-padding-vertical: 3px; // 小号 内间距 纵向
+@input-small-padding-horizontal: 9px; // 小号 内间距 横向
+
+@input-middle-font-size: @middle-font-size; // 中号 文字大小
+@input-middle-height: 30px; // 中号 高度
+@input-middle-padding-vertical: 5px; // 中号 内间距 纵向
+@input-middle-padding-horizontal: 9px; // 中号 内间距 纵向
+
+@input-large-font-size: @large-font-size; // 大号 文字大小
+@input-large-height: 36px; // 大号 高度
+@input-large-padding-vertical: 8px; // 大号 内间距 纵向
+@input-large-padding-horizontal: 9px; // 大号 内间距 横向
+/* -----------  Input  ——————---- end */
+
+/* -----------  InputNumber  ——————---- start */
+@inputNumber-embedStepBtn-bg-color: #f6f7f9;
+/* -----------  InputNumber  ——————---- end */
+
+/* -----------  checkbox  ——————---- start */
+@checkbox-font-size: @small-font-size; //默认字体大小
+@checkbox-font-color: @primary-text-color;
+@checkbox-border-color: @strong-border-color;
+@checkbox-checked-border-color: @theme-color-active-dark;
+@checkbox-checked-font-color: @theme-color-active-dark;
+@checkbox-bg-color: @bg;
+@checkbox-disabled-bg-color: @disabled-color;
+@checkbox-small-size-height: 32px; // 小尺寸复选框
+@checkbox-middle-size-height: 36px; // 中尺寸复选框
+@checkbox-large-size-height: 40px; // 大尺寸复选框
+@checkbox-border-width: 1px; // 边框类型边框大小
+@checkbox-group-margin-right: 8px; // 按钮组的间距
+@checkbox-default-padding: 0; // 默认类型复选框内边距
+@checkbox-default-input-margin-right: 8px; // 勾选输入框与右侧内容间距
+@checkbox-default-input-height: 16px; // 勾选输入框高度
+@checkbox-default-input-width: 16px; // 勾选输入框宽度
+@checkbox-default-input-border-radius: 4px; // 勾选输入框圆角
+@checkbox-default-input-border-width: 1px; // 勾选输入框边框大小
+@checkbox-default-input-icon-color: #fff; // 勾选输入框边勾勾图标颜色
+@checkbox-default-input-icon-size: 12px; // 勾选输入框勾勾图标大小
+@checkbox-square-padding: 0 20px; // 边框类型内边距
+@checkbox-square-triangle-height: 18px; // 边框类型右下角三角高度
+@checkbox-square-triangle-width: 18px; // 边框类型右下角三角宽度
+@checkbox-square-input-icon-color: #fff; // 边框类型三角内勾选输入框勾勾图标颜色
+@checkbox-square-input-icon-size: 9px; // 边框类型三角内勾选输入框勾勾图标大小
+/* -----------  checkbox  ——————---- end */
+
+/* -----------  Radio  ——————---- start */
+@radio-font-size: @small-font-size;
+@radio-font-color: @primary-text-color;
+@radio-border-width: 1px;
+@radio-margin-right: 8px;
+@radio-transition-fn: cubic-bezier(0.075, 0.82, 0.165, 1);
+@radio-circle-size: 13px;
+@radio-square-height: 32px;
+@radio-square-padding: 0 20px;
+@radio-button-height: 24px;
+@radio-button-padding: 0 18px;
+/* -----------  Radio  ——————---- end */
+
+/* -----------  icon  ——————---- start */
+@icon-css-prefix: kdicon;
+/* -----------  icon  ——————---- end */
+
+/* -----------  Popconfirm  ——————---- start */
+@popconfirm-icon-size: 17px;
+@popconfirm-min-width: 164px;
+@popconfirm-max-width: 500px;
+@popconfirm-min-height: 98px;
+@popconfirm-max-height: 400px;
+@popconfirm-title-line-height: 21px;
+@popconfirm-color: @primary-text-color;
+@popconfirm-font-size: @small-font-size;
+@popconfirm-title-font-size: @middle-font-size;
+@popconfirm-vertical-gap: 16px;
+@popconfirm-horizontal-gap: 16px;
+@popconfirm-background-color: @white;
+@popconfirm-box-shadow-blur: 6px;
+@popconfirm-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
+@popconfirm-duration: 0.2s;
+/* -----------  Popconfirm  ——————---- end */
+
+/* -----------  Popover  ——————---- start */
+@popover-min-width: 164px;
+@popover-max-width: 500px;
+@popover-min-height: 98px;
+@popover-max-height: 400px;
+@popover-title-line-height: 21px;
+@popover-color: @primary-text-color;
+@popover-font-size: @small-font-size;
+@popover-title-font-size: @middle-font-size;
+@popover-vertical-gap: 16px;
+@popover-horizontal-gap: 16px;
+@popover-background-color: @white;
+@popover-box-shadow-blur: 6px;
+@popover-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
+@popover-duration: 0.2s;
+/* -----------  Popover  ——————---- end */
+
+/* -----------  Progress  ——————---- start */
+@progress-remaining-color: #e5e5e5;
+@progress-default-color: @ongoing-color;
+@progress-success-color: @success-color;
+@progress-failure-color: @error-color;
+@progress-border-radius: 100px;
+@progress-line-stroke-width: 8px;
+@progress-line-text-width: 3em;
+@progress-line-icon-font-size: 16px;
+@progress-line-text-font-size: 16px;
+@progress-line-special-text-font-size: 16px;
+@progress-line-text-margin-left: 8px;
+@progress-circle-stroke-width: 4px;
+@progress-transition-fn: cubic-bezier(0.66, 0, 0.34, 1);
+@progress-circle-text-font-size: 28px;
+@progress-circle-percent-line-height: 48px;
+@progress-circle-unit-line-height: 18px;
+@progress-circle-unit-font-size: 12px;
+@progress-circle-unit-margin-top: 18px;
+@progress-circle-icon-font-size: 48px;
+/* -----------  Progress  ——————---- end */
+
+/* -----------  Pagination  ——————---- start */
+@pagination-size: 24px;
+@pagination-nicety-size: 30px;
+@pagination-button-gap: 8px;
+@pagination-hover-color: @theme-color;
+@pagination-font-size: @small-font-size;
+@pagination-icon-size: @large-font-size;
+@pagination-font-color: @secondary-text-color;
+@pagination-button-color: @secondary-text-color;
+@pagination-button-disabled-color: @disabled-border-color;
+@pagination-button-disabled-background-color: @disabled-contain-bg;
+/* -----------  Pagination  ——————---- end */
+
+/* -----------  Timeline  ——————---- start */
+@timeline-width: 1px;
+@timeline-dot-size: 12px;
+@timeline-line-height: 18px;
+@timeline-color: @weak-border-color;
+@timeline-dot-border-width: 2px;
+@timeline-dot-color: @theme-color;
+@timeline-dot-bg: @white;
+@timeline-item-padding-bottom: 26px;
+/* -----------  Timeline  ——————---- end */
+
+/* -----------  Tabs  ——————---- start */
+@tabs-font-color: @secondary-text-color;
+@tabs-border-color: @strong-border-color;
+@tabPane-font-size: @font-size;
+@tabPane-font-color-active: @theme-color;
+@tabPane-font-color-hover: @theme-color;
+@tabPane-font-color-disabled: @disabled-color;
+@tab-line-color-active: @theme-color;
+@tabs-card-bg: @disabled-contain-bg;
+@tabs-height: 48px;
+@tabs-border-width: 1px;
+@tab-pane-height: 48px;
+@tab-pane-line-height: 48px;
+@tab-pane-margin-right: 24px;
+@tab-transition-fn: cubic-bezier(0.42, 0, 1, 1);
+/* -----------  Tabs  ——————---- end */
+
+/* -----------  Select  ——————---- start */
+@select-dropdown-bg: @bg;
+@select-item-active-bg: #F5F5F5;
+@select-dropdown-height: 22px;
+@select-list-font-size: 12px;// 下拉列表文字大小
+@select-large-font-size: 16px; // 大号字体
+@select-middle-font-size: 14px; // 中号高度
+@select-small-font-size: 12px; // 小号高度
+@select-dropdown-line-height: 22px;
+@select-item-selected-color: #276FF5;
+@select-item-selected-bg: #F2F9FF;
+@select-font-color: #212121;
+@select-large-height: 36px; // 大号高度 lh:28px
+@select-middle-height: 30px; // 中号高度lh:22px
+@select-small-height: 20px; // 小号高度lh:12px
+@select-large-line-height: 28px;
+@select-middle-line-height: 22px;
+@select-small-line-height: 12px;
+
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+@rate-selected-color: #fdc200;
+@rate-not-selected-color: #d9d9d9;
+@rate-icon-margin: 10px;
+@rate-small-font-size: @small-font-size;
+@rate-middle-font-size: @middle-font-size;
+@rate-large-font-size: @large-font-size;
+/* -----------  Rate  ——————---- end */
+
+/* -----------  Dropdown  ——————---- start */
+@dropdown-menu-min-width: 136px;
+@dropdown-menu-max-width: 320px;
+@dropdown-menu-max-height: 336px;
+@dropdown-menu-gap: 8px;
+@dropdown-line-height: 18px;
+@dropdown-color: @primary-text-color;
+@dropdown-divided-color: @weak-border-color;
+@dropdown-hover-bg-color: @disabled-contain-bg;
+@dropdown-active-bg-color: @theme-color-active-light;
+@dropdown-font-size: @small-font-size;
+@dropdown-item-vertical-gap: 7px;
+@dropdown-item-horizontal-gap: 12px;
+@dropdown-box-shadow-blur: 10px;
+@dropdown-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
+@dropdown-duration: 0.2s;
+/* -----------  Dropdown  ——————---- end */
+
+/* -----------  Tooltip  ——————---- start */
+@tooltip-width: 267px;
+@tooltip-line-height: 18px;
+@tooltip-color: @primary-text-color;
+@tooltip-font-size: @small-font-size;
+@tooltip-vertical-gap: 8px;
+@tooltip-horizontal-gap: 12px;
+@tooltip-background-color: @white;
+@tooltip-box-shadow-blur: 6px;
+/* -----------  Tooltip  ——————---- end */
+
+/* -----------  Transfer  ——————---- start */
+@transfer-disabled-bg: @disabled-contain-bg;
+@transfer-border-color: @strong-border-color;
+@transfer-padding-base: 14px;
+@transfer-font-size-base: 12px;
+@transfer-list-item-height: 32px;
+@transfer-list-content-height: @transfer-list-item-height * 10;
+@transfer-list-item-hover-bg: @hover-color;
+@transfer-list-item-checked: @theme-color;
+@transfer-list-item-disabled: @disabled-color;
+@transfer-header-bg: #f5f5f5;
+@transfer-header-height: 36px;
+@transfer-search-height: 32px;
+@transfer-search-prefix-icon-color: @theme-color;
+@transfer-search-suffix-icon-color: #bbb;
+@transfer-pagination-height: 36px;
+/* -----------  Transfer  ——————---- end */
+
+/* -----------  Alert  ——————---- start */
+@success-alert-bg-color: @success-bg-color; // 反馈浮层成功提示的背景色
+@warning-alert-bg-color: @warning-bg-color; // 反馈浮层警告提示的背景色
+@error-alert-bg-color: @error-bg-color; // 反馈浮层错误提示的背景色
+@info-alert-bg-color: @ongoing-bg-color; // 反馈浮层一般提示的背景色
+@alert-transition-fn: cubic-bezier(0.32, 0.94, 0.6, 1);
+/* -----------  Alert  ——————---- end */
+
+/* -----------  Split-Panel ——————---- start */
+@split-panel-trigger-border-color: #ccc;
+@split-panel-trigger-arrow-color: #a7b5d3;
+@split-panel-trigger-arrow-hover-color: @theme-color;
+@split-panel-trigger-line-width: 1px;
+@split-panel-trigger-line-color: @split-panel-trigger-border-color;
+/* -----------  Split-Panel ——————---- end */
+
+/* -----------  Modal  ——————---- start */
+@confirm-modal-title-icon-bg: @ongoing-bg-color; // 提示弹窗的背景色
+@warning-modal-title-icon-bg: @warning-bg-color; // 警告弹窗的背景色
+@error-modal-title-icon-bg: @error-bg-color; // 反馈浮层错误提示的背景色
+/* -----------  Modal  ——————---- end */
+
+/* -----------  Steps  ——————---- start */
+@steps-transition-fn: cubic-bezier(0.48, 0.04, 0.52, 0.96);
+/* -----------  Steps  ——————---- end */
+/* -----------  Tag ——————---- start */
+@tag-font-size: 12px;
+@tag-border-radius: 10px;
+@tag-height: 18px;
+@tag-process-color: @ongoing-color;
+@tag-success-color: @success-color;
+@tag-warning-color: @warning-color;
+@tag-error-color: @error-color;
+@tag-end-color: @end-color;
+@tag-expired-color: @disabled-color;
+/* -----------  Tag ——————---- end */

package/lib/style/themes/index.less

@@ -0,0 +1 @@
+@import './default.less';

package/lib/table/base/calculations.js

@@ -21,9 +21,9 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/ty
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _utils = require("../utils");
 var _utils2 = require("./utils");
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context10; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context10 = Object.prototype.toString.call(o)).call(_context10, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context10; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty2(_context10 = {}.toString.call(r)).call(_context10, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function resolveVirtualEnabled(virtualEnum, defaultValue) {
   if (virtualEnum == null || virtualEnum === 'auto') {
     return defaultValue;

package/lib/table/base/empty.js

@@ -12,8 +12,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _colgroup = require("./colgroup");
 var _styles = require("./styles");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var DefaultEmptyContent = /*#__PURE__*/_react.default.memo(function () {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
     alt: "empty-image",
@@ -43,8 +43,8 @@ function EmptyHtmlTable(_ref) {
     style: {
       height: emptyCellHeight !== null && emptyCellHeight !== void 0 ? emptyCellHeight : 200
     }
-  })))), show && /*#__PURE__*/_react.default.createElement("div", {
+  })))), show && (/*#__PURE__*/_react.default.createElement("div", {
     className: _styles.Classes.emptyWrapper,
     key: "empty"
-  }, /*#__PURE__*/_react.default.createElement(EmptyContent, null)));
+  }, /*#__PURE__*/_react.default.createElement(EmptyContent, null))));
 }

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

@@ -0,0 +1,4 @@
+import { PureComponent } from 'react';
+export default class GlobalStyleComponent extends PureComponent {
+    render(): JSX.Element;
+}

package/lib/table/base/globalStyleComponent.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+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 = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("./styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var GlobalStyleComponent = exports.default = /*#__PURE__*/function (_PureComponent) {
+  function GlobalStyleComponent() {
+    (0, _classCallCheck2.default)(this, GlobalStyleComponent);
+    return _callSuper(this, GlobalStyleComponent, arguments);
+  }
+  (0, _inherits2.default)(GlobalStyleComponent, _PureComponent);
+  return (0, _createClass2.default)(GlobalStyleComponent, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_styles.GlobalStyle, null);
+    }
+  }]);
+}(_react.PureComponent);

package/lib/table/base/header.js

@@ -19,9 +19,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 var _styles = require("./styles");
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context6; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context6 = {}.toString.call(r)).call(_context6, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function range(n) {
   var array = [];
   for (var i = 0; i < n; i++) {
@@ -207,7 +207,6 @@ function TableHeader(_ref2) {
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
   var thead = (0, _map.default)(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
-    var _cx2;
     var _wrappedCols = (0, _concat.default)(wrappedCols).call(wrappedCols);
     // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
@@ -222,7 +221,6 @@ function TableHeader(_ref2) {
     var headerCells = (0, _map.default)(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
       var _a, _b, _c;
       if (wrapped.type === 'normal') {
-        var _cx;
         var colIndex = wrapped.colIndex,
           colSpan = wrapped.colSpan,
           isLeaf = wrapped.isLeaf,
@@ -241,7 +239,7 @@ function TableHeader(_ref2) {
         var cell = /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({
           key: colIndex
         }, headerCellProps, {
-          className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, (_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.first, colIndex === 0), (0, _defineProperty2.default)(_cx, _styles.Classes.last, colIndex + colSpan === fullFlatCount), (0, _defineProperty2.default)(_cx, _styles.Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), (0, _defineProperty2.default)(_cx, _styles.Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), (0, _defineProperty2.default)(_cx, _styles.Classes.leaf, wrapped.isLeaf), _cx)),
+          className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.first, colIndex === 0), _styles.Classes.last, colIndex + colSpan === fullFlatCount), _styles.Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), _styles.Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), _styles.Classes.leaf, wrapped.isLeaf)),
           colSpan: colSpan,
           rowSpan: isLeaf ? rowCount - level : undefined,
           style: (0, _extends2.default)((0, _extends2.default)({
@@ -271,7 +269,7 @@ function TableHeader(_ref2) {
     });
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: level,
-      className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, (_cx2 = {}, (0, _defineProperty2.default)(_cx2, _styles.Classes.first, level === 0), (0, _defineProperty2.default)(_cx2, _styles.Classes.last, level === rowCount - 1), _cx2))
+      className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.first, level === 0), _styles.Classes.last, level === rowCount - 1))
     }, headerCells);
   });
   var colgroup = (0, _map.default)(_context5 = (0, _flat.default)(headerRenderInfo)).call(_context5, function (wrapped) {

package/lib/table/base/helpers/SpanManager.js

@@ -11,12 +11,12 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpe
 /** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
  * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
  * 方便后续的单元格快速判断 "是否需要跳过渲染" */
-var SpanManager = /*#__PURE__*/function () {
+var SpanManager = exports.default = /*#__PURE__*/function () {
   function SpanManager() {
     (0, _classCallCheck2.default)(this, SpanManager);
     this.rects = [];
   }
-  (0, _createClass2.default)(SpanManager, [{
+  return (0, _createClass2.default)(SpanManager, [{
     key: "testSkip",
     value: function testSkip(rowIndex, colIndex) {
       return this.rects.some(function (_ref) {
@@ -46,6 +46,4 @@ var SpanManager = /*#__PURE__*/function () {
       });
     }
   }]);
-  return SpanManager;
-}();
-exports.default = SpanManager;
+}();