amis 2.5.2 → 2.5.3-beta.0

package/esm/renderers/Grid2D.js

@@ -1,9 +1,9 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
-import { __extends, __decorate } from 'tslib';
+import { __extends, __assign, __decorate } from 'tslib';
 import React from 'react';
 import { isVisible, Renderer } from 'amis-core';
 
@@ -52,7 +52,7 @@ var Grid2D = /** @class */ (function (_super) {
         return grids.map(function (grid, key) { return _this.renderGrid(grid, key, grids.length); });
     };
     Grid2D.prototype.render = function () {
-        var _a = this.props, grids = _a.grids, cols = _a.cols, gap = _a.gap, gapRow = _a.gapRow, width = _a.width, rowHeight = _a.rowHeight;
+        var _a = this.props, grids = _a.grids, cols = _a.cols, gap = _a.gap, gapRow = _a.gapRow, width = _a.width, rowHeight = _a.rowHeight, style = _a.style;
         var templateColumns = new Array(cols);
         templateColumns.fill('1fr');
         var maxRow = 0;
@@ -78,15 +78,8 @@ var Grid2D = /** @class */ (function (_super) {
                     : grid.height;
             }
         });
-        var style = {
-            display: 'grid',
-            columnGap: gap,
-            rowGap: typeof gapRow === 'undefined' ? gap : gapRow,
-            width: width,
-            gridTemplateColumns: templateColumns.join(' '),
-            gridTemplateRows: templateRows.join(' ')
-        };
-        return React.createElement("div", { style: style }, this.renderGrids());
+        var curStyle = __assign(__assign({}, style), { display: 'grid', columnGap: gap, rowGap: typeof gapRow === 'undefined' ? gap : gapRow, width: width, gridTemplateColumns: templateColumns.join(' '), gridTemplateRows: templateRows.join(' ') });
+        return React.createElement("div", { style: curStyle }, this.renderGrids());
     };
     Grid2D.propsList = ['grids'];
     Grid2D.defaultProps = {

package/esm/renderers/GridNav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -39,7 +39,7 @@ import { GridNav, GridNavItem } from 'amis-ui';
     };
     List.prototype.render = function () {
         var _this = this;
-        var _a = this.props, itemClassName = _a.itemClassName, source = _a.source, data = _a.data, options = _a.options, classnames = _a.classnames;
+        var _a = this.props, itemClassName = _a.itemClassName; _a.style; var source = _a.source, data = _a.data, options = _a.options, classnames = _a.classnames;
         var value = getPropValue(this.props);
         var list = [];
         if (typeof source === 'string' && isPureVariable(source)) {

package/esm/renderers/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -46,12 +46,12 @@ var HBox = /** @class */ (function (_super) {
     };
     HBox.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align;
+        var _b = this.props, className = _b.className, style = _b.style, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align;
         return (React.createElement("div", { className: cx("Hbox", className, (_a = {},
                 _a["Hbox--".concat(gap)] = gap,
                 _a["Hbox--v".concat(ucFirst(vAlign))] = vAlign,
                 _a["Hbox--h".concat(ucFirst(hAlign))] = hAlign,
-                _a)) }, this.renderColumns()));
+                _a)), style: style }, this.renderColumns()));
     };
     HBox.propsList = ['columns'];
     HBox.defaultProps = {

package/esm/renderers/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Icon.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -15,21 +15,21 @@ var Icon = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Icon.prototype.render = function () {
-        var _a = this.props, vendor = _a.vendor, cx = _a.classnames, className = _a.className, data = _a.data;
+        var _a = this.props, vendor = _a.vendor, cx = _a.classnames, className = _a.className, style = _a.style, data = _a.data;
         var icon = this.props.icon;
         icon = filter(icon, data);
         if (typeof icon !== 'string') {
             if (isObject(icon) &&
                 typeof icon.id === 'string' &&
                 icon.id.startsWith('svg-')) {
-                return (React.createElement("svg", { className: cx('icon', className) },
+                return (React.createElement("svg", { className: cx('icon', className), style: style },
                     React.createElement("use", { xlinkHref: "#".concat(icon.id.replace(/^svg-/, '')) })));
             }
             return;
         }
         var CustomIcon = getIcon(icon);
         if (CustomIcon) {
-            return React.createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)) });
+            return React.createElement(CustomIcon, { className: cx(className, "icon-".concat(icon)), style: style });
         }
         var isURLIcon = (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
         var iconPrefix = '';
@@ -44,7 +44,7 @@ var Icon = /** @class */ (function (_super) {
             // 如果vendor为空，则不设置前缀,这样可以支持fontawesome v5、fontawesome v6或者其他框架
             iconPrefix = "".concat(icon);
         }
-        return isURLIcon ? (React.createElement("img", { className: cx('Icon'), src: icon })) : (React.createElement("i", { className: cx(iconPrefix, className) }));
+        return isURLIcon ? (React.createElement("img", { className: cx('Icon'), src: icon, style: style })) : (React.createElement("i", { className: cx(iconPrefix, className), style: style }));
     };
     Icon.defaultProps = {
         icon: '',

package/esm/renderers/Image.d.ts

@@ -136,9 +136,6 @@ declare const ThemedImageThumb: {
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
-        /**
-         * 预览图比率
-         */
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;

package/esm/renderers/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -41,7 +41,7 @@ var ImageThumb = /** @class */ (function (_super) {
         onEnlarge && onEnlarge(rest);
     };
     ImageThumb.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, imageClassName = _a.imageClassName, thumbClassName = _a.thumbClassName, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, height = _a.height, width = _a.width, src = _a.src, alt = _a.alt, title = _a.title, caption = _a.caption, href = _a.href, _b = _a.blank, blank = _b === void 0 ? true : _b, htmlTarget = _a.htmlTarget; _a.onLoad; var enlargeAble = _a.enlargeAble, __ = _a.translate, overlays = _a.overlays, imageMode = _a.imageMode;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, imageClassName = _a.imageClassName, thumbClassName = _a.thumbClassName, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, height = _a.height, width = _a.width, src = _a.src, alt = _a.alt, title = _a.title, caption = _a.caption, href = _a.href, _b = _a.blank, blank = _b === void 0 ? true : _b, htmlTarget = _a.htmlTarget; _a.onLoad; var enlargeAble = _a.enlargeAble, __ = _a.translate, overlays = _a.overlays, imageMode = _a.imageMode;
         var imageLoading = this.state.imageLoading;
         var imageContent = (React.createElement(React.Fragment, null,
             imageLoading ? (React.createElement("img", { className: cx('Image-image', imageClassName), src: imagePlaceholder, alt: alt })) : null,
@@ -52,7 +52,7 @@ var ImageThumb = /** @class */ (function (_super) {
             enlargeAble ? (React.createElement("a", { "data-tooltip": __('Image.zoomIn'), "data-position": "bottom", target: "_blank", onClick: this.handleEnlarge },
                 React.createElement(Icon, { icon: "view", className: "icon" }))) : null,
             overlays)) : null;
-        var image = (React.createElement("div", { className: cx('Image', imageMode === 'original' ? 'Image--original' : 'Image--thumb', className) },
+        var image = (React.createElement("div", { className: cx('Image', imageMode === 'original' ? 'Image--original' : 'Image--thumb', className), style: href ? undefined : style },
             imageMode === 'original' ? (React.createElement("div", { className: cx('Image-origin', thumbMode ? "Image-origin--".concat(thumbMode) : ''), style: { height: height, width: width } },
                 imageContent,
                 enlarge)) : (React.createElement("div", { className: cx('Image-thumbWrap') },
@@ -64,7 +64,7 @@ var ImageThumb = /** @class */ (function (_super) {
                 title ? (React.createElement("div", { className: cx('Image-title'), title: title }, title)) : null,
                 caption ? (React.createElement("div", { className: cx('Image-caption'), title: caption }, caption)) : null)) : null));
         if (href) {
-            image = (React.createElement("a", { href: href, target: htmlTarget || (blank ? '_blank' : '_self'), className: cx('Link', className), title: title }, image));
+            image = (React.createElement("a", { href: href, target: htmlTarget || (blank ? '_blank' : '_self'), className: cx('Link', className), style: style, title: title }, image));
         }
         return image;
     };
@@ -118,13 +118,13 @@ var ImageField = /** @class */ (function (_super) {
     };
     ImageField.prototype.render = function () {
         var _a;
-        var _b = this.props, className = _b.className, innerClassName = _b.innerClassName, defaultImage = _b.defaultImage, imageCaption = _b.imageCaption, title = _b.title, data = _b.data, imageClassName = _b.imageClassName, thumbClassName = _b.thumbClassName, height = _b.height, width = _b.width, cx = _b.classnames, src = _b.src, href = _b.href, thumbMode = _b.thumbMode, thumbRatio = _b.thumbRatio, placeholder = _b.placeholder, originalSrc = _b.originalSrc, enlargeAble = _b.enlargeAble, imageMode = _b.imageMode;
+        var _b = this.props, className = _b.className, style = _b.style, innerClassName = _b.innerClassName, defaultImage = _b.defaultImage, imageCaption = _b.imageCaption, title = _b.title, data = _b.data, imageClassName = _b.imageClassName, thumbClassName = _b.thumbClassName, height = _b.height, width = _b.width, cx = _b.classnames, src = _b.src, href = _b.href, thumbMode = _b.thumbMode, thumbRatio = _b.thumbRatio, placeholder = _b.placeholder, originalSrc = _b.originalSrc, enlargeAble = _b.enlargeAble, imageMode = _b.imageMode;
         var finnalSrc = src ? filter(src, data, '| raw') : '';
         var value = finnalSrc || getPropValue(this.props) || defaultImage || imagePlaceholder;
         var finnalHref = href ? filter(href, data, '| raw') : '';
         return (React.createElement("div", { className: cx('ImageField', imageMode === 'original'
                 ? 'ImageField--original'
-                : 'ImageField--thumb', className), onClick: this.handleClick }, value ? (React.createElement(ThemedImageThumb, { className: innerClassName, imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: filter(title, data), caption: filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React.createElement("span", { className: "text-muted" }, placeholder))));
+                : 'ImageField--thumb', className), style: style, onClick: this.handleClick }, value ? (React.createElement(ThemedImageThumb, { className: innerClassName, imageClassName: imageClassName, thumbClassName: thumbClassName, height: height, width: width, src: value, href: finnalHref, title: filter(title, data), caption: filter(imageCaption, data), thumbMode: thumbMode, thumbRatio: thumbRatio, originalSrc: (_a = filter(originalSrc, data, '| raw')) !== null && _a !== void 0 ? _a : value, enlargeAble: enlargeAble && value !== defaultImage, onEnlarge: this.handleEnlarge, imageMode: imageMode })) : (React.createElement("span", { className: "text-muted" }, placeholder))));
     };
     ImageField.defaultProps = {
         defaultImage: imagePlaceholder,

package/esm/renderers/Images.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -31,7 +31,7 @@ var ImagesField = /** @class */ (function (_super) {
     };
     ImagesField.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, defaultImage = _a.defaultImage, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, data = _a.data; _a.name; var placeholder = _a.placeholder, cx = _a.classnames, source = _a.source, delimiter = _a.delimiter, enlargeAble = _a.enlargeAble, src = _a.src, originalSrc = _a.originalSrc, listClassName = _a.listClassName, options = _a.options, showToolbar = _a.showToolbar, toolbarActions = _a.toolbarActions;
+        var _a = this.props, className = _a.className, style = _a.style, defaultImage = _a.defaultImage, thumbMode = _a.thumbMode, thumbRatio = _a.thumbRatio, data = _a.data; _a.name; var placeholder = _a.placeholder, cx = _a.classnames, source = _a.source, delimiter = _a.delimiter, enlargeAble = _a.enlargeAble, src = _a.src, originalSrc = _a.originalSrc, listClassName = _a.listClassName, options = _a.options, showToolbar = _a.showToolbar, toolbarActions = _a.toolbarActions;
         var value;
         var list;
         if (typeof source === 'string' && isPureVariable(source)) {
@@ -51,7 +51,7 @@ var ImagesField = /** @class */ (function (_super) {
             list = [list];
         }
         this.list = list;
-        return (React.createElement("div", { className: cx('ImagesField', className) }, Array.isArray(list) ? (React.createElement("div", { className: cx('Images', listClassName) }, list.map(function (item, index) { return (React.createElement(ThemedImageThumb, { index: index, className: cx('Images-item'), key: index, src: (src ? filter(src, item, '| raw') : item && item.image) ||
+        return (React.createElement("div", { className: cx('ImagesField', className), style: style }, Array.isArray(list) ? (React.createElement("div", { className: cx('Images', listClassName) }, list.map(function (item, index) { return (React.createElement(ThemedImageThumb, { index: index, className: cx('Images-item'), key: index, src: (src ? filter(src, item, '| raw') : item && item.image) ||
                 item, originalSrc: (originalSrc
                 ? filter(originalSrc, item, '| raw')
                 : item && item.src) || item, title: item && item.title, caption: item && (item.description || item.caption), thumbMode: thumbMode, thumbRatio: thumbRatio, enlargeAble: enlargeAble, onEnlarge: _this.handleEnlarge, showToolbar: showToolbar, toolbarActions: toolbarActions })); }))) : defaultImage ? (React.createElement("div", { className: cx('Images', listClassName) },

package/esm/renderers/Json.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -32,7 +32,7 @@ var JSONField = /** @class */ (function (_super) {
     JSONField.prototype.render = function () {
         var _a;
         var _b;
-        var _c = this.props, className = _c.className, jsonTheme = _c.jsonTheme, cx = _c.classnames, placeholder = _c.placeholder, source = _c.source; _c.levelExpand; var mutable = _c.mutable, displayDataTypes = _c.displayDataTypes, enableClipboard = _c.enableClipboard, iconStyle = _c.iconStyle, quotesOnKeys = _c.quotesOnKeys, sortKeys = _c.sortKeys, name = _c.name, ellipsisThreshold = _c.ellipsisThreshold;
+        var _c = this.props, className = _c.className, style = _c.style, jsonTheme = _c.jsonTheme, cx = _c.classnames, placeholder = _c.placeholder, source = _c.source; _c.levelExpand; var mutable = _c.mutable, displayDataTypes = _c.displayDataTypes, enableClipboard = _c.enableClipboard, iconStyle = _c.iconStyle, quotesOnKeys = _c.quotesOnKeys, sortKeys = _c.sortKeys, name = _c.name, ellipsisThreshold = _c.ellipsisThreshold;
         var value = getPropValue(this.props);
         var data = value;
         if (source !== undefined && isPureVariable(source)) {
@@ -55,7 +55,7 @@ var JSONField = /** @class */ (function (_super) {
                 _a[typeof data] = data,
                 _a);
         }
-        return (React.createElement("div", { className: cx('JsonField', className) }, typeof data === 'undefined' || data === null ? (placeholder) : (React.createElement(JsonView, { name: false, src: data, theme: (_b = jsonThemeValue) !== null && _b !== void 0 ? _b : 'rjv-default', shouldCollapse: this.shouldExpandNode, enableClipboard: enableClipboard, displayDataTypes: displayDataTypes, collapseStringsAfterLength: ellipsisThreshold, iconStyle: iconStyle, quotesOnKeys: quotesOnKeys, sortKeys: sortKeys, onEdit: name && mutable ? this.emitChange : false, onDelete: name && mutable ? this.emitChange : false, onAdd: name && mutable ? this.emitChange : false }))));
+        return (React.createElement("div", { className: cx('JsonField', className), style: style }, typeof data === 'undefined' || data === null ? (placeholder) : (React.createElement(JsonView, { name: false, src: data, theme: (_b = jsonThemeValue) !== null && _b !== void 0 ? _b : 'rjv-default', shouldCollapse: this.shouldExpandNode, enableClipboard: enableClipboard, displayDataTypes: displayDataTypes, collapseStringsAfterLength: ellipsisThreshold, iconStyle: iconStyle, quotesOnKeys: quotesOnKeys, sortKeys: sortKeys, onEdit: name && mutable ? this.emitChange : false, onDelete: name && mutable ? this.emitChange : false, onAdd: name && mutable ? this.emitChange : false }))));
     };
     JSONField.defaultProps = {
         placeholder: '-',

package/esm/renderers/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -23,11 +23,11 @@ var LinkCmpt = /** @class */ (function (_super) {
     };
     LinkCmpt.prototype.getHref = function () { };
     LinkCmpt.prototype.render = function () {
-        var _a = this.props, className = _a.className, body = _a.body, href = _a.href; _a.classnames; var blank = _a.blank, disabled = _a.disabled, htmlTarget = _a.htmlTarget, data = _a.data, render = _a.render, __ = _a.translate, title = _a.title, icon = _a.icon, rightIcon = _a.rightIcon;
+        var _a = this.props, className = _a.className, style = _a.style, body = _a.body, href = _a.href; _a.classnames; var blank = _a.blank, disabled = _a.disabled, htmlTarget = _a.htmlTarget, data = _a.data, render = _a.render, __ = _a.translate, title = _a.title, icon = _a.icon, rightIcon = _a.rightIcon;
         var value = (typeof href === 'string' && href
             ? filter(href, data, '| raw')
             : undefined) || getPropValue(this.props);
-        return (React.createElement(Link, { className: className, href: value, disabled: disabled, title: title, htmlTarget: htmlTarget || (blank ? '_blank' : '_self'), icon: icon, rightIcon: rightIcon, onClick: this.handleClick }, body ? render('body', body) : value || __('link')));
+        return (React.createElement(Link, { className: className, style: style, href: value, disabled: disabled, title: title, htmlTarget: htmlTarget || (blank ? '_blank' : '_self'), icon: icon, rightIcon: rightIcon, onClick: this.handleClick }, body ? render('body', body) : value || __('link')));
     };
     LinkCmpt.defaultProps = {
         blank: true,

package/esm/renderers/List.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -422,14 +422,14 @@ var List = /** @class */ (function (_super) {
     List.prototype.render = function () {
         var _a;
         var _this = this;
-        var _b = this.props, className = _b.className, itemClassName = _b.itemClassName, store = _b.store, placeholder = _b.placeholder, render = _b.render; _b.multiple; var listItem = _b.listItem; _b.onAction; _b.hideCheckToggler; _b.checkOnItemClick; _b.itemAction; var affixHeader = _b.affixHeader, cx = _b.classnames, size = _b.size, __ = _b.translate, _c = _b.loading, loading = _c === void 0 ? false : _c;
+        var _b = this.props, className = _b.className, style = _b.style, itemClassName = _b.itemClassName, store = _b.store, placeholder = _b.placeholder, render = _b.render; _b.multiple; var listItem = _b.listItem; _b.onAction; _b.hideCheckToggler; _b.checkOnItemClick; _b.itemAction; var affixHeader = _b.affixHeader, cx = _b.classnames, size = _b.size, __ = _b.translate, _c = _b.loading, loading = _c === void 0 ? false : _c;
         this.renderedToolbars = [];
         var heading = this.renderHeading();
         var header = this.renderHeader();
         return (React.createElement("div", { className: cx('List', className, (_a = {},
                 _a["List--".concat(size)] = size,
                 _a['List--unsaved'] = !!store.modified || !!store.moved,
-                _a)), ref: this.bodyRef },
+                _a)), style: style, ref: this.bodyRef },
             affixHeader && heading && header ? (React.createElement("div", { className: cx('List-fixedTop') },
                 header,
                 heading)) : null,

package/esm/renderers/Log.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -201,7 +201,7 @@ var Log = /** @class */ (function (_super) {
     };
     Log.prototype.render = function () {
         var _this = this;
-        var _a = this.props, source = _a.source, className = _a.className, cx = _a.classnames, placeholder = _a.placeholder, height = _a.height, rowHeight = _a.rowHeight; _a.disableColor; var __ = _a.translate, operation = _a.operation;
+        var _a = this.props, source = _a.source, className = _a.className, style = _a.style, cx = _a.classnames, placeholder = _a.placeholder, height = _a.height, rowHeight = _a.rowHeight; _a.disableColor; var __ = _a.translate, operation = _a.operation;
         var _b = this.state, refresh = _b.refresh, showLineNumber = _b.showLineNumber;
         var loading = __(placeholder);
         if (!source) {
@@ -228,7 +228,7 @@ var Log = /** @class */ (function (_super) {
                 return _this.renderLine(index, line, showLineNumber);
             });
         }
-        return (React.createElement("div", { className: cx('Log', className) },
+        return (React.createElement("div", { className: cx('Log', className), style: style },
             React.createElement("div", { className: cx('Log-operation') }, operation && (operation === null || operation === void 0 ? void 0 : operation.length) > 0 && (React.createElement(React.Fragment, null,
                 operation.includes('stop') && (React.createElement("a", { title: __('stop'), className: !refresh ? 'is-disabled' : '', onClick: this.refresh },
                     React.createElement(Icon, { icon: "pause" }))),

package/esm/renderers/Mapping.d.ts

@@ -276,7 +276,7 @@ export declare const MappingField: {
             componentDidMount(): void;
             componentDidUpdate(prevProps: MappingProps): void;
             reload(): void;
-            renderSingleValue(key: any, reactKey?: number): JSX.Element;
+            renderSingleValue(key: any, reactKey?: number, needStyle?: boolean): JSX.Element;
             renderViewValue(value: any): any;
             render(): JSX.Element;
             context: any;
@@ -309,7 +309,7 @@ export declare const MappingField: {
         componentDidMount(): void;
         componentDidUpdate(prevProps: MappingProps): void;
         reload(): void;
-        renderSingleValue(key: any, reactKey?: number): JSX.Element;
+        renderSingleValue(key: any, reactKey?: number, needStyle?: boolean): JSX.Element;
         renderViewValue(value: any): any;
         render(): JSX.Element;
         context: any;
@@ -341,7 +341,7 @@ export declare const MappingField: {
             componentDidMount(): void;
             componentDidUpdate(prevProps: MappingProps): void;
             reload(): void;
-            renderSingleValue(key: any, reactKey?: number): JSX.Element;
+            renderSingleValue(key: any, reactKey?: number, needStyle?: boolean): JSX.Element;
             renderViewValue(value: any): any;
             render(): JSX.Element;
             context: any;

package/esm/renderers/Mapping.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -121,14 +121,15 @@ var MappingField = withStore(function (props) {
                 store.load(env, api, data);
             }
         };
-        class_1.prototype.renderSingleValue = function (key, reactKey) {
+        class_1.prototype.renderSingleValue = function (key, reactKey, needStyle) {
             var _a;
-            var _b = this.props, className = _b.className, placeholder = _b.placeholder, cx = _b.classnames, store = _b.store;
+            var _b = this.props, className = _b.className, style = _b.style, placeholder = _b.placeholder, cx = _b.classnames, store = _b.store;
             var viewValue = (React.createElement("span", { className: "text-muted" }, placeholder));
             var map = store.map;
             var value = undefined;
             // trim 一下，干掉一些空白字符。
             key = typeof key === 'string' ? key.trim() : key;
+            var curStyle = needStyle ? style : undefined;
             if (typeof key !== 'undefined' &&
                 map &&
                 (value =
@@ -139,7 +140,7 @@ var MappingField = withStore(function (props) {
                             : map['*'])) !== undefined) {
                 viewValue = this.renderViewValue(value);
             }
-            return (React.createElement("span", { key: "map-".concat(reactKey), className: cx('MappingField', className) }, viewValue));
+            return (React.createElement("span", { key: "map-".concat(reactKey), className: cx('MappingField', className), style: curStyle }, viewValue));
         };
         class_1.prototype.renderViewValue = function (value) {
             var _a = this.props, render = _a.render, itemSchema = _a.itemSchema, data = _a.data, labelField = _a.labelField;
@@ -167,14 +168,15 @@ var MappingField = withStore(function (props) {
         };
         class_1.prototype.render = function () {
             var _this = this;
+            var style = this.props.style;
             var mapKey = getPropValue(this.props);
             if (Array.isArray(mapKey)) {
-                return (React.createElement("span", null, mapKey.map(function (singleKey, index) {
+                return (React.createElement("span", { style: style }, mapKey.map(function (singleKey, index) {
                     return _this.renderSingleValue(singleKey, index);
                 })));
             }
             else {
-                return this.renderSingleValue(mapKey, 0);
+                return this.renderSingleValue(mapKey, 0, true);
             }
         };
         return class_1;

package/esm/renderers/Markdown.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -75,8 +75,8 @@ var Markdown = /** @class */ (function (_super) {
         });
     };
     Markdown.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options;
-        return (React.createElement("div", { className: cx('Markdown', className) },
+        var _a = this.props, className = _a.className, style = _a.style, cx = _a.classnames, options = _a.options;
+        return (React.createElement("div", { className: cx('Markdown', className), style: style },
             React.createElement(LazyComponent, { getComponent: loadComponent, content: this.state.content || '', options: options })));
     };
     return Markdown;

package/esm/renderers/MultilineText.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Nav.d.ts

@@ -220,7 +220,9 @@ declare const ThemedNavigation: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onSelect" | "onToggle" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
+        componentWillUnmount?(): void; /**
+         * 横向导航时自动收纳配置
+         */
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onSelect" | "onToggle" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<NavigationProps, keyof ThemeProps>, "hidden" | "static" | "$ref" | "disabled" | "disabledOn" | "hiddenOn" | "visible" | "visibleOn" | "id" | "onEvent" | "staticOn" | "staticPlaceholder" | "staticClassName" | "staticLabelClassName" | "staticInputClassName" | "staticSchema" | "render" | "env" | "data" | "source" | "itemBadge" | "loading" | "reload" | "draggable" | "deferApi" | "onSelect" | "onToggle" | "itemActions" | "saveOrderApi" | "links" | "stacked" | "dragOnSameLevel" | "overflow" | "onDragUpdate" | "onOrderChange" | "togglerClassName"> & Partial<Pick<Omit<NavigationProps, keyof ThemeProps>, "indentSize">> & Partial<Pick<Pick<NavigationProps, "indentSize">, never>> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;

package/esm/renderers/Nav.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -242,9 +242,9 @@ var Navigation = /** @class */ (function (_super) {
     };
     Navigation.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, stacked = _a.stacked, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow;
+        var _a = this.props, className = _a.className, style = _a.style, stacked = _a.stacked, cx = _a.classnames, links = _a.links, loading = _a.loading, overflow = _a.overflow;
         var dropIndicator = this.state.dropIndicator;
-        return (React.createElement("div", { className: cx('Nav') }, overflow && isObject(overflow) && overflow.enable ? (this.renderOverflowNavs(__assign({ overflowIndicator: 'fa fa-ellipsis', wrapperComponent: 'ul', itemWidth: 160 }, overflow))) : (React.createElement(React.Fragment, null,
+        return (React.createElement("div", { className: cx('Nav'), style: style }, overflow && isObject(overflow) && overflow.enable ? (this.renderOverflowNavs(__assign({ overflowIndicator: 'fa fa-ellipsis', wrapperComponent: 'ul', itemWidth: 160 }, overflow))) : (React.createElement(React.Fragment, null,
             React.createElement("ul", { className: cx('Nav-list', className, stacked ? 'Nav-list--stacked' : 'Nav-list--tabs') },
                 Array.isArray(links)
                     ? links.map(function (item, index) { return _this.renderItem(item, index); })

package/esm/renderers/Operation.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,8 +13,8 @@ var OperationField = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     OperationField.prototype.render = function () {
-        var _a = this.props, className = _a.className, buttons = _a.buttons, render = _a.render, cx = _a.classnames;
-        return (React.createElement("div", { className: cx('OperationField', className) }, Array.isArray(buttons)
+        var _a = this.props, className = _a.className, style = _a.style, buttons = _a.buttons, render = _a.render, cx = _a.classnames;
+        return (React.createElement("div", { className: cx('OperationField', className), style: style }, Array.isArray(buttons)
             ? buttons.map(function (button, index) {
                 return render("".concat(index), __assign({ type: 'button', size: button.size || 'sm', level: button.level ||
                         (button.icon && !button.label ? 'link' : '') }, button), {

package/esm/renderers/Page.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/PaginationWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -29,7 +29,7 @@ var PaginationWrapper = /** @class */ (function (_super) {
         ]);
     };
     PaginationWrapper.prototype.render = function () {
-        var _a = this.props, position = _a.position, render = _a.render, store = _a.store, cx = _a.classnames, body = _a.body, __ = _a.translate;
+        var _a = this.props, position = _a.position, render = _a.render, store = _a.store, cx = _a.classnames, style = _a.style, body = _a.body, __ = _a.translate;
         var pagination = position !== 'none'
             ? render('pager', {
                 type: 'pagination'
@@ -42,7 +42,7 @@ var PaginationWrapper = /** @class */ (function (_super) {
                 className: 'PaginationWrapper-pager'
             })
             : null;
-        return (React.createElement("div", { className: cx('PaginationWrapper') },
+        return (React.createElement("div", { className: cx('PaginationWrapper'), style: style },
             position === 'top' ? pagination : null,
             body ? (render('body', body, {
                 data: store.locals

package/esm/renderers/Panel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -87,7 +87,7 @@ var Panel = /** @class */ (function (_super) {
         return null;
     };
     Panel.prototype.render = function () {
-        var _a = this.props; _a.type; var className = _a.className, data = _a.data, header = _a.header; _a.body; var render = _a.render, bodyClassName = _a.bodyClassName, headerClassName = _a.headerClassName, actionsClassName = _a.actionsClassName, footerClassName = _a.footerClassName, footerWrapClassName = _a.footerWrapClassName; _a.children; var title = _a.title, footer = _a.footer, affixFooter = _a.affixFooter, ns = _a.classPrefix, cx = _a.classnames; _a.id; var rest = __rest(_a, ["type", "className", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "footerWrapClassName", "children", "title", "footer", "affixFooter", "classPrefix", "classnames", "id"]);
+        var _a = this.props; _a.type; var className = _a.className, style = _a.style, data = _a.data, header = _a.header; _a.body; var render = _a.render, bodyClassName = _a.bodyClassName, headerClassName = _a.headerClassName, actionsClassName = _a.actionsClassName, footerClassName = _a.footerClassName, footerWrapClassName = _a.footerWrapClassName; _a.children; var title = _a.title, footer = _a.footer, affixFooter = _a.affixFooter, ns = _a.classPrefix, cx = _a.classnames; _a.id; var rest = __rest(_a, ["type", "className", "style", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "footerWrapClassName", "children", "title", "footer", "affixFooter", "classPrefix", "classnames", "id"]);
         var subProps = __assign({ data: data }, rest);
         var footerDoms = [];
         var actions = this.renderActions();
@@ -96,7 +96,7 @@ var Panel = /** @class */ (function (_super) {
         footer &&
             footerDoms.push(React.createElement("div", { key: "footer", className: cx(footerClassName || "Panel-footer") }, render('footer', footer, subProps)));
         var footerDom = footerDoms.length ? (React.createElement("div", { className: cx('Panel-footerWrap', footerWrapClassName), ref: this.footerDom }, footerDoms)) : null;
-        return (React.createElement("div", { className: cx("Panel", className || "Panel--default") },
+        return (React.createElement("div", { className: cx("Panel", className || "Panel--default"), style: style },
             header ? (React.createElement("div", { className: cx(headerClassName || "Panel-heading") }, render('header', header, subProps))) : title ? (React.createElement("div", { className: cx(headerClassName || "Panel-heading") },
                 React.createElement("h3", { className: cx("Panel-title") }, render('title', title, subProps)))) : null,
             React.createElement("div", { className: bodyClassName || "".concat(ns, "Panel-body") }, this.renderBody()),

package/esm/renderers/Password.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -23,8 +23,8 @@ var PasswordField = /** @class */ (function (_super) {
         });
     };
     PasswordField.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, _b = _a.mosaicText, mosaicText = _b === void 0 ? '********' : _b, value = _a.value;
-        return (React.createElement("span", { className: cx('Password-field', className) },
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, _b = _a.mosaicText, mosaicText = _b === void 0 ? '********' : _b, value = _a.value;
+        return (React.createElement("span", { className: cx('Password-field', className), style: style },
             this.state.visible ? value : mosaicText,
             this.state.visible
                 ? React.createElement(Icon, { icon: "view", className: "icon", onClick: this.toggleVisible })

package/esm/renderers/Plain.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -13,10 +13,10 @@ var Plain = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Plain.prototype.render = function () {
-        var _a = this.props, className = _a.className, wrapperComponent = _a.wrapperComponent, text = _a.text, data = _a.data, tpl = _a.tpl, inline = _a.inline, placeholder = _a.placeholder, cx = _a.classnames;
+        var _a = this.props, className = _a.className, style = _a.style, wrapperComponent = _a.wrapperComponent, text = _a.text, data = _a.data, tpl = _a.tpl, inline = _a.inline, placeholder = _a.placeholder, cx = _a.classnames;
         var value = getPropValue(this.props);
         var Component = wrapperComponent || (inline ? 'span' : 'div');
-        return (React.createElement(Component, { className: cx('PlainField', className) }, tpl || text ? (filter(tpl || text, data)) : typeof value === 'undefined' || value === '' || value === null ? (React.createElement("span", { className: "text-muted" }, placeholder)) : (String(value))));
+        return (React.createElement(Component, { className: cx('PlainField', className), style: style }, tpl || text ? (filter(tpl || text, data)) : typeof value === 'undefined' || value === '' || value === null ? (React.createElement("span", { className: "text-muted" }, placeholder)) : (String(value))));
     };
     Plain.defaultProps = {
         wrapperComponent: '',

package/esm/renderers/PopOver.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Portlet.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */