amis-ui 3.6.2 → 6.0.0

package/esm/components/table/Head.js

@@ -1,10 +1,11 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __spreadArray, __read, __awaiter, __generator } from 'tslib';
 import React__default from 'react';
+import { noop } from 'amis-core';
 import { hasFixedColumn, updateFixedRow, getBuildColumns, getAllSelectableRows } from './util.js';
 import Checkbox from '../Checkbox.js';
 import BodyCell from './Cell.js';
@@ -96,7 +97,7 @@ var Head = /** @class */ (function (_super) {
                     ]
                     : null)) : null,
                 isLeftExpandable && index === 0 ? expandableCell : null,
-                data.map(function (item, i) {
+                data.map(function (item, colIndex) {
                     var _a, _b;
                     var sort = null;
                     if (item.sorter) {
@@ -121,14 +122,22 @@ var Head = /** @class */ (function (_super) {
                         // 没设置name的 那一定不是要绑定数据的列 一般都是分组的上层 也不会出现调整列宽
                         cIndex = _this.tdColumns.findIndex(function (c) { return c.name === item.name; });
                     }
+                    /** 如果当前列定宽，则不能操作drag bar */
+                    var pristineWidth = item.width;
+                    var disableColDrag = typeof pristineWidth === 'number' && pristineWidth > 0;
                     var children = !((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) ? (React__default.createElement(React__default.Fragment, null,
                         sort,
                         filter,
-                        resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) {
-                                onResizeMouseDown && onResizeMouseDown(e, cIndex);
+                        resizable ? (React__default.createElement("i", { className: cx('Table-thead-resizable', {
+                                'Table-thead-resizable--disabled': disableColDrag
+                            }), onMouseDown: function (e) {
+                                disableColDrag
+                                    ? noop
+                                    : onResizeMouseDown === null || onResizeMouseDown === void 0 ? void 0 : onResizeMouseDown(e, cIndex);
                             } })) : null)) : null;
-                    return (React__default.createElement(BodyCell, { key: "cell-".concat(i), wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, classnames: cx, classPrefix: classPrefix, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
-                            'Table-cell-last': i === maxCount - 1 && i === data.length - 1
+                    return (React__default.createElement(BodyCell, { key: "cell-".concat(colIndex), wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, classnames: cx, classPrefix: classPrefix, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
+                            'Table-cell-last': colIndex === maxCount - 1 &&
+                                colIndex === data.length - 1
                         }), depth: item.depth, col: cIndex > -1 ? cIndex.toString() : undefined }, typeof item.title === 'function'
                         ? item.title(children)
                         : item.title));

package/esm/components/table/HeadCellDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/table/HeadCellFilter.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -81,30 +81,17 @@ var HeadCellFilter = /** @class */ (function (_super) {
     };
     HeadCellFilter.prototype.handleClick = function (confirm, setSelectedKeys, selectedKeys) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onFilter, column, payload, prevented;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _a = this.props, onFilter = _a.onFilter, column = _a.column;
-                        payload = (_b = {}, _b[column.name] = selectedKeys, _b);
-                        if (!onFilter) return [3 /*break*/, 2];
-                        return [4 /*yield*/, onFilter({
-                                filterName: column.name,
-                                filterValue: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.join(',')
-                            })];
-                    case 1:
-                        prevented = _c.sent();
-                        if (prevented) {
-                            return [2 /*return*/];
-                        }
-                        _c.label = 2;
-                    case 2:
-                        setSelectedKeys && setSelectedKeys(selectedKeys);
-                        onFilter && onFilter(payload);
-                        confirm();
-                        return [2 /*return*/];
-                }
+            var _a, onFilter, column;
+            return __generator(this, function (_b) {
+                _a = this.props, onFilter = _a.onFilter, column = _a.column;
+                setSelectedKeys && setSelectedKeys(selectedKeys);
+                onFilter &&
+                    onFilter({
+                        filterName: column.name,
+                        filterValue: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.join(',')
+                    });
+                confirm();
+                return [2 /*return*/];
             });
         });
     };

package/esm/components/table/HeadCellSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/table/HeadCellSort.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/table/ItemActionsWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/table/Row.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { ThemeProps } from 'amis-core';
-import { ColumnProps, TdProps } from './index';
+import { ColumnProps } from './index';
 export interface Props extends ThemeProps {
     data: any;
     rowIndex: number;
@@ -41,20 +41,13 @@ export interface Props extends ThemeProps {
     isExpanded: boolean;
     [propName: string]: any;
 }
-export default class BodyRow extends React.PureComponent<Props> {
-    domRef: React.RefObject<HTMLTableRowElement>;
-    tdColumns: Array<TdProps>;
-    onExpand(): void;
-    onCollapse(): void;
-    onMouseEnter(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
-    onMouseLeave(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
-    onClick(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
-    onDoubleClick(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
-    getExpandedIcons(): React.JSX.Element;
-    prependColumns(columns: Array<any>): void;
-    updateFixedRow(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    onCheckChange(value: boolean): void;
-    render(): (React.JSX.Element | null)[];
+export interface LazyRowProps extends Props {
+}
+export interface LazyRowState {
+    visible: boolean;
+}
+export default class LazyRow extends React.PureComponent<LazyRowProps, LazyRowState> {
+    constructor(props: LazyRowProps);
+    handleVisibleChange(visible: boolean, entry?: any): void;
+    render(): React.JSX.Element;
 }

package/esm/components/table/Row.js

@@ -1,11 +1,12 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __spreadArray, __read, __rest, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { isObject, autobind } from 'amis-core';
+import { InView } from 'react-intersection-observer';
+import { isClickOnInput, isObject, autobind } from 'amis-core';
 import Checkbox from '../Checkbox.js';
 import { Icon } from '../icons.js';
 import BodyCell from './Cell.js';
@@ -38,9 +39,14 @@ var BodyRow = /** @class */ (function (_super) {
         var onMouseLeave = this.props.onMouseLeave;
         onMouseLeave && onMouseLeave(event, record, rowIndex);
     };
-    BodyRow.prototype.onClick = function (event, record, rowIndex) {
+    BodyRow.prototype.onClick = function (e, record, rowIndex) {
+        if (isClickOnInput(e)) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
         var onClick = this.props.onClick;
-        onClick && onClick(event, record, rowIndex);
+        onClick && onClick(e, record, rowIndex);
     };
     BodyRow.prototype.onDoubleClick = function (event, record, rowIndex) {
         var onDoubleClick = this.props.onDoubleClick;
@@ -179,5 +185,41 @@ var BodyRow = /** @class */ (function (_super) {
     ], BodyRow.prototype, "onCheckChange", null);
     return BodyRow;
 }(React__default.PureComponent));
+var LazyRow = /** @class */ (function (_super) {
+    __extends(LazyRow, _super);
+    function LazyRow(props) {
+        var _this = _super.call(this, props) || this;
+        var lazyRenderAfter = props.lazyRenderAfter, rowIndex = props.rowIndex;
+        _this.state = { visible: rowIndex + 1 < lazyRenderAfter };
+        return _this;
+    }
+    LazyRow.prototype.handleVisibleChange = function (visible, entry) {
+        this.setState({
+            visible: visible
+        });
+    };
+    LazyRow.prototype.render = function () {
+        var _this = this;
+        var visible = this.state.visible;
+        var _a = this.props, columns = _a.columns, lazyRenderAfter = _a.lazyRenderAfter, rowIndex = _a.rowIndex, cx = _a.classnames;
+        var tdColumns = getBuildColumns(columns).tdColumns;
+        return (React__default.createElement(InView, { onChange: this.handleVisibleChange, 
+            // 如果是嵌套层 默认从当前层来计算
+            skip: rowIndex + 1 < lazyRenderAfter }, function (_a) {
+            var ref = _a.ref;
+            return visible ? (React__default.createElement(BodyRow, __assign({}, _this.props))) : (React__default.createElement("tr", { ref: ref }, tdColumns.map(function (column, index) {
+                return (React__default.createElement("td", { key: "empty-cell-".concat(index) },
+                    React__default.createElement("div", { className: cx('Table-emptyBlock') }, "\u00A0")));
+            })));
+        }));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean, Object]),
+        __metadata("design:returntype", void 0)
+    ], LazyRow.prototype, "handleVisibleChange", null);
+    return LazyRow;
+}(React__default.PureComponent));
 
-export { BodyRow as default };
+export { LazyRow as default };

package/esm/components/table/SummaryRow.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.6.2
+ * amis-ui v6.0.0
  * Copyright 2018-2023 fex
  */
 
@@ -37,7 +37,7 @@ var SummaryRow = /** @class */ (function (_super) {
         var cells = [];
         var extraCount = isRightExpandable ? 1 : 0;
         row === null || row === void 0 ? void 0 : row.forEach(function (s, index) {
-            cells.push(React__default.createElement(BodyCell, { classnames: cx, classPrefix: classPrefix, key: 'summary-cell-' + index, fixed: s.fixed, colSpan: cells.length === 0
+            cells.push(React__default.createElement(BodyCell, { classnames: cx, classPrefix: classPrefix, className: s.cellClassName, key: 'summary-cell-' + index, fixed: s.fixed, colSpan: cells.length === 0
                     ? (s.colSpan || 1) + colCount - extraCount
                     : index === row.length - 1
                         ? (s.colSpan || 1) + extraCount