amis-ui 3.4.2 → 3.5.0

package/esm/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,9 +10,10 @@ import findLastIndex from 'lodash/findLastIndex';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
 import filter from 'lodash/filter';
+import debounce from 'lodash/debounce';
 import intersection from 'lodash/intersection';
 import Sortable from 'sortablejs';
-import { isObject, isBreakpoint, autobind, themeable, localeable, guid } from 'amis-core';
+import { resizeSensor, isObject, isBreakpoint, autobind, themeable, localeable, guid } from 'amis-core';
 import { Icon } from '../icons.js';
 import Checkbox from '../Checkbox.js';
 import Spinner from '../Spinner.js';
@@ -21,6 +22,7 @@ import HeadCellFilter from './HeadCellFilter.js';
 import HeadCellSelect from './HeadCellSelect.js';
 import ItemActionsWrapper from './ItemActionsWrapper.js';
 import Cell from './Cell.js';
+import ColGroup from './ColGroup.js';
 
 /**
  * @file Table
@@ -141,6 +143,11 @@ var Table = /** @class */ (function (_super) {
         _this.headerDom = React__default.createRef();
         _this.tfootDom = React__default.createRef();
         _this.footDom = React__default.createRef();
+        _this.toDispose = [];
+        _this.updateTableInfoLazy = debounce(_this.updateTableInfo.bind(_this), 250, {
+            trailing: true,
+            leading: false
+        });
         if (props.rowSelection) {
             var selectedResult = _this.getSelectedRows(props.dataSource, (_a = props.rowSelection) === null || _a === void 0 ? void 0 : _a.selectedRowKeys);
             _this.selectedRows = selectedResult.selectedRows;
@@ -154,7 +161,7 @@ var Table = /** @class */ (function (_super) {
             expandedRowKeys: __spreadArray(__spreadArray([], __read((props.expandable ? props.expandable.expandedRowKeys || [] : [])), false), __read((props.expandable
                 ? props.expandable.defaultExpandedRowKeys || []
                 : [])), false),
-            colWidths: [],
+            colWidths: {},
             hoverRow: null
         };
         return _this;
@@ -225,6 +232,8 @@ var Table = /** @class */ (function (_super) {
             this.initDragging();
         }
         this.updateStickyHeader();
+        var currentNode = findDOMNode(this);
+        this.toDispose.push(resizeSensor(currentNode, this.updateTableInfoLazy, false, 'width'));
     };
     Table.prototype.componentDidUpdate = function (prevProps, prevState) {
         var _this = this;
@@ -237,7 +246,6 @@ var Table = /** @class */ (function (_super) {
                 dataSource: __spreadArray([], __read(this.props.dataSource), false)
             }, function () {
                 _this.updateTableFixedRows();
-                _this.syncTableWidth();
             });
         }
         // 选择项发生了变化触发
@@ -290,6 +298,9 @@ var Table = /** @class */ (function (_super) {
         if (prevProps.sticky !== this.props.sticky) {
             this.updateStickyHeader();
         }
+        if (prevProps.columns !== this.props.columns) {
+            this.updateTableFixedRows();
+        }
     };
     Table.prototype.componentWillUnmount = function () {
         var _this = this;
@@ -300,6 +311,9 @@ var Table = /** @class */ (function (_super) {
                 ref.current.removeEventListener('wheel', _this.onWheel.bind(_this));
         });
         this.destroyDragging();
+        this.toDispose.forEach(function (fn) { return fn(); });
+        this.toDispose = [];
+        this.updateTableInfoLazy.cancel();
     };
     Table.prototype.initDragging = function () {
         var _this = this;
@@ -377,6 +391,7 @@ var Table = /** @class */ (function (_super) {
         var children = row.children;
         for (var i = 0; i < children.length; i++) {
             var dom = children[i];
+            dom.style.removeProperty('left');
             var fixed = columns[i] ? columns[i].fixed || '' : '';
             if (isFixedLeftColumn(fixed)) {
                 dom.style.left =
@@ -388,6 +403,9 @@ var Table = /** @class */ (function (_super) {
                         ? getAfterRightWidth(children, i, columns) + 'px'
                         : '0';
             }
+            dom.classList.remove(cx('Table-cell-fix-left-last'));
+            dom.classList.remove(cx('Table-cell-fix-right-first'));
+            dom.classList.remove(cx('Table-cell-fix-right-first-prev'));
         }
         // 最后一个左fixed的添加样式
         var leftIndex = findLastIndex(columns, function (column) {
@@ -465,18 +483,18 @@ var Table = /** @class */ (function (_super) {
             this.updateSummaryFixedRow(children, columns);
         }
     };
-    Table.prototype.renderColGroup = function () {
-        return (React__default.createElement("colgroup", null, this.state.colWidths.map(function (width, index) {
-            return (React__default.createElement("col", { key: index, style: { width: typeof width === 'number' ? width + 'px' : width } }));
-        })));
+    Table.prototype.renderColGroup = function (showReal) {
+        var _a = this.props, scroll = _a.scroll, tableLayout = _a.tableLayout;
+        var isFixed = !!((scroll && scroll.x) || tableLayout === 'fixed');
+        return (React__default.createElement(ColGroup, { columns: this.tdColumns, colWidths: this.state.colWidths, isFixed: isFixed, syncTableWidth: this.syncTableWidth, initTableWidth: this.initTableWidth, showReal: showReal }));
     };
     Table.prototype.onResizeMouseDown = function (event, index) {
         // 点击记录起始坐标
         this.resizeStart = event.clientX;
         this.resizeTarget = event.currentTarget;
-        var extraCount = this.getExtraColumnCount();
+        var column = this.tdColumns[index];
         this.resizeIndex = index;
-        this.resizeWidth = this.state.colWidths[extraCount + this.resizeIndex];
+        this.resizeWidth = this.state.colWidths[column.name].width;
         this.resizeTarget.classList.add('is-resizing');
         document.addEventListener('mousemove', this.onResizeMouseMove);
         document.addEventListener('mouseup', this.onResizeMouseUp);
@@ -487,18 +505,18 @@ var Table = /** @class */ (function (_super) {
         if (this.resizeTarget) {
             // 计算横向移动距离
             var distance = event.clientX - this.resizeStart;
+            var column = this.tdColumns[this.resizeIndex];
             var newWidth = 0;
             if (distance > 0) {
                 newWidth = this.resizeWidth + distance;
             }
             else {
                 // 缩短列
-                newWidth = Math.max(this.resizeWidth + distance, DefaultCellWidth, this.tdColumns[this.resizeIndex].minWidth || 0);
+                newWidth = Math.max(this.resizeWidth + distance, DefaultCellWidth, column.minWidth || 0);
             }
-            var extraCount = this.getExtraColumnCount();
             var colWidths = this.state.colWidths;
-            colWidths[extraCount + this.resizeIndex] = newWidth;
-            this.setState({ colWidths: __spreadArray([], __read(colWidths), false) });
+            colWidths[column.name].width = newWidth;
+            this.setState({ colWidths: __assign({}, colWidths) });
         }
         event && event.stopPropagation();
     };
@@ -645,7 +663,7 @@ var Table = /** @class */ (function (_super) {
                         resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) { return _this.onResizeMouseDown(e, cIndex); } })) : null)) : null;
                     return (React__default.createElement(Cell, { wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, key: "cell-".concat(i), fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
                             'Table-cell-last': i === maxCount - 1 && i === data.length - 1
-                        }), groupId: item.groupId, depth: item.depth, col: cIndex > -1 ? cIndex.toString() : undefined, index: cIndex }, typeof item.title === 'function'
+                        }), groupId: item.groupId, depth: item.depth, col: cIndex > -1 ? cIndex.toString() : undefined }, typeof item.title === 'function'
                         ? item.title(children)
                         : item.title));
                 }),
@@ -680,11 +698,11 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.onRowMouseEnter = function (event, record, rowIndex) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, cx, onRow, prevented, parent, i, td, target;
+            var _a, onRow, itemActions, prevented, target;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        _a = this.props, cx = _a.classnames, onRow = _a.onRow;
+                        _a = this.props, onRow = _a.onRow, itemActions = _a.itemActions;
                         if (!(onRow && onRow.onRowMouseEnter)) return [3 /*break*/, 2];
                         return [4 /*yield*/, onRow.onRowMouseEnter(event, record, rowIndex)];
                     case 1:
@@ -694,17 +712,7 @@ var Table = /** @class */ (function (_super) {
                         }
                         _b.label = 2;
                     case 2:
-                        parent = event.target;
-                        while (parent && parent.tagName !== 'TR') {
-                            parent = parent.parentElement;
-                        }
-                        if (parent && !parent.classList.contains(cx('Table-row-disabled'))) {
-                            for (i = 0; i < parent.children.length; i++) {
-                                td = parent.children[i];
-                                td.classList.add(cx('Table-cell-row-hover')); // 保证有列fixed的时候样式一致
-                            }
-                        }
-                        if (record) {
+                        if (record && itemActions) {
                             target = event.target;
                             if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'TR') {
                                 target = target === null || target === void 0 ? void 0 : target.closest('tr');
@@ -718,37 +726,19 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.onRowMouseLeave = function (event, record, rowIndex) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, cx, onRow, prevented, parent, i, td;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _a = this.props, cx = _a.classnames, onRow = _a.onRow;
-                        if (!(onRow && onRow.onRowMouseLeave)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, onRow.onRowMouseLeave(event, record, rowIndex)];
-                    case 1:
-                        prevented = _b.sent();
-                        if (prevented) {
-                            return [2 /*return*/];
-                        }
-                        _b.label = 2;
-                    case 2:
-                        parent = event.target;
-                        while (parent && parent.tagName !== 'TR') {
-                            parent = parent.parentElement;
-                        }
-                        if (parent) {
-                            for (i = 0; i < parent.children.length; i++) {
-                                td = parent.children[i];
-                                td.classList.remove(cx('Table-cell-row-hover'));
-                            }
-                        }
-                        return [2 /*return*/];
-                }
+            var onRow;
+            return __generator(this, function (_a) {
+                onRow = this.props.onRow;
+                onRow &&
+                    onRow.onRowMouseLeave &&
+                    onRow.onRowMouseLeave(event, record, rowIndex);
+                return [2 /*return*/];
             });
         });
     };
     Table.prototype.onMouseLeave = function () {
-        this.setState({ hoverRow: null });
+        var itemActions = this.props.itemActions;
+        itemActions && this.setState({ hoverRow: null });
     };
     Table.prototype.onExpandRows = function (data) {
         var _this = this;
@@ -895,7 +885,7 @@ var Table = /** @class */ (function (_super) {
             // 为了支持灵活合并单元格，renderers层的Table2传递的render方法，返回{children: <ReactElement>, props: {rowSpan, colSpan}}
             // 但直接使用amis-ui的table，render方法一般直接返回ReactElement
             var render = item.render && typeof item.render === 'function'
-                ? item.render(data[item.name], data, rowIndex, i)
+                ? item.render(data[item.name], data, rowIndex, i, levels)
                 : null;
             var props = { rowSpan: 1, colSpan: 1 };
             var children = render;
@@ -914,7 +904,7 @@ var Table = /** @class */ (function (_super) {
                 : '';
             return props.rowSpan === 0 || props.colSpan === 0 ? null : (React__default.createElement(Cell, __assign({ key: i }, props, { fixed: item.fixed === true ? 'left' : item.fixed, column: item, groupId: item.groupId, className: cx((_a = {},
                     _a["".concat(className)] = !!className,
-                    _a)) }),
+                    _a)), col: i > -1 ? i.toString() : undefined }),
                 React__default.createElement("div", { className: cx('Table-cell-wrapper', (_b = {},
                         _b[cx('Table-cell-wrapper-prefix')] = i === 0 &&
                             (!!indentDom || (levels.length === 0 && hasChildrenRow)),
@@ -1121,19 +1111,21 @@ var Table = /** @class */ (function (_super) {
         this.updateTableDom(target);
     };
     Table.prototype.renderTable = function () {
-        var _a = this.props, scroll = _a.scroll, footSummary = _a.footSummary, loading = _a.loading, showHeader = _a.showHeader, itemActions = _a.itemActions, cx = _a.classnames;
+        var _a = this.props, scroll = _a.scroll, footSummary = _a.footSummary, showHeader = _a.showHeader, itemActions = _a.itemActions, tableLayout = _a.tableLayout, cx = _a.classnames;
         var hasScrollX = scroll && scroll.x;
         var hoverRow = this.state.hoverRow;
-        var tableStyle = hasScrollX ? { width: scroll.x + 'px' } : {};
+        var tableStyle = hasScrollX
+            ? { width: scroll.x + 'px', tableLayout: 'fixed' }
+            : {};
         return (React__default.createElement("div", { ref: this.contentDom, className: cx('Table-content'), style: hasScrollX ? { overflow: 'auto hidden' } : {}, onMouseLeave: this.onMouseLeave.bind(this), onScroll: this.onTableContentScroll.bind(this) },
             itemActions && hoverRow ? (React__default.createElement(ItemActionsWrapper, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
                 ? itemActions(hoverRow.record, hoverRow.rowIndex)
                 : null)) : null,
-            React__default.createElement("table", { style: __assign(__assign({}, tableStyle), { tableLayout: 'fixed' }), className: cx('Table-table') },
+            React__default.createElement("table", { style: __assign(__assign({}, tableStyle), { tableLayout: tableLayout === 'fixed' ? 'fixed' : 'auto' }), className: cx('Table-table') },
                 this.renderColGroup(),
                 showHeader ? this.renderTHead() : null,
                 this.renderTBody(),
-                !loading && footSummary ? this.renderTFoot() : null)));
+                footSummary ? this.renderTFoot() : null)));
     };
     Table.prototype.renderScrollTableHeader = function () {
         var _a;
@@ -1152,7 +1144,7 @@ var Table = /** @class */ (function (_super) {
                 _a[cx('Table-sticky-holder')] = !!sticky,
                 _a)), style: style },
             React__default.createElement("table", { className: cx('Table-table'), style: __assign(__assign({}, tableStyle), { tableLayout: 'fixed' }) },
-                this.renderColGroup(),
+                this.renderColGroup(true),
                 showHeader ? this.renderTHead() : null,
                 headSummary ? (React__default.createElement("tbody", null, this.renderSummaryRow(headSummary))) : null)));
     };
@@ -1184,31 +1176,76 @@ var Table = /** @class */ (function (_super) {
             React__default.createElement("table", { className: cx('Table-table'), style: { width: (scroll === null || scroll === void 0 ? void 0 : scroll.x) + 'px' || '100%', tableLayout: 'fixed' } }, this.renderTFoot())));
     };
     Table.prototype.renderScrollTable = function () {
-        var _a = this.props, footSummary = _a.footSummary, loading = _a.loading, cx = _a.classnames;
+        var _a = this.props, footSummary = _a.footSummary, cx = _a.classnames;
         return (React__default.createElement("div", { className: cx('Table-container') },
             this.renderScrollTableHeader(),
             this.renderScrollTableBody(),
-            !loading && footSummary ? this.renderScrollTableFoot() : null));
+            footSummary ? this.renderScrollTableFoot() : null));
     };
     Table.prototype.syncTableWidth = function () {
         var _this = this;
-        var _a, _b, _c;
+        var tbodyDom = this.tbodyDom.current;
+        if (!tbodyDom) {
+            return;
+        }
+        var cols = [].slice.call(tbodyDom === null || tbodyDom === void 0 ? void 0 : tbodyDom.querySelectorAll(':scope>tr>td[data-col]'));
+        var colWidths = {};
+        cols.forEach(function (col) {
+            var index = parseInt(col.getAttribute('data-col'), 10);
+            var column = _this.tdColumns[index];
+            var item = _this.state.colWidths[column.name];
+            if (column) {
+                colWidths[column.name] = {
+                    width: (item === null || item === void 0 ? void 0 : item.originWidth) !== (column === null || column === void 0 ? void 0 : column.width) ? column === null || column === void 0 ? void 0 : column.width : item === null || item === void 0 ? void 0 : item.width,
+                    minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
+                    realWidth: col.offsetWidth,
+                    originWidth: column === null || column === void 0 ? void 0 : column.width
+                };
+            }
+        });
+        if (!isEqual(colWidths, this.state.colWidths)) {
+            this.setState({ colWidths: colWidths });
+        }
+    };
+    Table.prototype.initTableWidth = function () {
+        var _this = this;
+        var _a;
         var tableWrapperDom = this.contentDom.current;
         if (!tableWrapperDom) {
             return;
         }
+        var _b = this.props, scroll = _b.scroll, tableLayout = _b.tableLayout;
         var table = tableWrapperDom.querySelector('table');
-        var tableWidth = tableWrapperDom.offsetWidth;
+        var tableWidth = scroll && scroll.x ? scroll.x : tableWrapperDom.offsetWidth;
         var thead = (_a = this.theadDom) === null || _a === void 0 ? void 0 : _a.current;
-        var tbodyTr = (_c = (_b = this.tbodyDom) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.querySelector('tr:first-child');
+        var tbody = null;
+        var htmls = [];
+        var isFixed = tableLayout === 'fixed' || (scroll && scroll.x);
+        var someSettedWidth = this.tdColumns.some(function (column) { return column.width; });
+        var minWidths = {};
+        // fixed 模式需要参考 auto 获得列最小宽度
+        if (isFixed) {
+            tbody = (table === null || table === void 0 ? void 0 : table.querySelector(':scope>tbody')) || null;
+            htmls.push("<table style=\"table-layout:auto!important;width:0!important;min-width:0!important;\" class=\"".concat(table === null || table === void 0 ? void 0 : table.className, "\">").concat(thead === null || thead === void 0 ? void 0 : thead.outerHTML, "</table>"));
+        }
+        if (someSettedWidth || isFixed) {
+            htmls.push("<table style=\"table-layout:auto!important;min-width:".concat(tableWidth, "px!important;width:").concat(tableWidth, "px!important;\" class=\"").concat(table === null || table === void 0 ? void 0 : table.className, "\">").concat(thead ? thead.outerHTML : '').concat(tbody ? "<tbody>".concat(tbody.innerHTML, "</tbody>") : '', "</table>"));
+        }
+        if (!htmls.length) {
+            return;
+        }
         var div = document.createElement('div');
         div.className = 'amis-scope'; // jssdk 里面 css 会在这一层
         div.style.cssText += "visibility: hidden!important;";
-        div.innerHTML =
-            "<table style=\"table-layout:auto!important;width:0!important;min-width:0!important;\" class=\"".concat(table === null || table === void 0 ? void 0 : table.className, "\">").concat(thead === null || thead === void 0 ? void 0 : thead.outerHTML, "</table>") +
-                "<table style=\"table-layout:auto!important;min-width:".concat(tableWidth, "px!important;width:").concat(tableWidth, "px!important;\" class=\"").concat(table === null || table === void 0 ? void 0 : table.className, "\">").concat(thead === null || thead === void 0 ? void 0 : thead.outerHTML).concat(tbodyTr ? "<tbody>".concat(tbodyTr.outerHTML, "</tbody>") : '', "</table>");
-        var ths1 = [].slice.call(div.querySelectorAll(':scope>table:first-child>thead>tr>th[data-col]'));
-        var ths2 = [].slice.call(div.querySelectorAll(':scope>table:last-child>thead>tr>th[data-col]'));
+        div.innerHTML = htmls.join('');
+        var ths1 = [];
+        var ths2 = [];
+        if (isFixed) {
+            ths1 = [].slice.call(div.querySelectorAll(':scope>table:first-child>thead>tr>th[data-col]'));
+        }
+        if (someSettedWidth || isFixed) {
+            ths2 = [].slice.call(div.querySelectorAll(':scope>table:last-child>thead>tr>th[data-col]'));
+        }
         ths1.forEach(function (th) {
             th.style.cssText += 'width: 0';
         });
@@ -1221,26 +1258,44 @@ var Table = /** @class */ (function (_super) {
                     : '');
         });
         document.body.appendChild(div);
-        var minWidths = {};
+        var colWidths = {};
         ths1.forEach(function (th) {
-            minWidths[th.getAttribute('data-index')] = th.clientWidth;
+            var index = parseInt(th.getAttribute('data-col'), 10);
+            var column = _this.tdColumns[index];
+            minWidths[index] = th.clientWidth;
+            if (colWidths[index]) {
+                colWidths[column === null || column === void 0 ? void 0 : column.name].minWidth = th.clientWidth;
+            }
+            else {
+                colWidths[column === null || column === void 0 ? void 0 : column.name] = { minWidth: th.clientWidth };
+            }
         });
-        var colWidths = [];
-        ths2.forEach(function (col, index) {
+        ths2.forEach(function (col) {
+            var index = parseInt(col.getAttribute('data-col'), 10);
             var column = _this.tdColumns[index];
-            colWidths.push(Math.max(typeof (column === null || column === void 0 ? void 0 : column.width) === 'number' ? column === null || column === void 0 ? void 0 : column.width : col.clientWidth, minWidths[col.getAttribute('data-index')]));
+            if (column && (column.width || isFixed)) {
+                var width = Math.max(typeof column.width === 'number' ? column.width : col.clientWidth, minWidths[index] || 0);
+                if (colWidths[column === null || column === void 0 ? void 0 : column.name]) {
+                    colWidths[column === null || column === void 0 ? void 0 : column.name].width = width;
+                }
+                else {
+                    colWidths[column === null || column === void 0 ? void 0 : column.name] = { width: width };
+                }
+                if (column.width) {
+                    colWidths[column === null || column === void 0 ? void 0 : column.name].originWidth = column.width;
+                }
+            }
         });
-        this.setState({ colWidths: colWidths });
+        if (!isEqual(colWidths, this.state.colWidths)) {
+            this.setState({ colWidths: colWidths });
+        }
         document.body.removeChild(div);
     };
-    Table.prototype.updateTableInfoRef = function (ref) {
-        if (!ref) {
-            return;
-        }
+    Table.prototype.updateTableInfo = function () {
         if (this.resizeTarget) {
             return;
         }
-        this.syncTableWidth();
+        this.initTableWidth();
     };
     Table.prototype.render = function () {
         var _a;
@@ -1254,7 +1309,6 @@ var Table = /** @class */ (function (_super) {
         var hasScrollY = scroll && scroll.y;
         // 是否设置了横向滚动
         var hasScrollX = scroll && scroll.x;
-        var columnWidthReady = this.state.colWidths.length > 0;
         return (React__default.createElement("div", { ref: this.tableDom, className: cx('Table2', className, (_a = {},
                 _a[cx('Table-scroll-horizontal')] = hasScrollX,
                 _a[cx("Table-".concat(size))] = size,
@@ -1263,8 +1317,7 @@ var Table = /** @class */ (function (_super) {
                 _a)) },
             title ? (React__default.createElement("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
             hasScrollY || sticky ? (this.renderScrollTable()) : (React__default.createElement("div", { className: cx('Table-container') }, this.renderTable())),
-            footer ? (React__default.createElement("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null,
-            columnWidthReady ? null : React__default.createElement("span", { ref: this.updateTableInfoRef })));
+            footer ? (React__default.createElement("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
     };
     Table.defaultProps = {
         title: '',
@@ -1273,7 +1326,8 @@ var Table = /** @class */ (function (_super) {
         columns: [],
         indentSize: 15,
         placeholder: '暂无数据',
-        showHeader: true
+        showHeader: true,
+        tableLayout: 'auto'
     };
     __decorate([
         autobind,
@@ -1302,9 +1356,15 @@ var Table = /** @class */ (function (_super) {
     __decorate([
         autobind,
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Table.prototype, "initTableWidth", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
-    ], Table.prototype, "updateTableInfoRef", null);
+    ], Table.prototype, "updateTableInfo", null);
     return Table;
 }(React__default.PureComponent));
 var index = themeable(localeable(Table));

package/esm/components/virtual-list/AutoSizer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/virtual-list/SizeAndPositionManager.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/virtual-list/constants.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/virtual-list/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/hooks/use-set-state.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/hooks/use-sub-form.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/hooks/use-touch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/hooks/use-update-effect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/hooks/use-validation-resolver.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/alert-danger.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/alert-info.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/alert-success.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/alert-warning.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/back.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/calendar.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/caret.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/check.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/clock.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/close-small.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/close.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */
 

package/esm/icons/cloud-upload.svg.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.5.0
  * Copyright 2018-2023 fex
  */