@hi-ui/table 4.0.0-beta.31 → 4.0.0-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/TableHeader.js +1 -1
  2. package/lib/cjs/styles/index.scss.js +1 -1
  3. package/lib/esm/TableHeader.js +1 -1
  4. package/lib/esm/styles/index.scss.js +1 -1
  5. package/package.json +14 -14
package/lib/cjs/TableHeader.js CHANGED
@@ -95,7 +95,7 @@ var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
95
95
  var cell = /*#__PURE__*/React__default["default"].createElement("th", Object.assign({
96
96
  key: dataKey
97
97
  }, getStickyColProps(col), {
98
- className: classname.cx(prefixCls + "-cell", raw.className, isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight", activeColumnKeysAction.has(dataKey) && prefixCls + "__col--active"),
98
+ className: classname.cx(prefixCls + "-cell", raw.className, isHighlightedCol(dataKey) && prefixCls + "-cell__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "-cell__col--hovered-highlight", activeColumnKeysAction.has(dataKey) && prefixCls + "-cell__col--active"),
99
99
  // @ts-ignore
100
100
  colSpan: col.colSpan,
101
101
  // @ts-ignore
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 14px;\n position: relative; }\n.hi-v4-table table {\n width: 100%;\n text-align: left;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 2px 2px 0 0;\n border-spacing: 0;\n border-collapse: separate;\n display: table;\n table-layout: fixed; }\n.hi-v4-table__wrapper {\n position: relative;\n z-index: 0; }\n.hi-v4-table__switcher.hi-v4-icon-button {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table__switcher--expanded.hi-v4-icon-button {\n color: var(--hi-v4-color-primary-400, var(--hi-v4-color-brandblue-400, #4a9eff)); }\n.hi-v4-table--size-md table tbody > tr > td {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-sm table thead > tr > th {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--size-lg table thead > tr > th {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--bordered table thead > tr > th {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--sticky {\n position: -webkit-sticky;\n position: sticky;\n top: 0; }\n.hi-v4-table-header {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n.hi-v4-table-header__resizable {\n position: relative;\n background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n position: absolute;\n width: 2px;\n height: 100%;\n bottom: 0;\n right: 0;\n cursor: col-resize;\n z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header th[data-sticky] {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header__col--highlight {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header__col--hovered-highlight {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header__col--active {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row--hover:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--striped > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--expanded > .hi-v4-table-cell {\n color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > .hi-v4-table-cell {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-table-row--highlight > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--dragging > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--drag-top > .hi-v4-table-cell {\n border-top: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--drag-bottom > .hi-v4-table-cell {\n border-bottom: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--avg > .hi-v4-table-cell, .hi-v4-table-row--total > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--avg:hover > .hi-v4-table-cell, .hi-v4-table-row--total:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-body {\n position: relative;\n overflow: auto; }\n.hi-v4-table-header-cell {\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header-cell.hi-v4-table__embed-col, .hi-v4-table-header-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell {\n word-break: break-word;\n border-bottom: 1px solid #f0f0f0;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-table-cell__indent {\n display: inline-block;\n width: 14px;\n height: 100%;\n margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n margin-right: var(--hi-v4-spacing-1, 2px);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-cell.hi-v4-table__embed-col, .hi-v4-table-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell[data-sticky] {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell.hi-v4-table-cell__col--highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-cell.hi-v4-table-cell__col--hovered-highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-freeze-shadow {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 20;\n pointer-events: none;\n overflow: hidden;\n height: 100%;\n width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n margin-right: 10px;\n left: 0;\n -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n margin-left: 10px;\n right: 0;\n -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n width: 124px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n margin-top: var(--hi-v4-spacing-4, 8px);\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item:hover {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-filter-dropdown__item--active {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-dropdown__item--active:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-sorter {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 20px;\n margin-top: 2px;\n margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n display: inline-block;\n height: 8px;\n cursor: pointer;\n overflow: hidden;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n position: relative;\n top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-filter-custom__trigger {\n margin-left: 6px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n padding: 12px 8px; }\n.hi-v4-table-embed-row {\n position: relative;\n z-index: 0; }\n.hi-v4-table-embed-row > td {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n position: absolute;\n height: 100%;\n z-index: 11;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8);\n border-bottom: none;\n border-top: none;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n width: 18px;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-setting__btn-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-setting-item {\n position: relative;\n padding-top: var(--hi-v4-spacing-1, 2px);\n padding-bottom: var(--hi-v4-spacing-1, 2px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: move;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n position: absolute;\n left: 0;\n z-index: 9999;\n display: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n content: '';\n background-color: var(--hi-v4-color-static-white, #fff);\n border: 1px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n position: absolute;\n content: '';\n z-index: 9998;\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom-width: 0;\n border-bottom-style: solid;\n border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n left: 0;\n width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n margin-left: -10px;\n margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n display: block;\n top: -0.5px;\n -webkit-transform: translateY(-4px);\n transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n top: -0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n display: block;\n bottom: 0.5px;\n -webkit-transform: translateY(4px);\n transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n bottom: 0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n row-gap: 8px;\n padding: var(--hi-v4-spacing-6, 12px) 0;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-table-empty-content td {\n text-align: center;\n padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
15
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 14px;\n position: relative; }\n.hi-v4-table table {\n width: 100%;\n text-align: left;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 2px 2px 0 0;\n border-spacing: 0;\n border-collapse: separate;\n display: table;\n table-layout: fixed; }\n.hi-v4-table__wrapper {\n position: relative;\n z-index: 0; }\n.hi-v4-table__switcher.hi-v4-icon-button {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table__switcher--expanded.hi-v4-icon-button {\n color: var(--hi-v4-color-primary-400, var(--hi-v4-color-brandblue-400, #4a9eff)); }\n.hi-v4-table--size-md table tbody > tr > td {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-sm table thead > tr > th {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--size-lg table thead > tr > th {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--bordered table thead > tr > th {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--sticky {\n position: -webkit-sticky;\n position: sticky;\n top: 0; }\n.hi-v4-table-header {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n.hi-v4-table-header__resizable {\n position: relative;\n background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n position: absolute;\n width: 2px;\n height: 100%;\n bottom: 0;\n right: 0;\n cursor: col-resize;\n z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-cell.hi-v4-table-header-cell__col--highlight, .hi-v4-table-header-cell.hi-v4-table-header-cell__col--hovered-highlight, .hi-v4-table-header-cell.hi-v4-table-header-cell__col--active {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header-cell.hi-v4-table-header-cell__col--highlight[data-sticky], .hi-v4-table-header-cell.hi-v4-table-header-cell__col--hovered-highlight[data-sticky], .hi-v4-table-header-cell.hi-v4-table-header-cell__col--active[data-sticky] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row--hover:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--striped > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--expanded > .hi-v4-table-cell {\n color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > .hi-v4-table-cell {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-table-row--highlight > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--dragging > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--drag-top > .hi-v4-table-cell {\n border-top: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--drag-bottom > .hi-v4-table-cell {\n border-bottom: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--avg > .hi-v4-table-cell, .hi-v4-table-row--total > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--avg:hover > .hi-v4-table-cell, .hi-v4-table-row--total:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-body {\n position: relative;\n overflow: auto; }\n.hi-v4-table-header-cell {\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header-cell.hi-v4-table__embed-col, .hi-v4-table-header-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell {\n word-break: break-word;\n border-bottom: 1px solid #f0f0f0;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell__indent {\n display: inline-block;\n width: 14px;\n height: 100%;\n margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n margin-right: var(--hi-v4-spacing-1, 2px);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-cell.hi-v4-table__embed-col, .hi-v4-table-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell.hi-v4-table-cell__col--highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-cell.hi-v4-table-cell__col--hovered-highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-freeze-shadow {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 20;\n pointer-events: none;\n overflow: hidden;\n height: 100%;\n width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n margin-right: 10px;\n left: 0;\n -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n margin-left: 10px;\n right: 0;\n -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n width: 124px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n margin-top: var(--hi-v4-spacing-4, 8px);\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item:hover {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-filter-dropdown__item--active {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-dropdown__item--active:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-sorter {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 20px;\n margin-top: 2px;\n margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n display: inline-block;\n height: 8px;\n cursor: pointer;\n overflow: hidden;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n position: relative;\n top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-filter-custom__trigger {\n margin-left: 6px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n padding: 12px 8px; }\n.hi-v4-table-embed-row {\n position: relative;\n z-index: 0; }\n.hi-v4-table-embed-row > td {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n position: absolute;\n height: 100%;\n z-index: 11;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8);\n border-bottom: none;\n border-top: none;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n width: 18px;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-setting__btn-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-setting-item {\n position: relative;\n padding-top: var(--hi-v4-spacing-1, 2px);\n padding-bottom: var(--hi-v4-spacing-1, 2px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: move;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n position: absolute;\n left: 0;\n z-index: 9999;\n display: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n content: '';\n background-color: var(--hi-v4-color-static-white, #fff);\n border: 1px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n position: absolute;\n content: '';\n z-index: 9998;\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom-width: 0;\n border-bottom-style: solid;\n border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n left: 0;\n width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n margin-left: -10px;\n margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n display: block;\n top: -0.5px;\n -webkit-transform: translateY(-4px);\n transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n top: -0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n display: block;\n bottom: 0.5px;\n -webkit-transform: translateY(4px);\n transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n bottom: 0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n row-gap: 8px;\n padding: var(--hi-v4-spacing-6, 12px) 0;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-table-empty-content td {\n text-align: center;\n padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/esm/TableHeader.js CHANGED
@@ -72,7 +72,7 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
72
72
  var cell = /*#__PURE__*/React.createElement("th", Object.assign({
73
73
  key: dataKey
74
74
  }, getStickyColProps(col), {
75
- className: cx(prefixCls + "-cell", raw.className, isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight", activeColumnKeysAction.has(dataKey) && prefixCls + "__col--active"),
75
+ className: cx(prefixCls + "-cell", raw.className, isHighlightedCol(dataKey) && prefixCls + "-cell__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "-cell__col--hovered-highlight", activeColumnKeysAction.has(dataKey) && prefixCls + "-cell__col--active"),
76
76
  // @ts-ignore
77
77
  colSpan: col.colSpan,
78
78
  // @ts-ignore
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 14px;\n position: relative; }\n.hi-v4-table table {\n width: 100%;\n text-align: left;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 2px 2px 0 0;\n border-spacing: 0;\n border-collapse: separate;\n display: table;\n table-layout: fixed; }\n.hi-v4-table__wrapper {\n position: relative;\n z-index: 0; }\n.hi-v4-table__switcher.hi-v4-icon-button {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table__switcher--expanded.hi-v4-icon-button {\n color: var(--hi-v4-color-primary-400, var(--hi-v4-color-brandblue-400, #4a9eff)); }\n.hi-v4-table--size-md table tbody > tr > td {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-sm table thead > tr > th {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--size-lg table thead > tr > th {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--bordered table thead > tr > th {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--sticky {\n position: -webkit-sticky;\n position: sticky;\n top: 0; }\n.hi-v4-table-header {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n.hi-v4-table-header__resizable {\n position: relative;\n background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n position: absolute;\n width: 2px;\n height: 100%;\n bottom: 0;\n right: 0;\n cursor: col-resize;\n z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header th[data-sticky] {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header__col--highlight {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header__col--hovered-highlight {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header__col--active {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row--hover:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--striped > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--expanded > .hi-v4-table-cell {\n color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > .hi-v4-table-cell {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-table-row--highlight > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--dragging > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--drag-top > .hi-v4-table-cell {\n border-top: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--drag-bottom > .hi-v4-table-cell {\n border-bottom: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--avg > .hi-v4-table-cell, .hi-v4-table-row--total > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--avg:hover > .hi-v4-table-cell, .hi-v4-table-row--total:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-body {\n position: relative;\n overflow: auto; }\n.hi-v4-table-header-cell {\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header-cell.hi-v4-table__embed-col, .hi-v4-table-header-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell {\n word-break: break-word;\n border-bottom: 1px solid #f0f0f0;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-table-cell__indent {\n display: inline-block;\n width: 14px;\n height: 100%;\n margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n margin-right: var(--hi-v4-spacing-1, 2px);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-cell.hi-v4-table__embed-col, .hi-v4-table-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell[data-sticky] {\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell.hi-v4-table-cell__col--highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-cell.hi-v4-table-cell__col--hovered-highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-freeze-shadow {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 20;\n pointer-events: none;\n overflow: hidden;\n height: 100%;\n width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n margin-right: 10px;\n left: 0;\n -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n margin-left: 10px;\n right: 0;\n -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n width: 124px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n margin-top: var(--hi-v4-spacing-4, 8px);\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item:hover {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-filter-dropdown__item--active {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-dropdown__item--active:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-sorter {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 20px;\n margin-top: 2px;\n margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n display: inline-block;\n height: 8px;\n cursor: pointer;\n overflow: hidden;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n position: relative;\n top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-filter-custom__trigger {\n margin-left: 6px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n padding: 12px 8px; }\n.hi-v4-table-embed-row {\n position: relative;\n z-index: 0; }\n.hi-v4-table-embed-row > td {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n position: absolute;\n height: 100%;\n z-index: 11;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8);\n border-bottom: none;\n border-top: none;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n width: 18px;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-setting__btn-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-setting-item {\n position: relative;\n padding-top: var(--hi-v4-spacing-1, 2px);\n padding-bottom: var(--hi-v4-spacing-1, 2px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: move;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n position: absolute;\n left: 0;\n z-index: 9999;\n display: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n content: '';\n background-color: var(--hi-v4-color-static-white, #fff);\n border: 1px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n position: absolute;\n content: '';\n z-index: 9998;\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom-width: 0;\n border-bottom-style: solid;\n border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n left: 0;\n width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n margin-left: -10px;\n margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n display: block;\n top: -0.5px;\n -webkit-transform: translateY(-4px);\n transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n top: -0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n display: block;\n bottom: 0.5px;\n -webkit-transform: translateY(4px);\n transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n bottom: 0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n row-gap: 8px;\n padding: var(--hi-v4-spacing-6, 12px) 0;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-table-empty-content td {\n text-align: center;\n padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
10
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-table {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: 14px;\n position: relative; }\n.hi-v4-table table {\n width: 100%;\n text-align: left;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-radius: 2px 2px 0 0;\n border-spacing: 0;\n border-collapse: separate;\n display: table;\n table-layout: fixed; }\n.hi-v4-table__wrapper {\n position: relative;\n z-index: 0; }\n.hi-v4-table__switcher.hi-v4-icon-button {\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table__switcher--expanded.hi-v4-icon-button {\n color: var(--hi-v4-color-primary-400, var(--hi-v4-color-brandblue-400, #4a9eff)); }\n.hi-v4-table--size-md table tbody > tr > td {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-md table thead > tr > th {\n padding: var(--hi-v4-spacing-7, 14px); }\n.hi-v4-table--size-sm table tbody > tr > td {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-sm table thead > tr > th {\n padding: var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table--size-lg table tbody > tr > td {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--size-lg table thead > tr > th {\n padding: var(--hi-v4-spacing-9, 18px); }\n.hi-v4-table--bordered table thead > tr > th {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered table td {\n border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-header {\n border-top: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0);\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--bordered .hi-v4-table-body {\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-table--sticky {\n position: -webkit-sticky;\n position: sticky;\n top: 0; }\n.hi-v4-table-header {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n.hi-v4-table-header__resizable {\n position: relative;\n background-clip: padding-box; }\n.hi-v4-table-header__resizable-handle {\n position: absolute;\n width: 2px;\n height: 100%;\n bottom: 0;\n right: 0;\n cursor: col-resize;\n z-index: 1; }\n.hi-v4-table-header__resizable-handle:hover {\n background-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-cell.hi-v4-table-header-cell__col--highlight, .hi-v4-table-header-cell.hi-v4-table-header-cell__col--hovered-highlight, .hi-v4-table-header-cell.hi-v4-table-header-cell__col--active {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-header-cell.hi-v4-table-header-cell__col--highlight[data-sticky], .hi-v4-table-header-cell.hi-v4-table-header-cell__col--hovered-highlight[data-sticky], .hi-v4-table-header-cell.hi-v4-table-header-cell__col--active[data-sticky] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-row--hover:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--striped > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--expanded > .hi-v4-table-cell {\n color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-table-row--error > .hi-v4-table-cell {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-table-row--highlight > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--dragging > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-row--drag-top > .hi-v4-table-cell {\n border-top: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--drag-bottom > .hi-v4-table-cell {\n border-bottom: 2px dashed var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-row--avg > .hi-v4-table-cell, .hi-v4-table-row--total > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-row--avg:hover > .hi-v4-table-cell, .hi-v4-table-row--total:hover > .hi-v4-table-cell {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header .hi-v4-table-header-col, .hi-v4-table-header .hi-v4-table-col {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-body .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-body .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header .hi-v4-table-header-col[data-hover-highlight], .hi-v4-table-header .hi-v4-table-col[data-hover-highlight] {\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-table-body {\n position: relative;\n overflow: auto; }\n.hi-v4-table-header-cell {\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n border-bottom: 1px solid #f0f0f0; }\n.hi-v4-table-header-cell.hi-v4-table__embed-col, .hi-v4-table-header-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell {\n word-break: break-word;\n border-bottom: 1px solid #f0f0f0;\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-8, 16px);\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-cell__indent {\n display: inline-block;\n width: 14px;\n height: 100%;\n margin-right: var(--hi-v4-spacing-1, 2px); }\n.hi-v4-table-cell__switcher.hi-v4-icon-button {\n margin-right: var(--hi-v4-spacing-1, 2px);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-cell.hi-v4-table__embed-col, .hi-v4-table-cell.hi-v4-table__selection-col {\n padding: var(--hi-v4-spacing-7, 14px) var(--hi-v4-spacing-5, 10px); }\n.hi-v4-table-cell.hi-v4-table-cell__col--highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-cell.hi-v4-table-cell__col--hovered-highlight {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-freeze-shadow {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 20;\n pointer-events: none;\n overflow: hidden;\n height: 100%;\n width: 200px; }\n.hi-v4-table-freeze-shadow--left {\n margin-right: 10px;\n left: 0;\n -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-freeze-shadow--right {\n margin-left: 10px;\n right: 0;\n -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }\n.hi-v4-table-header-filter-dropdown__trigger.hi-v4-icon-button {\n margin-left: 4px; }\n.hi-v4-table-header-filter-dropdown__content {\n width: 124px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-4, 8px);\n font-weight: var(--hi-v4-text-weight-normal, 400); }\n.hi-v4-table-header-filter-dropdown__item {\n margin-top: var(--hi-v4-spacing-4, 8px);\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n border-radius: var(--hi-v4-border-radius-md, 4px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n color: var(--hi-v4-color-gray-700, #1f2733);\n font-size: var(--hi-v4-text-size-md, 0.875rem); }\n.hi-v4-table-header-filter-dropdown__item:first-child {\n margin-top: 0; }\n.hi-v4-table-header-filter-dropdown__item:hover {\n background-color: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-header-filter-dropdown__item--active {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-dropdown__item--active:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-header-filter-sorter {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 20px;\n margin-top: 2px;\n margin-left: 6px; }\n.hi-v4-table-header-filter-sorter__icon {\n display: inline-block;\n height: 8px;\n cursor: pointer;\n overflow: hidden;\n font-weight: var(--hi-v4-text-weight-normal, 400);\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-table-header-filter-sorter__icon svg {\n position: relative;\n top: -5px; }\n.hi-v4-table-header-filter-sorter__icon--active {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-table-header-filter-custom__trigger {\n margin-left: 6px;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer; }\n.hi-v4-table-header-filter-custom__content {\n padding: 12px 8px; }\n.hi-v4-table-embed-row {\n position: relative;\n z-index: 0; }\n.hi-v4-table-embed-row > td {\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-table-setting {\n position: absolute;\n height: 100%;\n z-index: 11;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border-left: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8);\n border-bottom: none;\n border-top: none;\n color: var(--hi-v4-color-gray-500, #929aa6);\n cursor: pointer;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n width: 18px;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-table-setting__btn-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-setting-item {\n position: relative;\n padding-top: var(--hi-v4-spacing-1, 2px);\n padding-bottom: var(--hi-v4-spacing-1, 2px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-table-setting-item__wrap {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: move;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: var(--hi-v4-spacing-3, 6px) var(--hi-v4-spacing-4, 8px);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n border-radius: var(--hi-v4-border-radius-md, 4px); }\n.hi-v4-table-setting-item__wrap:hover {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-table-setting-item--dragging .hi-v4-table-setting-item__wrap {\n opacity: 0.6; }\n.hi-v4-table-setting-item::before {\n position: absolute;\n left: 0;\n z-index: 9999;\n display: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n content: '';\n background-color: var(--hi-v4-color-static-white, #fff);\n border: 1px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n border-radius: 100%; }\n.hi-v4-table-setting-item::after {\n position: absolute;\n content: '';\n z-index: 9998;\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom-width: 0;\n border-bottom-style: solid;\n border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n left: 0;\n width: 100%; }\n.hi-v4-table-setting-item::before, .hi-v4-table-setting-item::after {\n margin-left: -10px;\n margin-right: -10px; }\n.hi-v4-table-setting-item--direction-before::before {\n display: block;\n top: -0.5px;\n -webkit-transform: translateY(-4px);\n transform: translateY(-4px); }\n.hi-v4-table-setting-item--direction-before::after {\n top: -0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-setting-item--direction-after::before {\n display: block;\n bottom: 0.5px;\n -webkit-transform: translateY(4px);\n transform: translateY(4px); }\n.hi-v4-table-setting-item--direction-after::after {\n bottom: 0.5px;\n border-bottom-width: 1px; }\n.hi-v4-table-pagination {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n row-gap: 8px;\n padding: var(--hi-v4-spacing-6, 12px) 0;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-table-pagination--placement-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n.hi-v4-table-pagination--placement-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n.hi-v4-table-pagination--placement-middle {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n.hi-v4-table-empty-content td {\n text-align: center;\n padding: var(--hi-v4-spacing-12, 24px) 0; }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/table",
3
- "version": "4.0.0-beta.31",
3
+ "version": "4.0.0-beta.34",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,23 +44,23 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hi-ui/button": "^4.0.0-beta.9",
47
- "@hi-ui/checkbox": "^4.0.0-beta.6",
47
+ "@hi-ui/checkbox": "^4.0.0-beta.7",
48
48
  "@hi-ui/classname": "^4.0.0-beta.0",
49
49
  "@hi-ui/core-css": "^4.0.0-beta.4",
50
- "@hi-ui/dom-utils": "^4.0.0-beta.3",
51
- "@hi-ui/drawer": "^4.0.0-beta.17",
52
- "@hi-ui/empty-state": "^4.0.0-beta.12",
50
+ "@hi-ui/dom-utils": "^4.0.0-beta.4",
51
+ "@hi-ui/drawer": "^4.0.0-beta.19",
52
+ "@hi-ui/empty-state": "^4.0.0-beta.13",
53
53
  "@hi-ui/env": "^4.0.0-beta.0",
54
- "@hi-ui/func-utils": "^4.0.0-beta.7",
54
+ "@hi-ui/func-utils": "^4.0.0-beta.8",
55
55
  "@hi-ui/icon-button": "^4.0.0-beta.6",
56
56
  "@hi-ui/icons": "^4.0.0-beta.8",
57
- "@hi-ui/loading": "^4.0.0-beta.11",
58
- "@hi-ui/locale-context": "^4.0.0-beta.12",
59
- "@hi-ui/object-utils": "^4.0.0-beta.6",
60
- "@hi-ui/pagination": "^4.0.0-beta.20",
61
- "@hi-ui/popper": "^4.0.0-beta.9",
62
- "@hi-ui/react-utils": "^4.0.0-beta.3",
63
- "@hi-ui/select": "^4.0.0-beta.18",
57
+ "@hi-ui/loading": "^4.0.0-beta.12",
58
+ "@hi-ui/locale-context": "^4.0.0-beta.13",
59
+ "@hi-ui/object-utils": "^4.0.0-beta.7",
60
+ "@hi-ui/pagination": "^4.0.0-beta.21",
61
+ "@hi-ui/popper": "^4.0.0-beta.10",
62
+ "@hi-ui/react-utils": "^4.0.0-beta.4",
63
+ "@hi-ui/select": "^4.0.0-beta.19",
64
64
  "@hi-ui/spinner": "^4.0.0-beta.6",
65
65
  "@hi-ui/times": "^4.0.0-beta.4",
66
66
  "@hi-ui/tree-utils": "^4.0.0-beta.3",
@@ -86,5 +86,5 @@
86
86
  "react": "^17.0.1",
87
87
  "react-dom": "^17.0.1"
88
88
  },
89
- "gitHead": "f77bb788e7a7f78f93a5d011bca9d2ad90819fa3"
89
+ "gitHead": "b97da7b6da8a53833e194290558af1c460f5de16"
90
90
  }