amis 2.7.3-beta.0 → 2.8.0

package/esm/renderers/Nav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -90,8 +90,10 @@ var Navigation = /** @class */ (function (_super) {
         var targetDepth = Number(target === null || target === void 0 ? void 0 : target.getAttribute('data-depth'));
         var wrapperComponent = overflow && overflow.enable ? overflow.wrapperComponent || 'ul' : 'ul';
         if (dragOnSameLevel &&
-            ((_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.node.closest(wrapperComponent)) !==
-                (target === null || target === void 0 ? void 0 : target.closest(wrapperComponent))) {
+            // menu里原来menuItem套了一层div 后来改成了ul 这里的判断条件需要加限制
+            // 否则始终不相等
+            ((_a = this.dragNode) === null || _a === void 0 ? void 0 : _a.node.closest("".concat(wrapperComponent, "[role=\"menu\"]"))) !==
+                (target === null || target === void 0 ? void 0 : target.closest("".concat(wrapperComponent, "[role=\"menu\"]")))) {
             this.setState({ dropIndicator: undefined });
             this.dropInfo = null;
             return;
@@ -247,18 +249,21 @@ var Navigation = /** @class */ (function (_super) {
                 extra: itemActions
                     ? render('inline', itemActions, {
                         data: createObject(data, link),
-                        popOverContainer: function () { return document.body; }
+                        popOverContainer: function () { return document.body; },
+                        // 点击操作之后 就关闭 因为close方法里执行了preventDefault
+                        closeOnClick: true
                     })
                     : null,
                 disabled: !!link.disabled,
                 disabledTip: link.disabledTip,
                 hidden: link.hidden,
-                className: link.className
+                className: link.className,
+                mode: link.mode
             };
         });
     };
     Navigation.prototype.render = function () {
-        var _a = this.props, className = _a.className, style = _a.style, stacked = _a.stacked, mode = _a.mode, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow, loadingConfig = _a.loadingConfig, itemBadge = _a.itemBadge, badge = _a.badge, data = _a.data, location = _a.location, collapsed = _a.collapsed, expandIcon = _a.expandIcon, indentSize = _a.indentSize, accordion = _a.accordion, draggable = _a.draggable, expandPosition = _a.expandPosition, render = _a.render;
+        var _a = this.props, className = _a.className, style = _a.style, stacked = _a.stacked, mode = _a.mode, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow, loadingConfig = _a.loadingConfig, itemBadge = _a.itemBadge, badge = _a.badge, data = _a.data, location = _a.location, collapsed = _a.collapsed, expandIcon = _a.expandIcon, indentSize = _a.indentSize, accordion = _a.accordion, draggable = _a.draggable, themeColor = _a.themeColor, expandPosition = _a.expandPosition, render = _a.render;
         var dropIndicator = this.state.dropIndicator;
         var overflowedIndicator = null;
         if (overflow && isObject(overflow) && overflow.enable) {
@@ -278,7 +283,7 @@ var Navigation = /** @class */ (function (_super) {
                         var path = link.path;
                         var ret = location.pathname === path;
                         return !!ret;
-                    }, isOpen: function (item) { return !!item.open; }, stacked: !!stacked, mode: mode, location: location, onSelect: this.handleClick, onToggle: this.toggleLink, renderLink: function (link) { return link.link; }, badge: itemBadge || badge, collapsed: collapsed, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflow === null || overflow === void 0 ? void 0 : overflow.maxVisibleCount, overflowedIndicatorPopupClassName: cx(overflow === null || overflow === void 0 ? void 0 : overflow.overflowPopoverClassName), overflowSuffix: (overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
+                    }, isOpen: function (item) { return !!item.open; }, stacked: !!stacked, mode: mode, themeColor: themeColor, location: location, onSelect: this.handleClick, onToggle: this.toggleLink, renderLink: function (link) { return link.link; }, badge: itemBadge || badge, collapsed: collapsed, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflow === null || overflow === void 0 ? void 0 : overflow.maxVisibleCount, overflowedIndicatorPopupClassName: cx(overflow === null || overflow === void 0 ? void 0 : overflow.overflowPopoverClassName), overflowSuffix: (overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
                         ? render('nav-overflow-suffix', overflow === null || overflow === void 0 ? void 0 : overflow.overflowSuffix)
                         : null, overflowItemWidth: overflow === null || overflow === void 0 ? void 0 : overflow.itemWidth, overflowComponent: overflow === null || overflow === void 0 ? void 0 : overflow.wrapperComponent, overflowStyle: overflow === null || overflow === void 0 ? void 0 : overflow.style, expandIcon: expandIcon
                         ? typeof expandIcon === 'string'
@@ -386,7 +391,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
     }); },
     normalizeConfig: function (links, origin, props, motivation) {
         if (Array.isArray(links) && motivation !== 'toggle') {
-            var data_1 = props.data, env_1 = props.env, unfoldedField_1 = props.unfoldedField, foldedField_1 = props.foldedField, location_1 = props.location, level_1 = props.level, config = props.config, dispatchEvent_1 = props.dispatchEvent;
+            var data_1 = props.data, env_1 = props.env, unfoldedField_1 = props.unfoldedField, foldedField_1 = props.foldedField, location_1 = props.location, level_1 = props.level, defaultOpenLevel_1 = props.defaultOpenLevel, config = props.config, dispatchEvent_1 = props.dispatchEvent;
             var isActive_1 = function (link, depth) {
                 if (!!link.disabled) {
                     return false;
@@ -411,12 +416,17 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
             links = mapTree(links, function (link, index, depth) {
                 var _a;
                 var item = __assign(__assign(__assign({}, link), getExprProperties(link, data_1)), { active: isActive_1(link, depth), __id: (_a = link.__id) !== null && _a !== void 0 ? _a : guid() });
+                // defaultOpenLevel depth <= defaultOpenLevel的默认全部展开
+                // 优先级比unfolded属性低 如果用户配置了unfolded为false 那么默认不展开
                 item.unfolded =
-                    isUnfolded(item, { unfoldedField: unfoldedField_1, foldedField: foldedField_1 }) ||
-                        (link.children &&
-                            !!findTree(link.children, function (child, i, d) {
-                                return isActive_1(child, depth + d);
-                            }));
+                    typeof link.unfolded !== 'undefined'
+                        ? isUnfolded(item, { unfoldedField: unfoldedField_1, foldedField: foldedField_1 })
+                        : defaultOpenLevel_1 && depth <= defaultOpenLevel_1
+                            ? true
+                            : link.children &&
+                                !!findTree(link.children, function (child, i, d) {
+                                    return isActive_1(child, depth + d);
+                                });
                 return item;
             }, 1, true);
             var currentActiveItems_1 = getActiveItems(links, 1, level_1);
@@ -527,7 +537,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                         }
                         else {
                             updateConfig(mapTree(config, function (link) {
-                                return target === link
+                                return target.__id === link.__id
                                     ? __assign(__assign({}, link), { unfolded: typeof forceFold !== 'undefined'
                                             ? !forceFold
                                             : !link.unfolded }) : __assign(__assign({}, link), { unfolded: isAccordion
@@ -535,10 +545,6 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                                         : link.unfolded });
                             }), 'toggle');
                         }
-                        // 如果父菜单项也配置了链接 同样要支持跳转
-                        if (target.to) {
-                            this.handleSelect(target, depth);
-                        }
                         return [2 /*return*/];
                 }
             });
@@ -572,7 +578,7 @@ var ConditionBuilderWithRemoteOptions = withRemoteConfig({
                                 idx = findTreeIndex(links, function (link) { return link.__id === nodeId; });
                                 // 插入节点之后
                                 if (position === 'bottom') {
-                                    idx.push(idx.pop() + 1);
+                                    idx && idx.push(idx.pop() + 1);
                                 }
                                 links = spliceTree(links, idx, 0, dragLink);
                             }

package/esm/renderers/Operation.js

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

package/esm/renderers/Page.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __awaiter, __generator, __spreadArray, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import { bulkBindFunctions, isEffectiveApi, scrollPosition, isApiOutdated, isObjectShallowModified, filter, isVisible, createObject, evalExpression, buildStyle, isMobile, autobind, ScopedContext, Renderer, ServiceStore } from 'amis-core';
 import { Spinner, Alert2, PullRefresh } from 'amis-ui';
@@ -230,7 +230,7 @@ var Page = /** @class */ (function (_super) {
         var dialog = store.action.dialog;
         if (dialog &&
             dialog.onConfirm &&
-            dialog.onConfirm.apply(dialog, __spreadArray([values, action], args, false)) === false) {
+            dialog.onConfirm.apply(dialog, __spreadArray([values, action], __read(args), false)) === false) {
             return;
         }
         store.closeDialog(true);
@@ -252,7 +252,7 @@ var Page = /** @class */ (function (_super) {
         var dialog = store.action.dialog;
         if (dialog &&
             dialog.onConfirm &&
-            dialog.onConfirm.apply(dialog, __spreadArray([values, action], args, false)) === false) {
+            dialog.onConfirm.apply(dialog, __spreadArray([values, action], __read(args), false)) === false) {
             return;
         }
         store.closeDrawer();
@@ -559,7 +559,7 @@ var Page = /** @class */ (function (_super) {
         for (var _i = 2; _i < arguments.length; _i++) {
             rest[_i - 2] = arguments[_i];
         }
-        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], rest, false));
+        _super.prototype.handleDialogConfirm.apply(this, __spreadArray([values, action], __read(rest), false));
         var scoped = this.context;
         var store = this.props.store;
         var dialogAction = store.action;

package/esm/renderers/Pagination.js

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

package/esm/renderers/PaginationWrapper.js

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

package/esm/renderers/Panel.js

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

package/esm/renderers/Password.js

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

package/esm/renderers/Plain.js

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

package/esm/renderers/PopOver.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -158,12 +158,12 @@ var HocPopOver = function (config) {
                 return (React.createElement(Component, __assign({}, this.props, { className: cx("Field--popOverAble", className, {
                         in: this.state.isOpened
                     }), ref: config.targetOutter ? this.targetRef : undefined }), (popOver === null || popOver === void 0 ? void 0 : popOver.showIcon) !== false ? (React.createElement(React.Fragment, null,
-                    React.createElement(Component, __assign({}, this.props, { wrapperComponent: '', noHoc: true })),
+                    React.createElement(Component, __assign({}, this.props, { contentsOnly: true, noHoc: true })),
                     React.createElement("span", __assign({ key: "popover-btn", className: cx('Field-popOverBtn') }, triggerProps, { ref: config.targetOutter ? undefined : this.targetRef }),
                         React.createElement(Icon, { icon: "zoom-in", className: "icon" })),
                     this.state.isOpened ? this.renderPopOver() : null)) : (React.createElement(React.Fragment, null,
                     React.createElement("div", __assign({ className: cx('Field-popOverWrap') }, triggerProps, { ref: config.targetOutter ? undefined : this.targetRef }),
-                        React.createElement(Component, __assign({}, this.props, { wrapperComponent: '', noHoc: true }))),
+                        React.createElement(Component, __assign({}, this.props, { contentsOnly: true, noHoc: true }))),
                     this.state.isOpened ? this.renderPopOver() : null))));
             };
             PopOverComponent.ComposedComponent = Component;

package/esm/renderers/Portlet.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __spreadArray, __read, __decorate, __metadata } from 'tslib';
 import React from 'react';
 import mapValues from 'lodash/mapValues';
 import { Tab, Tabs } from 'amis-ui';
@@ -86,7 +86,7 @@ var Portlet = /** @class */ (function (_super) {
         if (Array.isArray(arr)) {
             arr.forEach(function (value, index) {
                 var ctx = createObject(data, isObject(value) ? __assign({ index: index }, value) : { item: value, index: index });
-                children.push.apply(children, tabs.map(function (tab, tabIndex) {
+                children.push.apply(children, __spreadArray([], __read(tabs.map(function (tab, tabIndex) {
                     return isVisible(tab, ctx) ? (React.createElement(Tab, __assign({}, tab, { title: filter(tab.title, ctx), disabled: isDisabled(tab, ctx), key: "".concat(index * 1000 + tabIndex), eventKey: index * 1000 + tabIndex, mountOnEnter: mountOnEnter, unmountOnExit: typeof tab.reload === 'boolean'
                             ? tab.reload
                             : typeof tab.unmountOnExit === 'boolean'
@@ -94,7 +94,7 @@ var Portlet = /** @class */ (function (_super) {
                                 : unmountOnExit }), render("item/".concat(index, "/").concat(tabIndex), (tab === null || tab === void 0 ? void 0 : tab.type) ? tab : tab.tab || tab.body, {
                         data: ctx
                     }))) : null;
-                }));
+                })), false));
             });
         }
         else {

package/esm/renderers/Progress.js

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

package/esm/renderers/Property.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
-import { __extends, __decorate } from 'tslib';
+import { __extends, __values, __decorate } from 'tslib';
 import React from 'react';
 import { visibilityFilter, buildStyle, Renderer } from 'amis-core';
 
@@ -19,36 +19,46 @@ 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 e_1, _a;
+        var _b = this.props, _c = _b.column, column = _c === void 0 ? 3 : _c, items = _b.items, source = _b.source, data = _b.data;
         var propertyItems = items ? items : source || [];
         var rows = [];
         var row = [];
         var columnLeft = column;
         var index = 0;
         var filteredItems = visibilityFilter(propertyItems, data);
-        for (var _i = 0, filteredItems_1 = filteredItems; _i < filteredItems_1.length; _i++) {
-            var item = filteredItems_1[_i];
-            index = index + 1;
-            var span = Math.min(item.span || 1, column);
-            columnLeft = columnLeft - span;
-            var rowItem = {
-                label: item.label,
-                content: item.content,
-                span: span
-            };
-            // 如果还能放得下就放这一行
-            if (columnLeft >= 0) {
-                row.push(rowItem);
+        try {
+            for (var filteredItems_1 = __values(filteredItems), filteredItems_1_1 = filteredItems_1.next(); !filteredItems_1_1.done; filteredItems_1_1 = filteredItems_1.next()) {
+                var item = filteredItems_1_1.value;
+                index = index + 1;
+                var span = Math.min(item.span || 1, column);
+                columnLeft = columnLeft - span;
+                var rowItem = {
+                    label: item.label,
+                    content: item.content,
+                    span: span
+                };
+                // 如果还能放得下就放这一行
+                if (columnLeft >= 0) {
+                    row.push(rowItem);
+                }
+                else {
+                    rows.push(row);
+                    columnLeft = column - span;
+                    row = [rowItem];
+                }
+                // 最后一行将最后的数据 push
+                if (index === filteredItems.length) {
+                    rows.push(row);
+                }
             }
-            else {
-                rows.push(row);
-                columnLeft = column - span;
-                row = [rowItem];
-            }
-            // 最后一行将最后的数据 push
-            if (index === filteredItems.length) {
-                rows.push(row);
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (filteredItems_1_1 && !filteredItems_1_1.done && (_a = filteredItems_1.return)) _a.call(filteredItems_1);
             }
+            finally { if (e_1) throw e_1.error; }
         }
         return rows;
     };

package/esm/renderers/QRCode.js

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

package/esm/renderers/QuickEdit.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -322,7 +322,7 @@ var HocQuickEdit = function (config) {
                         }), tabIndex: quickEdit.focusable === false
                             ? undefined
                             : '0', onKeyUp: this.handleKeyUp }),
-                        React.createElement(Component, __assign({}, this.props, { wrapperComponent: '', noHoc: true })),
+                        React.createElement(Component, __assign({}, this.props, { contentsOnly: true, noHoc: true })),
                         React.createElement("span", { key: "edit-btn", className: cx('Field-quickEditBtn'), onClick: this.openQuickEdit },
                             React.createElement(Icon, { icon: "edit", className: "icon" })),
                         this.state.isOpened ? this.renderPopOver() : null));

package/esm/renderers/Remark.js

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

package/esm/renderers/SearchBox.d.ts

@@ -42,6 +42,10 @@ export interface SearchBoxSchema extends BaseSchema {
      * 是否立马搜索。
      */
     searchImediately?: boolean;
+    /**
+     * 是否开启清空内容后立即重新搜索
+     */
+    clearAndSubmit?: boolean;
 }
 interface SearchBoxProps extends RendererProps, Omit<SearchBoxSchema, 'type' | 'className'> {
     name: string;
@@ -59,6 +63,7 @@ export declare class SearchBoxRenderer extends React.Component<SearchBoxProps, S
         enhance: boolean;
         clearable: boolean;
         searchImediately: boolean;
+        clearAndSubmit: boolean;
     };
     static contextType: React.Context<IScopedContext>;
     static propsList: Array<string>;

package/esm/renderers/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.7.3-beta.0
+ * amis v2.8.0
  * Copyright 2018-2023 baidu
  */
 
@@ -91,16 +91,17 @@ import { SearchBox } from 'amis-ui';
     };
     SearchBoxRenderer.prototype.render = function () {
         var _this = this;
-        var _a = this.props; _a.data; var name = _a.name, onQuery = _a.onQuery, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, searchImediately = _a.searchImediately, placeholder = _a.placeholder, onChange = _a.onChange, className = _a.className, style = _a.style;
+        var _a = this.props; _a.data; var name = _a.name, onQuery = _a.onQuery, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, searchImediately = _a.searchImediately, clearAndSubmit = _a.clearAndSubmit, placeholder = _a.placeholder, onChange = _a.onChange, className = _a.className, style = _a.style;
         var value = this.state.value;
-        return (React.createElement(SearchBox, { className: className, style: style, name: name, disabled: !onQuery, defaultActive: !!value, defaultValue: onChange ? undefined : value, value: value, mini: mini, enhance: enhance, clearable: clearable, searchImediately: searchImediately, onSearch: this.handleSearch, onCancel: this.handleCancel, placeholder: placeholder, onChange: this.handleChange, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); } }));
+        return (React.createElement(SearchBox, { className: className, style: style, name: name, disabled: !onQuery, defaultActive: !!value, defaultValue: onChange ? undefined : value, value: value, mini: mini, enhance: enhance, clearable: clearable, searchImediately: searchImediately, clearAndSubmit: clearAndSubmit, onSearch: this.handleSearch, onCancel: this.handleCancel, placeholder: placeholder, onChange: this.handleChange, onFocus: function () { return _this.dispatchEvent('focus'); }, onBlur: function () { return _this.dispatchEvent('blur'); } }));
     };
     SearchBoxRenderer.defaultProps = {
         name: 'keywords',
         mini: false,
         enhance: false,
         clearable: false,
-        searchImediately: false
+        searchImediately: false,
+        clearAndSubmit: false
     };
     SearchBoxRenderer.contextType = ScopedContext;
     SearchBoxRenderer.propsList = ['mini', 'searchImediately'];

package/esm/renderers/Service.js

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

package/esm/renderers/SparkLine.js

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

package/esm/renderers/Spinner.js

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

package/esm/renderers/Status.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
 import { RendererProps } from 'amis-core';
 import { BaseSchema } from '../Schema';
+export interface StatusSource {
+    [propName: string]: {
+        icon?: string;
+        label?: string;
+        color?: string;
+        className?: string;
+    };
+}
 /**
  * 状态展示控件。
  * 文档：https://baidu.gitee.io/amis/docs/components/status
@@ -17,6 +25,7 @@ export interface StatusSchema extends BaseSchema {
     placeholder?: string;
     /**
      * 状态图标映射关系
+     * @deprecated 已废弃，2.8.0 废弃，兼容中
      * @default {
      *    0: 'svg-fail',
      *    1: 'svg-success',
@@ -32,7 +41,7 @@ export interface StatusSchema extends BaseSchema {
     };
     /**
      * 文字映射关系
-     *
+     * @deprecated 已废弃，2.8.0 废弃，兼容中
      * @default {
      *     success: '成功',
      *     pending: '运行中',
@@ -44,6 +53,12 @@ export interface StatusSchema extends BaseSchema {
     labelMap?: {
         [propName: string]: string;
     };
+    /**
+     * 新版配置映射源的字段
+     * 可以兼容新版icon并且配置颜色
+     * 2.8.0 新增
+     */
+    source?: StatusSource;
 }
 export interface StatusProps extends RendererProps, Omit<StatusSchema, 'className'> {
 }

package/esm/renderers/Status.js

@@ -1,12 +1,13 @@
 /**
- * amis v2.7.3-beta.0
+ * 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.3-beta.0
+ * 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;