amis-rev-ui 6.13.0

package/esm/components/table/HeadCellFilter.js

@@ -0,0 +1,130 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign, __awaiter, __generator, __spreadArray, __read } from 'tslib';
+import React__default from 'react';
+import { findDomCompat, themeable, localeable } from 'amis-rev-core';
+import isEqual from 'lodash/isEqual';
+import HeadCellDropDown from './HeadCellDropDown.js';
+import Checkbox from '../Checkbox.js';
+import Button from '../Button.js';
+import { Icon } from '../icons.js';
+
+/**
+ * @file table/HeadCellFilter
+ * @author fex
+ */
+var HeadCellFilter = /** @class */ (function (_super) {
+    __extends(HeadCellFilter, _super);
+    function HeadCellFilter(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            options: [],
+            filteredValue: props.filteredValue || []
+        };
+        return _this;
+    }
+    HeadCellFilter.prototype.alterOptions = function (options) {
+        var _this = this;
+        options = options.map(function (option) { return (__assign(__assign({}, option), { selected: _this.state.filteredValue.indexOf(option.value) > -1 })); });
+        return options;
+    };
+    HeadCellFilter.prototype.componentDidMount = function () {
+        var column = this.props.column;
+        if (column.filters && column.filters.length > 0) {
+            this.setState({ options: this.alterOptions(column.filters) });
+        }
+    };
+    HeadCellFilter.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var column = this.props.column;
+        if (column.filters &&
+            column.filters.length > 0 &&
+            !isEqual(prevState.filteredValue, this.state.filteredValue)) {
+            this.setState({ options: this.alterOptions(column.filters) });
+        }
+    };
+    HeadCellFilter.prototype.render = function () {
+        var _this = this;
+        var options = this.state.options;
+        var _a = this.props, column = _a.column, popOverContainer = _a.popOverContainer, cx = _a.classnames, ns = _a.classPrefix, testIdBuilder = _a.testIdBuilder;
+        var filterProps = {
+            filterDropdown: function (payload) {
+                var setSelectedKeys = payload.setSelectedKeys; payload.selectedKeys; var confirm = payload.confirm; payload.clearFilters;
+                return options && options.length > 0 ? (React__default.createElement("ul", { className: cx('DropDown-menu') },
+                    !column.filterMultiple
+                        ? options.map(function (option, index) { return (React__default.createElement("li", __assign({ key: index, className: cx({
+                                'is-active': option.selected
+                            }), onClick: function () {
+                                return _this.handleClick(confirm, setSelectedKeys, [option.value]);
+                            } }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("".concat(index)).getTestId()), option.text)); })
+                        : options.map(function (option, index) { return (React__default.createElement("li", { key: index },
+                            React__default.createElement(Checkbox, { classPrefix: ns, onChange: function (e) {
+                                    return _this.handleCheck(confirm, setSelectedKeys, e ? [option.value] : option.value);
+                                }, checked: option.selected, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("ckbx-".concat(index)) }, option.text))); }),
+                    column.filterMultiple ? (React__default.createElement("li", { key: "dropDown-multiple-menu", className: cx('DropDown-multiple-menu') },
+                        React__default.createElement(Button, { size: 'xs', level: 'primary', onClick: function () { return _this.handleConfirmClick(confirm); }, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("btn-confirm") }, "\u786E\u5B9A"),
+                        React__default.createElement(Button, { size: 'xs', onClick: function () {
+                                return _this.handleCancelClick(confirm, setSelectedKeys);
+                            }, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("btn-cancel") }, "\u53D6\u6D88"))) : null)) : null;
+            },
+            setSelectedKeys: function (keys) {
+                return _this.setState({ filteredValue: keys });
+            }
+        };
+        return (React__default.createElement(HeadCellDropDown, __assign({ className: "".concat(ns, "TableCell-filterBtn"), layerClassName: "".concat(ns, "TableCell-filterPopOver"), filterIcon: React__default.createElement(Icon, { icon: "column-filter", className: "icon", iconContent: "table-filter-icon", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("icon") }), active: column.filtered ||
+                (options && options.some(function (item) { return item.selected; })), popOverContainer: popOverContainer
+                ? popOverContainer
+                : function () { return findDomCompat(_this); }, selectedKeys: this.state.filteredValue }, filterProps)));
+    };
+    HeadCellFilter.prototype.handleClick = function (confirm, setSelectedKeys, selectedKeys) {
+        return __awaiter(this, void 0, void 0, function () {
+            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*/];
+            });
+        });
+    };
+    HeadCellFilter.prototype.handleCheck = function (confirm, setSelectedKeys, selectedKeys) {
+        var filteredValue = this.state.filteredValue;
+        // 选中
+        if (Array.isArray(selectedKeys)) {
+            setSelectedKeys && setSelectedKeys(__spreadArray(__spreadArray([], __read(filteredValue), false), __read(selectedKeys), false));
+        }
+        else {
+            // 取消选中
+            setSelectedKeys &&
+                setSelectedKeys(filteredValue.filter(function (v) { return v !== selectedKeys; }));
+        }
+    };
+    HeadCellFilter.prototype.handleConfirmClick = function (confirm) {
+        var _a;
+        var _b = this.props, onFilter = _b.onFilter, column = _b.column;
+        onFilter && onFilter((_a = {}, _a[column.name] = this.state.filteredValue, _a));
+        confirm();
+    };
+    HeadCellFilter.prototype.handleCancelClick = function (confirm, setSelectedKeys) {
+        var _a;
+        setSelectedKeys && setSelectedKeys([]);
+        var _b = this.props, onFilter = _b.onFilter, column = _b.column;
+        onFilter && onFilter((_a = {}, _a[column.name] = '', _a));
+        confirm();
+    };
+    HeadCellFilter.defaultProps = {
+        filteredValue: [],
+        filterMultiple: false
+    };
+    return HeadCellFilter;
+}(React__default.PureComponent));
+var HeadCellFilter$1 = themeable(localeable(HeadCellFilter));
+
+export { HeadCellFilter, HeadCellFilter$1 as default };

package/esm/components/table/HeadCellSelect.js

@@ -0,0 +1,51 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { findDomCompat, themeable, localeable } from 'amis-rev-core';
+import HeadCellDropDown from './HeadCellDropDown.js';
+import { Icon } from '../icons.js';
+
+/**
+ * @file table/HeadCellSelect
+ * @author fex
+ */
+var HeadCellSelect = /** @class */ (function (_super) {
+    __extends(HeadCellSelect, _super);
+    function HeadCellSelect(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            key: ''
+        };
+        return _this;
+    }
+    HeadCellSelect.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, selections = _a.selections, allKeys = _a.keys, popOverContainer = _a.popOverContainer, cx = _a.classnames, ns = _a.classPrefix;
+        return (React__default.createElement(HeadCellDropDown, { className: "".concat(ns, "TableCell-selectionBtn"), layerClassName: "".concat(ns, "TableCell-selectionPopOver"), filterIcon: React__default.createElement(Icon, { icon: "left-arrow", className: "icon" }), active: false, popOverContainer: popOverContainer
+                ? popOverContainer
+                : function () { return findDomCompat(_this); }, filterDropdown: function (_a) {
+                var setSelectedKeys = _a.setSelectedKeys; _a.selectedKeys; var confirm = _a.confirm; _a.clearFilters;
+                return (React__default.createElement("ul", { className: cx('DropDown-menu') }, selections.map(function (item, index) { return (React__default.createElement("li", { key: index, onClick: function () {
+                        item.onSelect && item.onSelect(allKeys);
+                        _this.handleClick(confirm, setSelectedKeys, item.key);
+                    } }, item.text)); })));
+            }, setSelectedKeys: function (keys) {
+                return _this.setState({ key: keys });
+            }, selectedKeys: this.state.key }));
+    };
+    HeadCellSelect.prototype.handleClick = function (confirm, setSelectedKeys, selectedKeys) {
+        setSelectedKeys && setSelectedKeys(selectedKeys);
+        confirm();
+    };
+    HeadCellSelect.defaultProps = {
+        selections: []
+    };
+    return HeadCellSelect;
+}(React__default.PureComponent));
+var HeadCellSelect$1 = themeable(localeable(HeadCellSelect));
+
+export { HeadCellSelect, HeadCellSelect$1 as default };

package/esm/components/table/HeadCellSort.js

@@ -0,0 +1,88 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign, __awaiter, __generator } from 'tslib';
+import React__default from 'react';
+import { themeable, localeable } from 'amis-rev-core';
+import { Icon } from '../icons.js';
+
+/**
+ * @file table/HeadCellSort
+ * @author fex
+ */
+var HeadCellSort = /** @class */ (function (_super) {
+    __extends(HeadCellSort, _super);
+    function HeadCellSort(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            orderDir: '',
+            orderBy: ''
+        };
+        return _this;
+    }
+    HeadCellSort.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        // 失效后重置，同时只能有一列在排序
+        if ((props === null || props === void 0 ? void 0 : props.active) !== undefined &&
+            !(props === null || props === void 0 ? void 0 : props.active) &&
+            props.active !== (prevProps === null || prevProps === void 0 ? void 0 : prevProps.active)) {
+            this.setState({ orderBy: '', orderDir: '' });
+        }
+    };
+    HeadCellSort.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, active = _a.active, column = _a.column, onSort = _a.onSort, cx = _a.classnames, testIdBuilder = _a.testIdBuilder;
+        return (React__default.createElement("span", __assign({ className: cx('TableCell-sortBtn', 'aaa') }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                var sortPayload, prevented;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            sortPayload = {
+                                orderBy: '',
+                                orderDir: ''
+                            };
+                            if (column.name === this.state.orderBy) {
+                                if (this.state.orderDir === 'desc') {
+                                    // 降序改为取消
+                                    sortPayload = { orderBy: '', orderDir: '' };
+                                }
+                                else {
+                                    // 升序之后降序
+                                    sortPayload = { orderBy: column.name, orderDir: 'desc' };
+                                }
+                            }
+                            else {
+                                // 默认先升序
+                                sortPayload = { orderBy: column.name, orderDir: 'asc' };
+                            }
+                            if (!onSort) return [3 /*break*/, 2];
+                            return [4 /*yield*/, onSort({
+                                    orderBy: sortPayload.orderBy,
+                                    orderDir: sortPayload.orderDir
+                                })];
+                        case 1:
+                            prevented = _a.sent();
+                            if (prevented) {
+                                return [2 /*return*/];
+                            }
+                            _a.label = 2;
+                        case 2:
+                            this.setState(sortPayload);
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }),
+            React__default.createElement("i", { className: cx('TableCell-sortBtn--down', active && this.state.orderDir === 'desc' ? 'is-active' : '') },
+                React__default.createElement(Icon, { icon: "sort-desc", className: "icon", iconContent: "table-sort-down", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('desc') })),
+            React__default.createElement("i", { className: cx('TableCell-sortBtn--up', active && this.state.orderDir === 'asc' ? 'is-active' : '') },
+                React__default.createElement(Icon, { icon: "sort-asc", className: "icon", iconContent: "table-sort-up", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('asc') })),
+            React__default.createElement("i", { className: cx('TableCell-sortBtn--default', active ? '' : 'is-active') },
+                React__default.createElement(Icon, { icon: "sort-default", className: "icon", iconContent: "table-sort-default", testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('default') }))));
+    };
+    return HeadCellSort;
+}(React__default.PureComponent));
+var HeadCellSort$1 = themeable(localeable(HeadCellSort));
+
+export { HeadCellSort, HeadCellSort$1 as default };

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ClassNamesFn } from 'amis-rev-core';
+export interface ItemActionsProps {
+    classnames: ClassNamesFn;
+    children?: React.ReactNode | Array<React.ReactNode>;
+    dom: HTMLTableRowElement;
+}
+export default class ItemActionsWrapper extends React.PureComponent<ItemActionsProps, {}> {
+    render(): React.JSX.Element | undefined;
+}

package/esm/components/table/ItemActionsWrapper.js

@@ -0,0 +1,29 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+
+var ItemActionsWrapper = /** @class */ (function (_super) {
+    __extends(ItemActionsWrapper, _super);
+    function ItemActionsWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ItemActionsWrapper.prototype.render = function () {
+        var _a, _b;
+        var _c = this.props, cx = _c.classnames, children = _c.children, dom = _c.dom;
+        if (!dom) {
+            return;
+        }
+        var frame = (_b = (_a = dom.closest('table')) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;
+        var rect = dom.getBoundingClientRect();
+        var height = rect.height;
+        var top = rect.top - frame.getBoundingClientRect().top;
+        return (React__default.createElement("div", { className: cx('Table-itemActions-wrap'), style: { top: top + 'px', height: height + 'px' } }, children));
+    };
+    return ItemActionsWrapper;
+}(React__default.PureComponent));
+
+export { ItemActionsWrapper as default };

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

@@ -0,0 +1,56 @@
+/**
+ * @file table/BodyRow
+ * @author fex
+ */
+import React from 'react';
+import { ThemeProps } from 'amis-rev-core';
+import { ColumnProps } from './index';
+import type { TestIdBuilder } from 'amis-rev-core';
+export interface Props extends ThemeProps {
+    data: any;
+    rowIndex: number;
+    columns: ColumnProps[];
+    expandable: boolean;
+    expandableFixed?: boolean;
+    indentSize: number;
+    lineHeight?: string;
+    keyField?: string;
+    draggable: boolean;
+    levels: string;
+    isExpandable: boolean;
+    isExpandableRow: boolean;
+    colCount: number;
+    isRightExpandable?: boolean;
+    isLeftExpandable?: boolean;
+    isChecked: boolean;
+    rowClassName?: Function;
+    onExpand?: Function;
+    onCollapse?: Function;
+    onMouseEnter: Function;
+    onMouseLeave: Function;
+    onClick: Function;
+    onDoubleClick: Function;
+    onChange: Function;
+    childrenColumnName: string;
+    selectable: boolean;
+    rowSelectionFixed?: boolean;
+    rowSelectionType?: 'radio' | 'checkbox';
+    rowClickIgControl?: boolean;
+    hasChildrenRow: boolean;
+    hasChildrenChecked: boolean;
+    expandedRowClassName: string;
+    expandedRowRender?: Function;
+    isExpanded: boolean;
+    testIdBuilder?: TestIdBuilder;
+    [propName: string]: any;
+}
+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

@@ -0,0 +1,224 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { InView } from 'react-intersection-observer';
+import { isClickOnInput, isObject, autobind } from 'amis-rev-core';
+import Checkbox from '../Checkbox.js';
+import { Icon } from '../icons.js';
+import BodyCell from './Cell.js';
+import { hasFixedColumn, updateFixedRow, getBuildColumns, levelsSplit } from './util.js';
+
+/**
+ * @file table/BodyRow
+ * @author fex
+ */
+var BodyRow = /** @class */ (function (_super) {
+    __extends(BodyRow, _super);
+    function BodyRow() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.domRef = React__default.createRef();
+        return _this;
+    }
+    BodyRow.prototype.onExpand = function () {
+        var _a = this.props, onExpand = _a.onExpand, data = _a.data;
+        onExpand && onExpand([data]);
+    };
+    BodyRow.prototype.onCollapse = function () {
+        var _a = this.props, onCollapse = _a.onCollapse, data = _a.data;
+        onCollapse && onCollapse([data]);
+    };
+    BodyRow.prototype.onMouseEnter = function (event, record, rowIndex) {
+        var onMouseEnter = this.props.onMouseEnter;
+        onMouseEnter && onMouseEnter(event, record, rowIndex);
+    };
+    BodyRow.prototype.onMouseLeave = function (event, record, rowIndex) {
+        var onMouseLeave = this.props.onMouseLeave;
+        onMouseLeave && onMouseLeave(event, record, rowIndex);
+    };
+    BodyRow.prototype.onClick = function (e, record, rowIndex) {
+        if (isClickOnInput(e) && !this.props.rowClickIgControl) {
+            return;
+        }
+        var onClick = this.props.onClick;
+        onClick && onClick(e, record, rowIndex);
+    };
+    BodyRow.prototype.onDoubleClick = function (event, record, rowIndex) {
+        var onDoubleClick = this.props.onDoubleClick;
+        onDoubleClick && onDoubleClick(event, record, rowIndex);
+    };
+    BodyRow.prototype.getExpandedIcons = function () {
+        var _a = this.props, cx = _a.classnames, isExpanded = _a.isExpanded;
+        return isExpanded ? (React__default.createElement("i", { className: cx('Table-expandBtn', 'is-active'), onClick: this.onCollapse },
+            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : (React__default.createElement("i", { className: cx('Table-expandBtn'), onClick: this.onExpand },
+            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" })));
+    };
+    BodyRow.prototype.prependColumns = function (columns) {
+        var _a = this.props, selectable = _a.selectable, expandable = _a.expandable, expandableFixed = _a.expandableFixed, draggable = _a.draggable, rowSelectionFixed = _a.rowSelectionFixed;
+        if (draggable) {
+            columns.unshift({});
+        }
+        else {
+            if (expandable) {
+                columns.unshift({ fixed: expandableFixed });
+            }
+            if (selectable) {
+                columns.unshift({ fixed: rowSelectionFixed });
+            }
+        }
+    };
+    BodyRow.prototype.updateFixedRow = function () {
+        var cx = this.props.classnames;
+        var columns = __spreadArray([], __read(this.tdColumns), false);
+        this.prependColumns(columns);
+        if (hasFixedColumn(columns)) {
+            updateFixedRow(this.domRef.current, columns, cx);
+        }
+    };
+    BodyRow.prototype.componentDidMount = function () {
+        this.updateFixedRow();
+    };
+    BodyRow.prototype.componentDidUpdate = function () {
+        this.updateFixedRow();
+    };
+    BodyRow.prototype.onCheckChange = function (value) {
+        var data = this.props.data;
+        this.props.onChange && this.props.onChange(value, data);
+        event && event.stopPropagation();
+    };
+    BodyRow.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, isChecked = _a.isChecked, selectable = _a.selectable, expandable = _a.expandable, draggable = _a.draggable, indentSize = _a.indentSize, rowClassName = _a.rowClassName, lineHeight = _a.lineHeight, levels = _a.levels, columns = _a.columns, data = _a.data, isExpandable = _a.isExpandable, rowIndex = _a.rowIndex, keyField = _a.keyField, colCount = _a.colCount, isRightExpandable = _a.isRightExpandable, isLeftExpandable = _a.isLeftExpandable, classPrefix = _a.classPrefix, rowSelectionFixed = _a.rowSelectionFixed, rowSelectionType = _a.rowSelectionType, isExpandableRow = _a.isExpandableRow, hasChildrenRow = _a.hasChildrenRow, hasChildrenChecked = _a.hasChildrenChecked, expandedRowClassName = _a.expandedRowClassName, expandedRowRender = _a.expandedRowRender, isExpanded = _a.isExpanded; _a.childrenColumnName; var expandableFixed = _a.expandableFixed; _a.onExpand; _a.onCollapse; _a.onMouseEnter; _a.onMouseLeave; _a.onClick; _a.onChange; var testIdBuilder = _a.testIdBuilder, rest = __rest(_a, ["classnames", "isChecked", "selectable", "expandable", "draggable", "indentSize", "rowClassName", "lineHeight", "levels", "columns", "data", "isExpandable", "rowIndex", "keyField", "colCount", "isRightExpandable", "isLeftExpandable", "classPrefix", "rowSelectionFixed", "rowSelectionType", "isExpandableRow", "hasChildrenRow", "hasChildrenChecked", "expandedRowClassName", "expandedRowRender", "isExpanded", "childrenColumnName", "expandableFixed", "onExpand", "onCollapse", "onMouseEnter", "onMouseLeave", "onClick", "onChange", "testIdBuilder"]);
+        var tdColumns = getBuildColumns(columns).tdColumns;
+        this.tdColumns = tdColumns;
+        var level = levelsSplit(levels).length;
+        // 设置缩进效果
+        var indentDom = levels.length > 0 ? (React__default.createElement("span", { className: cx('Table-row-indent', "indent-level-".concat(level)), style: (levels === null || levels === void 0 ? void 0 : levels.length) > 0 ? { width: indentSize * level + 'px' } : {} })) : null;
+        var cells = tdColumns.map(function (item, i) {
+            var _a, _b;
+            // 为了支持灵活合并单元格，renderers层的Table2传递的render方法，返回{children: <ReactElement>, props: {rowSpan, colSpan}}
+            // 但直接使用amis-ui的table，render方法一般直接返回ReactElement
+            var cellIDBuilder = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("cell-".concat(i));
+            var render = item.render && typeof item.render === 'function'
+                ? item.render(data[item.name], data, rowIndex, i, levelsSplit(levels))
+                : null;
+            var props = { rowSpan: 1, colSpan: 1 };
+            var children = render;
+            if (render && !React__default.isValidElement(render) && isObject(render)) {
+                if (render.props) {
+                    props = render.props;
+                }
+                children = render.children;
+                // 如果合并行 且有展开行，那么合并行不生效
+                if (props.rowSpan > 1 && isExpandableRow && hasChildrenRow) {
+                    props.rowSpan === 1;
+                }
+            }
+            var className = typeof item.className === 'function'
+                ? item.className(data, rowIndex)
+                : '';
+            return props.rowSpan === 0 || props.colSpan === 0 ? null : (React__default.createElement(BodyCell, __assign({ classnames: cx, classPrefix: classPrefix, key: i }, props, { fixed: item.fixed === true ? 'left' : item.fixed, column: item, className: cx((_a = {},
+                    _a["".concat(className)] = !!className,
+                    _a)), col: i > -1 ? i.toString() : undefined, testIdBuilder: cellIDBuilder }),
+                React__default.createElement("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,
+                        _b)) },
+                    i === 0 && levels.length > 0 ? indentDom : null,
+                    i === 0 && hasChildrenRow ? _this.getExpandedIcons() : null,
+                    render ? children : data[item.name])));
+        });
+        var rowClassNameClass = rowClassName && typeof rowClassName === 'function'
+            ? rowClassName(data, rowIndex)
+            : '';
+        // 可展开和嵌套不能同时支持
+        // 设置了expandable 数据源里有children也就不生效了
+        // 拖拽排序 可选、可展开都先不支持了，可以支持嵌套展示
+        var children = !draggable && isExpandableRow && isExpanded ? (React__default.createElement("tr", { key: "expandedRow", className: cx('Table-expanded-row', expandedRowClassName) },
+            React__default.createElement(BodyCell, { key: "expanded", classnames: cx, classPrefix: classPrefix, colSpan: tdColumns.length + colCount }, expandable &&
+                expandedRowRender &&
+                typeof expandedRowRender === 'function'
+                ? expandedRowRender(data, rowIndex)
+                : null))) : null;
+        var isRadio = rowSelectionType === 'radio';
+        var expandableCell = !draggable && isExpandable ? (React__default.createElement(BodyCell, { key: "expandable", classnames: cx, classPrefix: classPrefix, fixed: expandable && expandableFixed
+                ? isRightExpandable
+                    ? 'right'
+                    : 'left'
+                : '', className: cx('Table-cell-expand-icon-cell') }, isExpandableRow || hasChildrenRow ? this.getExpandedIcons() : null)) : null;
+        return [
+            React__default.createElement("tr", { ref: this.domRef, key: "".concat(data[keyField || 'key'] || rowIndex), "row-index": rowIndex, "row-levels": levels, className: cx('Table-row', "Table-row-level-".concat(level), rowClassNameClass, {
+                    'Table-row-disabled': !!rest.disabled
+                }), onMouseEnter: function (e) { return _this.onMouseEnter(e, data, rowIndex); }, onMouseLeave: function (e) { return _this.onMouseLeave(e, data, rowIndex); }, onClick: function (e) { return _this.onClick(e, data, rowIndex); }, onDoubleClick: function (e) { return _this.onDoubleClick(e, data, rowIndex); } },
+                draggable ? (React__default.createElement(BodyCell, { key: "drag", classPrefix: classPrefix, classnames: cx, className: cx('Table-dragCell') },
+                    React__default.createElement(Icon, { icon: "drag-bar", className: "icon" }))) : null,
+                !draggable && selectable ? (React__default.createElement(BodyCell, { key: "select", classPrefix: classPrefix, classnames: cx, fixed: rowSelectionFixed ? 'left' : '', className: cx('Table-checkCell') },
+                    React__default.createElement(Checkbox, __assign({ name: 'Table-checkbox', type: rowSelectionType || 'checkbox', partial: !isRadio && hasChildrenChecked && !isChecked, checked: isRadio ? isChecked : hasChildrenChecked || isChecked, onChange: this.onCheckChange }, rest)))) : null,
+                isLeftExpandable ? expandableCell : null,
+                cells,
+                isRightExpandable ? expandableCell : null),
+            children
+        ];
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BodyRow.prototype, "onExpand", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], BodyRow.prototype, "onCollapse", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], 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 { LazyRow as default };

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

@@ -0,0 +1,28 @@
+/**
+ * @file table/SummaryRow
+ * @author fex
+ */
+import React from 'react';
+import { ThemeProps } from 'amis-rev-core';
+import { SummaryProps } from './index';
+export interface RowProps extends ThemeProps {
+    dataSource: Array<any>;
+    colCount: number;
+    isRightExpandable?: boolean;
+    row?: Array<SummaryProps>;
+    onMouseEnter: Function;
+    onMouseLeave: Function;
+}
+export interface Props extends RowProps {
+    summary: Array<SummaryProps | Array<SummaryProps>>;
+}
+export declare class SummaryRow extends React.PureComponent<RowProps> {
+    domRef: React.RefObject<HTMLTableRowElement>;
+    updateFixedRow(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+}
+export default class SummaryRows extends React.PureComponent<Props> {
+    render(): React.JSX.Element[];
+}