amis 2.0.0-rc.10 → 2.0.0-rc.16

package/sdk/ang.css

@@ -74467,6 +74467,7 @@ title: Word Break
   --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(
     (
@@ -75329,8 +75330,27 @@ title: Word Break
   --Switch-onDisabled-bgColor: #ccc;
   --Switch-onDisabled-circle-BackgroundColor: var(--white);
   --Switch-onDisabled-color: #fff;
+  --Switch-onHover-bgColor: var(--Switch-bgColor);
   --Switch-valueColor: var(--white);
   --Switch-width: 3.125rem;
+  --Switch-slider-margin: 0.0625rem;
+  --Switch-slider-width: calc(
+    var(--Switch-height) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-slider-transition: margin-left var(--animation-duration);
+  --Switch-text-marginRight: 0.5rem;
+  --Switch-text-marginLeft: 1.5625rem;
+  --Switch-width--sm: 1.75rem;
+  --Switch-height--sm: 1rem;
+  --Switch-slider-width--sm: calc(
+    var(--Switch-height--sm) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-text-marginRight--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginRight) / 2
+  );
+  --Switch-text-marginLeft--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginLeft) / 2
+  );
   --Table--unsaved-heading-bg: #e8f0fe;
   --Table--unsaved-heading-color: #4285f4;
   --Table-bg: var(--background);
@@ -78200,7 +78220,7 @@ title: Word Break
 .amis-scope .a-Button--xs .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--xs .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78211,7 +78231,7 @@ title: Word Break
 .amis-scope .a-Button--xs .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--xs .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78239,7 +78259,7 @@ title: Word Break
 .amis-scope .a-Button--sm .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--sm .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78250,7 +78270,7 @@ title: Word Break
 .amis-scope .a-Button--sm .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--sm .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78278,7 +78298,7 @@ title: Word Break
 .amis-scope .a-Button--md .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--md .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78289,7 +78309,7 @@ title: Word Break
 .amis-scope .a-Button--md .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--md .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78317,7 +78337,7 @@ title: Word Break
 .amis-scope .a-Button--lg .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--lg .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78328,7 +78348,7 @@ title: Word Break
 .amis-scope .a-Button--lg .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button--lg .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78379,7 +78399,7 @@ title: Word Break
 .amis-scope .a-Button .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78390,7 +78410,7 @@ title: Word Break
 .amis-scope .a-Button .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Button > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Button .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78442,6 +78462,7 @@ title: Word Break
   text-decoration: var(--link-decoration);
   border: none;
   height: auto;
+  padding: 0;
 }
 
 .amis-scope .a-Button--link:hover:focus {
@@ -80490,7 +80511,7 @@ title: Word Break
 .amis-scope .a-ArrayInput-addBtn .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-ArrayInput-addBtn .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -80501,7 +80522,7 @@ title: Word Break
 .amis-scope .a-ArrayInput-addBtn .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-ArrayInput-addBtn .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -82029,7 +82050,8 @@ title: Word Break
     align-items: stretch;
   }
 
-  .amis-scope .a-Page--withSidebar > .a-Page-content {
+  .amis-scope .a-Page--withSidebar > .a-Page-content,
+  .amis-scope .a-Page--withSidebar .a-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -83921,6 +83943,17 @@ title: Word Break
   user-select: none;
 }
 
+.amis-scope .a-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform var(--animation-duration) ease-out;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+
+.amis-scope .a-CBPicker-trigger:hover {
+  color: var(--primary);
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -84440,7 +84473,6 @@ title: Word Break
 }
 
 .amis-scope .a-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);
@@ -84449,6 +84481,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .a-Crud-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
 .amis-scope .a-Crud-toolbar-item--left {
   float: left;
 }
@@ -84488,7 +84524,6 @@ title: Word Break
 
 @media (min-width: 576px) {
   .amis-scope .a-Crud-toolbar {
-    margin-left: calc(var(--Crud-toolbar-gap) * -1);
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -84505,12 +84540,163 @@ title: Word Break
   }
 
   .amis-scope .a-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+
+  .amis-scope .a-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+
+  .amis-scope .a-Crud-toolbar-item--left {
+    float: left;
+  }
+
+  .amis-scope .a-Crud-toolbar-item--right {
+    float: right;
+  }
+
+  .amis-scope .a-Crud-actions > * + .a-Button,
+  .amis-scope .a-Crud-actions > * + .a-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
+  }
+}
+
+.amis-scope .a-Crud2 {
+  position: relative;
+}
+
+.amis-scope .a-Crud2-selection,
+.amis-scope .a-Crud2-toolbar,
+.amis-scope .a-Crud2-body {
+  margin-bottom: var(--gap-base);
+}
+
+.amis-scope .a-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
+}
+
+.amis-scope .a-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  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);
+}
+
+.amis-scope .a-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .a-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
+}
+
+.amis-scope .a-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
+}
+
+.amis-scope .a-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .a-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+
+.amis-scope .a-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
+}
+
+.amis-scope .a-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;
+}
+
+.amis-scope .a-Crud2-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .a-Crud2-toolbar-item--left {
+  float: left;
+}
+
+.amis-scope .a-Crud2-toolbar-item--right {
+  float: right;
+}
+
+.amis-scope .a-Crud2-actions > * + .a-Button,
+.amis-scope .a-Crud2-actions > * + .a-ButtonGroup,
+.amis-scope .a-Crud2-actions > * + .a-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .a-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+
+.amis-scope .a-Crud2-pageSwitch .a-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .a-Crud2-pager {
+  align-self: flex-start;
+}
+
+.amis-scope .a-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+
+@media (min-width: 576px) {
+  .amis-scope .a-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  .amis-scope .a-Crud-toolbar::before,
+  .amis-scope .a-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+
+  .amis-scope .a-Crud-toolbar::after {
+    clear: both;
+  }
+
+  .amis-scope .a-Crud-toolbar-item {
     line-height: var(--Crud-toolbar-lineHeight);
     height: var(--Crud-toolbar-height);
     vertical-align: middle;
   }
 
+  .amis-scope .a-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+
   .amis-scope .a-Crud-toolbar-item--left {
     float: left;
   }
@@ -86175,7 +86361,6 @@ title: Word Break
 .amis-scope .a-Table-v2 {
   position: relative;
   border-radius: var(--Table-borderRadius);
-  margin-bottom: var(--gap-md);
 }
 
 .amis-scope .a-Table-v2.a-Table-bordered {
@@ -87477,7 +87662,7 @@ title: Word Break
 }
 
 .amis-scope .a-Table-v2.a-Table-ping-left .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-left:not(.a-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 
 .amis-scope .a-Table-v2.a-Table-ping-left .a-Table-table > tfoot > tr > td:not(:last-child).a-Table-cell-fix-left-last {
@@ -87499,7 +87684,7 @@ title: Word Break
 }
 
 .amis-scope .a-Table-v2.a-Table-ping-right .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-right:not(.a-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 
 .amis-scope .a-Table-v2.a-Table-ping-right:not(.a-Table-bordered) .a-Table-table > thead > tr > th.a-Table-cell-fix-right-first-prev {
@@ -87516,11 +87701,13 @@ title: Word Break
 
 .amis-scope .a-Table-v2.a-Table-resizable .a-Table-table > thead > tr > th .a-Table-thead-resizable {
   position: absolute;
-  width: 1px;
-  right: 0;
+  width: 7px;
+  right: -4px;
   top: 0;
   bottom: 0;
+  user-select: none;
   cursor: col-resize;
+  z-index: 3000;
 }
 
 .amis-scope .a-Table-v2 .a-Table-loading {
@@ -87580,8 +87767,6 @@ title: Word Break
 
 .amis-scope .a-Table-v2 .a-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
@@ -90150,7 +90335,7 @@ title: Word Break
 }
 
 .amis-scope .a-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -90528,7 +90713,7 @@ title: Word Break
   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;
@@ -90537,7 +90722,7 @@ title: Word Break
 }
 
 .amis-scope .a-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -90566,10 +90751,6 @@ title: Word Break
   border-color: transparent !important;
 }
 
-.amis-scope .a-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
-
 .amis-scope .a-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -90618,7 +90799,30 @@ title: Word Break
   padding-left: var(--gap-base);
 }
 
+.amis-scope .a-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.amis-scope .a-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.amis-scope .a-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+
+.amis-scope .a-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
+
 .amis-scope .a-ResultBox-singleValue {
+  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -90656,10 +90860,7 @@ title: Word Break
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 
@@ -90750,6 +90951,7 @@ title: Word Break
 
 .amis-scope .a-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
+  flex-grow: 1;
   user-select: none;
 }
 
@@ -92236,7 +92438,7 @@ title: Word Break
 }
 
 .amis-scope .a-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -92618,7 +92820,7 @@ title: Word Break
 }
 
 .amis-scope .a-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -93705,12 +93907,13 @@ title: Word Break
 }
 
 .amis-scope .a-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 var(--Switch-text-marginRight) 0 var(--Switch-text-marginLeft);
   color: var(--Switch-valueColor);
   text-indent: var(--gap-xs);
   text-transform: uppercase;
   font-size: var(--fontSizeSm);
   line-height: var(--Switch-height);
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all var(--animation-duration);
@@ -93726,12 +93929,16 @@ title: Word Break
   content: "";
   position: absolute;
   background: var(--white);
-  width: calc(var(--Switch-height) - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: var(--Switch-slider-width);
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
   border-radius: 50%;
-  transition: margin-left var(--animation-duration);
+  transition: var(--Switch-slider-transition);
+}
+
+.amis-scope .a-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 
 .amis-scope .a-Switch.is-checked {
@@ -93740,13 +93947,13 @@ title: Word Break
 
 .amis-scope .a-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 
 .amis-scope .a-Switch.is-checked .text {
   color: var(--white);
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 var(--Switch-text-marginLeft) 0 var(--Switch-text-marginRight);
 }
 
 .amis-scope .a-Switch.is-checked.is-disabled .slider:before {
@@ -93762,6 +93969,32 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .a-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+
+.amis-scope .a-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+
+.amis-scope .a-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+
+.amis-scope .a-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+
+.amis-scope .a-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+
+.amis-scope .a-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
+
 .amis-scope .a-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);
@@ -94139,6 +94372,10 @@ title: Word Break
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
 
+.amis-scope .a-Select .a-PopOver.a-Select-popover .a-Select-menu {
+  overflow-x: hidden;
+}
+
 .amis-scope .a-Select .a-PopOver.a-Select-popover .a-Select-menu .a-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -97413,7 +97650,7 @@ title: Word Break
 }
 
 .amis-scope .a-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -97580,7 +97817,7 @@ title: Word Break
 .amis-scope .a-Combo-addBtn .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Combo-addBtn .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -97591,7 +97828,7 @@ title: Word Break
 .amis-scope .a-Combo-addBtn .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-Combo-addBtn .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -98029,7 +98266,7 @@ title: Word Break
 }
 
 .amis-scope .a-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -98309,7 +98546,7 @@ title: Word Break
 .amis-scope .a-TagControl-sugItem .a-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-TagControl-sugItem .a-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -98320,7 +98557,7 @@ title: Word Break
 .amis-scope .a-TagControl-sugItem .a-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .a-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .a-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .a-TagControl-sugItem .a-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -99006,7 +99243,7 @@ title: Word Break
 }
 
 .amis-scope .a-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -100397,6 +100634,7 @@ title: Word Break
   overflow: auto;
   scroll-behavior: smooth;
   background: var(--Tabs-content-bg);
+  position: relative;
 }
 
 .amis-scope .a-AnchorNav-section-wrap > .a-AnchorNav-section {
@@ -101769,4 +102007,8 @@ title: Word Break
 
 .AMISDebug-inspect {
   padding: var(--gap-sm);
+}
+
+.AMISDebug-logLine {
+  overflow-x: hidden;
 }