amis 2.0.2 → 2.1.0

package/esm/renderers/Property.js

@@ -1,11 +1,11 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __decorate } from 'tslib';
 import React from 'react';
-import { resolveVariableAndFilter, visibilityFilter, buildStyle, Renderer } from 'amis-core';
+import { visibilityFilter, buildStyle, Renderer } from 'amis-core';
 
 /**
  * @file 表格的方式显示只读信息，比如产品详情
@@ -20,9 +20,7 @@ var Property = /** @class */ (function (_super) {
      */
     Property.prototype.prepareRows = function () {
         var _a = this.props, _b = _a.column, column = _b === void 0 ? 3 : _b, items = _a.items, source = _a.source, data = _a.data;
-        var propertyItems = (items
-            ? items
-            : resolveVariableAndFilter(source, data, '| raw')) || [];
+        var propertyItems = items ? items : source || [];
         var rows = [];
         var row = [];
         var columnLeft = column;
@@ -86,7 +84,8 @@ var Property = /** @class */ (function (_super) {
     }
     PropertyRenderer = __decorate([
         Renderer({
-            type: 'property'
+            type: 'property',
+            autoVar: true
         })
     ], PropertyRenderer);
     return PropertyRenderer;

package/esm/renderers/QRCode.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/QuickEdit.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Remark.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Service.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -411,6 +411,7 @@ var Service = /** @class */ (function (_super) {
         return _super.prototype.receive.call(this, values);
     };
     ServiceRenderer.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
         var scoped = this.context;
         scoped.unRegisterComponent(this);
     };

package/esm/renderers/SparkLine.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Spinner.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Status.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -51,8 +51,8 @@ var StatusField = /** @class */ (function (_super) {
         placeholder: '-',
         map: {
             0: 'svg-fail',
-            1: 'svg-success',
-            success: 'svg-success',
+            1: 'svg-check-circle',
+            success: 'svg-check-circle',
             pending: 'rolling',
             fail: 'svg-fail',
             queue: 'svg-warning',

package/esm/renderers/Steps.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection } from '../Schema';
 import { StepStatus } from 'amis-ui';
+import type { SchemaExpression } from 'amis-core';
 export declare type StepSchema = {
     /**
      * 标题
@@ -44,7 +45,7 @@ export interface StepsSchema extends BaseSchema {
     name?: string;
     status?: StepStatus | {
         [propName: string]: StepStatus;
-    };
+    } | SchemaExpression;
     /**
      * 展示模式
      */

package/esm/renderers/Steps.js

@@ -1,21 +1,26 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
 import { __extends, __rest, __assign, __decorate } from 'tslib';
 import React from 'react';
-import { Renderer, resolveVariableAndFilter, getPropValue, resolveVariable, filter } from 'amis-core';
+import { Renderer, resolveVariableAndFilter, isPureVariable, getPropValue, resolveVariable, filter } from 'amis-core';
 import { withRemoteConfig, StepStatus, Steps } from 'amis-ui';
 
 function StepsCmpt(props) {
     var _a;
     var className = props.className, steps = props.steps, status = props.status, mode = props.mode, labelPlacement = props.labelPlacement, progressDot = props.progressDot, data = props.data, source = props.source, config = props.config, render = props.render, useMobileUI = props.useMobileUI;
     var sourceResult = resolveVariableAndFilter(source, data, '| raw');
+    /** 步骤数据源 */
     var stepsRow = (Array.isArray(sourceResult) ? sourceResult : undefined) ||
         config ||
         steps ||
         [];
+    /** 状态数据源 */
+    var statusValue = isPureVariable(status)
+        ? resolveVariableAndFilter(status, data, '| raw')
+        : status;
     var resolveRender = function (val) {
         return typeof val === 'string' ? filter(val, data) : val && render('inner', val);
     };
@@ -31,19 +36,18 @@ function StepsCmpt(props) {
     });
     function getStepStatus(step, i) {
         var stepStatus;
-        if (typeof status === 'string') {
+        if (typeof statusValue === 'string') {
             if (i === currentValue) {
-                var resolveStatus = resolveVariable(status, data);
-                stepStatus = resolveStatus || status || StepStatus.process;
+                stepStatus = statusValue || status || StepStatus.process;
             }
         }
-        else if (typeof status === 'object') {
+        else if (typeof statusValue === 'object') {
             var key = step.value;
-            key && status[key] && (stepStatus = status[key]);
+            key && statusValue[key] && (stepStatus = statusValue[key]);
         }
         return stepStatus;
     }
-    return (React.createElement(Steps, { current: currentValue, steps: resolveSteps, className: className, status: status, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
+    return (React.createElement(Steps, { current: currentValue, steps: resolveSteps, className: className, status: statusValue, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
 }
 var StepsWithRemoteConfig = withRemoteConfig({
     adaptor: function (data) { return data.steps || data; }

package/esm/renderers/Table/ColumnToggler.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/HeadCellFilterDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/HeadCellSearchDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -177,7 +177,7 @@ var HeadCellSearchDropDown = /** @class */ (function (_super) {
         var _a = this.props, render = _a.render, name = _a.name, data = _a.data, searchable = _a.searchable, store = _a.store, orderBy = _a.orderBy, popOverContainer = _a.popOverContainer, ns = _a.classPrefix, cx = _a.classnames;
         var formSchema = this.buildSchema();
         var isActive = this.isActive();
-        return (React.createElement("span", { className: cx("".concat(ns, "TableCell-searchBtn"), isActive ? 'is-active' : '') },
+        return (React.createElement("span", { className: cx("".concat(ns, "TableCell-searchBtn"), isActive ? 'is-active' : '', this.state.isOpened ? 'is-opened' : '') },
             React.createElement("span", { onClick: this.open },
                 React.createElement(Icon, { icon: "search", className: "icon" })),
             this.state.isOpened ? (React.createElement(Overlay, { container: popOverContainer || (function () { return findDOMNode(_this); }), placement: "left-bottom-left-top right-bottom-right-top", target: popOverContainer ? function () { return findDOMNode(_this).parentNode; } : null, show: true },

package/esm/renderers/Table/ItemActionsWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/TableBody.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/TableCell.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/TableContent.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -41,7 +41,14 @@ var TableContent = /** @class */ (function (_super) {
             store.hoverRow ? this.renderItemActions() : null,
             React.createElement("table", { ref: tableRef, className: tableClassName },
                 React.createElement("thead", null,
-                    columnsGroup.length ? (React.createElement("tr", null, columnsGroup.map(function (item, index) { return (React.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null)); }))) : null,
+                    columnsGroup.length ? (React.createElement("tr", null, columnsGroup.map(function (item, index) {
+                        return item.has[0].type === '__checkme' ? (renderHeadCell(item.has[0], {
+                            'data-index': item.has[0].index,
+                            'key': item.has[0].index,
+                            'colSpan': item.colSpan,
+                            'rowSpan': item.rowSpan
+                        })) : (React.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null));
+                    }))) : null,
                     React.createElement("tr", { className: hideHeader ? 'fake-hide' : '' }, columns.map(function (column) {
                         var _a;
                         return ((_a = columnsGroup.find(function (group) { return ~group.has.indexOf(column); })) === null || _a === void 0 ? void 0 : _a.rowSpan) === 2

package/esm/renderers/Table/TableRow.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/exportExcel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/index.d.ts

@@ -317,6 +317,9 @@ export default class Table extends React.Component<TableProps, object> {
     reset(): void;
     bulkUpdate(value: any, items: Array<object>): void;
     getSelected(): any[];
+    /**
+     * 滚动重新定位Table-fixedTop
+     */
     affixDetect(): void;
     updateTableInfo(): void;
     handleOutterScroll(): void;

package/esm/renderers/Table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 
@@ -120,7 +120,20 @@ var Table = /** @class */ (function (_super) {
         return updateRows;
     };
     Table.prototype.componentDidMount = function () {
-        var parent = getScrollParent(findDOMNode(this));
+        var _a = this.props, autoFillHeight = _a.autoFillHeight, ns = _a.classPrefix;
+        var currentNode = findDOMNode(this);
+        var parent = getScrollParent(currentNode, function (parent) {
+            var parentStyle = getComputedStyle(parent);
+            var currentStyle = getComputedStyle(currentNode);
+            var parentHeight = parseInt(parentStyle.getPropertyValue('height')) -
+                parseInt(parentStyle.getPropertyValue('padding-top')) -
+                parseInt(parentStyle.getPropertyValue('padding-bottom'));
+            var currentHeight = parseInt(currentStyle.getPropertyValue('height')) +
+                parseInt(currentStyle.getPropertyValue('margin-bottom')) +
+                parseInt(currentStyle.getPropertyValue('margin-top'));
+            // 具备 overflow-*:auto 的父元素的高度小于当前元素
+            return parentHeight > 0 && parentHeight < currentHeight;
+        });
         if (!parent || parent === document.body) {
             parent = window;
         }
@@ -132,10 +145,15 @@ var Table = /** @class */ (function (_super) {
         }
         this.affixDetect();
         parent.addEventListener('scroll', this.affixDetect);
+        if (autoFillHeight) {
+            document
+                .querySelector(".".concat(ns, "Table-content"))
+                .addEventListener('scroll', this.affixDetect);
+        }
         window.addEventListener('resize', this.affixDetect);
         this.updateAutoFillHeight();
         window.addEventListener('resize', this.updateAutoFillHeight);
-        var _a = this.props, store = _a.store, autoGenerateFilter = _a.autoGenerateFilter, onSearchableFromInit = _a.onSearchableFromInit;
+        var _b = this.props, store = _b.store, autoGenerateFilter = _b.autoGenerateFilter, onSearchableFromInit = _b.onSearchableFromInit;
         // autoGenerateFilter 开启后
         // 如果没有一个 searchable 的 column crud 就不会初始化加载
         // 所以这里加个判断默认初始加载一次
@@ -266,9 +284,14 @@ var Table = /** @class */ (function (_super) {
         this.updateTableInfoLazy();
     };
     Table.prototype.componentWillUnmount = function () {
-        var formItem = this.props.formItem;
+        var _a = this.props, formItem = _a.formItem, autoFillHeight = _a.autoFillHeight, ns = _a.classPrefix;
         var parent = this.parentNode;
         parent && parent.removeEventListener('scroll', this.affixDetect);
+        if (autoFillHeight) {
+            document
+                .querySelector(".".concat(ns, "Table-content"))
+                .addEventListener('scroll', this.affixDetect);
+        }
         window.removeEventListener('resize', this.affixDetect);
         window.removeEventListener('resize', this.updateAutoFillHeight);
         this.updateTableInfoLazy.cancel();
@@ -465,24 +488,46 @@ var Table = /** @class */ (function (_super) {
         var store = this.props.store;
         return store.selectedRows.map(function (item) { return item.data; });
     };
+    /**
+     * 滚动重新定位Table-fixedTop
+     */
     Table.prototype.affixDetect = function () {
-        var _a, _b, _c, _d;
-        if (!this.props.affixHeader || !this.table || this.props.autoFillHeight) {
+        var _a, _b, _c;
+        var _d = this.props, affixHeader = _d.affixHeader, ns = _d.classPrefix, affixOffsetTop = _d.affixOffsetTop, env = _d.env, autoFillHeight = _d.autoFillHeight;
+        if (!(affixHeader || autoFillHeight) || !this.table) {
+            // if (!this.props.affixHeader || !this.table || this.props.autoFillHeight) {
             return;
         }
-        var ns = this.props.classPrefix;
         var dom = findDOMNode(this);
-        var clip = this.table.getBoundingClientRect();
-        var offsetY = (_b = (_a = this.props.affixOffsetTop) !== null && _a !== void 0 ? _a : this.props.env.affixOffsetTop) !== null && _b !== void 0 ? _b : 0;
-        var headingHeight = ((_c = dom.querySelector(".".concat(ns, "Table-heading"))) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().height) || 0;
-        var headerHeight = ((_d = dom.querySelector(".".concat(ns, "Table-headToolbar"))) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().height) || 0;
-        var affixed = clip.top - headerHeight - headingHeight < offsetY &&
-            clip.top + clip.height - 40 > offsetY;
+        var headerHeight = ((_a = dom.querySelector(".".concat(ns, "Table-headToolbar"))) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
         var affixedDom = dom.querySelector(".".concat(ns, "Table-fixedTop"));
-        affixedDom.style.cssText += "top: ".concat(offsetY, "px;width: ").concat(this.table.parentNode.offsetWidth, "px");
-        affixed
-            ? affixedDom.classList.add('in')
-            : affixedDom.classList.remove('in');
+        var affixedDomHeight = getComputedStyle(affixedDom).getPropertyValue('height');
+        if (autoFillHeight) {
+            //! 解决 sticky 不兼容的问题
+            var tableContentDom = document.querySelector(".".concat(ns, "Table-content"));
+            var clip = tableContentDom.getBoundingClientRect();
+            var tableHeaderClip = affixedDom
+                .querySelector(".".concat(ns, "Table-wrapper"))
+                .getBoundingClientRect();
+            var offsetHeight = affixedDom.getBoundingClientRect().height - tableHeaderClip.height;
+            var offsetY = clip.top - offsetHeight;
+            affixedDom.style.cssText += "top: ".concat(offsetY, "px;width: ").concat(clip.width, "px");
+            affixedDom.classList.add('in');
+        }
+        else {
+            // 配置了 affixHeader
+            var clip = this.table.getBoundingClientRect();
+            var offsetY = (_b = affixOffsetTop !== null && affixOffsetTop !== void 0 ? affixOffsetTop : env.affixOffsetTop) !== null && _b !== void 0 ? _b : 0;
+            var headingHeight = ((_c = dom.querySelector(".".concat(ns, "Table-heading"))) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().height) || 0;
+            var affixedShadowDom = dom.querySelector(".".concat(ns, "Table-fixedTop-shadow"));
+            var affixed = clip.top - headerHeight - headingHeight < offsetY &&
+                clip.top + clip.height - 40 > offsetY;
+            affixedDom.style.cssText += "top: ".concat(offsetY, "px;width: ").concat(this.table.parentNode.offsetWidth, "px");
+            affixedShadowDom.style.cssText += "top: ".concat(affixedDomHeight, ";width: ").concat(this.table.parentNode.offsetWidth, "px");
+            affixed
+                ? affixedDom.classList.add('in')
+                : affixedDom.classList.remove('in');
+        }
         // store.markHeaderAffix(clip.top < offsetY && (clip.top + clip.height - 40) > offsetY);
     };
     Table.prototype.updateTableInfo = function () {
@@ -1101,31 +1146,33 @@ var Table = /** @class */ (function (_super) {
         var _a = this.props, store = _a.store, affixHeader = _a.affixHeader, render = _a.render, cx = _a.classnames;
         var hideHeader = store.filteredColumns.every(function (column) { return !column.label; });
         var columnsGroup = store.columnGroup;
-        return affixHeader ? (React.createElement("div", { className: cx('Table-fixedTop', {
-                'is-fakeHide': hideHeader
-            }) },
-            this.renderHeader(false),
-            this.renderHeading(),
-            React.createElement("div", { className: cx('Table-fixedLeft') }, store.leftFixedColumns.length
-                ? this.renderFixedColumns(store.rows, store.leftFixedColumns, true, tableClassName)
-                : null),
-            React.createElement("div", { className: cx('Table-fixedRight') }, store.rightFixedColumns.length
-                ? this.renderFixedColumns(store.rows, store.rightFixedColumns, true, tableClassName)
-                : null),
-            React.createElement("div", { className: cx('Table-wrapper') },
-                React.createElement("table", { ref: this.affixedTableRef, className: tableClassName },
-                    React.createElement("colgroup", null, store.filteredColumns.map(function (column) { return (React.createElement("col", { key: column.index, "data-index": column.index })); })),
-                    React.createElement("thead", null,
-                        columnsGroup.length ? (React.createElement("tr", null, columnsGroup.map(function (item, index) { return (React.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null)); }))) : null,
-                        React.createElement("tr", null, store.filteredColumns.map(function (column) {
-                            var _a;
-                            return ((_a = columnsGroup.find(function (group) { return ~group.has.indexOf(column); })) === null || _a === void 0 ? void 0 : _a.rowSpan) === 2
-                                ? null
-                                : _this.renderHeadCell(column, {
-                                    'key': column.index,
-                                    'data-index': column.index
-                                });
-                        }))))))) : null;
+        return affixHeader ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: cx('Table-fixedTop', {
+                    'is-fakeHide': hideHeader
+                }) },
+                this.renderHeader(false),
+                this.renderHeading(),
+                React.createElement("div", { className: cx('Table-fixedLeft') }, store.leftFixedColumns.length
+                    ? this.renderFixedColumns(store.rows, store.leftFixedColumns, true, tableClassName)
+                    : null),
+                React.createElement("div", { className: cx('Table-fixedRight') }, store.rightFixedColumns.length
+                    ? this.renderFixedColumns(store.rows, store.rightFixedColumns, true, tableClassName)
+                    : null),
+                React.createElement("div", { className: cx('Table-wrapper') },
+                    React.createElement("table", { ref: this.affixedTableRef, className: tableClassName },
+                        React.createElement("colgroup", null, store.filteredColumns.map(function (column) { return (React.createElement("col", { key: column.index, "data-index": column.index })); })),
+                        React.createElement("thead", null,
+                            columnsGroup.length ? (React.createElement("tr", null, columnsGroup.map(function (item, index) { return (React.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null)); }))) : null,
+                            React.createElement("tr", null, store.filteredColumns.map(function (column) {
+                                var _a;
+                                return ((_a = columnsGroup.find(function (group) { return ~group.has.indexOf(column); })) === null || _a === void 0 ? void 0 : _a.rowSpan) === 2
+                                    ? null
+                                    : _this.renderHeadCell(column, {
+                                        'key': column.index,
+                                        'data-index': column.index
+                                    });
+                            })))))),
+            React.createElement("div", { className: cx('Table-fixedTop-shadow') }))) : null;
     };
     Table.prototype.renderFixedColumns = function (rows, columns, headerOnly, tableClassName) {
         var _this = this;
@@ -1134,7 +1181,9 @@ var Table = /** @class */ (function (_super) {
         var _a = this.props, placeholder = _a.placeholder, store = _a.store, cx = _a.classnames, render = _a.render, data = _a.data, translate = _a.translate, locale = _a.locale, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, itemAction = _a.itemAction, dispatchEvent = _a.dispatchEvent, onEvent = _a.onEvent;
         var hideHeader = store.filteredColumns.every(function (column) { return !column.label; });
         var columnsGroup = store.columnGroup;
-        return (React.createElement("table", { className: cx('Table-table', store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName) },
+        return (React.createElement("table", { className: cx('Table-table', tableClassName, {
+                'Table-table--withCombine': store.combineNum > 0
+            }) },
             React.createElement("thead", null,
                 columnsGroup.length ? (React.createElement("tr", null, columnsGroup.map(function (item, index) {
                     var renderColumns = columns.filter(function (a) { return ~item.has.indexOf(a); });
@@ -1151,7 +1200,9 @@ var Table = /** @class */ (function (_super) {
                 }))),
             headerOnly ? null : !rows.length ? (React.createElement("tbody", null,
                 React.createElement("tr", { className: cx('Table-placeholder') },
-                    React.createElement("td", { colSpan: columns.length }, render('placeholder', translate(placeholder || 'placeholder.noData')))))) : (React.createElement(TableBody, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), itemAction: itemAction, classnames: cx, render: render, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, ignoreFootableContent: true, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, columns: columns, rows: rows, locale: locale, translate: translate, rowsProps: {
+                    React.createElement("td", { colSpan: columns.length }, render('placeholder', translate(placeholder || 'placeholder.noData')))))) : (React.createElement(TableBody, { tableClassName: cx(tableClassName, {
+                    'Table-table--withCombine': store.combineNum > 0
+                }), itemAction: itemAction, classnames: cx, render: render, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, ignoreFootableContent: true, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, columns: columns, rows: rows, locale: locale, translate: translate, rowsProps: {
                     regionPrefix: 'fixed/',
                     renderCell: function (region, column, item, props) { return _this.renderCell(region, column, item, props, true); },
                     data: data,
@@ -1346,7 +1397,10 @@ var Table = /** @class */ (function (_super) {
         // 不过目前看来只有这样写它才会重新更新视图
         store.rows.length;
         return (React.createElement(React.Fragment, null,
-            React.createElement(TableContent, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', { 'Table-table--checkOnItemClick': checkOnItemClick }, tableClassName), className: tableContentClassName, itemActions: itemActions, itemAction: itemAction, store: store, classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, prefixRowClassName: prefixRowClassName, affixRowClassName: affixRowClassName, locale: locale, translate: translate, dispatchEvent: dispatchEvent, onEvent: onEvent, loading: loading }),
+            React.createElement(TableContent, { tableClassName: cx({
+                    'Table-table--checkOnItemClick': checkOnItemClick,
+                    'Table-table--withCombine': store.combineNum > 0
+                }, tableClassName), className: tableContentClassName, itemActions: itemActions, itemAction: itemAction, store: store, classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, prefixRowClassName: prefixRowClassName, affixRowClassName: affixRowClassName, locale: locale, translate: translate, dispatchEvent: dispatchEvent, onEvent: onEvent, loading: loading }),
             React.createElement(Spinner, { overlay: true, show: loading })));
     };
     Table.prototype.doAction = function (action, args, throwErrors) {
@@ -1386,7 +1440,9 @@ var Table = /** @class */ (function (_super) {
         var heading = this.renderHeading();
         var header = this.renderHeader();
         var footer = this.renderFooter();
-        var tableClassName = cx('Table-table', store.combineNum > 0 ? 'Table-table--withCombine' : '', this.props.tableClassName);
+        var tableClassName = cx('Table-table', this.props.tableClassName, {
+            'Table-table--withCombine': store.combineNum > 0
+        });
         return (React.createElement("div", { className: cx('Table', className, {
                 'Table--unsaved': !!store.modified || !!store.moved,
                 'Table--autoFillHeight': autoFillHeight

package/esm/renderers/Table-v2/ColumnToggler.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table-v2/HeadCellSearchDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table-v2/TableCell.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table-v2/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.0.2
+ * amis v2.1.0
  * Copyright 2018-2022 baidu
  */