amis 2.0.0-rc.10 → 2.0.0-rc.14

package/lib/themes/antd.css

@@ -5466,6 +5466,7 @@ body.video-react-full-window .video-react-fullscreen {
   --Button-onDisabled-bg: #f2f3f3;
   --Button-onFocus-boxShadow: none;
   --Button-paddingX: 0.75rem;
+  --Button-icon-rightMargin: 0.25rem;
   --Button-paddingX-right: 0.625rem;
   --Button-paddingY: calc(
     (
@@ -8939,7 +8940,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--xs .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--xs .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Button--xs > .pull-right {
@@ -8948,7 +8949,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--xs .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--xs .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Button--xs > .pull-right {
@@ -8971,7 +8972,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--sm .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--sm .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Button--sm > .pull-right {
@@ -8980,7 +8981,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--sm .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--sm .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Button--sm > .pull-right {
@@ -9003,7 +9004,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--md .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--md .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Button--md > .pull-right {
@@ -9012,7 +9013,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--md .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--md .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Button--md > .pull-right {
@@ -9035,7 +9036,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--lg .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--lg .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Button--lg > .pull-right {
@@ -9044,7 +9045,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button--lg .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button--lg .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Button--lg > .pull-right {
@@ -9083,7 +9084,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Button > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Button > .pull-right {
@@ -9092,7 +9093,7 @@ img.antd-AsideNav-itemIcon {
 .antd-Button .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Button > svg.icon:not(:last-child):not(.pull-right),
 .antd-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Button .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Button > .pull-right {
@@ -9132,6 +9133,7 @@ img.antd-AsideNav-itemIcon {
           text-decoration: var(--link-decoration);
   border: none;
   height: auto;
+  padding: 0;
 }
 .antd-Button--link:hover:focus {
   color: var(--Button--link-onHover-color);
@@ -10983,7 +10985,7 @@ input[type=button].antd-Button--block {
 .antd-ArrayInput-addBtn .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .antd-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-ArrayInput-addBtn .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-ArrayInput-addBtn > .pull-right {
@@ -10992,7 +10994,7 @@ input[type=button].antd-Button--block {
 .antd-ArrayInput-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .antd-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-ArrayInput-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-ArrayInput-addBtn > .pull-right {
@@ -12266,7 +12268,8 @@ input[type=button].antd-Button--block {
     flex-direction: row;
     align-items: stretch;
   }
-  .antd-Page--withSidebar > .antd-Page-content {
+  .antd-Page--withSidebar > .antd-Page-content,
+.antd-Page--withSidebar .antd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -13848,6 +13851,15 @@ input[type=button].antd-Button--block {
       -ms-user-select: none;
           user-select: none;
 }
+.antd-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform var(--animation-duration) ease-out;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+.antd-CBPicker-trigger:hover {
+  color: var(--primary);
+}
 @-webkit-keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -14305,7 +14317,6 @@ input[type=button].antd-Button--block {
   vertical-align: middle;
 }
 .antd-Crud-toolbar-item {
-  margin-left: var(--Crud-toolbar-gap);
   margin-top: var(--Crud-toolbar-gap);
   line-height: var(--Crud-toolbar-lineHeight);
   height: var(--Crud-toolbar-height);
@@ -14313,6 +14324,9 @@ input[type=button].antd-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.antd-Crud-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
 .antd-Crud-toolbar-item--left {
   float: left;
 }
@@ -14344,7 +14358,6 @@ input[type=button].antd-Button--block {
 }
 @media (min-width: 576px) {
   .antd-Crud-toolbar {
-    margin-left: calc(var(--Crud-toolbar-gap) * -1);
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -14357,11 +14370,137 @@ input[type=button].antd-Button--block {
     clear: both;
   }
   .antd-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+  .antd-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+  .antd-Crud-toolbar-item--left {
+    float: left;
+  }
+  .antd-Crud-toolbar-item--right {
+    float: right;
+  }
+  .antd-Crud-actions > * + .antd-Button,
+.antd-Crud-actions > * + .antd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
+  }
+}
+.antd-Crud2 {
+  position: relative;
+}
+.antd-Crud2-selection, .antd-Crud2-toolbar, .antd-Crud2-body {
+  margin-bottom: var(--gap-base);
+}
+.antd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
+}
+.antd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  display: inline-block;
+  font-size: var(--Form-selectValue-fontSize);
+  color: var(--Form-selectValue-color);
+  background: var(--Form-selectValue-bg);
+  border: 0.0625rem solid var(--Form-selectValue-borderColor);
+  border-radius: 2px;
+  margin-right: var(--gap-xs);
+  margin-top: var(--gap-xs);
+}
+.antd-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+.antd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
+}
+.antd-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
+}
+.antd-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+.antd-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+.antd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
+}
+.antd-Crud2-toolbar-item {
+  margin-top: var(--Crud-toolbar-gap);
+  line-height: var(--Crud-toolbar-lineHeight);
+  height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.antd-Crud2-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-toolbar-item--left {
+  float: left;
+}
+.antd-Crud2-toolbar-item--right {
+  float: right;
+}
+.antd-Crud2-actions > * + .antd-Button,
+.antd-Crud2-actions > * + .antd-ButtonGroup,
+.antd-Crud2-actions > * + .antd-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+.antd-Crud2-pageSwitch .antd-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-pager {
+  align-self: flex-start;
+}
+.antd-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+@media (min-width: 576px) {
+  .antd-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .antd-Crud-toolbar::before, .antd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .antd-Crud-toolbar::after {
+    clear: both;
+  }
+  .antd-Crud-toolbar-item {
     line-height: var(--Crud-toolbar-lineHeight);
     height: var(--Crud-toolbar-height);
     vertical-align: middle;
   }
+  .antd-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
   .antd-Crud-toolbar-item--left {
     float: left;
   }
@@ -16640,7 +16779,7 @@ input[type=button].antd-Button--block {
   border-right: none;
 }
 .antd-Table-v2.antd-Table-ping-left .antd-Table-table > tbody > tr:not(.antd-Table-row-disabled) > td.antd-Table-cell-fix-left:not(.antd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .antd-Table-v2.antd-Table-ping-left .antd-Table-table > tfoot > tr > td:not(:last-child).antd-Table-cell-fix-left-last {
   border-right: none;
@@ -16657,7 +16796,7 @@ input[type=button].antd-Button--block {
   border-right: none;
 }
 .antd-Table-v2.antd-Table-ping-right .antd-Table-table > tbody > tr:not(.antd-Table-row-disabled) > td.antd-Table-cell-fix-right:not(.antd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .antd-Table-v2.antd-Table-ping-right:not(.antd-Table-bordered) .antd-Table-table > thead > tr > th.antd-Table-cell-fix-right-first-prev {
   border-right: none;
@@ -16670,7 +16809,7 @@ input[type=button].antd-Button--block {
 }
 .antd-Table-v2.antd-Table-resizable .antd-Table-table > thead > tr > th .antd-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -16717,8 +16856,6 @@ input[type=button].antd-Button--block {
 }
 .antd-Table-v2 .antd-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
@@ -18940,7 +19077,7 @@ input[type=button].antd-Button--block {
   justify-content: flex-start;
 }
 .antd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19267,7 +19404,7 @@ input[type=button].antd-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   padding: 0 0.3125rem;
   min-height: var(--Form-input-height);
   align-items: center;
@@ -19275,7 +19412,7 @@ input[type=button].antd-Button--block {
   position: relative;
 }
 .antd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19312,9 +19449,6 @@ input[type=button].antd-Button--block {
 .antd-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.antd-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .antd-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -19352,7 +19486,26 @@ input[type=button].antd-Button--block {
 .antd-ResultBox.antd-NestedSelect {
   padding-left: var(--gap-base);
 }
+.antd-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.antd-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.antd-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.antd-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .antd-ResultBox-singleValue {
+  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -19386,10 +19539,7 @@ input[type=button].antd-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .antd-ResultBox-clear svg {
@@ -19467,6 +19617,7 @@ input[type=button].antd-Button--block {
 }
 .antd-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
+  flex-grow: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -20691,7 +20842,7 @@ fieldset.antd-Collapse--lg:after {
   justify-content: flex-start;
 }
 .antd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -21017,7 +21168,7 @@ input.antd-TextControl-input-password {
   justify-content: flex-start;
 }
 .antd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -22330,6 +22481,9 @@ input.antd-TextControl-input-password {
 .antd-Select:focus {
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
+.antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu {
+  overflow-x: hidden;
+}
 .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu .antd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -25106,7 +25260,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .antd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -25257,7 +25411,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-Combo-addBtn .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .antd-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Combo-addBtn .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-Combo-addBtn > .pull-right {
@@ -25266,7 +25420,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-Combo-addBtn .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .antd-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-Combo-addBtn .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-Combo-addBtn > .pull-right {
@@ -25622,7 +25776,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .antd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -25875,7 +26029,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-TagControl-sugItem .antd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .antd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .antd-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-TagControl-sugItem .antd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .antd-TagControl-sugItem > .pull-right {
@@ -25884,7 +26038,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .antd-TagControl-sugItem .antd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .antd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .antd-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 .antd-TagControl-sugItem .antd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .antd-TagControl-sugItem > .pull-right {
@@ -26463,7 +26617,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .antd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -27655,6 +27809,7 @@ td.rdtQuarter.rdtDisabled:hover {
   overflow: auto;
   scroll-behavior: smooth;
   background: var(--Tabs-content-bg);
+  position: relative;
 }
 .antd-AnchorNav-section-wrap > .antd-AnchorNav-section {
   display: block;