amis 2.5.2 → 2.5.3-beta.0

package/esm/renderers/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -20,7 +20,7 @@ var ProgressField = /** @class */ (function (_super) {
         });
     };
     ProgressField.prototype.render = function () {
-        var _a = this.props, data = _a.data, mode = _a.mode, className = _a.className, placeholder = _a.placeholder, progressClassName = _a.progressClassName, map = _a.map, stripe = _a.stripe, animate = _a.animate, showLabel = _a.showLabel, strokeWidth = _a.strokeWidth, gapDegree = _a.gapDegree, gapPosition = _a.gapPosition; _a.classnames; var threshold = _a.threshold, showThresholdText = _a.showThresholdText;
+        var _a = this.props, data = _a.data, mode = _a.mode, className = _a.className, style = _a.style, placeholder = _a.placeholder, progressClassName = _a.progressClassName, map = _a.map, stripe = _a.stripe, animate = _a.animate, showLabel = _a.showLabel, strokeWidth = _a.strokeWidth, gapDegree = _a.gapDegree, gapPosition = _a.gapPosition; _a.classnames; var threshold = _a.threshold, showThresholdText = _a.showThresholdText;
         var value = getPropValue(this.props);
         value = typeof value === 'number' ? value : filter(value, data);
         if (/^\d*\.?\d+$/.test(value)) {
@@ -41,7 +41,7 @@ var ProgressField = /** @class */ (function (_super) {
                 threshold.color && (threshold.color = filter(threshold.color, data));
             }
         }
-        return (React.createElement(Progress, { value: value, type: mode, map: map, stripe: stripe, animate: animate, showLabel: showLabel, placeholder: placeholder, format: this.format, strokeWidth: strokeWidth, gapDegree: gapDegree, gapPosition: gapPosition, className: className, progressClassName: progressClassName, threshold: threshold, showThresholdText: showThresholdText }));
+        return (React.createElement(Progress, { value: value, type: mode, map: map, stripe: stripe, animate: animate, showLabel: showLabel, placeholder: placeholder, format: this.format, strokeWidth: strokeWidth, gapDegree: gapDegree, gapPosition: gapPosition, className: className, style: style, progressClassName: progressClassName, threshold: threshold, showThresholdText: showThresholdText }));
     };
     ProgressField.defaultProps = {
         placeholder: '-',

package/esm/renderers/Property.js

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

package/esm/renderers/QRCode.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -38,9 +38,9 @@ var QRCode = /** @class */ (function (_super) {
         });
     };
     QRCode.prototype.render = function () {
-        var _a = this.props, className = _a.className, qrcodeClassName = _a.qrcodeClassName, codeSize = _a.codeSize, backgroundColor = _a.backgroundColor, foregroundColor = _a.foregroundColor, placeholder = _a.placeholder, level = _a.level, defaultValue = _a.defaultValue, data = _a.data, ns = _a.classPrefix;
+        var _a = this.props, className = _a.className, style = _a.style, qrcodeClassName = _a.qrcodeClassName, codeSize = _a.codeSize, backgroundColor = _a.backgroundColor, foregroundColor = _a.foregroundColor, placeholder = _a.placeholder, level = _a.level, defaultValue = _a.defaultValue, data = _a.data, ns = _a.classPrefix;
         var finalValue = getPropValue(this.props, function () { return filter(defaultValue, data, '| raw') || undefined; });
-        return (React.createElement("div", { className: cx("".concat(ns, "QrCode"), className) }, !finalValue ? (React.createElement("span", { className: "".concat(ns, "QrCode--placeholder") }, placeholder)) : finalValue.length > 2953 ? (
+        return (React.createElement("div", { className: cx("".concat(ns, "QrCode"), className), style: style }, !finalValue ? (React.createElement("span", { className: "".concat(ns, "QrCode--placeholder") }, placeholder)) : finalValue.length > 2953 ? (
         // https://github.com/zpao/qrcode.react/issues/69
         React.createElement("span", { className: "text-danger" }, "\u4E8C\u7EF4\u7801\u503C\u8FC7\u957F\uFF0C\u8BF7\u8BBE\u7F6E2953\u4E2A\u5B57\u7B26\u4EE5\u4E0B\u7684\u6587\u672C")) : (React.createElement(QRCodeSVG
         // @ts-ignore 其实是支持的

package/esm/renderers/QuickEdit.js

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

package/esm/renderers/Remark.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -50,17 +50,17 @@ var Remark = /** @class */ (function (_super) {
     };
     Remark.prototype.render = function () {
         var _a, _b, _c;
-        var _d = this.props, className = _d.className, icon = _d.icon, label = _d.label, shape = _d.shape, tooltip = _d.tooltip, placement = _d.placement, rootClose = _d.rootClose, trigger = _d.trigger, container = _d.container, ns = _d.classPrefix, cx = _d.classnames, content = _d.content, data = _d.data, env = _d.env, tooltipClassName = _d.tooltipClassName, useMobileUI = _d.useMobileUI;
+        var _d = this.props, className = _d.className, style = _d.style, icon = _d.icon, label = _d.label, shape = _d.shape, tooltip = _d.tooltip, placement = _d.placement, rootClose = _d.rootClose, trigger = _d.trigger, container = _d.container, ns = _d.classPrefix, cx = _d.classnames, content = _d.content, data = _d.data, env = _d.env, tooltipClassName = _d.tooltipClassName, useMobileUI = _d.useMobileUI;
         var finalIcon = (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.icon) !== null && _a !== void 0 ? _a : icon;
         var finalLabel = (_b = tooltip === null || tooltip === void 0 ? void 0 : tooltip.label) !== null && _b !== void 0 ? _b : label;
         var finalShape = (_c = tooltip === null || tooltip === void 0 ? void 0 : tooltip.shape) !== null && _c !== void 0 ? _c : shape;
         var parsedTip = filterContents(tooltip || content, data);
         // 移动端使用弹框提示
         if (isMobile() && useMobileUI) {
-            return (React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning"), onClick: this.showModalTip(parsedTip) }, this.renderLabel(finalIcon, finalLabel, cx, finalShape)));
+            return (React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning"), style: style, onClick: this.showModalTip(parsedTip) }, this.renderLabel(finalIcon, finalLabel, cx, finalShape)));
         }
         return (React.createElement(TooltipWrapper, { classPrefix: ns, classnames: cx, tooltip: parsedTip, tooltipClassName: (tooltip && tooltip.tooltipClassName) || tooltipClassName, placement: (tooltip && tooltip.placement) || placement, rootClose: (tooltip && tooltip.rootClose) || rootClose, trigger: (tooltip && tooltip.trigger) || trigger, container: container || env.getModalContainer, delay: tooltip && tooltip.delay },
-            React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning") }, this.renderLabel(finalIcon, finalLabel, cx, finalShape))));
+            React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning"), style: style }, this.renderLabel(finalIcon, finalLabel, cx, finalShape))));
     };
     Remark.propsList = [];
     Remark.defaultProps = {

package/esm/renderers/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -91,9 +91,9 @@ 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;
+        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 value = this.state.value;
-        return (React.createElement(SearchBox, { className: className, 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, 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',

package/esm/renderers/Service.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -473,8 +473,8 @@ var Service = /** @class */ (function (_super) {
         });
     };
     Service.prototype.render = function () {
-        var _a = this.props, className = _a.className, store = _a.store, render = _a.render, ns = _a.classPrefix, cx = _a.classnames;
-        return (React.createElement("div", { className: cx("".concat(ns, "Service"), className) },
+        var _a = this.props, className = _a.className, style = _a.style, store = _a.store, render = _a.render, ns = _a.classPrefix, cx = _a.classnames;
+        return (React.createElement("div", { className: cx("".concat(ns, "Service"), className), style: style },
             store.error ? (React.createElement("div", { className: cx("Alert Alert--danger") },
                 React.createElement("button", { className: cx('Alert-close'), onClick: function () { return store.updateMessage(''); }, type: "button" },
                     React.createElement("span", null, "\u00D7")),

package/esm/renderers/SparkLine.js

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

package/esm/renderers/Spinner.js

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

package/esm/renderers/Status.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -16,7 +16,7 @@ var StatusField = /** @class */ (function (_super) {
     }
     StatusField.prototype.render = function () {
         var _a, _b;
-        var _c = this.props, className = _c.className, placeholder = _c.placeholder, cx = _c.classnames, data = _c.data;
+        var _c = this.props, 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 value = getPropValue(this.props);
@@ -49,7 +49,7 @@ var StatusField = /** @class */ (function (_super) {
                 ];
             }
         }
-        return (React.createElement("span", { className: cx('StatusField', wrapClassName, className) }, viewValue));
+        return (React.createElement("span", { className: cx('StatusField', wrapClassName, className), style: style }, viewValue));
     };
     StatusField.defaultProps = {
         placeholder: '-',

package/esm/renderers/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -10,7 +10,7 @@ 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 className = props.className, style = props.style, 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) ||
@@ -47,7 +47,7 @@ function StepsCmpt(props) {
         }
         return stepStatus;
     }
-    return (React.createElement(Steps, { current: currentValue, steps: resolveSteps, className: className, status: statusValue, mode: mode, progressDot: progressDot, labelPlacement: labelPlacement, useMobileUI: useMobileUI }));
+    return (React.createElement(Steps, { current: currentValue, steps: resolveSteps, className: className, style: style, 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.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 

package/esm/renderers/Table/HeadCellFilterDropdown.js

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

package/esm/renderers/Table/HeadCellSearchDropdown.js

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

package/esm/renderers/Table/ItemActionsWrapper.js

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

package/esm/renderers/Table/TableBody.js

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

package/esm/renderers/Table/TableCell.js

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

package/esm/renderers/Table/TableContent.js

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

package/esm/renderers/Table/TableRow.js

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

package/esm/renderers/Table/exportExcel.js

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

package/esm/renderers/Table/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -1461,7 +1461,7 @@ var Table = /** @class */ (function (_super) {
         }
     };
     Table.prototype.render = function () {
-        var _a = this.props, className = _a.className, store = _a.store, cx = _a.classnames, affixColumns = _a.affixColumns, autoFillHeight = _a.autoFillHeight, autoGenerateFilter = _a.autoGenerateFilter;
+        var _a = this.props, className = _a.className, style = _a.style, store = _a.store, cx = _a.classnames, affixColumns = _a.affixColumns, autoFillHeight = _a.autoFillHeight, autoGenerateFilter = _a.autoGenerateFilter;
         this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了，已经渲染了就不重复渲染了。
         var heading = this.renderHeading();
         var header = this.renderHeader();
@@ -1472,7 +1472,7 @@ var Table = /** @class */ (function (_super) {
         return (React.createElement("div", { className: cx('Table', className, {
                 'Table--unsaved': !!store.modified || !!store.moved,
                 'Table--autoFillHeight': autoFillHeight
-            }) },
+            }), style: style },
             autoGenerateFilter ? this.renderAutoFilterForm() : null,
             header,
             heading,

package/esm/renderers/Table2/ColumnToggler.js

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

package/esm/renderers/Table2/HeadCellSearchDropdown.js

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

package/esm/renderers/Table2/TableCell.js

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

package/esm/renderers/Table2/index.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -765,10 +765,10 @@ var Table2 = /** @class */ (function (_super) {
         return null;
     };
     Table2.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, _b = _a.loading, loading = _b === void 0 ? false : _b;
+        var _a = this.props, cx = _a.classnames, style = _a.style, _b = _a.loading, loading = _b === void 0 ? false : _b;
         this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了
         var heading = this.renderHeading();
-        return (React.createElement("div", { className: cx('Table-render-wrapper') },
+        return (React.createElement("div", { className: cx('Table-render-wrapper'), style: style },
             this.renderActions('header'),
             heading,
             this.renderTable(),

package/esm/renderers/TableView.js

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

package/esm/renderers/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -367,7 +367,7 @@ var Tabs = /** @class */ (function (_super) {
     };
     Tabs.prototype.renderTabs = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, ns = _a.classPrefix, contentClassName = _a.contentClassName, linksClassName = _a.linksClassName, tabRender = _a.tabRender, className = _a.className, render = _a.render, data = _a.data, dMode = _a.mode, tabsMode = _a.tabsMode, unmountOnExit = _a.unmountOnExit; _a.source; var formStore = _a.formStore, formMode = _a.formMode, formHorizontal = _a.formHorizontal, subFormMode = _a.subFormMode, subFormHorizontal = _a.subFormHorizontal, addable = _a.addable, closable = _a.closable, draggable = _a.draggable, showTip = _a.showTip, showTipClassName = _a.showTipClassName, editable = _a.editable, sidePosition = _a.sidePosition, __ = _a.translate, addBtnText = _a.addBtnText, collapseOnExceed = _a.collapseOnExceed, collapseBtnLabel = _a.collapseBtnLabel;
+        var _a = this.props, cx = _a.classnames, ns = _a.classPrefix, contentClassName = _a.contentClassName, linksClassName = _a.linksClassName, tabRender = _a.tabRender, className = _a.className, style = _a.style, render = _a.render, data = _a.data, dMode = _a.mode, tabsMode = _a.tabsMode, unmountOnExit = _a.unmountOnExit; _a.source; var formStore = _a.formStore, formMode = _a.formMode, formHorizontal = _a.formHorizontal, subFormMode = _a.subFormMode, subFormHorizontal = _a.subFormHorizontal, addable = _a.addable, closable = _a.closable, draggable = _a.draggable, showTip = _a.showTip, showTipClassName = _a.showTipClassName, editable = _a.editable, sidePosition = _a.sidePosition, __ = _a.translate, addBtnText = _a.addBtnText, collapseOnExceed = _a.collapseOnExceed, collapseBtnLabel = _a.collapseBtnLabel;
         var mode = tabsMode || dMode;
         var mountOnEnter = this.props.mountOnEnter;
         // 如果在form下面，其他tabs默认需要渲染出来
@@ -407,7 +407,7 @@ var Tabs = /** @class */ (function (_super) {
                         }))) : null;
             });
         }
-        return (React.createElement(Tabs$1, { addBtnText: __(addBtnText || 'add'), classPrefix: ns, classnames: cx, mode: mode, closable: closable, className: className, contentClassName: contentClassName, linksClassName: linksClassName, onSelect: this.handleSelect, activeKey: this.state.activeKey, toolbar: this.renderToolbar(), addable: addable, onAdd: this.handleAdd, onClose: this.handleClose, draggable: draggable, onDragChange: this.handleDragChange, showTip: showTip, showTipClassName: showTipClassName, editable: editable, onEdit: this.handleEdit, sidePosition: sidePosition, collapseOnExceed: collapseOnExceed, collapseBtnLabel: collapseBtnLabel }, children));
+        return (React.createElement(Tabs$1, { addBtnText: __(addBtnText || 'add'), classPrefix: ns, classnames: cx, mode: mode, closable: closable, className: className, style: style, contentClassName: contentClassName, linksClassName: linksClassName, onSelect: this.handleSelect, activeKey: this.state.activeKey, toolbar: this.renderToolbar(), addable: addable, onAdd: this.handleAdd, onClose: this.handleClose, draggable: draggable, onDragChange: this.handleDragChange, showTip: showTip, showTipClassName: showTipClassName, editable: editable, onEdit: this.handleEdit, sidePosition: sidePosition, collapseOnExceed: collapseOnExceed, collapseBtnLabel: collapseBtnLabel }, children));
     };
     Tabs.prototype.render = function () {
         return this.renderTabs();

package/esm/renderers/Tag.js

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

package/esm/renderers/Tasks.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -131,10 +131,10 @@ var Task = /** @class */ (function (_super) {
     };
     Task.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, className = _a.className, tableClassName = _a.tableClassName, taskNameLabel = _a.taskNameLabel, operationLabel = _a.operationLabel, statusLabel = _a.statusLabel, remarkLabel = _a.remarkLabel, btnText = _a.btnText, retryBtnText = _a.retryBtnText, btnClassName = _a.btnClassName, retryBtnClassName = _a.retryBtnClassName, statusLabelMap = _a.statusLabelMap, statusTextMap = _a.statusTextMap, readyStatusCode = _a.readyStatusCode, loadingStatusCode = _a.loadingStatusCode, canRetryStatusCode = _a.canRetryStatusCode, __ = _a.translate, render = _a.render;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, tableClassName = _a.tableClassName, taskNameLabel = _a.taskNameLabel, operationLabel = _a.operationLabel, statusLabel = _a.statusLabel, remarkLabel = _a.remarkLabel, btnText = _a.btnText, retryBtnText = _a.retryBtnText, btnClassName = _a.btnClassName, retryBtnClassName = _a.retryBtnClassName, statusLabelMap = _a.statusLabelMap, statusTextMap = _a.statusTextMap, readyStatusCode = _a.readyStatusCode, loadingStatusCode = _a.loadingStatusCode, canRetryStatusCode = _a.canRetryStatusCode, __ = _a.translate, render = _a.render;
         var items = this.state.items;
         var error = this.state.error;
-        return (React.createElement("div", { className: cx('Table-content', className) },
+        return (React.createElement("div", { className: cx('Table-content', className), style: style },
             React.createElement("table", { className: cx('Table-table', tableClassName) },
                 React.createElement("thead", null,
                     React.createElement("tr", null,

package/esm/renderers/Timeline.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -9,7 +9,7 @@ import { Renderer, isPureVariable, resolveVariableAndFilter, filter } from 'amis
 import { withRemoteConfig, Timeline } from 'amis-ui';
 
 function TimelineCmpt(props) {
-    var items = props.items, mode = props.mode, direction = props.direction, reverse = props.reverse, data = props.data, config = props.config; props.source; var render = props.render;
+    var items = props.items, mode = props.mode, style = props.style, direction = props.direction, reverse = props.reverse, data = props.data, config = props.config; props.source; var render = props.render;
     // 获取源数据
     var timelineItemsRow = config || items || [];
     // 渲染内容
@@ -23,7 +23,7 @@ function TimelineCmpt(props) {
                 ? resolveVariableAndFilter(icon, data, '| raw')
                 : icon, title: resolveRender('title', title) });
     });
-    return (React.createElement(Timeline, { items: resolveTimelineItems, direction: direction, reverse: reverse, mode: mode }));
+    return (React.createElement(Timeline, { items: resolveTimelineItems, direction: direction, reverse: reverse, mode: mode, style: style }));
 }
 var TimelineWithRemoteConfig = withRemoteConfig({
     adaptor: function (data) { return data.items || data; }

package/esm/renderers/TooltipWrapper.js

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

package/esm/renderers/Tpl.js

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

package/esm/renderers/VBox.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -23,8 +23,8 @@ var VBox = /** @class */ (function (_super) {
     };
     VBox.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, rows = _a.rows, ns = _a.classPrefix;
-        return (React.createElement("div", { className: cx("".concat(ns, "Vbox"), className) }, Array.isArray(rows)
+        var _a = this.props, className = _a.className, style = _a.style, rows = _a.rows, ns = _a.classPrefix;
+        return (React.createElement("div", { className: cx("".concat(ns, "Vbox"), className), style: style }, Array.isArray(rows)
             ? rows.map(function (row, key) { return (React.createElement("div", { className: cx('row-row', row.rowClassName), key: key }, _this.renderCell(row, key))); })
             : null));
     };

package/esm/renderers/Video.d.ts

@@ -36,6 +36,7 @@ export interface VideoSchema extends BaseSchema {
      * 配置帧列表容器className
      */
     framesClassName?: SchemaClassName;
+    style?: any;
     /**
      * 如果是实时的，请标记一下
      */

package/esm/renderers/Video.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -428,8 +428,8 @@ var Video = /** @class */ (function (_super) {
                     React.createElement("div", { className: cx('Wrapper Wrapper--xs') }, this.renderPlayer())))));
     };
     Video.prototype.render = function () {
-        var _a = this.props, splitPoster = _a.splitPoster, className = _a.className; _a.classPrefix; var cx = _a.classnames;
-        return (React.createElement("div", { className: cx("Video", className), onClick: this.onClick },
+        var _a = this.props, splitPoster = _a.splitPoster, className = _a.className, style = _a.style; _a.classPrefix; var cx = _a.classnames;
+        return (React.createElement("div", { className: cx("Video", className), onClick: this.onClick, style: style },
             this.renderFrames(),
             splitPoster ? this.renderPosterAndPlayer() : this.renderPlayer()));
     };

package/esm/renderers/WebComponent.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -18,7 +18,7 @@ var WebComponent = /** @class */ (function (_super) {
         return body ? render('body', body) : null;
     };
     WebComponent.prototype.render = function () {
-        var _a = this.props, tag = _a.tag, props = _a.props, data = _a.data;
+        var _a = this.props, tag = _a.tag, props = _a.props, data = _a.data, style = _a.style;
         var propsValues = mapValues(props, function (s) {
             if (typeof s === 'string') {
                 return resolveVariableAndFilter(s, data, '| raw') || s;
@@ -28,7 +28,7 @@ var WebComponent = /** @class */ (function (_super) {
             }
         });
         var Component = tag || 'div';
-        return React.createElement(Component, __assign({}, propsValues), this.renderBody());
+        return React.createElement(Component, __assign({}, propsValues, { style: style }), this.renderBody());
     };
     return WebComponent;
 }(React.Component));

package/esm/renderers/Wizard.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -716,10 +716,10 @@ var Wizard = /** @class */ (function (_super) {
                 React.createElement("div", { className: cx('Panel-footer') }, actions))) : null));
     };
     Wizard.prototype.renderWizard = function () {
-        var _a = this.props, className = _a.className, steps = _a.steps, render = _a.render, store = _a.store, ns = _a.classPrefix, cx = _a.classnames, popOverContainer = _a.popOverContainer, mode = _a.mode, __ = _a.translate;
+        var _a = this.props, className = _a.className, style = _a.style, steps = _a.steps, render = _a.render, store = _a.store, ns = _a.classPrefix, cx = _a.classnames, popOverContainer = _a.popOverContainer, mode = _a.mode, __ = _a.translate;
         var currentStep = this.state.currentStep;
         var step = Array.isArray(steps) ? steps[currentStep - 1] : null;
-        return (React.createElement("div", { ref: this.domRef, className: cx("".concat(ns, "Panel ").concat(ns, "Panel--default ").concat(ns, "Wizard ").concat(ns, "Wizard--").concat(mode), className) },
+        return (React.createElement("div", { ref: this.domRef, className: cx("".concat(ns, "Panel ").concat(ns, "Panel--default ").concat(ns, "Wizard ").concat(ns, "Wizard--").concat(mode), className), style: style },
             React.createElement("div", { className: "".concat(ns, "Wizard-step") },
                 this.renderSteps(),
                 React.createElement("div", { role: "wizard-body", className: "".concat(ns, "Wizard-stepContent clearfix") }, step ? (render('body', __assign(__assign({}, step), { type: 'form', wrapWithPanel: false, 

package/esm/renderers/Words.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -101,7 +101,7 @@ var WordsField = /** @class */ (function (_super) {
         return null;
     };
     WordsField.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className;
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style;
         var words = this.getWords();
         if (!words) {
             return null;
@@ -119,7 +119,7 @@ var WordsField = /** @class */ (function (_super) {
                 ? this.renderAll(words, true)
                 : this.renderPart(words);
         }
-        return React.createElement("div", { className: cx('Words-field', className) }, body);
+        return React.createElement("div", { className: cx('Words-field', className), style: style }, body);
     };
     WordsField.defaultProps = {
         inTag: false

package/esm/renderers/Wrapper.js

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

package/esm/schemaExtend.js

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

package/lib/compat.js

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

package/lib/index.js

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

package/lib/preset.js

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