amis-ui 3.2.0 → 3.3.0

package/lib/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -36,10 +36,9 @@ var filter__default = /*#__PURE__*/_interopDefaultLegacy(filter);
 var intersection__default = /*#__PURE__*/_interopDefaultLegacy(intersection);
 var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
 
-/**
- * @file Table
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function getMaxLevelThRowSpan(columns) {
     var maxLevel = 0;
     Array.isArray(columns) &&
@@ -511,12 +510,12 @@ var Table = /** @class */ (function (_super) {
         var extraCount = this.getExtraColumnCount() - (this.isRightExpandable() ? 1 : 0);
         var isLeftExpandable = this.isLeftExpandable();
         var isRightExpandable = this.isRightExpandable();
-        var expandableCol = !draggable && isExpandable ? (React__default["default"].createElement("col", { className: cx('Table-expand-col'), style: {
+        var expandableCol = !draggable && isExpandable ? (_J$X_("col", { className: cx('Table-expand-col'), style: {
                 width: ((expandable === null || expandable === void 0 ? void 0 : expandable.columnWidth) || DefaultCellWidth) + 'px'
             } })) : null;
-        return (React__default["default"].createElement("colgroup", null,
-            draggable ? (React__default["default"].createElement("col", { className: cx('Table-drag-col'), style: { width: DefaultCellWidth + 'px' } })) : null,
-            !draggable && rowSelection ? (React__default["default"].createElement("col", { className: cx('Table-selection-col'), style: {
+        return (_J$X_("colgroup", null,
+            draggable ? (_J$X_("col", { className: cx('Table-drag-col'), style: { width: DefaultCellWidth + 'px' } })) : null,
+            !draggable && rowSelection ? (_J$X_("col", { className: cx('Table-selection-col'), style: {
                     width: (rowSelection.columnWidth || DefaultCellWidth) + 'px'
                 } })) : null,
             isLeftExpandable ? expandableCol : null,
@@ -524,7 +523,7 @@ var Table = /** @class */ (function (_super) {
                 var width = colWidths
                     ? colWidths[index + extraCount - (isRightExpandable ? 1 : 0)]
                     : data.width;
-                return (React__default["default"].createElement("col", { key: index, style: { width: typeof width === 'number' ? width + 'px' : width }, className: data.className ? cx("Table-colgroup-".concat(data.className)) : '' }));
+                return (_J$X_("col", { key: index, style: { width: typeof width === 'number' ? width + 'px' : width }, className: data.className ? cx("Table-colgroup-".concat(data.className)) : '' }));
             }),
             isRightExpandable ? expandableCol : null));
     };
@@ -605,7 +604,7 @@ var Table = /** @class */ (function (_super) {
         var isExpandable = this.isExpandableTable();
         var isLeftExpandable = this.isLeftExpandable();
         var isRightExpandable = this.isRightExpandable();
-        var expandableCell = !draggable && isExpandable ? (React__default["default"].createElement(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, fixed: expandable && expandable.fixed ? 'left' : '', className: cx('Table-row-expand-icon-cell') })) : null;
+        var expandableCell = !draggable && isExpandable ? (_J$X_(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, fixed: expandable && expandable.fixed ? 'left' : '', className: cx('Table-row-expand-icon-cell') })) : null;
         var allRowKeys = [];
         var allRows = [];
         dataList.forEach(function (data) {
@@ -631,12 +630,12 @@ var Table = /** @class */ (function (_super) {
                 allRows = allRows.slice(0, count);
             }
         }
-        return (React__default["default"].createElement("thead", { ref: this.theadDom, className: cx('Table-thead') }, thColumns.map(function (data, index) {
-            return (React__default["default"].createElement("tr", { key: 'th-cell-' + index },
-                draggable && index === 0 ? (React__default["default"].createElement(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, className: cx('Table-dragCell') })) : null,
-                !draggable && rowSelection && index === 0 ? (React__default["default"].createElement(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, fixed: rowSelection.fixed ? 'left' : '', className: cx('Table-checkCell') }, rowSelection.type !== 'radio'
+        return (_J$X_("thead", { ref: this.theadDom, className: cx('Table-thead') }, thColumns.map(function (data, index) {
+            return (_J$X_("tr", { key: 'th-cell-' + index },
+                draggable && index === 0 ? (_J$X_(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, className: cx('Table-dragCell') })) : null,
+                !draggable && rowSelection && index === 0 ? (_J$X_(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, fixed: rowSelection.fixed ? 'left' : '', className: cx('Table-checkCell') }, rowSelection.type !== 'radio'
                     ? [
-                        React__default["default"].createElement(Checkbox["default"], { key: "checkAll", partial: selectedRowKeys.length > 0 &&
+                        _J$X_(Checkbox["default"], { key: "checkAll", partial: selectedRowKeys.length > 0 &&
                                 selectedRowKeys.length < allRowKeys.length, checked: selectedRowKeys.length > 0, onChange: function (value) { return tslib.__awaiter(_this, void 0, void 0, function () {
                                 var selectedRows, selectedRowKeys, prevented;
                                 return tslib.__generator(this, function (_a) {
@@ -662,7 +661,7 @@ var Table = /** @class */ (function (_super) {
                                 });
                             }); } }),
                         rowSelection.selections &&
-                            rowSelection.selections.length > 0 ? (React__default["default"].createElement(HeadCellSelect["default"], { key: "checkSelection", keys: allRowKeys, selections: rowSelection.selections, popOverContainer: _this.getPopOverContainer })) : null
+                            rowSelection.selections.length > 0 ? (_J$X_(HeadCellSelect["default"], { key: "checkSelection", keys: allRowKeys, selections: rowSelection.selections, popOverContainer: _this.getPopOverContainer })) : null
                     ]
                     : null)) : null,
                 isLeftExpandable && index === 0 ? expandableCell : null,
@@ -670,7 +669,7 @@ var Table = /** @class */ (function (_super) {
                     var _a, _b, _c;
                     var sort = null;
                     if (item.sorter) {
-                        sort = (React__default["default"].createElement(HeadCellSort["default"], { column: item, active: !!((_a = _this.state.sort) === null || _a === void 0 ? void 0 : _a.orderBy) &&
+                        sort = (_J$X_(HeadCellSort["default"], { column: item, active: !!((_a = _this.state.sort) === null || _a === void 0 ? void 0 : _a.orderBy) &&
                                 _this.state.sort.orderBy === (item === null || item === void 0 ? void 0 : item.name), onSort: function (payload) {
                                 _this.setState({
                                     sort: payload
@@ -698,7 +697,7 @@ var Table = /** @class */ (function (_super) {
                         filter = item.filterDropdown;
                     }
                     else if (item.filters && item.filters.length > 0) {
-                        filter = (React__default["default"].createElement(HeadCellFilter["default"], { column: item, popOverContainer: _this.getPopOverContainer, onFilter: onFilter }));
+                        filter = (_J$X_(HeadCellFilter["default"], { column: item, popOverContainer: _this.getPopOverContainer, onFilter: onFilter }));
                     }
                     // th的最后一行才可调整列宽
                     // 分组情况下 最后一行才和列配置个数对应
@@ -710,12 +709,12 @@ var Table = /** @class */ (function (_super) {
                         // 没设置name的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
                         cIndex = tdColumns.findIndex(function (c) { return c.name === item.name; });
                     }
-                    var children = !((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) ? (React__default["default"].createElement("span", null,
-                        React__default["default"].createElement(React__default["default"].Fragment, null,
+                    var children = !((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) ? (_J$X_("span", null,
+                        _J$X_(React__default["default"].Fragment, null,
                             sort,
                             filter,
-                            resizable ? (React__default["default"].createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) { return _this.onResizeMouseDown(e, cIndex); } })) : null))) : null;
-                    return (React__default["default"].createElement(Cell["default"], { wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, key: "cell-".concat(i), fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
+                            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 }, typeof item.title === 'function'
                         ? item.title(children)
@@ -897,9 +896,9 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.getExpandedIcons = function (record) {
         var cx = this.props.classnames;
-        return this.isExpanded(record) ? (React__default["default"].createElement("i", { className: cx('Table-expandBtn', 'is-active'), onClick: this.onCollapseRows.bind(this, [record]) },
-            React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : (React__default["default"].createElement("i", { className: cx('Table-expandBtn'), onClick: this.onExpandRows.bind(this, [record]) },
-            React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" })));
+        return this.isExpanded(record) ? (_J$X_("i", { className: cx('Table-expandBtn', 'is-active'), onClick: this.onCollapseRows.bind(this, [record]) },
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : (_J$X_("i", { className: cx('Table-expandBtn'), onClick: this.onExpandRows.bind(this, [record]) },
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" })));
     };
     Table.prototype.selectedSingleRow = function (value, data) {
         return tslib.__awaiter(this, void 0, void 0, function () {
@@ -961,7 +960,7 @@ var Table = /** @class */ (function (_super) {
         var hasChildrenRow = this.hasChildrenRow(data);
         var isExpanded = this.isExpanded(data);
         // 设置缩进效果
-        var indentDom = levels.length > 0 ? (React__default["default"].createElement("span", { className: cx('Table-row-indent', "indent-level-".concat(levels.length)), style: levels.length > 0
+        var indentDom = levels.length > 0 ? (_J$X_("span", { className: cx('Table-row-indent', "indent-level-".concat(levels.length)), style: levels.length > 0
                 ? { paddingLeft: indentSize * levels.length + 'px' }
                 : {} })) : null;
         var cells = tdColumns.map(function (item, i) {
@@ -982,10 +981,10 @@ var Table = /** @class */ (function (_super) {
             var className = typeof item.className === 'function'
                 ? item.className(data, rowIndex)
                 : '';
-            return props.rowSpan === 0 || props.colSpan === 0 ? null : (React__default["default"].createElement(Cell["default"], tslib.__assign({ key: i }, props, { fixed: item.fixed === true ? 'left' : item.fixed, column: item, groupId: item.groupId, className: cx((_a = {},
+            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)) }),
-                React__default["default"].createElement("div", { className: cx('Table-cell-wrapper', (_b = {},
+                _J$X_("div", { className: cx('Table-cell-wrapper', (_b = {},
                         _b[cx('Table-cell-wrapper-prefix')] = i === 0 &&
                             (!!indentDom || (levels.length === 0 && hasChildrenRow)),
                         _b[cx("Table-cell-height-".concat(lineHeight))] = !!lineHeight,
@@ -1009,8 +1008,8 @@ var Table = /** @class */ (function (_super) {
             ? expandable.expandedRowClassName(data, rowIndex)
             : '';
         var dataKey = this.getChildrenColumnName();
-        var children = !draggable && isExpandableRow && isExpanded ? (React__default["default"].createElement("tr", { key: "expanded", className: cx('Table-expanded-row', expandedRowClassName) },
-            React__default["default"].createElement(Cell["default"], { colSpan: tdColumns.length + colCount }, expandable &&
+        var children = !draggable && isExpandableRow && isExpanded ? (_J$X_("tr", { key: "expanded", className: cx('Table-expanded-row', expandedRowClassName) },
+            _J$X_(Cell["default"], { colSpan: tdColumns.length + colCount }, expandable &&
                 expandable.expandedRowRender &&
                 typeof expandable.expandedRowRender === 'function'
                 ? expandable.expandedRowRender(data, rowIndex)
@@ -1020,7 +1019,7 @@ var Table = /** @class */ (function (_super) {
         var isChecked = !!find__default["default"](this.state.selectedRowKeys, function (key) { return key === data[defaultKey]; });
         var hasChildrenChecked = this.hasCheckedChildrenRows(data);
         var isRadio = rowSelection && rowSelection.type === 'radio';
-        var expandableCell = !draggable && isExpandable ? (React__default["default"].createElement(Cell["default"], { fixed: expandable && expandable.fixed
+        var expandableCell = !draggable && isExpandable ? (_J$X_(Cell["default"], { fixed: expandable && expandable.fixed
                 ? isRightExpandable
                     ? 'right'
                     : 'left'
@@ -1028,13 +1027,13 @@ var Table = /** @class */ (function (_super) {
             ? this.getExpandedIcons(data)
             : null)) : null;
         return [
-            React__default["default"].createElement("tr", { key: "".concat(data[keyField || 'key'] || rowIndex), "row-index": rowIndex, "row-levels": levels.join(','), className: cx('Table-row', "Table-row-level-".concat(levels.length), rowClassNameClass, {
+            _J$X_("tr", { key: "".concat(data[keyField || 'key'] || rowIndex), "row-index": rowIndex, "row-levels": levels.join(','), className: cx('Table-row', "Table-row-level-".concat(levels.length), rowClassNameClass, {
                     'Table-row-disabled': !!checkboxProps.disabled
                 }), onMouseEnter: function (e) { return _this.onRowMouseEnter(e, data, rowIndex); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e, data, rowIndex); }, onClick: function (e) { return _this.onRowClick(e, data, rowIndex); } },
-                draggable ? (React__default["default"].createElement(Cell["default"], { className: cx('Table-dragCell') },
-                    React__default["default"].createElement(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
-                !draggable && rowSelection ? (React__default["default"].createElement(Cell["default"], { fixed: rowSelection.fixed ? 'left' : '', className: cx('Table-checkCell') },
-                    React__default["default"].createElement(Checkbox["default"], tslib.__assign({ name: 'Table-checkbox', type: rowSelection.type || 'checkbox', partial: !isRadio && hasChildrenChecked && !isChecked, checked: isRadio ? isChecked : hasChildrenChecked || isChecked, onChange: function (value) {
+                draggable ? (_J$X_(Cell["default"], { className: cx('Table-dragCell') },
+                    _J$X_(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
+                !draggable && rowSelection ? (_J$X_(Cell["default"], { fixed: rowSelection.fixed ? 'left' : '', className: cx('Table-checkCell') },
+                    _J$X_(Checkbox["default"], tslib.__assign({ name: 'Table-checkbox', type: rowSelection.type || 'checkbox', partial: !isRadio && hasChildrenChecked && !isChecked, checked: isRadio ? isChecked : hasChildrenChecked || isChecked, onChange: function (value) {
                             if (!(rowSelection && rowSelection.rowClick)) {
                                 _this.selectedSingleRow(value, data);
                             }
@@ -1052,13 +1051,13 @@ var Table = /** @class */ (function (_super) {
         var tdColumns = this.tdColumns;
         var hasScrollY = scroll && scroll.y;
         var colCount = this.getExtraColumnCount();
-        return (React__default["default"].createElement("tbody", { ref: this.tbodyDom, className: cx('Table-tbody') },
+        return (_J$X_("tbody", { ref: this.tbodyDom, className: cx('Table-tbody') },
             !hasScrollY && !sticky && headSummary
                 ? this.renderSummaryRow(headSummary)
                 : null,
-            !this.state.dataSource.length ? (React__default["default"].createElement("tr", { className: cx('Table-row', 'Table-empty-row') },
-                React__default["default"].createElement(Cell["default"], { colSpan: tdColumns.length + colCount },
-                    React__default["default"].createElement("div", { className: cx('Table-empty') }, typeof placeholder === 'function'
+            !this.state.dataSource.length ? (_J$X_("tr", { className: cx('Table-row', 'Table-empty-row') },
+                _J$X_(Cell["default"], { colSpan: tdColumns.length + colCount },
+                    _J$X_("div", { className: cx('Table-empty') }, typeof placeholder === 'function'
                         ? placeholder()
                         : placeholder)))) : (this.state.dataSource.map(function (data, index) {
                 return _this.renderRow(data, index, []);
@@ -1113,18 +1112,18 @@ var Table = /** @class */ (function (_super) {
         Array.isArray(summary)
             ? summary.forEach(function (s, index) {
                 Array.isArray(s)
-                    ? trs.push(React__default["default"].createElement("tr", { onMouseEnter: function (e) { return _this.onRowMouseEnter(e); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e); }, key: 'summary-tr-' + index, className: cx('Table-summary-row') }, s.map(function (d, i) {
+                    ? trs.push(_J$X_("tr", { onMouseEnter: function (e) { return _this.onRowMouseEnter(e); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e); }, key: 'summary-tr-' + index, className: cx('Table-summary-row') }, s.map(function (d, i) {
                         // 将操作列自动添加到第一列，用户的colSpan只需要关心实际的列数
                         var colSpan = i === 0
                             ? (d.colSpan || 1) + colCount - isRightExpandable
                             : i === s.length - 1
                                 ? (d.colSpan || 1) + isRightExpandable
                                 : d.colSpan;
-                        return (React__default["default"].createElement(Cell["default"], { key: 'summary-tr-cell-' + i, fixed: d.fixed, colSpan: colSpan }, typeof d.render === 'function'
+                        return (_J$X_(Cell["default"], { key: 'summary-tr-cell-' + i, fixed: d.fixed, colSpan: colSpan }, typeof d.render === 'function'
                             ? d.render(dataSource)
                             : d.render));
                     })))
-                    : cells.push(React__default["default"].createElement(Cell["default"], { key: 'summary-cell-' + index, fixed: s.fixed, colSpan: cells.length === 0
+                    : cells.push(_J$X_(Cell["default"], { key: 'summary-cell-' + index, fixed: s.fixed, colSpan: cells.length === 0
                             ? (s.colSpan || 1) + colCount - isRightExpandable
                             : index === summary.length - 1
                                 ? (s.colSpan || 1) + isRightExpandable
@@ -1137,13 +1136,13 @@ var Table = /** @class */ (function (_super) {
             ? typeof summary === 'function'
                 ? summary(dataSource)
                 : tslib.__spreadArray([
-                    cells.length > 0 ? (React__default["default"].createElement("tr", { onMouseEnter: function (e) { return _this.onRowMouseEnter(e); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e); }, key: "summary-row", className: cx('Table-summary-row') }, cells)) : null
+                    cells.length > 0 ? (_J$X_("tr", { onMouseEnter: function (e) { return _this.onRowMouseEnter(e); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e); }, key: "summary-row", className: cx('Table-summary-row') }, cells)) : null
                 ], tslib.__read(trs), false)
             : null;
     };
     Table.prototype.renderTFoot = function () {
         var _a = this.props, cx = _a.classnames, footSummary = _a.footSummary;
-        return (React__default["default"].createElement("tfoot", { ref: this.tfootDom, className: cx('Table-summary') }, this.renderSummaryRow(footSummary)));
+        return (_J$X_("tfoot", { ref: this.tfootDom, className: cx('Table-summary') }, this.renderSummaryRow(footSummary)));
     };
     Table.prototype.updateTableDom = function (dom) {
         var cx = this.props.classnames;
@@ -1190,7 +1189,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.renderLoading = function () {
         var _a = this.props, cx = _a.classnames, loading = _a.loading, loadingConfig = _a.loadingConfig;
-        return (React__default["default"].createElement("div", { className: cx('Table-loading') }, typeof loading === 'boolean' ? (React__default["default"].createElement(Spinner["default"], { loadingConfig: loadingConfig })) : (loading)));
+        return (_J$X_("div", { className: cx('Table-loading') }, typeof loading === 'boolean' ? (_J$X_(Spinner["default"], { loadingConfig: loadingConfig })) : (loading)));
     };
     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;
@@ -1199,11 +1198,11 @@ var Table = /** @class */ (function (_super) {
         var hoverRow = this.state.hoverRow;
         var tableLayout = hasScrollX ? 'fixed' : 'auto';
         var tableStyle = hasScrollX ? { width: scroll.x + 'px' } : {};
-        return (React__default["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["default"].createElement(ItemActionsWrapper["default"], { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
+        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,
-            React__default["default"].createElement("table", { style: tslib.__assign(tslib.__assign({}, tableStyle), { tableLayout: tableLayout }), className: cx('Table-table') },
+            _J$X_("table", { style: tslib.__assign(tslib.__assign({}, tableStyle), { tableLayout: tableLayout }), className: cx('Table-table') },
                 this.renderColGroup(),
                 showHeader ? this.renderTHead() : null,
                 !loading ? this.renderTBody() : null,
@@ -1224,13 +1223,13 @@ var Table = /** @class */ (function (_super) {
                 tableLayout: 'fixed'
             });
         }
-        return (React__default["default"].createElement("div", { ref: this.headerDom, className: cx('Table-header', (_a = {},
+        return (_J$X_("div", { ref: this.headerDom, className: cx('Table-header', (_a = {},
                 _a[cx('Table-sticky-holder')] = !!sticky,
                 _a)), style: style },
-            React__default["default"].createElement("table", { className: cx('Table-table'), style: tableStyle },
+            _J$X_("table", { className: cx('Table-table'), style: tableStyle },
                 this.renderColGroup(this.state.colWidths),
                 showHeader ? this.renderTHead() : null,
-                headSummary ? (React__default["default"].createElement("tbody", null, this.renderSummaryRow(headSummary))) : null)));
+                headSummary ? (_J$X_("tbody", null, this.renderSummaryRow(headSummary))) : null)));
     };
     Table.prototype.renderScrollTableBody = function () {
         var _a = this.props, scroll = _a.scroll, itemActions = _a.itemActions, cx = _a.classnames;
@@ -1247,22 +1246,22 @@ var Table = /** @class */ (function (_super) {
             });
         }
         var hoverRow = this.state.hoverRow;
-        return (React__default["default"].createElement("div", { ref: this.bodyDom, className: cx('Table-body'), style: style, onMouseLeave: this.onMouseLeave.bind(this), onScroll: this.onTableScroll.bind(this) },
-            itemActions && hoverRow ? (React__default["default"].createElement(ItemActionsWrapper["default"], { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
+        return (_J$X_("div", { ref: this.bodyDom, className: cx('Table-body'), style: style, onMouseLeave: this.onMouseLeave.bind(this), onScroll: this.onTableScroll.bind(this) },
+            itemActions && hoverRow ? (_J$X_(ItemActionsWrapper["default"], { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
                 ? itemActions(hoverRow.record, hoverRow.rowIndex)
                 : null)) : null,
-            React__default["default"].createElement("table", { className: cx('Table-table'), style: tableStyle },
+            _J$X_("table", { className: cx('Table-table'), style: tableStyle },
                 this.renderColGroup(),
                 this.renderTBody())));
     };
     Table.prototype.renderScrollTableFoot = function () {
         var _a = this.props, scroll = _a.scroll, cx = _a.classnames;
-        return (React__default["default"].createElement("div", { ref: this.footDom, className: cx('Table-summary'), style: { overflow: 'hidden' } },
-            React__default["default"].createElement("table", { className: cx('Table-table'), style: { width: (scroll === null || scroll === void 0 ? void 0 : scroll.x) + 'px' || '100%', tableLayout: 'fixed' } }, this.renderTFoot())));
+        return (_J$X_("div", { ref: this.footDom, className: cx('Table-summary'), style: { overflow: 'hidden' } },
+            _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;
-        return (React__default["default"].createElement("div", { className: cx('Table-container') },
+        return (_J$X_("div", { className: cx('Table-container') },
             this.renderScrollTableHeader(),
             !loading ? this.renderScrollTableBody() : null,
             !loading && footSummary ? this.renderScrollTableFoot() : null,
@@ -1280,15 +1279,15 @@ var Table = /** @class */ (function (_super) {
         var hasScrollY = scroll && scroll.y;
         // 是否设置了横向滚动
         var hasScrollX = scroll && scroll.x;
-        return (React__default["default"].createElement("div", { ref: this.tableDom, className: cx('Table2', className, (_a = {},
+        return (_J$X_("div", { ref: this.tableDom, className: cx('Table2', className, (_a = {},
                 _a[cx('Table-scroll-horizontal')] = hasScrollX,
                 _a[cx("Table-".concat(size))] = size,
                 _a[cx('Table-bordered')] = bordered,
                 _a[cx('Table-resizable')] = resizable,
                 _a)) },
-            title ? (React__default["default"].createElement("div", { className: cx('Table-title') }, typeof title === 'function' ? title() : title)) : null,
-            hasScrollY || sticky ? (this.renderScrollTable()) : (React__default["default"].createElement("div", { className: cx('Table-container') }, this.renderTable())),
-            footer ? (React__default["default"].createElement("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
+            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));
     };
     Table.defaultProps = {
         title: '',

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -32,6 +32,9 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var AutoSizer = /** @class */ (function (_super) {
     tslib.__extends(AutoSizer, _super);
     function AutoSizer(props) {
@@ -62,7 +65,7 @@ var AutoSizer = /** @class */ (function (_super) {
         var _a = this.props, children = _a.children, WrapperComponent = _a.WrapperComponent, minHeight = _a.minHeight;
         var _b = this.state, width = _b.width, height = _b.height;
         var WrapperCmpt = WrapperComponent !== null && WrapperComponent !== void 0 ? WrapperComponent : 'div';
-        return (React__namespace.createElement(WrapperCmpt, { style: tslib.__assign({ display: 'block', position: 'relative', width: '100%', height: '100%' }, (minHeight ? { minHeight: minHeight } : {})) }, children({
+        return (_J$X_(WrapperCmpt, { style: tslib.__assign({ display: 'block', position: 'relative', width: '100%', height: '100%' }, (minHeight ? { minHeight: minHeight } : {})) }, children({
             width: width,
             height: height
         })));

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

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

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

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

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -35,9 +35,9 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__namespace = /*#__PURE__*/_interopNamespace(PropTypes);
 
-/**
- * 基于 https://github.com/clauderic/react-tiny-virtual-list 改造，主要是加了宽度自适应
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var STYLE_WRAPPER = {
     overflow: 'auto',
     willChange: 'transform',
@@ -241,8 +241,8 @@ var VirtualList = /** @class */ (function (_super) {
         }
         var WrapperCmpt = WrapperComponent || 'div';
         var InnerCmpt = InnerComponent || 'div';
-        return (React__namespace.createElement(WrapperCmpt, tslib.__assign({ ref: this.getRef }, props, { style: wrapperStyle }), prefix !== null && prefix !== void 0 ? prefix : null,
-            React__namespace.createElement(InnerCmpt, { style: innerStyleFilter ? innerStyleFilter(innerStyle) : innerStyle }, items)));
+        return (_J$X_(WrapperCmpt, tslib.__assign({ ref: this.getRef }, props, { style: wrapperStyle }), prefix !== null && prefix !== void 0 ? prefix : null,
+            _J$X_(InnerCmpt, { style: innerStyleFilter ? innerStyleFilter(innerStyle) : innerStyle }, items)));
     };
     VirtualList.prototype.getNodeOffset = function () {
         var _a = this.props.scrollDirection, scrollDirection = _a === void 0 ? constants.DIRECTION.VERTICAL : _a;