amis 2.7.2 → 2.8.0

package/esm/renderers/Status.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __decorate } from 'tslib';
+import { __extends, __read, __assign, __decorate } from 'tslib';
 import React from 'react';
 import merge from 'lodash/merge';
-import { getPropValue, filter, Renderer } from 'amis-core';
+import assign from 'lodash/assign';
+import { isPureVariable, resolveVariableAndFilter, getPropValue, filter, generateIcon, Renderer } from 'amis-core';
 import { Icon } from 'amis-ui';
 
 var StatusField = /** @class */ (function (_super) {
@@ -16,40 +17,85 @@ var StatusField = /** @class */ (function (_super) {
     }
     StatusField.prototype.render = function () {
         var _a, _b;
-        var _c = this.props, className = _c.className, style = _c.style, placeholder = _c.placeholder, cx = _c.classnames, data = _c.data;
+        var _c = this.props, defaultValue = _c.defaultValue, className = _c.className, style = _c.style, placeholder = _c.placeholder, cx = _c.classnames, data = _c.data;
         var map = merge(StatusField.defaultProps.map, (_a = this.props) === null || _a === void 0 ? void 0 : _a.map);
         var labelMap = merge(StatusField.defaultProps.labelMap, (_b = this.props) === null || _b === void 0 ? void 0 : _b.labelMap);
+        // 兼容旧版
+        var oldSource = {};
+        map &&
+            Object.entries(map).forEach(function (_a) {
+                var _b = __read(_a, 2), value = _b[0], icon = _b[1];
+                if (!oldSource[value]) {
+                    oldSource[value] = { icon: icon };
+                }
+                else {
+                    oldSource[value] = __assign(__assign({}, oldSource[value]), { icon: icon });
+                }
+            });
+        labelMap &&
+            Object.entries(labelMap).forEach(function (_a) {
+                var _b = __read(_a, 2), value = _b[0], label = _b[1];
+                if (!oldSource[value]) {
+                    oldSource[value] = { label: label };
+                }
+                else {
+                    oldSource[value] = __assign(__assign({}, oldSource[value]), { label: label });
+                }
+            });
+        // 合并source
+        var source = this.props.source || {};
+        if (isPureVariable(source)) {
+            source = resolveVariableAndFilter(source, data, '| raw');
+        }
+        source = assign(oldSource, source);
+        // 获取默认值，支持表达式
         var value = getPropValue(this.props);
-        var viewValue = (React.createElement("span", { className: "text-muted", key: "status-value" }, placeholder));
-        var wrapClassName = '';
-        if (value != undefined && value !== '' && map) {
+        if (defaultValue && isPureVariable(defaultValue)) {
+            value = resolveVariableAndFilter(defaultValue, data, '| raw');
+        }
+        if (value != undefined && value !== '') {
             if (typeof value === 'boolean') {
                 value = value ? 1 : 0;
             }
             else if (/^\d+$/.test(value)) {
                 value = parseInt(value, 10) || 0;
             }
+        }
+        var status = source[value] || {};
+        if (!status.icon && !status.label) {
+            return (React.createElement("span", { className: cx('StatusField', className), style: style },
+                React.createElement("span", { className: "text-muted", key: "status-value" }, placeholder)));
+        }
+        var wrapClassName = '';
+        // icon element
+        var iconElement = null;
+        if (status.icon) {
             wrapClassName = "StatusField--".concat(value);
-            var itemClassName = filter(map[value], data) || '';
+            var icon = status.icon;
             var svgIcon_1 = '';
-            itemClassName = itemClassName.replace(/\bsvg-([^\s|$]+)\b/g, function (_, icon) {
-                svgIcon_1 = icon;
-                return 'icon';
-            });
-            if (svgIcon_1) {
-                viewValue = (React.createElement(Icon, { icon: svgIcon_1, className: cx('Status-icon icon', itemClassName), key: "icon" }));
+            var itemClassName = '';
+            if (typeof icon === 'string') {
+                icon = filter(icon, data) || '';
+                itemClassName = icon.replace(/\bsvg-([^\s|$]+)\b/g, function (_, svgName) {
+                    svgIcon_1 = svgName;
+                    return 'icon';
+                });
             }
-            else if (itemClassName) {
-                viewValue = (React.createElement("i", { className: cx('Status-icon', itemClassName), key: "icon" }));
+            // 兼容 默认icon 和 旧版 iconfont icon
+            if (svgIcon_1) {
+                iconElement = (React.createElement(Icon, { icon: svgIcon_1, className: cx('Status-icon icon', itemClassName), key: "icon" }));
             }
-            if (labelMap && labelMap[value]) {
-                viewValue = [
-                    viewValue,
-                    React.createElement("span", { className: cx('StatusField-label'), key: "label" }, filter(labelMap[value], data))
-                ];
+            else {
+                iconElement = generateIcon(cx, icon, 'Status-icon');
             }
         }
-        return (React.createElement("span", { className: cx('StatusField', wrapClassName, className), style: style }, viewValue));
+        var labelElement = null;
+        if (status.label !== '' && status.label != null) {
+            labelElement = (React.createElement("span", { className: cx('StatusField-label'), key: "label" }, filter('' + status.label, data)));
+        }
+        return (React.createElement("span", { className: cx('StatusField', wrapClassName, className, status.className), style: __assign(__assign({}, style), (status.color ? { color: filter(status.color, data) } : {})) },
+            iconElement,
+            labelElement));
     };
     StatusField.defaultProps = {
         placeholder: '-',

package/esm/renderers/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

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

@@ -88,6 +88,7 @@ export interface ColumnTogglerProps extends RendererProps {
     activeToggaleColumns: Array<IColumn | IColumn2>;
     onColumnToggle: (columns: Array<IColumn>) => void;
     modalContainer?: () => HTMLElement;
+    tooltipContainer?: any;
 }
 export interface ColumnTogglerState {
     isOpened: boolean;

package/esm/renderers/Table/ColumnToggler.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __assign, __decorate, __metadata, __spreadArray } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata, __spreadArray, __read } from 'tslib';
 import React from 'react';
 import { findDOMNode } from 'react-dom';
 import Sortable from 'sortablejs';
@@ -141,7 +141,7 @@ var ColumnToggler = /** @class */ (function (_super) {
                         if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
                             return [2 /*return*/];
                         }
-                        onColumnToggle && onColumnToggle(__spreadArray([], tempColumns, true));
+                        onColumnToggle && onColumnToggle(__spreadArray([], __read(tempColumns), false));
                         this.setState({
                             isOpened: false,
                             enableSorting: false
@@ -166,7 +166,7 @@ var ColumnToggler = /** @class */ (function (_super) {
     };
     ColumnToggler.prototype.renderModal = function () {
         var _this = this;
-        var _a = this.props; _a.render; var cx = _a.classnames, ns = _a.classPrefix, modalContainer = _a.modalContainer, draggable = _a.draggable, overlay = _a.overlay, __ = _a.translate, footerBtnSize = _a.footerBtnSize;
+        var _a = this.props; _a.render; var cx = _a.classnames, ns = _a.classPrefix, modalContainer = _a.modalContainer, draggable = _a.draggable, overlay = _a.overlay, __ = _a.translate, footerBtnSize = _a.footerBtnSize, env = _a.env;
         var _b = this.state, enableSorting = _b.enableSorting, tempColumns = _b.tempColumns;
         return (React.createElement(React.Fragment, null,
             React.createElement(Modal, { closeOnEsc: true, onHide: this.close, show: this.state.isOpened, contentClassName: cx('ColumnToggler-modal'), container: modalContainer || this.target, overlay: typeof overlay === 'boolean' ? overlay : false },
@@ -175,7 +175,7 @@ var ColumnToggler = /** @class */ (function (_super) {
                     React.createElement("a", { "data-tooltip": __('Dialog.close'), "data-position": "left", className: cx('Modal-close'), onClick: this.close },
                         React.createElement(Icon, { icon: "close", className: "icon" }))),
                 React.createElement("ul", { className: cx('ColumnToggler-modal-content'), ref: this.dragRef }, Array.isArray(tempColumns)
-                    ? tempColumns.map(function (column, index) { return (React.createElement(TooltipWrapper, { tooltipClassName: cx('ColumnToggler-tooltip'), placement: "top", tooltip: column.label || '', trigger: enableSorting ? [] : 'hover', key: column.index },
+                    ? tempColumns.map(function (column, index) { return (React.createElement(TooltipWrapper, { tooltipClassName: cx('ColumnToggler-tooltip'), placement: "top", tooltip: column.label || '', trigger: enableSorting ? [] : 'hover', key: column.index, container: modalContainer || (env === null || env === void 0 ? void 0 : env.getModalContainer) },
                         React.createElement("li", { className: cx('ColumnToggler-menuItem'), key: column.index }, enableSorting && draggable && tempColumns.length > 1 ? (React.createElement(React.Fragment, null,
                             React.createElement("a", { className: cx('ColumnToggler-menuItem-dragBar') },
                                 React.createElement(Icon, { icon: "drag", className: cx('icon') })),

package/esm/renderers/Table/HeadCellFilterDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Table/HeadCellSearchDropdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Table/ItemActionsWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Table/TableBody.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __decorate } from 'tslib';
+import { __extends, __assign, __spreadArray, __read, __decorate } from 'tslib';
 import React from 'react';
 import { TableRow } from './TableRow.js';
 import { filter, createObject } from 'amis-core';
@@ -39,7 +39,7 @@ var TableBody = /** @class */ (function (_super) {
             }
             else if (item.children.length && item.expanded) {
                 // 嵌套表格
-                doms.push.apply(doms, _this.renderRows(item.children, columns, __assign(__assign({}, rowProps), { parent: item })));
+                doms.push.apply(doms, __spreadArray([], __read(_this.renderRows(item.children, columns, __assign(__assign({}, rowProps), { parent: item }))), false));
             }
             return doms;
         });

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

@@ -2,13 +2,15 @@ import React from 'react';
 import { RendererProps } from 'amis-core';
 export interface TableCellProps extends RendererProps {
     wrapperComponent?: React.ReactType;
-    column: object;
+    column: any;
+    contentsOnly?: boolean;
 }
-export declare class TableCell extends React.Component<RendererProps> {
+export declare class TableCell extends React.Component<TableCellProps> {
     static defaultProps: {
         wrapperComponent: string;
     };
     static propsList: Array<string>;
+    readonly propsNeedRemove: string[];
     render(): JSX.Element;
 }
 export declare class TableCellRenderer extends TableCell {

package/esm/renderers/Table/TableCell.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __rest, __assign, __spreadArray, __decorate } from 'tslib';
+import { __extends, __rest, __assign, __spreadArray, __read, __decorate } from 'tslib';
 import React from 'react';
 import { isPureVariable, resolveVariableAndFilter, ColorScale, filter, Renderer } from 'amis-core';
 import { HocQuickEdit } from '../QuickEdit.js';
@@ -16,10 +16,12 @@ import { Badge } from 'amis-ui';
 var TableCell = /** @class */ (function (_super) {
     __extends(TableCell, _super);
     function TableCell() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.propsNeedRemove = [];
+        return _this;
     }
     TableCell.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className; _a.classNameExpr; var render = _a.render, _b = _a.style, style = _b === void 0 ? {} : _b, Component = _a.wrapperComponent, column = _a.column, value = _a.value, data = _a.data, children = _a.children, width = _a.width, align = _a.align, innerClassName = _a.innerClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, rowSpan = _a.rowSpan; _a.body; _a.tpl; _a.remark; var prefix = _a.prefix, affix = _a.affix, isHead = _a.isHead; _a.colIndex; var row = _a.row, showBadge = _a.showBadge, itemBadge = _a.itemBadge, rest = __rest(_a, ["classnames", "className", "classNameExpr", "render", "style", "wrapperComponent", "column", "value", "data", "children", "width", "align", "innerClassName", "label", "tabIndex", "onKeyUp", "rowSpan", "body", "tpl", "remark", "prefix", "affix", "isHead", "colIndex", "row", "showBadge", "itemBadge"]);
+        var _a = this.props, cx = _a.classnames, className = _a.className; _a.classNameExpr; var render = _a.render, _b = _a.style, style = _b === void 0 ? {} : _b, Component = _a.wrapperComponent, contentsOnly = _a.contentsOnly, column = _a.column, value = _a.value, data = _a.data, children = _a.children, width = _a.width, align = _a.align, innerClassName = _a.innerClassName; _a.label; var tabIndex = _a.tabIndex, onKeyUp = _a.onKeyUp, rowSpan = _a.rowSpan; _a.body; _a.tpl; _a.remark; var prefix = _a.prefix, affix = _a.affix, isHead = _a.isHead; _a.colIndex; var row = _a.row, showBadge = _a.showBadge, itemBadge = _a.itemBadge, rest = __rest(_a, ["classnames", "className", "classNameExpr", "render", "style", "wrapperComponent", "contentsOnly", "column", "value", "data", "children", "width", "align", "innerClassName", "label", "tabIndex", "onKeyUp", "rowSpan", "body", "tpl", "remark", "prefix", "affix", "isHead", "colIndex", "row", "showBadge", "itemBadge"]);
         var schema = __assign(__assign({}, column), { className: innerClassName, type: (column && column.type) || 'plain' });
         var canAccessSuperData = (schema === null || schema === void 0 ? void 0 : schema.canAccessSuperData) !== false;
         // 如果本来就是 type 为 button，不要删除，其他情况下都应该删除。
@@ -28,7 +30,7 @@ var TableCell = /** @class */ (function (_super) {
         }
         var body = children
             ? children
-            : render('field', schema, __assign(__assign({}, omit(rest, Object.keys(schema))), { 
+            : render('field', schema, __assign(__assign({}, omit(rest, Object.keys(schema), this.propsNeedRemove)), { 
                 // inputOnly 属性不能传递给子组件，在 SchemaRenderer.renderChild 中处理掉了
                 inputOnly: true, 
                 /** value没有返回值时设置默认值，避免错误获取到父级数据域的值 */
@@ -59,10 +61,10 @@ var TableCell = /** @class */ (function (_super) {
                 max = resolveVariableAndFilter(max, data, '| raw');
             }
             if (typeof min === 'undefined') {
-                min = Math.min.apply(Math, data.rows.map(function (r) { return r[column.name]; }));
+                min = Math.min.apply(Math, __spreadArray([], __read(data.rows.map(function (r) { return r[column.name]; })), false));
             }
             if (typeof max === 'undefined') {
-                max = Math.max.apply(Math, data.rows.map(function (r) { return r[column.name]; }));
+                max = Math.max.apply(Math, __spreadArray([], __read(data.rows.map(function (r) { return r[column.name]; })), false));
             }
             var colorScale = new ColorScale(min, max, backgroundScale.colors || ['#FFEF9C', '#FF7127']);
             var value_1 = data[column.name];
@@ -72,12 +74,15 @@ var TableCell = /** @class */ (function (_super) {
             var color = colorScale.getColor(Number(value_1)).toHexString();
             style.background = color;
         }
-        if (!Component) {
+        if (contentsOnly) {
             return body;
         }
         if (isHead) {
             Component = 'th';
         }
+        else {
+            Component = Component || 'td';
+        }
         return (React.createElement(Component, { rowSpan: rowSpan > 1 ? rowSpan : undefined, style: style, className: cx(className, column.classNameExpr ? filter(column.classNameExpr, data) : null), tabIndex: tabIndex, onKeyUp: onKeyUp },
             showBadge ? (React.createElement(Badge, { classnames: cx, badge: __assign(__assign({}, itemBadge), { className: cx("Table-badge", itemBadge === null || itemBadge === void 0 ? void 0 : itemBadge.className) }), data: row.data })) : null,
             prefix,
@@ -94,7 +99,8 @@ var TableCell = /** @class */ (function (_super) {
         'body',
         'tpl',
         'rowSpan',
-        'remark'
+        'remark',
+        'contentsOnly'
     ];
     return TableCell;
 }(React.Component));
@@ -109,7 +115,7 @@ var TableCell = /** @class */ (function (_super) {
         'popOver',
         'copyable',
         'inline'
-    ], TableCell.propsList, true);
+    ], __read(TableCell.propsList), false);
     TableCellRenderer = __decorate([
         Renderer({
             test: /(^|\/)table\/(?:.*\/)?cell$/,

package/esm/renderers/Table/TableContent.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 

package/esm/renderers/Table/TableRow.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.2
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */