amis-ui 3.1.1 → 3.3.0

package/lib/components/TableSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -13,13 +13,19 @@ var amisCore = require('amis-core');
 var React = require('react');
 var Checkbox = require('./Checkbox.js');
 var index = require('./virtual-list/index.js');
-var _ = require('lodash');
+var isEqual = require('lodash/isEqual');
+var forEach = require('lodash/forEach');
 var AutoSizer = require('./virtual-list/AutoSizer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+var forEach__default = /*#__PURE__*/_interopDefaultLegacy(forEach);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var TableSelection = /** @class */ (function (_super) {
     tslib.__extends(TableSelection, _super);
     function TableSelection(props) {
@@ -54,39 +60,39 @@ var TableSelection = /** @class */ (function (_super) {
                 allChecked = false;
             }
         });
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("thead", null,
-                React__default["default"].createElement("tr", null,
-                    multiple && Array.isArray(options) && options.length ? (React__default["default"].createElement("th", { className: cx('Table-checkCell') },
-                        React__default["default"].createElement(Checkbox["default"], { key: "checkbox", size: "sm", disabled: disabled, onChange: this.toggleAll, checked: partialChecked, partial: partialChecked && !allChecked }))) : null,
-                    columns.map(function (column, index) { return (React__default["default"].createElement("th", { key: index }, column.label)); })))));
+        return (_J$X_(React__default["default"].Fragment, null,
+            _J$X_("thead", null,
+                _J$X_("tr", null,
+                    multiple && Array.isArray(options) && options.length ? (_J$X_("th", { className: cx('Table-checkCell') },
+                        _J$X_(Checkbox["default"], { key: "checkbox", size: "sm", disabled: disabled, onChange: this.toggleAll, checked: partialChecked, partial: partialChecked && !allChecked }))) : null,
+                    columns.map(function (column, index) { return (_J$X_("th", { key: index }, column.label)); })))));
     };
     TableSelection.prototype.renderTr = function (_a) {
         var _this = this;
         var option = _a.option, rowIndex = _a.rowIndex, valueArray = _a.valueArray, columns = _a.columns, styles = _a.styles;
         var _b = this.props, cx = _b.classnames, cellRender = _b.cellRender, disabled = _b.disabled, multiple = _b.multiple; _b.translate; var itemClassName = _b.itemClassName, resultMode = _b.resultMode;
         var checked = valueArray.indexOf(option) !== -1;
-        return (React__default["default"].createElement("tr", { style: styles !== null && styles !== void 0 ? styles : {}, key: rowIndex, 
+        return (_J$X_("tr", { style: styles !== null && styles !== void 0 ? styles : {}, key: rowIndex, 
             /** 被ResultTableList引用，如果设置click事件，会导致错误删除结果列表的内容，先加一个开关判断 */
             onClick: resultMode
                 ? amisCore.noop
                 : function (e) { return e.defaultPrevented || _this.toggleOption(option); }, className: cx(itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : '') },
-            multiple ? (React__default["default"].createElement("td", { className: cx('Table-checkCell'), key: "checkbox", onClick: function (e) {
+            multiple ? (_J$X_("td", { className: cx('Table-checkCell'), key: "checkbox", onClick: function (e) {
                     e.stopPropagation();
                     _this.toggleOption(option);
                 } },
-                React__default["default"].createElement(Checkbox["default"], { size: "sm", checked: checked, disabled: disabled }))) : null,
-            columns.map(function (column, colIndex) { return (React__default["default"].createElement("td", { key: colIndex }, cellRender(column, option, colIndex, rowIndex))); })));
+                _J$X_(Checkbox["default"], { size: "sm", checked: checked, disabled: disabled }))) : null,
+            columns.map(function (column, colIndex) { return (_J$X_("td", { key: colIndex }, cellRender(column, option, colIndex, rowIndex))); })));
     };
     TableSelection.prototype.renderTBody = function () {
         var _this = this;
         var _a = this.props, options = _a.options, placeholder = _a.placeholder, value = _a.value, option2value = _a.option2value, __ = _a.translate;
         var columns = this.getColumns();
         var valueArray = Selection.BaseSelection.value2array(value, options, option2value);
-        return (React__default["default"].createElement("tbody", null, Array.isArray(options) && options.length ? (options.map(function (option, rowIndex) {
+        return (_J$X_("tbody", null, Array.isArray(options) && options.length ? (options.map(function (option, rowIndex) {
             return _this.renderTr({ option: option, rowIndex: rowIndex, valueArray: valueArray, columns: columns });
-        })) : (React__default["default"].createElement("tr", null,
-            React__default["default"].createElement("td", { colSpan: columns.length }, __(placeholder))))));
+        })) : (_J$X_("tr", null,
+            _J$X_("td", { colSpan: columns.length }, __(placeholder))))));
     };
     TableSelection.prototype.tableHeadRef = function (ref) {
         ref && (this.ref = ref);
@@ -98,7 +104,7 @@ var TableSelection = /** @class */ (function (_super) {
         }
         var widths = {};
         this.ref &&
-            _.forEach(this.ref.querySelectorAll('thead>tr:last-child>th'), function (item, index) {
+            forEach__default["default"](this.ref.querySelectorAll('thead>tr:last-child>th'), function (item, index) {
                 widths[index] = item.getBoundingClientRect().width;
             });
         var colsWidth = [];
@@ -134,19 +140,19 @@ var TableSelection = /** @class */ (function (_super) {
                     }
                 }));
             }
-            tableList = (React__default["default"].createElement("table", { className: cx('Table-table'), style: {
+            tableList = (_J$X_("table", { className: cx('Table-table'), style: {
                     marginTop: (startIndex || 0) * itemHeight + 'px'
                 } },
-                this.state.colsWidth.length ? (React__default["default"].createElement("colgroup", null, this.state.colsWidth.map(function (colWidth, index) { return (React__default["default"].createElement("col", { style: { width: "".concat(colWidth, "px") }, key: "col-".concat(index) })); }))) : null,
-                React__default["default"].createElement("tbody", null, trs)));
+                this.state.colsWidth.length ? (_J$X_("colgroup", null, this.state.colsWidth.map(function (colWidth, index) { return (_J$X_("col", { style: { width: "".concat(colWidth, "px") }, key: "col-".concat(index) })); }))) : null,
+                _J$X_("tbody", null, trs)));
         }
-        return (React__default["default"].createElement("div", { className: cx('Table-content', 'is-virtual') },
-            React__default["default"].createElement("table", { className: cx('Table-table'), ref: this.tableHeadRef.bind(this) }, this.renderTHead()),
-            React__default["default"].createElement("div", { className: cx('Table-content-virtual') },
-                React__default["default"].createElement(AutoSizer["default"], { minHeight: virtualListHeight, onResize: this.handleVirtualTableResize.bind(this) }, function (_a) {
+        return (_J$X_("div", { className: cx('Table-content', 'is-virtual') },
+            _J$X_("table", { className: cx('Table-table'), ref: this.tableHeadRef.bind(this) }, this.renderTHead()),
+            _J$X_("div", { className: cx('Table-content-virtual') },
+                _J$X_(AutoSizer["default"], { minHeight: virtualListHeight, onResize: this.handleVirtualTableResize.bind(this) }, function (_a) {
                     var height = _a.height;
-                    return (React__default["default"].createElement(index["default"], { onItemsRendered: function (res) {
-                            if (!_.isEqual(_this.state.rowRenderScope, res)) {
+                    return (_J$X_(index["default"], { onItemsRendered: function (res) {
+                            if (!isEqual__default["default"](_this.state.rowRenderScope, res)) {
                                 // 需要延后执行，否则报 warning
                                 setTimeout(function () {
                                     _this.setState({
@@ -159,13 +165,13 @@ var TableSelection = /** @class */ (function (_super) {
     };
     TableSelection.prototype.render = function () {
         var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, _b = _a.virtualThreshold, virtualThreshold = _b === void 0 ? 1000 : _b;
-        var table = Array.isArray(options) && options.length > virtualThreshold ? (this.renderVirtualTable()) : (React__default["default"].createElement("div", { className: cx('Table-content') },
-            React__default["default"].createElement("table", { className: cx('Table-table') },
+        var table = Array.isArray(options) && options.length > virtualThreshold ? (this.renderVirtualTable()) : (_J$X_("div", { className: cx('Table-content') },
+            _J$X_("table", { className: cx('Table-table') },
                 this.renderTHead(),
                 this.renderTBody())));
-        return React__default["default"].createElement("div", { className: cx('TableSelection', className) }, table);
+        return _J$X_("div", { className: cx('TableSelection', className) }, table);
     };
-    TableSelection.defaultProps = tslib.__assign(tslib.__assign({}, Selection.BaseSelection.defaultProps), { cellRender: function (column, option, colIndex, rowIndex) { return React__default["default"].createElement("span", null, amisCore.resolveVariable(column.name, option)); } });
+    TableSelection.defaultProps = tslib.__assign(tslib.__assign({}, Selection.BaseSelection.defaultProps), { cellRender: function (column, option, colIndex, rowIndex) { return _J$X_("span", null, amisCore.resolveVariable(column.name, option)); } });
     return TableSelection;
 }(Selection.BaseSelection));
 var TableCheckboxes = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(TableSelection, {