amis 2.5.2 → 2.5.3-beta.0

package/lib/renderers/Video.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -436,8 +436,8 @@ var Video = /** @class */ (function (_super) {
                     React__default["default"].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__default["default"].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__default["default"].createElement("div", { className: cx("Video", className), onClick: this.onClick, style: style },
             this.renderFrames(),
             splitPoster ? this.renderPosterAndPlayer() : this.renderPlayer()));
     };

package/lib/renderers/WebComponent.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -27,7 +27,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__default["default"](props, function (s) {
             if (typeof s === 'string') {
                 return amisCore.resolveVariableAndFilter(s, data, '| raw') || s;
@@ -37,7 +37,7 @@ var WebComponent = /** @class */ (function (_super) {
             }
         });
         var Component = tag || 'div';
-        return React__default["default"].createElement(Component, tslib.__assign({}, propsValues), this.renderBody());
+        return React__default["default"].createElement(Component, tslib.__assign({}, propsValues, { style: style }), this.renderBody());
     };
     return WebComponent;
 }(React__default["default"].Component));

package/lib/renderers/Wizard.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -724,10 +724,10 @@ var Wizard = /** @class */ (function (_super) {
                 React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("div", { className: "".concat(ns, "Wizard-step") },
                 this.renderSteps(),
                 React__default["default"].createElement("div", { role: "wizard-body", className: "".concat(ns, "Wizard-stepContent clearfix") }, step ? (render('body', tslib.__assign(tslib.__assign({}, step), { type: 'form', wrapWithPanel: false, 

package/lib/renderers/Words.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.2
+ * amis v2.5.3-beta.0
  * Copyright 2018-2022 baidu
  */
 
@@ -109,7 +109,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;
@@ -127,7 +127,7 @@ var WordsField = /** @class */ (function (_super) {
                 ? this.renderAll(words, true)
                 : this.renderPart(words);
         }
-        return React__default["default"].createElement("div", { className: cx('Words-field', className) }, body);
+        return React__default["default"].createElement("div", { className: cx('Words-field', className), style: style }, body);
     };
     WordsField.defaultProps = {
         inTag: false

package/lib/renderers/Wrapper.js

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

package/lib/schemaExtend.js

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

package/lib/themes/ang-ie11.css

@@ -8606,6 +8606,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -20762,19 +20763,24 @@ input[type=button].a-Button--block {
 .a-PaginationWrapper-pager:first-child {
   margin-bottom: 0.5rem;
 }
-.a-Wrapper--xs {
+.a-Wrapper--xs,
+.a-Container--xs {
   padding: 0.25rem;
 }
-.a-Wrapper--sm {
+.a-Wrapper--sm,
+.a-Container--sm {
   padding: 0.5rem;
 }
-.a-Wrapper--md {
+.a-Wrapper--md,
+.a-Container--md {
   padding: 1rem;
 }
-.a-Wrapper--lg {
+.a-Wrapper--lg,
+.a-Container--lg {
   padding: 1.25rem;
 }
-.a-Wrapper--xl {
+.a-Wrapper--xl,
+.a-Container--xl {
   padding: 1.5rem;
 }
 .a-StatusField {
@@ -21994,9 +22000,6 @@ input[type=button].a-Button--block {
 .a-ResultBox.a-TransferDropDown {
   padding: 0 0.75rem;
 }
-.a-ResultBox.a-TransferDropDown.is-group {
-  padding: 0.25rem;
-}
 .a-ResultBox.a-TransferDropDown.is-group > .a-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -24443,7 +24446,6 @@ input.a-TextControl-input-password {
 .a-TableSelection .a-Table-table > thead > tr > th:first-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .a-TableSelection .a-Table-table > thead > tr > th:last-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:last-child {
@@ -25495,9 +25497,10 @@ input.a-TextControl-input-password {
   z-index: 2;
 }
 .a-Select-clear svg {
-  fill: #85848c;
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: #d5d4d9;
+  color: #d5d4d9;
+  width: 14px;
+  height: 14px;
   top: 0;
 }
 .a-Select-clear svg:hover > path:first-of-type {
@@ -27941,7 +27944,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
 }
 .a-Tree.is-disabled {
   pointer-events: none;
@@ -27972,7 +27975,7 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: vvar(--sizes-size-5);
+  padding-left: 0.5rem;
 }
 .a-Tree-itemLabel > * {
   position: relative;
@@ -28022,12 +28025,12 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: top;
   height: 1.5rem;
   line-height: 1.5rem;
-  padding-right: vvar(--sizes-size-5);
+  padding-right: 0.5rem;
 }
 .a-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 .a-Tree-item-icons > a > svg {
@@ -28044,7 +28047,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   color: #85848c;
 }
 .a-Tree-itemInput > a:hover {
@@ -28098,7 +28101,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .a-Tree-itemArrow {
   cursor: pointer;
@@ -28119,14 +28122,14 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + vvar(--sizes-size-5));
+  width: calc(1rem + 0.5rem);
 }
 .a-Tree-itemDrager {
   cursor: move;
   color: #85848c;
 }
 .a-Tree-spinner {
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .a-Tree-itemIcon {
   display: inline-flex;

package/lib/themes/ang.css

@@ -708,7 +708,7 @@
   --Layout-aside--lg-width: 18.75rem;
   --Layout-aside--md-width: 15.625rem;
   --Layout-aside--sm-width: 9.375rem;
-  --Layout-aside-bg: var(--colors-brand-1);
+  --Layout-aside-bg: var(--colors-neutral-fill-2);
   --Layout-aside-color: #a0a0a0;
   --Layout-aside-onAcitve-bg: #272d33;
   --Layout-aside-onHover-bg: #2c3239;
@@ -731,7 +731,7 @@
   --Layout-asideLink-onHover-iconColor: (--colors-brand-6);
   --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
-  --Layout-brand-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
   --Layout-brandBar-color: #a0a0a0;
   --Layout-header-bg: var(--colors-neutral-fill-10);
@@ -1309,7 +1309,7 @@
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
-  --Tree-icon-gap: vvar(--sizes-size-5);
+  --Tree-icon-gap: var(--sizes-size-5);
   --Tree-icon-margin-right: 0.5rem;
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
@@ -11220,6 +11220,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -23267,19 +23268,24 @@ input[type=button].a-Button--block {
 .a-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
-.a-Wrapper--xs {
+.a-Wrapper--xs,
+.a-Container--xs {
   padding: var(--gap-xs);
 }
-.a-Wrapper--sm {
+.a-Wrapper--sm,
+.a-Container--sm {
   padding: var(--gap-sm);
 }
-.a-Wrapper--md {
+.a-Wrapper--md,
+.a-Container--md {
   padding: var(--gap-md);
 }
-.a-Wrapper--lg {
+.a-Wrapper--lg,
+.a-Container--lg {
   padding: var(--gap-lg);
 }
-.a-Wrapper--xl {
+.a-Wrapper--xl,
+.a-Container--xl {
   padding: var(--gap-xl);
 }
 .a-StatusField {
@@ -24484,9 +24490,6 @@ input[type=button].a-Button--block {
 .a-ResultBox.a-TransferDropDown {
   padding: 0 var(--gap-base);
 }
-.a-ResultBox.a-TransferDropDown.is-group {
-  padding: var(--gap-xs);
-}
 .a-ResultBox.a-TransferDropDown.is-group > .a-TransferDropDown-icon {
   margin-right: var(--gap-sm);
 }
@@ -26878,7 +26881,6 @@ input.a-TextControl-input-password {
 .a-TableSelection .a-Table-table > thead > tr > th:first-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .a-TableSelection .a-Table-table > thead > tr > th:last-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:last-child {
@@ -27908,9 +27910,10 @@ input.a-TextControl-input-password {
   z-index: 2;
 }
 .a-Select-clear svg {
-  fill: var(--Form-input-iconColor);
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: var(--Form-input-clearBtn-color);
+  color: var(--Form-input-clearBtn-color);
+  width: var(--Form-input-clearBtn-size);
+  height: var(--Form-input-clearBtn-size);
   top: 0;
 }
 .a-Select-clear svg:hover > path:first-of-type {
@@ -34857,6 +34860,8 @@ td.rdtQuarter.rdtDisabled:hover {
 :root {
   --Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05),
     0 1px 0 rgba(0, 0, 0, 0.05);
+  --Layout-aside-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-brand-1);
   --Layout-asideLink-color: #b4b6bd;
   --Layout-asideLink-onHover-color: #fff;
   --Layout-asideLink-onHover-iconColor: #fff;

package/lib/themes/antd-ie11.css

@@ -8606,6 +8606,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -9203,7 +9204,7 @@ body {
   z-index: 1200;
 }
 .antd-Layout-brandBar {
-  background: #002766;
+  background: #151e26;
   color: #a0a0a0;
 }
 .antd-Layout-brandBar > button {
@@ -9252,7 +9253,7 @@ body {
 }
 .antd-Layout-aside {
   position: relative;
-  background: #002766;
+  background: #151e26;
   color: #a0a0a0;
 }
 .antd-Layout-aside:before {
@@ -20761,19 +20762,24 @@ input[type=button].antd-Button--block {
 .antd-PaginationWrapper-pager:first-child {
   margin-bottom: 0.5rem;
 }
-.antd-Wrapper--xs {
+.antd-Wrapper--xs,
+.antd-Container--xs {
   padding: 0.25rem;
 }
-.antd-Wrapper--sm {
+.antd-Wrapper--sm,
+.antd-Container--sm {
   padding: 0.5rem;
 }
-.antd-Wrapper--md {
+.antd-Wrapper--md,
+.antd-Container--md {
   padding: 1rem;
 }
-.antd-Wrapper--lg {
+.antd-Wrapper--lg,
+.antd-Container--lg {
   padding: 1.25rem;
 }
-.antd-Wrapper--xl {
+.antd-Wrapper--xl,
+.antd-Container--xl {
   padding: 1.5rem;
 }
 .antd-StatusField {
@@ -21993,9 +21999,6 @@ input[type=button].antd-Button--block {
 .antd-ResultBox.antd-TransferDropDown {
   padding: 0 0.75rem;
 }
-.antd-ResultBox.antd-TransferDropDown.is-group {
-  padding: 0.25rem;
-}
 .antd-ResultBox.antd-TransferDropDown.is-group > .antd-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -24442,7 +24445,6 @@ input.antd-TextControl-input-password {
 .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
@@ -25494,9 +25496,10 @@ input.antd-TextControl-input-password {
   z-index: 2;
 }
 .antd-Select-clear svg {
-  fill: #84888c;
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: #d4d7d9;
+  color: #d4d7d9;
+  width: 14px;
+  height: 14px;
   top: 0;
 }
 .antd-Select-clear svg:hover > path:first-of-type {
@@ -27940,7 +27943,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
 }
 .antd-Tree.is-disabled {
   pointer-events: none;
@@ -27971,7 +27974,7 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: vvar(--sizes-size-5);
+  padding-left: 0.5rem;
 }
 .antd-Tree-itemLabel > * {
   position: relative;
@@ -28021,12 +28024,12 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: top;
   height: 1.5rem;
   line-height: 1.5rem;
-  padding-right: vvar(--sizes-size-5);
+  padding-right: 0.5rem;
 }
 .antd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   cursor: pointer;
 }
 .antd-Tree-item-icons > a > svg {
@@ -28043,7 +28046,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: vvar(--sizes-size-5);
+  margin-left: 0.5rem;
   color: #84888c;
 }
 .antd-Tree-itemInput > a:hover {
@@ -28097,7 +28100,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .antd-Tree-itemArrow {
   cursor: pointer;
@@ -28118,14 +28121,14 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .antd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + vvar(--sizes-size-5));
+  width: calc(1rem + 0.5rem);
 }
 .antd-Tree-itemDrager {
   cursor: move;
   color: #84888c;
 }
 .antd-Tree-spinner {
-  margin-right: vvar(--sizes-size-5);
+  margin-right: 0.5rem;
 }
 .antd-Tree-itemIcon {
   display: inline-flex;

package/lib/themes/antd.css

@@ -708,7 +708,7 @@
   --Layout-aside--lg-width: 18.75rem;
   --Layout-aside--md-width: 15.625rem;
   --Layout-aside--sm-width: 9.375rem;
-  --Layout-aside-bg: var(--colors-brand-1);
+  --Layout-aside-bg: var(--colors-neutral-fill-2);
   --Layout-aside-color: #a0a0a0;
   --Layout-aside-onAcitve-bg: #272d33;
   --Layout-aside-onHover-bg: #2c3239;
@@ -731,7 +731,7 @@
   --Layout-asideLink-onHover-iconColor: (--colors-brand-6);
   --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
-  --Layout-brand-bg: var(--colors-brand-1);
+  --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
   --Layout-brandBar-color: #a0a0a0;
   --Layout-header-bg: var(--colors-neutral-fill-10);
@@ -1309,7 +1309,7 @@
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
-  --Tree-icon-gap: vvar(--sizes-size-5);
+  --Tree-icon-gap: var(--sizes-size-5);
   --Tree-icon-margin-right: 0.5rem;
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
@@ -11220,6 +11220,7 @@ body.video-react-full-window .video-react-fullscreen {
   margin: 0;
   padding: 0 12px;
   border-spacing: 0 8px;
+  border-collapse: inherit;
 }
 .rdtMonths table,
 .rdtYears table {
@@ -23267,19 +23268,24 @@ input[type=button].antd-Button--block {
 .antd-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
-.antd-Wrapper--xs {
+.antd-Wrapper--xs,
+.antd-Container--xs {
   padding: var(--gap-xs);
 }
-.antd-Wrapper--sm {
+.antd-Wrapper--sm,
+.antd-Container--sm {
   padding: var(--gap-sm);
 }
-.antd-Wrapper--md {
+.antd-Wrapper--md,
+.antd-Container--md {
   padding: var(--gap-md);
 }
-.antd-Wrapper--lg {
+.antd-Wrapper--lg,
+.antd-Container--lg {
   padding: var(--gap-lg);
 }
-.antd-Wrapper--xl {
+.antd-Wrapper--xl,
+.antd-Container--xl {
   padding: var(--gap-xl);
 }
 .antd-StatusField {
@@ -24484,9 +24490,6 @@ input[type=button].antd-Button--block {
 .antd-ResultBox.antd-TransferDropDown {
   padding: 0 var(--gap-base);
 }
-.antd-ResultBox.antd-TransferDropDown.is-group {
-  padding: var(--gap-xs);
-}
 .antd-ResultBox.antd-TransferDropDown.is-group > .antd-TransferDropDown-icon {
   margin-right: var(--gap-sm);
 }
@@ -26878,7 +26881,6 @@ input.antd-TextControl-input-password {
 .antd-TableSelection .antd-Table-table > thead > tr > th:first-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:first-child {
   padding-left: 0.625rem;
-  padding-right: 0;
 }
 .antd-TableSelection .antd-Table-table > thead > tr > th:last-child,
 .antd-TableSelection .antd-Table-table > tbody > tr > td:last-child {
@@ -27908,9 +27910,10 @@ input.antd-TextControl-input-password {
   z-index: 2;
 }
 .antd-Select-clear svg {
-  fill: var(--Form-input-iconColor);
-  width: 0.875rem;
-  height: 0.875rem;
+  fill: var(--Form-input-clearBtn-color);
+  color: var(--Form-input-clearBtn-color);
+  width: var(--Form-input-clearBtn-size);
+  height: var(--Form-input-clearBtn-size);
   top: 0;
 }
 .antd-Select-clear svg:hover > path:first-of-type {