@hi-ui/schema-editable-table 4.0.0-experimental.1

package/lib/cjs/index.js

@@ -0,0 +1,66 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var index = require('./body/index.js');
+var index$1 = require('./header/index.js');
+var index$2 = require('./footer/index.js');
+var index$3 = require('./cell/index.js');
+var table = require('./table.js');
+var ctx = require('./ctx.js');
+var index$4 = require('./container/index.js');
+var hooks = require('./container/hooks.js');
+var bottom = require('./container/bottom.js');
+var validate = require('./header/validate.js');
+var settingBridge = require('./features/setting-bridge.js');
+require('@babel/runtime/regenerator');
+require('tslib');
+require('react');
+require('@hi-ui/schema-utils');
+require('ahooks');
+require('lodash-es');
+require('@hi-ui/schema-hooks');
+var useDataFetcher = require('./features/async-data/use-data-fetcher.js');
+require('@hi-ui/use-subscription');
+require('@tanstack/react-table');
+var cls = require('./utils/cls.js');
+require('@hi-ui/schema-table-extensions');
+var columnCollapsing = require('./features/header-actions/components/column-collapsing.js');
+var rowController = require('./features/row-controller.js');
+var editing = require('./cell/editing.js');
+var index$5 = require('./field-bridge/index.js');
+var footer = require('./cell/footer.js');
+var ctx$1 = require('./container/ctx.js');
+exports.Body = index["default"];
+exports.Header = index$1["default"];
+exports.Footer = index$2["default"];
+exports.Cell = index$3["default"];
+exports.EditTable = table.EditableSchemaTable;
+exports.EditableSchemaTable = table.EditableSchemaTable;
+exports.useEditTableCtx = ctx.useEditableSchemaTableCtx;
+exports.useEditableSchemaTableCtx = ctx.useEditableSchemaTableCtx;
+exports.TableContainer = index$4.TableContainer;
+exports.useColumnVirtualizer = hooks.useColumnVirtualizer;
+exports.useRowVirtualizer = hooks.useRowVirtualizer;
+exports.BottomRender = bottom.BottomRender;
+exports.validateHeaderCell = validate.validateHeaderCell;
+exports.useTableSetting = settingBridge.useTableSetting;
+exports.defineDataFetcher = useDataFetcher.defineDataFetcher;
+exports.useDataFetcher = useDataFetcher.useDataFetcher;
+exports.clsPrefix = cls.clsPrefix;
+exports.ColumnCollapsingAction = columnCollapsing.ColumnCollapsingAction;
+exports.TableRowController = rowController.TableRowController;
+exports.normalizeValueFromChange = editing.normalizeValueFromChange;
+exports.ProEditTable = index$5.ProEditTable;
+exports.FooterCell = footer["default"];
+exports.useTableContainer = ctx$1.useTableContainer;

package/lib/cjs/index.scss.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".editable-schema-table {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;/* stylelint-disable no-duplicate-selectors */}.editable-schema-table__container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%;max-height: 100%;background: #fff;border-radius: 2px;position: relative;overflow: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__bottom-container {width: 100%;height: 56px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.editable-schema-table__bottom-container[data-is-bottom-empty=true] {display: none;}.editable-schema-table__bottom-container-right .hi-v5-pagination {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__bottom-container-right .hi-v5-pagination__btn button {padding: 0;}.editable-schema-table__bottom-container-right .hi-v5-pagination__total, .editable-schema-table__bottom-container-right .hi-v5-pagination__list, .editable-schema-table__bottom-container-right .hi-v5-pagination__jumper {white-space: nowrap;}.editable-schema-table__bottom-container .editable-schema-table__row-selection-indicator {font-size: 14px;color: var(--hi-v5-color-gray-600, #5f6a7a);}.editable-schema-table table {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%;font-size: 14px;border-spacing: 0;table-layout: fixed;}.editable-schema-table table th, .editable-schema-table table td {-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table table[data-is-selection], .editable-schema-table table[data-is-operation] {position: sticky;z-index: 3;}.editable-schema-table table[data-is-selection] {left: 0;-webkit-box-flex: 0;-ms-flex: 0 0 50px;flex: 0 0 50px;width: 50px;}.editable-schema-table table[data-is-operation] {right: 0;-webkit-box-flex: 0;-ms-flex: 0 0;flex: 0 0;}.editable-schema-table__header-wrapper, .editable-schema-table__body-wrapper, .editable-schema-table__footer-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 100%;}.editable-schema-table__header-wrapper--sticky, .editable-schema-table__footer-wrapper--sticky {position: sticky;z-index: 4;}.editable-schema-table__header-wrapper {background: #fff;}.editable-schema-table__header-wrapper--sticky {top: 0;}.editable-schema-table[data-is-empty=true] .editable-schema-table__body-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;position: sticky;left: 0;right: 0;}.editable-schema-table__header {/* stylelint-disable no-descending-specificity */}.editable-schema-table__header-row {height: 40px;background: #fafafa;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__header-row:hover {background: #f5f5f5;}.editable-schema-table__header .editable-schema-table__header-cell {position: relative;border-bottom-color: #e8e8e8;}.editable-schema-table__header .editable-schema-table__header-cell div {font-weight: 500;color: var(--hi-v5-color-gray-700, #1f2733);}.editable-schema-table__header .editable-schema-table__header-cell[colspan=\"0\"] {display: none;}.editable-schema-table__header-cell-content {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;height: 24px;line-height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__header-cell-content-title {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;min-width: 0;}.editable-schema-table__header-cell-content-actions {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;position: absolute;right: 0;}.editable-schema-table__header-cell-content[data-actions-count=\"1\"] {padding-right: 24px;}.editable-schema-table__header-cell-content[data-actions-count=\"2\"] {padding-right: 44px;}.editable-schema-table__header-cell-content[data-actions-count=\"3\"] {padding-right: 64px;}.editable-schema-table__header-cell-content[data-actions-count=\"4\"] {padding-right: 84px;}.editable-schema-table__header-cell-content[data-actions-count=\"5\"] {padding-right: 104px;}.editable-schema-table__header-cell-content[data-is-required=true]::before {content: \"*\";color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #ff5959));margin-right: var(--hi-v5-spacing-2, 4px);}.editable-schema-table__header-cell-content-actions > span {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 20px;height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 4px 2px;color: rgba(0, 0, 0, 0.45);cursor: pointer;font-size: 14px;-webkit-transition: 0.2s;transition: 0.2s;border-radius: 2px;}.editable-schema-table__header-cell-content-actions > span:hover {color: rgba(0, 0, 0, 0.88);background-color: rgba(0, 0, 0, 0.06);}.editable-schema-table__header-cell-content-actions > span[data-active=true] {color: #237ffa;}.editable-schema-table__header-cell-content[data-hover-only=true] .editable-schema-table__header-cell-content-actions {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}.editable-schema-table__header-cell[data-hovering=true] .editable-schema-table__header-cell-content-actions {visibility: visible;opacity: 1;}.editable-schema-table__body-row {height: 40px;-webkit-transition: all 0.2s;transition: all 0.2s;background-color: #fff;}.editable-schema-table__body-row:hover, .editable-schema-table__body-row[data-hovering] {background-color: #f5f5f5;}.editable-schema-table__body-row:nth-child(even) {background-color: #fafafa;}.editable-schema-table__body .editable-schema-table__body-cell {color: var(--hi-v5-color-gray-700, #1f2733);-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__body .editable-schema-table__body-cell:hover {background-color: #e6f7ff;}.editable-schema-table__body .editable-schema-table__body-cell[rowspan=\"0\"] {display: none;}.editable-schema-table__body-row:first-child .editable-schema-table__body-cell {border-top: none;}.editable-schema-table__body-row[data-has-error] {background-color: #fef0f0;}.editable-schema-table__body-row[data-has-error] .editable-schema-table__body-cell:hover {background-color: #f9e5e5;}.editable-schema-table__body-cell_expanding {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;--editable-schema-table-body-cell-expanding-indent: 14px;}.editable-schema-table__body-cell_expanding[data-text-align=center] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;--editable-schema-table-body-cell-expanding-indent: 28px;}.editable-schema-table__body-cell_expanding[data-text-align=right] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;--editable-schema-table-body-cell-expanding-indent: 28px;}.editable-schema-table__body-cell_expanding[data-text-align=right] .editable-schema-table__body-cell_expanding-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.editable-schema-table__body-cell_expanding-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-right: 4px;}.editable-schema-table__body-cell_expanding-indent {display: inline-block;height: 10px;}.editable-schema-table__body-cell_expanding-icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 24px;font-size: 16px;color: var(--hi-v5-color-gray-500, #929aa6);cursor: pointer;}.editable-schema-table__body-cell_expanding-icon svg {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}.editable-schema-table__body-cell_expanding-icon[data-is-expanded=true] svg {-webkit-transform: rotate(90deg);transform: rotate(90deg);}.editable-schema-table__footer-wrapper {background: #fff;}.editable-schema-table__footer-wrapper--sticky {bottom: 0;}.editable-schema-table__footer-row {height: 40px;background: #fafafa;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__footer-row:hover {background: #f5f5f5;}.editable-schema-table__footer .editable-schema-table__footer-cell {position: relative;border-top-color: #e8e8e8;}.editable-schema-table__footer .editable-schema-table__footer-cell div {font-weight: 500;color: var(--hi-v5-color-gray-700, #1f2733);}.editable-schema-table__footer .editable-schema-table__footer-cell:hover {background-color: #e6f7ff;}.editable-schema-table .editable-schema-table__cell--fixed-left, .editable-schema-table .editable-schema-table__cell--fixed-right {position: sticky;z-index: 2;background-color: inherit;}.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly][data-field-type=image] {height: 38px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview, .editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview__item-wrapper,.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview img {height: 30px;}.editable-schema-table table th, .editable-schema-table table td {padding: 0 12px;white-space: nowrap;}.editable-schema-table table th[data-text-align=left], .editable-schema-table table td[data-text-align=left] {text-align: left;}.editable-schema-table table th[data-text-align=left] span[data-case=readonly], .editable-schema-table table td[data-text-align=left] span[data-case=readonly] {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table table th[data-text-align=center], .editable-schema-table table td[data-text-align=center] {text-align: center;}.editable-schema-table table th[data-text-align=center] span[data-case=readonly], .editable-schema-table table td[data-text-align=center] span[data-case=readonly] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table table th[data-text-align=right], .editable-schema-table table td[data-text-align=right] {text-align: right;}.editable-schema-table table th[data-text-align=right] span[data-case=readonly], .editable-schema-table table td[data-text-align=right] span[data-case=readonly] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table table th[data-has-children=true] {text-align: center;}.editable-schema-table__header-cell-content[data-has-children=true] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__header-cell-content[data-text-align=left] {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table__header-cell-content[data-text-align=center] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__header-cell-content[data-text-align=right] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__body .editable-schema-table__body-cell {padding: 0;}.editable-schema-table__body .editable-schema-table__body-cell:not(:has(*)), .editable-schema-table__body .editable-schema-table__body-cell > span[data-case=simple], .editable-schema-table__body .editable-schema-table__body-cell > span[data-case=default] {padding: 0 12px;}.editable-schema-table__body .editable-schema-table__body-cell > span[data-case=readonly] {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;padding: 0 12px;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__body .editable-schema-table__body-cell > span[data-case=expanding] {padding: 0 12px;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-number-input__input {text-align: left;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-date-picker__input-selector {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-number-input__input {text-align: center;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-date-picker__input-selector {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-select .hi-v5-mock-input__value {padding-right: 4px;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-number-input__input {text-align: right;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-date-picker__input-selector {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-select .hi-v5-mock-input__value {padding-right: 4px;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input {height: 39px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__inner,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__inner {border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__text {padding: 4px 12px;font-family: inherit;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__input,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__input {font-family: inherit;font-size: 14px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-input__inner {background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-number-input__suffix {position: static;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-select .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-cascader {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-cascader .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-tree-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-tree-select .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker__picker {border: none;height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker__input-selector {padding: 0 8px 0 7px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker .hi-icon {margin-right: 10px;}.editable-schema-table table {border-collapse: separate;}.editable-schema-table table th, .editable-schema-table table td {border-bottom: 1px solid #f0f0f0;}.editable-schema-table[data-is-bordered=true] table th,.editable-schema-table[data-is-bordered=true] table td, .editable-schema-table[data-has-nest-header=true] table th,.editable-schema-table[data-has-nest-header=true] table td {border-left: 1px solid #f0f0f0;}.editable-schema-table[data-is-bordered=true] .editable-schema-table__container, .editable-schema-table[data-has-nest-header=true] .editable-schema-table__container {border-top: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}.editable-schema-table[data-has-sticky-footer=true] .editable-schema-table__footer-wrapper td {border-top: 1px solid #f0f0f0;}.editable-schema-table[data-has-sticky-footer=true] .editable-schema-table__body-wrapper tr:last-child td {border-bottom: none;}.editable-schema-table[data-is-empty=true][data-is-bordered=true] .editable-schema-table__container, .editable-schema-table[data-is-empty=true][data-has-nest-header=true] .editable-schema-table__container {border: 1px solid #f0f0f0;}.editable-schema-table[data-is-empty=true][data-is-bordered=true] .editable-schema-table__container table:first-child tr th:first-child, .editable-schema-table[data-is-empty=true][data-has-nest-header=true] .editable-schema-table__container table:first-child tr th:first-child {border-left: none;}.editable-schema-table__cell--last-fixed-left::after, .editable-schema-table[data-has-selection=true][data-has-left-fixed=false] .editable-schema-table__mock-selection::after {content: \"\";position: absolute;top: 0;bottom: 0;width: 30px;pointer-events: none;-webkit-transition: -webkit-box-shadow 0.3s;transition: -webkit-box-shadow 0.3s;transition: box-shadow 0.3s;transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;right: -30px;}.editable-schema-table__cell--first-fixed-right::after, .editable-schema-table[data-has-operation=true][data-has-right-fixed=false] .editable-schema-table__mock-operation::before {content: \"\";position: absolute;top: 0;bottom: 0;width: 30px;pointer-events: none;-webkit-transition: -webkit-box-shadow 0.3s;transition: -webkit-box-shadow 0.3s;transition: box-shadow 0.3s;transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;left: -30px;}.editable-schema-table--scrolling-left .editable-schema-table__cell--first-fixed-right::after, .editable-schema-table[data-has-operation=true][data-has-right-fixed=false] .editable-schema-table--scrolling-left .editable-schema-table__mock-operation::before {-webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);}.editable-schema-table--scrolling-right .editable-schema-table__cell--last-fixed-left::after, .editable-schema-table[data-has-selection=true][data-has-left-fixed=false] .editable-schema-table--scrolling-right .editable-schema-table__mock-selection::after {-webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);}";
+var __styleInject__ = require('@hi-ui/style-inject')["default"];
+__styleInject__(css_248z);
+exports["default"] = css_248z;

package/lib/cjs/table.js

@@ -0,0 +1,263 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var ahooks = require('ahooks');
+var useSubscription = require('@hi-ui/use-subscription');
+var schemaFields = require('@hi-ui/schema-fields');
+var ctx = require('./ctx.js');
+var cls = require('./utils/cls.js');
+var index$4 = require('./container/index.js');
+var index$5 = require('./header/index.js');
+var index$6 = require('./body/index.js');
+var index$7 = require('./footer/index.js');
+var index$3 = require('./cell/index.js');
+var useProps = require('./hooks/use-props.js');
+var useTableColumns = require('./hooks/use-table-columns.js');
+var useUpdate = require('./hooks/use-update.js');
+var useInnerCtx = require('./hooks/use-inner-ctx.js');
+var useGlobalStatic = require('./hooks/use-global-static.js');
+var useGlobalActions = require('./hooks/use-global-actions.js');
+var useTableMeta = require('./hooks/use-table-meta.js');
+var aggregated = require('./features/_overrides/aggregated.js');
+var getter = require('./features/_overrides/getter.js');
+var overrides = require('./features/_overrides/overrides.js');
+var rowSelection = require('./features/_overrides/row-selection.js');
+var grouping = require('./features/_overrides/grouping.js');
+var getter$1 = require('./features/async-data/getter.js');
+var useGetFieldsValue = require('./hooks/use-get-fields-value.js');
+var columnState = require('./features/column-state.js');
+var rowController = require('./features/row-controller.js');
+var useOpts = require('./features/pagination/use-opts.js');
+require('lodash-es');
+require('@hi-ui/checkbox');
+require('@hi-ui/radio');
+require('@hi-ui/schema-utils');
+var index$2 = require('./features/row-selection/hooks/index.js');
+require('@hi-ui/space');
+require('@hi-ui/switch');
+require('@hi-ui/pagination');
+var useState = require('./features/pagination/use-state.js');
+var index = require('./features/filter/index.js');
+var useOpts$1 = require('./features/filter/use-opts.js');
+var index$1 = require('./features/sorter/index.js');
+var useOpts$2 = require('./features/sorter/use-opts.js');
+require('@hi-ui/icons');
+var useOpts$3 = require('./features/row-expanding/use-opts.js');
+var useOpts$4 = require('./features/column-grouping/use-opts.js');
+require('./index.scss.js');
+var useOpts$5 = require('./features/row-selection/hooks/use-opts.js');
+var header = require('./cell/header.js');
+var footer = require('./cell/footer.js');
+var aggregated$1 = require('./cell/aggregated.js');
+var bottom = require('./container/bottom.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+// @doc-comment-end code-block
+function EditableSchemaTable(props) {
+  var _a, _b, _c, _d;
+  // propsRef 存在的意义是给内部组件一个统一的 props 引用
+  // 避免 props 变化导致的内部 memo 值引用变化
+  var _usePropsRef = useProps.usePropsRef(props),
+    propsRef = _usePropsRef.propsRef,
+    staticOptsRef = _usePropsRef.staticOptsRef;
+  // innerRef 存在的意义在于简化发生循环依赖时内部的实例对象的引用方式
+  // 例如 useReactTable 需要 useRowSelectionOpts 来初始化行选择功能
+  // 而 useRowSelectionOpts 又需要用到 table 实例，如果直接引用，则会报【声明之前已使用的块范围变量】的错误
+  var innerRef = React.useRef({});
+  // 核心数据订阅
+  var tableValue = useSubscription.useSubscription((_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : []);
+  // 订阅表格级别的数据变化，自动触发重渲染
+  var _useTableUpdate = useUpdate.useTableUpdate(tableValue),
+    rerender = _useTableUpdate.rerender,
+    forceRerenderFlag = _useTableUpdate.forceRerenderFlag;
+  // 表格列配置
+  var columns = useTableColumns.useTableColumns({
+    propsRef: propsRef
+  });
+  // 初始化列状态
+  var initialState = columnState.useInitialColumnState(props);
+  // 分页配置
+  var _usePaginationState = useState.usePaginationState({
+      propsRef: propsRef,
+      subscription: tableValue
+    }),
+    paginationState = _usePaginationState.paginationState;
+  var paginationOpts = useOpts.usePaginationOpts({
+    innerRef: innerRef,
+    staticOptsRef: staticOptsRef
+  });
+  // 筛选配置
+  var _useFilterState = index.useFilterState(),
+    filterState = _useFilterState.filterState;
+  var filterOpts = useOpts$1.useFilterOpts({
+    innerRef: innerRef,
+    staticOptsRef: staticOptsRef
+  });
+  // 排序配置
+  var _useSorterState = index$1.useSorterState(),
+    sorterState = _useSorterState.sorterState;
+  var sorterOpts = useOpts$2.useSorterOpts({
+    innerRef: innerRef,
+    staticOptsRef: staticOptsRef,
+    propsRef: propsRef
+  });
+  // 行展开配置
+  var rowExpandedOpts = useOpts$3.useRowExpandedOpts({
+    staticOptsRef: staticOptsRef
+  });
+  // 列分组配置
+  var rowGroupedOpts = useOpts$4.useRowGroupedOpts({
+    staticOptsRef: staticOptsRef
+  });
+  // 表格元数据/操作
+  var tableMeta = useTableMeta.useTableMeta(tableValue, {
+    fieldMap: props.fieldMap,
+    onValuesChange: props.onValuesChange,
+    innerRef: innerRef
+  });
+  // 行选择功能
+  var _useRowSelectionState = index$2.useRowSelectionState(),
+    rowSelectionState = _useRowSelectionState.rowSelectionState;
+  var rowSelectionOpts = useOpts$5.useRowSelectionOpts({
+    rowSelection: propsRef.current.rowSelection,
+    innerRef: innerRef
+  });
+  // 动态的 table 选项，会由内部组件主动调用
+  var _useSetState = ahooks.useSetState({}),
+    dynamicOpts = _useSetState[0],
+    setDynamicOpts = _useSetState[1];
+  // 核心表格实例
+  var table = reactTable.useReactTable(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+    _features: [overrides.OverridesFeature, getter.CustomGetterFeature, rowSelection.CustomRowSelectionFeature, aggregated.CustomAggregatedFeature, grouping.CustomGroupingFeature].concat(propsRef.current.features || []),
+    data: tableValue.getValue(),
+    columns: columns,
+    defaultColumn: Object.assign({
+      cell: index$3["default"],
+      header: header["default"],
+      footer: footer["default"],
+      aggregatedCell: (_d = (_c = props.customCell) === null || _c === void 0 ? void 0 : _c.aggregatedCell) !== null && _d !== void 0 ? _d : aggregated$1["default"]
+    }, propsRef.current.defaultColumn),
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    getRowId: props.rowKey ? function (row) {
+      return row[props.rowKey];
+    } : undefined,
+    getSubRows: function getSubRows(row) {
+      return row[propsRef.current.subRowKey];
+    }
+  }, propsRef.current.debug), {
+    meta: tableMeta
+  }), rowSelectionOpts), paginationOpts), filterOpts), sorterOpts), rowExpandedOpts), rowGroupedOpts), {
+    initialState: Object.assign(Object.assign({}, initialState), {
+      pagination: Object.assign(Object.assign({}, paginationState.getValue()), paginationOpts.initialState ? paginationOpts.initialState.pagination : {})
+    })
+  }), dynamicOpts), props.customEngineOpts));
+  // 生成全局静态配置
+  var _s_ = tableValue; // 没啥用，就是太长了取个别名，防止换行
+  var globalStaticRef = useGlobalStatic.useGlobalStatic({
+    table: table,
+    subscription: _s_,
+    propsRef: propsRef,
+    staticOptsRef: staticOptsRef
+  });
+  // 生成全局静态函数
+  var globalActionsRef = useGlobalActions.useGlobalStaticActions({
+    innerRef: innerRef
+  });
+  // 虚拟滚动需要知道可滚动的容器元素
+  var tableContainerRef = React__default["default"].useRef(null);
+  // 行操作控制器
+  var enableRowEdit = globalStaticRef.current.enableRowEdit;
+  var rowActions = React.useMemo(function () {
+    return new rowController.TableRowController(tableValue, {
+      rowEdit: enableRowEdit,
+      propsRef: propsRef
+    });
+  }, [tableValue, enableRowEdit, propsRef]);
+  // 获取所有可编辑字段的值
+  var getFieldsValue = useGetFieldsValue.useGetFieldsValue({
+    innerRef: innerRef
+  });
+  // 获取分组后的所有可编辑字段的值和只读字段的值
+  var getGroupedValues = useGetFieldsValue.useGetGroupedValues({
+    innerRef: innerRef
+  });
+  // 组装内部上下文
+  var _useTableInnerCtx = useInnerCtx.useTableInnerCtx({
+      table: table,
+      setDynamicOpts: setDynamicOpts,
+      subscription: tableValue,
+      tableContainerRef: tableContainerRef,
+      rowActions: rowActions,
+      rerender: rerender,
+      rowSelectionState: rowSelectionState,
+      paginationState: paginationState,
+      filterState: filterState,
+      sorterState: sorterState,
+      propsRef: propsRef,
+      globalStaticRef: globalStaticRef,
+      globalActionsRef: globalActionsRef,
+      getFieldsValue: getFieldsValue,
+      getGroupedValues: getGroupedValues
+    }),
+    ctxValue = _useTableInnerCtx.ctxValue,
+    exposeCtxValue = _useTableInnerCtx.exposeCtxValue;
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore 仅允许此处赋值
+  innerRef.current = ctxValue;
+  React__default["default"].useImperativeHandle(props.innerCtxRef, exposeCtxValue);
+  // 表头和表尾的 fixed 配置
+  var stickyOpts = propsRef.current.sticky;
+  var TableCtx = ctx.EditableSchemaTableCtx;
+  return /*#__PURE__*/React__default["default"].createElement(TableCtx.Provider, {
+    value: ctxValue
+  }, /*#__PURE__*/React__default["default"].createElement(schemaFields.EditableControlProvider, {
+    readonly: props.readonly || enableRowEdit
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    key: props.enableForceRerender ? forceRerenderFlag : undefined,
+    className: cls.clsPrefix,
+    "data-is-empty": globalStaticRef.current.isEmpty,
+    "data-is-bordered": !!props.bordered,
+    "data-has-nest-header": globalStaticRef.current.hasNestHeader,
+    "data-has-sticky-footer": globalStaticRef.current.hasStickyFooter,
+    "data-has-selection": !!props.rowSelection,
+    "data-has-operation": !!props.rowOperation,
+    "data-has-left-fixed": globalStaticRef.current.hasLeftFixed,
+    "data-has-right-fixed": globalStaticRef.current.hasRightFixed,
+    "data-has-pagination": globalStaticRef.current.enablePagination
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cls.cls('container'),
+    ref: tableContainerRef
+  }, /*#__PURE__*/React__default["default"].createElement(index$4.TableContainer, {
+    virtualize: propsRef.current.virtualize
+  }, /*#__PURE__*/React__default["default"].createElement(index$4.TableContainer.Header, {
+    sticky: stickyOpts === null || stickyOpts === void 0 ? void 0 : stickyOpts.header,
+    stickyOffset: stickyOpts === null || stickyOpts === void 0 ? void 0 : stickyOpts.headerTop
+  }, /*#__PURE__*/React__default["default"].createElement(index$5["default"], null)), /*#__PURE__*/React__default["default"].createElement(index$4.TableContainer.Body, null, /*#__PURE__*/React__default["default"].createElement(index$6["default"], {
+    getRowStyle: props.getRowStyle
+  })), globalStaticRef.current.showFooter ? ( /*#__PURE__*/React__default["default"].createElement(index$4.TableContainer.Footer, {
+    sticky: stickyOpts === null || stickyOpts === void 0 ? void 0 : stickyOpts.footer,
+    stickyOffset: stickyOpts === null || stickyOpts === void 0 ? void 0 : stickyOpts.footerBottom
+  }, /*#__PURE__*/React__default["default"].createElement(index$7["default"], null))) : null)), /*#__PURE__*/React__default["default"].createElement(bottom.BottomRender, Object.assign({
+    key: "bottom-container"
+  }, propsRef.current.bottom))), globalStaticRef.current.enableAsyncData ? /*#__PURE__*/React__default["default"].createElement(getter$1.AsyncDataGetter, null) : null));
+}
+exports.EditableSchemaTable = EditableSchemaTable;

package/lib/cjs/utils/cls.js

@@ -0,0 +1,19 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var schemaUtils = require('@hi-ui/schema-utils');
+var clsPrefix = 'editable-schema-table';
+var cls = schemaUtils.createPrefixClassnames(clsPrefix);
+exports.cls = cls;
+exports.clsPrefix = clsPrefix;

package/lib/cjs/utils/fixed.js

@@ -0,0 +1,53 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _const = require('../const.js');
+function getFixedStyles(column, opts) {
+  var isPinned = column.getIsPinned();
+  if (!isPinned) return {};
+  var style = {};
+  if (isPinned === 'left') {
+    var className = ['fixed-left'];
+    // 如果开启行选择，则需要增加偏移量，+1是边框的偏移
+    var enableRowSelection = opts.globalStaticRef.current.enableRowSelection;
+    var offset = enableRowSelection ? _const.ROW_SELECTION_COL_WIDTH : 0;
+    style.left = column.getStart('left') + offset;
+    // 增加阴影
+    var isLastLeft = column.getIsLastColumn('left');
+    if (isLastLeft) className.push('last-fixed-left');
+    return {
+      className: className,
+      style: style
+    };
+  }
+  if (isPinned === 'right') {
+    var _className = ['fixed-right'];
+    style.right = column.getAfter('right');
+    // 如果开启行操作，则需要增加偏移量
+    var _opts$globalStaticRef = opts.globalStaticRef.current,
+      enableRowOperation = _opts$globalStaticRef.enableRowOperation,
+      operationColWidth = _opts$globalStaticRef.operationColWidth;
+    var _offset = enableRowOperation ? operationColWidth : 0;
+    style.right = column.getAfter('right') + _offset;
+    // 增加阴影
+    var isFirstRight = column.getIsFirstColumn('right');
+    if (isFirstRight) _className.push('first-fixed-right');
+    return {
+      className: _className,
+      style: style
+    };
+  }
+  return {};
+}
+exports.getFixedStyles = getFixedStyles;

package/lib/cjs/utils/grouping.js

@@ -0,0 +1,42 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var lodashEs = require('lodash-es');
+
+/**
+ * 检查值是否为空值（包括null、undefined、'null'、'undefined'和空字符串）
+ */
+function isEmptyValue(value) {
+  if (lodashEs.isNil(value)) return true;
+  if (value === 'null' || value === 'undefined' || value === '') return true;
+  return false;
+}
+// 参考了内置的 flattenBy 方法
+// https://github.com/TanStack/table/blob/66fbe3a74b129e700e4667d1d5e1b29dd0a7b723/packages/table-core/src/utils.ts#L115-L134
+function getGroupedLeafRows(rows) {
+  var flat = [];
+  var recurse = function recurse(subRows) {
+    subRows.forEach(function (row) {
+      if (!row.getIsGrouped()) flat.push(row);
+      var children = row.subRows;
+      if (children === null || children === void 0 ? void 0 : children.length) {
+        recurse(children);
+      }
+    });
+  };
+  recurse(rows);
+  return flat;
+}
+exports.getGroupedLeafRows = getGroupedLeafRows;
+exports.isEmptyValue = isEmptyValue;

package/lib/cjs/utils/state-merge.js

@@ -0,0 +1,43 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+/**
+ * 确保状态字段完整性，为被清空的字段添加默认值
+ * @param state 变化前的状态
+ * @param newState 变化后的状态
+ * @param stateKey 要设置默认值的字段名
+ * @param defaultValue 字段被清空时的默认值
+ * @returns 处理后的状态
+ */
+function ensureStateFields(state, newState, stateKey, defaultValue) {
+  // 如果没有前一个状态，直接返回新状态
+  if (!state || state.length === 0) return newState;
+  // 创建新状态的 id 集合
+  var newStateIds = new Set(newState.map(function (item) {
+    return item.id;
+  }));
+  // 找出被删除的字段，为它们添加默认值
+  var missingItems = state.filter(function (item) {
+    return !newStateIds.has(item.id);
+  }).map(function (item) {
+    var _ref;
+    return _ref = {
+      id: item.id
+    }, _ref[stateKey] = defaultValue, _ref;
+  });
+  // 合并新状态和缺失字段的默认值
+  return [].concat(newState, missingItems);
+}
+exports.ensureStateFields = ensureStateFields;

package/lib/esm/body/index.js

@@ -0,0 +1,98 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { useMount } from 'ahooks';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import '../container/index.js';
+import { cls } from '../utils/cls.js';
+import { BodyCellWrapper } from './wrapper.js';
+import { useTableContainer } from '../container/ctx.js';
+var BodyRow = /*#__PURE__*/React.memo(function BodyRow(props) {
+  var _a, _b, _c, _d, _e;
+  var row = props.row;
+  var _useTableContainer = useTableContainer(),
+    virtualize = _useTableContainer.virtualize;
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    propsRef = _useEditableSchemaTab.propsRef;
+  var realCells = row.getVisibleCells();
+  var rowStyle = (_a = props.getRowStyle) === null || _a === void 0 ? void 0 : _a.call(props, row.original, {
+    row: row
+  });
+  var leftCells = row.getLeftVisibleCells();
+  var rightCells = row.getRightVisibleCells();
+  var centerCells = row.getCenterVisibleCells();
+  useMount(function () {
+    var _a, _b, _c;
+    (_c = (_b = (_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.on) === null || _b === void 0 ? void 0 : _b.rowMounted) === null || _c === void 0 ? void 0 : _c.call(_b, {
+      row: row
+    });
+  });
+  return /*#__PURE__*/React.createElement("tr", {
+    // tr
+    key: row.id,
+    style: rowStyle,
+    className: cls('body-row'),
+    "data-index": row.index,
+    "data-id": row.id
+  }, leftCells.map(function (cell) {
+    return /*#__PURE__*/React.createElement(BodyCellWrapper, {
+      key: cell.id,
+      cell: cell,
+      fixed: true
+    });
+  }), ((_c = (_b = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _b === void 0 ? void 0 : _b.left) !== null && _c !== void 0 ? _c : 0) > 0 && /*#__PURE__*/React.createElement("td", null), ((virtualize === null || virtualize === void 0 ? void 0 : virtualize.columns) || centerCells).map(function (cellOrVirtual) {
+    var cell = 'index' in cellOrVirtual ? realCells[cellOrVirtual.index] : cellOrVirtual;
+    // 固定列不参与中间部分渲染
+    if (cell.column.getIsPinned()) return null;
+    return /*#__PURE__*/React.createElement(BodyCellWrapper, {
+      key: cell.id,
+      cell: cell
+    });
+  }), ((_e = (_d = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _d === void 0 ? void 0 : _d.right) !== null && _e !== void 0 ? _e : 0) > 0 && /*#__PURE__*/React.createElement("td", null), rightCells.map(function (cell) {
+    return /*#__PURE__*/React.createElement(BodyCellWrapper, {
+      key: cell.id,
+      cell: cell,
+      fixed: true
+    });
+  }));
+});
+var Body = /*#__PURE__*/React.memo(function Body(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table;
+  var _useTableContainer2 = useTableContainer(),
+    virtualize = _useTableContainer2.virtualize;
+  var _table$getRowModel = table.getRowModel(),
+    realRows = _table$getRowModel.rows;
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: cls('body', props.className)
+  }, ((_b = (_a = virtualize === null || virtualize === void 0 ? void 0 : virtualize.rowPadding) === null || _a === void 0 ? void 0 : _a.top) !== null && _b !== void 0 ? _b : 0) > 0 && ( /*#__PURE__*/React.createElement("tr", {
+    className: cls('body-row', 'virtual-spacer', 'virtual-spacer-top')
+  }, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: (_d = (_c = virtualize === null || virtualize === void 0 ? void 0 : virtualize.rowPadding) === null || _c === void 0 ? void 0 : _c.top) !== null && _d !== void 0 ? _d : 0
+    }
+  }))), ((virtualize === null || virtualize === void 0 ? void 0 : virtualize.rows) || realRows).map(function (rowOrVirtual) {
+    var row = 'id' in rowOrVirtual ? rowOrVirtual : realRows[rowOrVirtual.index];
+    if (!row) return null;
+    return /*#__PURE__*/React.createElement(BodyRow, {
+      key: row.id,
+      row: row,
+      getRowStyle: props.getRowStyle
+    });
+  }), ((_f = (_e = virtualize === null || virtualize === void 0 ? void 0 : virtualize.rowPadding) === null || _e === void 0 ? void 0 : _e.bottom) !== null && _f !== void 0 ? _f : 0) > 0 && ( /*#__PURE__*/React.createElement("tr", {
+    className: cls('body-row', 'virtual-spacer', 'virtual-spacer-bottom')
+  }, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: (_h = (_g = virtualize === null || virtualize === void 0 ? void 0 : virtualize.rowPadding) === null || _g === void 0 ? void 0 : _g.bottom) !== null && _h !== void 0 ? _h : 0
+    }
+  }))));
+});
+export { Body as default };