amis-ui 3.4.2 → 3.4.3

package/lib/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.2
+ * amis-ui v3.4.3
  * Copyright 2018-2023 fex
  */
 
@@ -14,6 +14,7 @@ var findLastIndex = require('lodash/findLastIndex');
 var find = require('lodash/find');
 var isEqual = require('lodash/isEqual');
 var filter = require('lodash/filter');
+var debounce = require('lodash/debounce');
 var intersection = require('lodash/intersection');
 var Sortable = require('sortablejs');
 var amisCore = require('amis-core');
@@ -25,6 +26,7 @@ var HeadCellFilter = require('./HeadCellFilter.js');
 var HeadCellSelect = require('./HeadCellSelect.js');
 var ItemActionsWrapper = require('./ItemActionsWrapper.js');
 var Cell = require('./Cell.js');
+var ColGroup = require('./ColGroup.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,6 +35,7 @@ var findLastIndex__default = /*#__PURE__*/_interopDefaultLegacy(findLastIndex);
 var find__default = /*#__PURE__*/_interopDefaultLegacy(find);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 var filter__default = /*#__PURE__*/_interopDefaultLegacy(filter);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var intersection__default = /*#__PURE__*/_interopDefaultLegacy(intersection);
 var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
 
@@ -154,6 +157,11 @@ var Table = /** @class */ (function (_super) {
         _this.headerDom = React__default["default"].createRef();
         _this.tfootDom = React__default["default"].createRef();
         _this.footDom = React__default["default"].createRef();
+        _this.toDispose = [];
+        _this.updateTableInfoLazy = debounce__default["default"](_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;
@@ -167,7 +175,7 @@ var Table = /** @class */ (function (_super) {
             expandedRowKeys: tslib.__spreadArray(tslib.__spreadArray([], tslib.__read((props.expandable ? props.expandable.expandedRowKeys || [] : [])), false), tslib.__read((props.expandable
                 ? props.expandable.defaultExpandedRowKeys || []
                 : [])), false),
-            colWidths: [],
+            colWidths: {},
             hoverRow: null
         };
         return _this;
@@ -238,6 +246,8 @@ var Table = /** @class */ (function (_super) {
             this.initDragging();
         }
         this.updateStickyHeader();
+        var currentNode = ReactDOM.findDOMNode(this);
+        this.toDispose.push(amisCore.resizeSensor(currentNode, this.updateTableInfoLazy, false, 'width'));
     };
     Table.prototype.componentDidUpdate = function (prevProps, prevState) {
         var _this = this;
@@ -250,7 +260,6 @@ var Table = /** @class */ (function (_super) {
                 dataSource: tslib.__spreadArray([], tslib.__read(this.props.dataSource), false)
             }, function () {
                 _this.updateTableFixedRows();
-                _this.syncTableWidth();
             });
         }
         // 选择项发生了变化触发
@@ -303,6 +312,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;
@@ -313,6 +325,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;
@@ -390,6 +405,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 =
@@ -401,6 +417,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__default["default"](columns, function (column) {
@@ -478,18 +497,18 @@ var Table = /** @class */ (function (_super) {
             this.updateSummaryFixedRow(children, columns);
         }
     };
-    Table.prototype.renderColGroup = function () {
-        return (_J$X_("colgroup", null, this.state.colWidths.map(function (width, index) {
-            return (_J$X_("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 (_J$X_(ColGroup["default"], { 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);
@@ -500,18 +519,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: tslib.__spreadArray([], tslib.__read(colWidths), false) });
+            colWidths[column.name].width = newWidth;
+            this.setState({ colWidths: tslib.__assign({}, colWidths) });
         }
         event && event.stopPropagation();
     };
@@ -658,7 +677,7 @@ var Table = /** @class */ (function (_super) {
                         resizable ? (_J$X_("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) { return _this.onResizeMouseDown(e, cIndex); } })) : null)) : null;
                     return (_J$X_(Cell["default"], { 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));
                 }),
@@ -693,11 +712,11 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.onRowMouseEnter = function (event, record, rowIndex) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, cx, onRow, prevented, parent, i, td, target;
+            var _a, onRow, itemActions, prevented, target;
             return tslib.__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:
@@ -707,17 +726,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');
@@ -731,37 +740,19 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.onRowMouseLeave = function (event, record, rowIndex) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var _a, cx, onRow, prevented, parent, i, td;
-            return tslib.__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 tslib.__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;
@@ -908,7 +899,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;
@@ -927,7 +918,7 @@ var Table = /** @class */ (function (_super) {
                 : '';
             return props.rowSpan === 0 || props.colSpan === 0 ? null : (_J$X_(Cell["default"], tslib.__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 }),
                 _J$X_("div", { className: cx('Table-cell-wrapper', (_b = {},
                         _b[cx('Table-cell-wrapper-prefix')] = i === 0 &&
                             (!!indentDom || (levels.length === 0 && hasChildrenRow)),
@@ -1134,19 +1125,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 (_J$X_("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 ? (_J$X_(ItemActionsWrapper["default"], { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
                 ? itemActions(hoverRow.record, hoverRow.rowIndex)
                 : null)) : null,
-            _J$X_("table", { style: tslib.__assign(tslib.__assign({}, tableStyle), { tableLayout: 'fixed' }), className: cx('Table-table') },
+            _J$X_("table", { style: tslib.__assign(tslib.__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;
@@ -1165,7 +1158,7 @@ var Table = /** @class */ (function (_super) {
                 _a[cx('Table-sticky-holder')] = !!sticky,
                 _a)), style: style },
             _J$X_("table", { className: cx('Table-table'), style: tslib.__assign(tslib.__assign({}, tableStyle), { tableLayout: 'fixed' }) },
-                this.renderColGroup(),
+                this.renderColGroup(true),
                 showHeader ? this.renderTHead() : null,
                 headSummary ? (_J$X_("tbody", null, this.renderSummaryRow(headSummary))) : null)));
     };
@@ -1197,31 +1190,76 @@ var Table = /** @class */ (function (_super) {
             _J$X_("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 (_J$X_("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__default["default"](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';
         });
@@ -1234,26 +1272,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__default["default"](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;
@@ -1267,7 +1323,6 @@ var Table = /** @class */ (function (_super) {
         var hasScrollY = scroll && scroll.y;
         // 是否设置了横向滚动
         var hasScrollX = scroll && scroll.x;
-        var columnWidthReady = this.state.colWidths.length > 0;
         return (_J$X_("div", { ref: this.tableDom, className: cx('Table2', className, (_a = {},
                 _a[cx('Table-scroll-horizontal')] = hasScrollX,
                 _a[cx("Table-".concat(size))] = size,
@@ -1276,8 +1331,7 @@ var Table = /** @class */ (function (_super) {
                 _a)) },
             title ? (_J$X_("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
             hasScrollY || sticky ? (this.renderScrollTable()) : (_J$X_("div", { className: cx('Table-container') }, this.renderTable())),
-            footer ? (_J$X_("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null,
-            columnWidthReady ? null : _J$X_("span", { ref: this.updateTableInfoRef })));
+            footer ? (_J$X_("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
     };
     Table.defaultProps = {
         title: '',
@@ -1286,7 +1340,8 @@ var Table = /** @class */ (function (_super) {
         columns: [],
         indentSize: 15,
         placeholder: '暂无数据',
-        showHeader: true
+        showHeader: true,
+        tableLayout: 'auto'
     };
     tslib.__decorate([
         amisCore.autobind,
@@ -1315,9 +1370,15 @@ var Table = /** @class */ (function (_super) {
     tslib.__decorate([
         amisCore.autobind,
         tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], Table.prototype, "initTableWidth", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
-    ], Table.prototype, "updateTableInfoRef", null);
+    ], Table.prototype, "updateTableInfo", null);
     return Table;
 }(React__default["default"].PureComponent));
 var index = amisCore.themeable(amisCore.localeable(Table));

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/hooks/use-touch.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/icons/back.svg.js

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

package/lib/icons/calendar.svg.js

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

package/lib/icons/caret.svg.js

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

package/lib/icons/check.svg.js

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

package/lib/icons/clock.svg.js

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

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

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

package/lib/icons/close.svg.js

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

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

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