amis-ui 2.1.1-beta.2 → 2.3.0

package/lib/components/table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 
@@ -238,13 +238,14 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.componentDidMount = function () {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c, _d;
+        (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onRef) === null || _b === void 0 ? void 0 : _b.call(_a, this);
         if (this.props.loading) {
             return;
         }
         this.updateTableFixedRows();
-        var current = (_a = this.contentDom) === null || _a === void 0 ? void 0 : _a.current;
-        if ((_b = this.headerDom) === null || _b === void 0 ? void 0 : _b.current) {
+        var current = (_c = this.contentDom) === null || _c === void 0 ? void 0 : _c.current;
+        if ((_d = this.headerDom) === null || _d === void 0 ? void 0 : _d.current) {
             // overflow设置为hidden的情况
             var hiddenDomRefs = [this.headerDom, this.footDom];
             hiddenDomRefs.forEach(function (ref) {
@@ -504,19 +505,25 @@ var Table = /** @class */ (function (_super) {
         var _a = this.props, rowSelection = _a.rowSelection, cx = _a.classnames, expandable = _a.expandable, draggable = _a.draggable;
         var tdColumns = this.tdColumns;
         var isExpandable = this.isExpandableTable();
-        var extraCount = this.getExtraColumnCount();
+        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: {
+                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: {
                     width: (rowSelection.columnWidth || DefaultCellWidth) + 'px'
                 } })) : null,
-            !draggable && isExpandable ? (React__default["default"].createElement("col", { className: cx('Table-expand-col'), style: {
-                    width: ((expandable === null || expandable === void 0 ? void 0 : expandable.columnWidth) || DefaultCellWidth) + 'px'
-                } })) : null,
+            isLeftExpandable ? expandableCol : null,
             tdColumns.map(function (data, index) {
-                var width = colWidths ? colWidths[index + extraCount] : data.width;
+                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)) : '' }));
-            })));
+            }),
+            isRightExpandable ? expandableCol : null));
     };
     Table.prototype.onResizeMouseDown = function (event, index) {
         var _a;
@@ -593,16 +600,22 @@ var Table = /** @class */ (function (_super) {
             })
             : this.state.dataSource;
         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 allRowKeys = [];
         var allRows = [];
+        var maxSelectedLength = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.maxSelectedLength;
         dataList.forEach(function (data) {
-            allRowKeys.push(data[keyField]);
-            allRows.push(data);
-            if (!expandable && _this.hasChildrenRow(data)) {
-                allRowKeys = tslib.__spreadArray(tslib.__spreadArray([], allRowKeys, true), _this.getDataChildrenKeys(data), true);
-                data[_this.getChildrenColumnName()].forEach(function (item) {
-                    return allRows.push(item);
-                });
+            if (!!maxSelectedLength && allRows.length < maxSelectedLength) {
+                allRowKeys.push(data[keyField]);
+                allRows.push(data);
+                if (!expandable && _this.hasChildrenRow(data)) {
+                    allRowKeys = tslib.__spreadArray(tslib.__spreadArray([], allRowKeys, true), _this.getDataChildrenKeys(data), true);
+                    data[_this.getChildrenColumnName()].forEach(function (item) {
+                        return allRows.push(item);
+                    });
+                }
             }
         });
         return (React__default["default"].createElement("thead", { ref: this.theadDom, className: cx('Table-thead') }, thColumns.map(function (data, index) {
@@ -613,21 +626,21 @@ var Table = /** @class */ (function (_super) {
                         React__default["default"].createElement(Checkbox["default"], { key: "checkAll", partial: _this.state.selectedRowKeys.length > 0 &&
                                 _this.state.selectedRowKeys.length <
                                     allRowKeys.length, checked: _this.state.selectedRowKeys.length > 0, onChange: function (value) { return tslib.__awaiter(_this, void 0, void 0, function () {
-                                var changeRows, selectedRows, selectedRowKeys, prevented;
+                                var selectedRows, selectedRowKeys, prevented;
                                 var _this = this;
                                 return tslib.__generator(this, function (_a) {
                                     switch (_a.label) {
                                         case 0:
                                             if (value) {
-                                                changeRows = dataList.filter(function (data) { return !_this.hasCheckedRows(data); });
+                                                dataList.filter(function (data) { return !_this.hasCheckedRows(data); });
                                             }
                                             else {
-                                                changeRows = this.selectedRows;
+                                                this.selectedRows;
                                             }
                                             selectedRows = value ? allRows : [];
                                             selectedRowKeys = value ? allRowKeys : [];
                                             if (!onSelectAll) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, onSelectAll(selectedRows, value ? [] : selectedRows, changeRows)];
+                                            return [4 /*yield*/, onSelectAll(selectedRows, value ? selectedRowKeys : [], value ? [] : selectedRows)];
                                         case 1:
                                             prevented = _a.sent();
                                             if (prevented) {
@@ -644,7 +657,7 @@ var Table = /** @class */ (function (_super) {
                             rowSelection.selections.length > 0 ? (React__default["default"].createElement(HeadCellSelect["default"], { key: "checkSelection", keys: allRowKeys, selections: rowSelection.selections, popOverContainer: _this.getPopOverContainer })) : null
                     ]
                     : null)) : null,
-                !draggable && isExpandable && index === 0 ? (React__default["default"].createElement(Cell["default"], { wrapperComponent: "th", rowSpan: thColumns.length, fixed: expandable && expandable.fixed ? 'left' : '', className: cx('Table-row-expand-icon-cell') })) : null,
+                isLeftExpandable && index === 0 ? expandableCell : null,
                 data.map(function (item, i) {
                     var _a, _b;
                     var sort = null;
@@ -674,13 +687,13 @@ var Table = /** @class */ (function (_super) {
                     }
                     // th的最后一行才可调整列宽
                     // 分组情况下 最后一行才和列配置个数对应
-                    // 就可以根据index找到col 不依赖key
+                    // 就可以根据index找到col 不依赖name
                     var noChildren = !((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
                     var cIndex = -1;
                     if (noChildren) {
-                        // 根据key去tdColumns匹配出index
-                        // 没设置key的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
-                        cIndex = tdColumns.findIndex(function (c) { return c.key === item.key; });
+                        // 根据name去tdColumns匹配出index
+                        // 没设置name的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
+                        cIndex = tdColumns.findIndex(function (c) { return c.name === item.name; });
                     }
                     var children = !((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) ? (React__default["default"].createElement("span", null,
                         sort,
@@ -691,7 +704,8 @@ var Table = /** @class */ (function (_super) {
                         }), groupId: item.groupId, depth: item.depth }, typeof item.title === 'function'
                         ? item.title(children)
                         : item.title));
-                })));
+                }),
+                isRightExpandable && index === 0 ? expandableCell : null));
         })));
     };
     Table.prototype.onRowClick = function (event, record, rowIndex) {
@@ -766,20 +780,24 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.onMouseLeave = function () {
         this.setState({ hoverRow: null });
     };
-    Table.prototype.onExpandRow = function (data) {
+    Table.prototype.onExpandRows = function (data) {
+        var _this = this;
         var expandedRowKeys = this.state.expandedRowKeys;
         var expandable = this.props.expandable;
-        var key = data[this.getExpandableKeyField()];
-        this.setState({ expandedRowKeys: tslib.__spreadArray(tslib.__spreadArray([], expandedRowKeys, true), [key], false) });
+        var keys = data.map(function (d) { return d[_this.getExpandableKeyField()]; });
+        this.setState({ expandedRowKeys: tslib.__spreadArray(tslib.__spreadArray([], expandedRowKeys, true), keys, true) });
         (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand) && (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand(true, data));
     };
-    Table.prototype.onCollapseRow = function (data) {
+    Table.prototype.onCollapseRows = function (data) {
+        var _this = this;
         var expandedRowKeys = this.state.expandedRowKeys;
         var expandable = this.props.expandable;
-        var key = data[this.getExpandableKeyField()];
-        // 还是得模糊匹配 否则'3'、3匹配不上
-        this.setState({ expandedRowKeys: expandedRowKeys.filter(function (k) { return k != key; }) });
-        (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand) && (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand(false, data));
+        var keys = data.map(function (d) { return d[_this.getExpandableKeyField()]; });
+        this.setState({
+            expandedRowKeys: expandedRowKeys.filter(function (k) { return !keys.find(function (v) { return v == k; }); } // 模糊匹配 否则'3'、3匹配不上
+            )
+        });
+        (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand) && (expandable === null || expandable === void 0 ? void 0 : expandable.onExpand(true, data));
     };
     Table.prototype.getChildrenColumnName = function () {
         var childrenColumnName = this.props.childrenColumnName;
@@ -801,8 +819,8 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.isExpandableRow = function (data, rowIndex) {
         var expandable = this.props.expandable;
         return (expandable &&
-            expandable.rowExpandable &&
-            expandable.rowExpandable(data, rowIndex));
+            (!expandable.rowExpandable ||
+                (expandable.rowExpandable && expandable.rowExpandable(data, rowIndex))));
     };
     // 获取当前行数据所有子行的key值
     Table.prototype.getDataChildrenKeys = function (data) {
@@ -831,10 +849,14 @@ var Table = /** @class */ (function (_super) {
         var length = intersection__default["default"](selectedRowKeys, childrenKeys).length;
         return length > 0;
     };
-    Table.prototype.getExpandedIcons = function (isExpanded, record) {
+    Table.prototype.isExpanded = function (record) {
+        var _this = this;
+        return !!find__default["default"](this.state.expandedRowKeys, function (key) { return key == record[_this.getExpandableKeyField()]; }); // == 匹配 否则'3'、3匹配不上
+    };
+    Table.prototype.getExpandedIcons = function (record) {
         var cx = this.props.classnames;
-        return isExpanded ? (React__default["default"].createElement("i", { className: cx('Table-expandBtn', 'is-active'), onClick: this.onCollapseRow.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.onExpandRow.bind(this, record) },
+        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" })));
     };
     Table.prototype.selectedSingleRow = function (value, data) {
@@ -889,11 +911,13 @@ var Table = /** @class */ (function (_super) {
         var isExpandable = this.isExpandableTable();
         var defaultKey = this.getRowSelectionKeyField();
         var colCount = this.getExtraColumnCount();
+        var isLeftExpandable = this.isLeftExpandable();
+        var isRightExpandable = this.isRightExpandable();
         // 当前行是否可展开
         var isExpandableRow = this.isExpandableRow(data, rowIndex);
         // 当前行是否有children
         var hasChildrenRow = this.hasChildrenRow(data);
-        var isExpanded = !!find__default["default"](this.state.expandedRowKeys, function (key) { return key == data[_this.getExpandableKeyField()]; }); // == 匹配 否则'3'、3匹配不上
+        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
                 ? { paddingLeft: indentSize * levels.length + 'px' }
@@ -901,7 +925,7 @@ var Table = /** @class */ (function (_super) {
         var cells = tdColumns.map(function (item, i) {
             var _a, _b;
             var render = item.render && typeof item.render === 'function'
-                ? item.render(data[item.key], data, rowIndex, i)
+                ? item.render(data[item.name], data, rowIndex, i)
                 : null;
             var props = { rowSpan: 1, colSpan: 1 };
             var children = render;
@@ -925,10 +949,8 @@ var Table = /** @class */ (function (_super) {
                         _b[cx("Table-cell-height-".concat(lineHeight))] = !!lineHeight,
                         _b)) },
                     i === 0 && levels.length > 0 ? indentDom : null,
-                    i === 0 && hasChildrenRow
-                        ? _this.getExpandedIcons(isExpanded, data)
-                        : null,
-                    render ? children : data[item.key])));
+                    i === 0 && hasChildrenRow ? _this.getExpandedIcons(data) : null,
+                    render ? children : data[item.name])));
         });
         var rowClassNameClass = rowClassName && typeof rowClassName === 'function'
             ? rowClassName(data, rowIndex)
@@ -956,6 +978,13 @@ 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
+                ? isRightExpandable
+                    ? 'right'
+                    : 'left'
+                : '', className: cx('Table-cell-expand-icon-cell') }, isExpandableRow || hasChildrenRow
+            ? 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, {
                     'Table-row-disabled': !!checkboxProps.disabled
@@ -963,16 +992,15 @@ var Table = /** @class */ (function (_super) {
                 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, shift) {
+                    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) {
                             if (!(rowSelection && rowSelection.rowClick)) {
                                 _this.selectedSingleRow(value, data);
                             }
                             event && event.stopPropagation();
                         } }, checkboxProps)))) : null,
-                !draggable && isExpandable ? (React__default["default"].createElement(Cell["default"], { fixed: expandable && expandable.fixed ? 'left' : '', className: cx('Table-cell-expand-icon-cell') }, isExpandableRow || hasChildrenRow
-                    ? this.getExpandedIcons(isExpanded, data)
-                    : null)) : null,
-                cells),
+                isLeftExpandable ? expandableCell : null,
+                cells,
+                isRightExpandable ? expandableCell : null),
             children
         ];
     };
@@ -1000,19 +1028,31 @@ var Table = /** @class */ (function (_super) {
         // 就不支持默认嵌套了
         return !!expandable;
     };
+    // 展开列放到右侧 会影响之前的一些合并的规则
+    Table.prototype.isRightExpandable = function () {
+        var expandable = this.props.expandable;
+        return expandable && expandable.position === 'right';
+    };
+    // 展开列放到左侧
+    Table.prototype.isLeftExpandable = function () {
+        var expandable = this.props.expandable;
+        return (expandable && (!expandable.position || expandable.position === 'left'));
+    };
     Table.prototype.isNestedTable = function () {
         var _this = this;
         var dataSource = this.props.dataSource;
         return !!find__default["default"](dataSource, function (item) { return _this.hasChildrenRow(item); });
     };
+    // 计算自动增加的列数
+    // 选择、拖拽、展开
     Table.prototype.getExtraColumnCount = function () {
-        var _a = this.props, draggable = _a.draggable, rowSelection = _a.rowSelection;
+        var _a = this.props, draggable = _a.draggable, rowSelection = _a.rowSelection, expandable = _a.expandable;
         var count = 0;
         if (draggable) {
             count++;
         }
         else {
-            if (this.isExpandableTable()) {
+            if (this.isExpandableTable() && (expandable === null || expandable === void 0 ? void 0 : expandable.position) !== 'none') {
                 count++;
             }
             if (rowSelection) {
@@ -1027,17 +1067,26 @@ var Table = /** @class */ (function (_super) {
         var cells = [];
         var trs = [];
         var colCount = this.getExtraColumnCount();
+        var isRightExpandable = this.isRightExpandable() ? 1 : 0;
         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) {
                         // 将操作列自动添加到第一列，用户的colSpan只需要关心实际的列数
-                        var colSpan = i === 0 ? (d.colSpan || 1) + colCount : d.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'
                             ? d.render(dataSource)
                             : d.render));
                     })))
-                    : cells.push(React__default["default"].createElement(Cell["default"], { key: 'summary-cell-' + index, fixed: s.fixed, colSpan: cells.length === 0 ? (s.colSpan || 1) + colCount : s.colSpan }, typeof s.render === 'function'
+                    : cells.push(React__default["default"].createElement(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
+                                : s.colSpan }, typeof s.render === 'function'
                         ? s.render(dataSource)
                         : s.render));
             })
@@ -1106,9 +1155,7 @@ var Table = /** @class */ (function (_super) {
         // 设置了横向滚动轴 则table的table-layout为fixed
         var hasScrollX = scroll && scroll.x;
         var hoverRow = this.state.hoverRow;
-        // 如果设置了列宽 那么table-layout为fixed才能生效
-        var columnWidth = this.tdColumns.some(function (item) { return item.width; });
-        var tableLayout = hasScrollX || columnWidth ? 'fixed' : 'auto';
+        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'
@@ -1191,7 +1238,7 @@ 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('Table-v2', className, (_a = {},
+        return (React__default["default"].createElement("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,

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/virtual-list/index.d.ts

@@ -57,9 +57,9 @@ export default class VirtualList extends React.PureComponent<Props, State> {
     };
     static propTypes: {
         estimatedItemSize: PropTypes.Requireable<number>;
-        height: PropTypes.Validator<string | number>;
+        height: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         itemCount: PropTypes.Validator<number>;
-        itemSize: PropTypes.Validator<number | any[] | ((...args: any[]) => any)>;
+        itemSize: PropTypes.Validator<NonNullable<NonNullable<number | any[] | ((...args: any[]) => any) | null | undefined>>>;
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onItemsRendered: PropTypes.Requireable<(...args: any[]) => any>;
         overscanCount: PropTypes.Requireable<number>;
@@ -70,7 +70,7 @@ export default class VirtualList extends React.PureComponent<Props, State> {
         scrollDirection: PropTypes.Requireable<DIRECTION>;
         stickyIndices: PropTypes.Requireable<(number | null | undefined)[]>;
         style: PropTypes.Requireable<object>;
-        width: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
     };
     itemSizeGetter: (itemSize: Props['itemSize']) => (index: any) => any;
     sizeAndPositionManager: SizeAndPositionManager;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */
 

package/lib/helper.css

@@ -556,7 +556,6 @@ a.text-black:hover {
 .no-select {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .l-h {
@@ -1617,11 +1616,6 @@ a.label:hover, a.label:focus {
 .label-danger {
   background: var(--label--danger-bg);
 }
-@-webkit-keyframes apearSensor {
-  from {
-    opacity: 0;
-  }
-}
 @keyframes apearSensor {
   from {
     opacity: 0;
@@ -20029,7 +20023,6 @@ https://www.w3school.com.cn/cssref/pr_class_position.asp
   position: relative;
 }
 .sticky {
-  position: -webkit-sticky;
   position: sticky;
 }
 @media (max-width: 768px) {
@@ -20050,7 +20043,6 @@ https://www.w3school.com.cn/cssref/pr_class_position.asp
   }
 
   .m\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 }
@@ -20072,7 +20064,6 @@ https://www.w3school.com.cn/cssref/pr_class_position.asp
   }
 
   .pc\:sticky {
-    position: -webkit-sticky;
     position: sticky;
   }
 }
@@ -29032,11 +29023,9 @@ title: Grid Auto Columns
   grid-auto-columns: auto;
 }
 .auto-cols-min {
-  grid-auto-columns: -webkit-min-content;
   grid-auto-columns: min-content;
 }
 .auto-cols-max {
-  grid-auto-columns: -webkit-max-content;
   grid-auto-columns: max-content;
 }
 .auto-cols-fr {
@@ -29048,12 +29037,10 @@ title: Grid Auto Columns
   }
 
   .m\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
     grid-auto-columns: min-content;
   }
 
   .m\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
     grid-auto-columns: max-content;
   }
 
@@ -29067,12 +29054,10 @@ title: Grid Auto Columns
   }
 
   .pc\:auto-cols-min {
-    grid-auto-columns: -webkit-min-content;
     grid-auto-columns: min-content;
   }
 
   .pc\:auto-cols-max {
-    grid-auto-columns: -webkit-max-content;
     grid-auto-columns: max-content;
   }
 
@@ -29160,11 +29145,9 @@ title: Grid Auto Flow
   grid-auto-rows: auto;
 }
 .auto-rows-min {
-  grid-auto-rows: -webkit-min-content;
   grid-auto-rows: min-content;
 }
 .auto-rows-max {
-  grid-auto-rows: -webkit-max-content;
   grid-auto-rows: max-content;
 }
 .auto-rows-fr {
@@ -29176,12 +29159,10 @@ title: Grid Auto Flow
   }
 
   .m\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
     grid-auto-rows: min-content;
   }
 
   .m\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
     grid-auto-rows: max-content;
   }
 
@@ -29195,12 +29176,10 @@ title: Grid Auto Flow
   }
 
   .pc\:auto-rows-min {
-    grid-auto-rows: -webkit-min-content;
     grid-auto-rows: min-content;
   }
 
   .pc\:auto-rows-max {
-    grid-auto-rows: -webkit-max-content;
     grid-auto-rows: max-content;
   }
 
@@ -45545,12 +45524,10 @@ title: Width
   width: 100vw;
 }
 .w-min {
-  width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
 }
 .w-max {
-  width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
 }
@@ -45561,12 +45538,10 @@ title: Width
   min-width: 100%;
 }
 .min-w-min {
-  min-width: -webkit-min-content;
   min-width: -moz-min-content;
   min-width: min-content;
 }
 .min-w-max {
-  min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;
 }
@@ -45613,12 +45588,10 @@ title: Width
   max-width: 100%;
 }
 .max-w-min {
-  max-width: -webkit-min-content;
   max-width: -moz-min-content;
   max-width: min-content;
 }
 .max-w-max {
-  max-width: -webkit-max-content;
   max-width: -moz-max-content;
   max-width: max-content;
 }
@@ -45903,13 +45876,11 @@ title: Width
   }
 
   .m\:w-min {
-    width: -webkit-min-content;
     width: -moz-min-content;
     width: min-content;
   }
 
   .m\:w-max {
-    width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
   }
@@ -45923,13 +45894,11 @@ title: Width
   }
 
   .m\:min-w-min {
-    min-width: -webkit-min-content;
     min-width: -moz-min-content;
     min-width: min-content;
   }
 
   .m\:min-w-max {
-    min-width: -webkit-max-content;
     min-width: -moz-max-content;
     min-width: max-content;
   }
@@ -45991,13 +45960,11 @@ title: Width
   }
 
   .m\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .m\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }
@@ -46284,13 +46251,11 @@ title: Width
   }
 
   .pc\:w-min {
-    width: -webkit-min-content;
     width: -moz-min-content;
     width: min-content;
   }
 
   .pc\:w-max {
-    width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
   }
@@ -46304,13 +46269,11 @@ title: Width
   }
 
   .pc\:min-w-min {
-    min-width: -webkit-min-content;
     min-width: -moz-min-content;
     min-width: min-content;
   }
 
   .pc\:min-w-max {
-    min-width: -webkit-max-content;
     min-width: -moz-max-content;
     min-width: max-content;
   }
@@ -46372,13 +46335,11 @@ title: Width
   }
 
   .pc\:max-w-min {
-    max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content;
   }
 
   .pc\:max-w-max {
-    max-width: -webkit-max-content;
     max-width: -moz-max-content;
     max-width: max-content;
   }

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.1.1-beta.2
+ * amis-ui v2.3.0
  * Copyright 2018-2022 fex
  */