amis-ui 3.5.2 → 3.6.0

package/lib/themes/ang.css

@@ -228,22 +228,18 @@
   --DropDown-menu-borderColor: var(--borderColor);
   --DropDown-menu-borderRadius: var(--borderRadius);
   --DropDown-menu-borderWidth: var(--borderWidth);
-  --DropDown-menu-boxShadow: var(--shadows-shadow-normal);
-  --DropDown-menu-height: 2.125rem;
+  --DropDown-menu-boxShadow: var(--Form-select-outer-boxShadow);
+  --DropDown-menu-height: 2rem;
   --DropDown-menu-minWidth: 10rem;
   --DropDown-menu-paddingX: 0;
   --DropDown-menu-paddingY: var(--gap-xs);
-  --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
+  --DropDown-menuItem-onHover-bg: var(--Form-select-menu-onHover-bg);
   --DropDown-group-color: #848b99;
   --DropDown-menuItem-color: #151a26;
-  --DropDown-menuItem-onHover-color: var(--colors-brand-5);
+  --DropDown-menuItem-onHover-color: var(--Form-select-menu-onHover-color);
   --DropDown-menuItem-onActive-color: var(--colors-brand-5);
   --DropDown-menuItem-onDisabled-color: #b4b6ba;
-  --DropDown-menuItem-paddingX: var(--gap-sm);
-  --DropDown-menuItem-paddingY: calc(
-    (var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) /
-      2
-  );
+  --DropDown-menuItem-paddingX: var(--select-base-default-option-paddingRight);
   --Fieldset-legend-bgColor: var(--colors-neutral-fill-11);
   --Form--horizontal-gutterWidth: var(--gap-md);
   --Form--horizontal-label-align: right;
@@ -1542,6 +1538,7 @@
   --transfer-base-header-paddingBottom: var(--sizes-size-5);
   --transfer-base-header-paddingLeft: var(--sizes-size-8);
   --transfer-base-header-paddingRight: var(--sizes-size-8);
+  --transfer-base-footer-border-color: var(--colors-neutral-line-8);
   --transfer-base-body-paddingTop: var(--sizes-size-0);
   --transfer-base-body-paddingBottom: var(--sizes-size-0);
   --transfer-base-body-paddingLeft: var(--sizes-size-0);
@@ -2589,6 +2586,7 @@
   --Drawer-widthXs: 12.5rem;
   --Rating-star-margin: var(--sizes-size-5);
   --Rating-star-size: var(--sizes-base-12);
+  --Rating-star-icon-size: var(--sizes-base-9);
   --Rating-star-icon: '<svg class="icon" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="currentColor" d="M4.99672493,4.37617062 L1.28100904,4.93702533 C0.463702827,5.06039054 -0.102812689,5.85030962 0.0156612291,6.70135899 C0.0628630935,7.04043042 0.216147743,7.35382434 0.451761131,7.59297508 L3.14101949,10.3226082 L3.14101949,10.3226082 L2.50531937,14.1787855 C2.3655991,15.0263332 2.91216489,15.8313483 3.72610824,15.9768371 C4.05030943,16.0347866 4.38381497,15.9798039 4.67496871,15.8204054 L7.99934906,14.0003997 L7.99934906,14.0003997 L11.3254267,15.8208814 C12.0564401,16.2209912 12.9605363,15.9282748 13.3447823,15.167081 C13.4978067,14.8639388 13.5505833,14.5167196 13.4949403,14.1791872 L12.859174,10.3226082 L12.859174,10.3226082 L15.5482634,7.59400813 C16.1397301,6.99385103 16.1519752,6.00805341 15.5756136,5.39216751 C15.3460036,5.14681192 15.0450939,4.98715562 14.7195072,4.93793566 L11.0034685,4.37617062 L11.0034685,4.37617062 L9.34151455,0.868493275 C8.97611971,0.0973002947 8.07952072,-0.219434766 7.33890469,0.161045701 C7.04395753,0.312570398 6.80521255,0.561123051 6.65963735,0.868217393 L4.99672493,4.37617062 L4.99672493,4.37617062 Z"></path></svg>';
   --Rating-colors: '[{"value":"#abadb1","id":2},{"value":"#787b81","id":3},{"value":"#ffa900","id":5}]';
   --Rating-text-color: var(--colors-neutral-text-2);
@@ -2698,6 +2696,9 @@
   --Switch-checked-bgColor: var(--switch-default-on-bg-color);
   --Switch-checked-onHover-bgColor: var(--switch-default-on-hover-bg-color);
   --Switch-checked-onActive-bgColor: var(--colors-brand-4);
+  --Switch-spinner-icon-width: var(--sizes-base-7);
+  --Switch-spinner-icon-width--sm: var(--sizes-base-5);
+  --switch-spinner-left--sm: var(--sizes-size-0);
   --collapse-default-top-border-color: var(--colors-neutral-line-8);
   --collapse-default-top-border-width: var(--borders-width-2);
   --collapse-default-top-border-style: var(--borders-style-2);
@@ -2776,6 +2777,7 @@
   --Tabs-onActive-bg: var(--background);
   --Tabs-onActive-borderColor: var(--borderColor);
   --Tabs-onActive-color: var(--colors-neutral-text-2);
+  --Tabs-onError-color: var(--colors-error-5);
   --Tabs-onDisabled-color: var(--colors-neutral-text-7);
   --Tabs-onHover-borderColor: var(--colors-neutral-line-8);
   --Tabs-add-icon-size: 0.9375rem;
@@ -3264,7 +3266,7 @@
   --Divider-text-marginLeft: var(--sizes-size-9);
   --Divider-text-marginRight: var(--sizes-size-9);
   --Divider-text-marginBottom: var(--sizes-size-0);
-  --inputFile-base-des-color: var(--colors-neutral-text-2);
+  --inputFile-base-des-color: var(--Form-description-color);
   --inputFile-base-des-fontSize: var(--fonts-size-7);
   --inputFile-base-des-fontWeight: var(--fonts-weight-6);
   --inputFile-base-des-margin: var(--sizes-base-5);
@@ -3976,6 +3978,7 @@
   --Alert-fontColor: var(--colors-neutral-text-4);
   --Alert-title-fontColor: var(--colors-neutral-text-2);
   --Alert-height: var(--sizes-base-20);
+  --Alert-actions-marginRight: var(--sizes-base-4);
   --spinner-base-color: var(--colors-link-5);
   --spinner-base-fontSize: var(--fonts-size-8);
   --spinner-base-fontWeight: var(--fonts-weight-6);
@@ -3984,7 +3987,6 @@
   --spinner-size-size: var(--sizes-base-16);
   --spinner-lg-size: var(--sizes-base-24);
   --spinner-overlay-bg: var(--colors-neutral-fill-11);
-  --spinner-color: var(--colors-brand-5);
   --Spinner--lg-height: var(--spinner-lg-size);
   --Spinner--lg-width: var(--spinner-lg-size);
   --Spinner--sm-height: var(--spinner-sm-size);
@@ -3994,6 +3996,7 @@
   --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
   --Spinner-width: var(--spinner-size-size);
   --Spinner-color: var(--spinner-base-color);
+  --Spinner-color--disabled: rgba(0, 0, 0, 0.65);
   --image-image-normal-paddingTop: var(--sizes-size-3);
   --image-image-normal-paddingBottom: var(--sizes-size-3);
   --image-image-normal-paddingLeft: var(--sizes-size-3);
@@ -4792,6 +4795,7 @@
     var(--combo-vertical-right-border-color)
     var(--combo-vertical-bottom-border-color)
     var(--combo-vertical-left-border-color);
+  --Combo--vertical-item--onError-borderColor: var(--colors-error-5);
   --Combo--vertical-item-borderRadius: var(
       --combo-vertical-top-left-border-radius
     )
@@ -5008,9 +5012,11 @@
   --colors-neutral-line-9: #f3f2f5;
   --colors-neutral-line-10: #f8f7fa;
   --colors-neutral-line-11: #ffffff;
-  --fonts-base-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text,
-    Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB,
-    Arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif;
+  --fonts-base-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica,
+    "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB",
+    "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN",
+    "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti",
+    SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
   --fonts-size-1: 48px;
   --fonts-size-2: 40px;
   --fonts-size-3: 32px;
@@ -14878,6 +14884,13 @@ samp {
 .visibility-sensor {
   min-height: 5px;
 }
+.renderer-error-boundary {
+  padding: 5px;
+  font-family: PingFangSC-Medium;
+  font-size: 14px;
+  color: #cf1322;
+  border: 1px dashed #cf1322;
+}
 html,
 body {
   width: 100%;
@@ -17386,6 +17399,9 @@ input[type=button].a-Button--block {
 .a-Modal-content.out {
   animation-name: modalOut;
 }
+.a-Modal-draggable > .a-Modal-header {
+  cursor: move;
+}
 .a-Modal-overlay {
   transition: ease-in-out opacity var(--animation-duration);
   position: fixed;
@@ -18945,6 +18961,9 @@ input[type=button].a-Button--block {
 .a-Alert-content .a-Alert-desc {
   line-height: 1.5rem;
 }
+.a-Alert-actions {
+  margin-right: var(--Alert-actions-marginRight);
+}
 .a-Alert-close {
   outline: none;
   padding: 0;
@@ -19221,10 +19240,10 @@ input[type=button].a-Button--block {
 }
 .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
   display: flex;
-  margin-left: var(--Tabs-add-margin);
   align-items: center;
-  justify-content: flex-start;
-  padding: var(--Tabs--line-addPadding);
+  margin-left: var(--Tabs-add-margin);
+  margin-bottom: 0.1875rem;
+  padding-bottom: 0.5rem;
   white-space: nowrap;
   cursor: pointer;
 }
@@ -19250,16 +19269,19 @@ input[type=button].a-Button--block {
   overflow: hidden;
 }
 .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow {
-  margin: var(--Tabs--line-addPadding);
   width: 16px;
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
   box-sizing: content-box;
+  margin-bottom: 0.1875rem;
+  padding-bottom: 0.5rem;
 }
-.a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow .iconfont {
-  font-size: var(--Remark-icon-fontSize);
+.a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow .icon {
+  top: 0;
+  width: var(--Remark-icon-fontSize);
+  height: var(--Remark-icon-fontSize);
 }
 .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow:hover {
   color: var(--icon-onHover-color);
@@ -19267,6 +19289,9 @@ input[type=button].a-Button--block {
 .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--left {
   padding-right: 16px;
 }
+.a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--left svg {
+  transform: rotate(180deg);
+}
 .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--right {
   padding-left: 16px;
 }
@@ -19406,6 +19431,9 @@ input[type=button].a-Button--block {
   border-color: var(--Tabs-onActive-borderColor);
   border-bottom-color: transparent;
 }
+.a-Tabs-links > .a-Tabs-link.has-error > a:first-child {
+  color: var(--Tabs-onError-color) !important;
+}
 .a-Tabs .a-Tabs-togglor {
   display: flex;
   justify-content: center;
@@ -19716,6 +19744,7 @@ input[type=button].a-Button--block {
 .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
   padding: 0 var(--Tabs--tiled-add-gap);
   margin-left: 0;
+  margin-bottom: 0;
   white-space: nowrap;
   border-style: solid;
   border-color: var(--Tabs-borderColor);
@@ -20051,6 +20080,7 @@ input[type=button].a-Button--block {
 }
 .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
   margin-bottom: 0;
+  padding: 0;
 }
 .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
   border: none;
@@ -20137,14 +20167,6 @@ input[type=button].a-Button--block {
 .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer {
   margin-bottom: calc(var(--Tabs-borderWidth) * -1);
 }
-.a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:first-of-type {
-  border-left-width: 0;
-  border-top-left-radius: 0;
-}
-.a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:last-of-type {
-  border-right-width: 0;
-  border-top-right-radius: 0;
-}
 .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow {
   width: var(--Tabs--strong-arrow-size);
   margin-bottom: 0;
@@ -20156,13 +20178,13 @@ input[type=button].a-Button--block {
 }
 .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow--left {
   padding-right: 0;
-  border-right-width: 0;
   border-top-left-radius: var(--Tabs-borderRadius);
+  margin-right: 0.5rem;
 }
 .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow--right {
   padding-left: 0;
-  border-left-width: 0;
-  border-top-right-radius: var(--Tabs-borderRadius);
+  border-top-left-radius: var(--Tabs-borderRadius);
+  margin-left: 0.5rem;
 }
 .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link {
   margin: var(--Tabs--strong-marginTop) var(--Tabs--strong-marginRight) var(--Tabs--strong-marginBottom) var(--Tabs--strong-marginLeft);
@@ -20346,7 +20368,7 @@ input[type=button].a-Button--block {
   margin-top: -0.75rem;
   border: 0.0625rem solid #dee2e6;
   background-color: #fff;
-  border-radius: 0.142rem;
+  border-radius: 0.125rem;
   font-size: 12px;
   line-height: 0.625rem;
   text-align: center;
@@ -20611,7 +20633,7 @@ input[type=button].a-Button--block {
   display: flex;
   flex-direction: row;
   align-items: center;
-  width: var(--Audio-volumeControl-width);
+  min-width: var(--Audio-volumeControl-width);
   height: var(--Audio-volume-height);
   line-height: var(--Audio-volume-lineHeight);
   margin-right: var(--Audio-item-margin);
@@ -20916,6 +20938,13 @@ input[type=button].a-Button--block {
   width: auto;
   height: auto;
 }
+.a-Spinner .a-Spinner-icon.a-Spinner-icon--disabled > svg.icon {
+  color: var(--Spinner-color--disabled);
+  fill: var(--Spinner-color--disabled);
+}
+.a-Spinner .a-Spinner-icon.a-Spinner-icon--disabled > svg.icon path {
+  fill: var(--Spinner-color--disabled);
+}
 .a-Spinner .a-Spinner-icon--lg {
   width: var(--Spinner--lg-width);
   height: var(--Spinner--lg-height);
@@ -20979,6 +21008,9 @@ input[type=button].a-Button--block {
   background: var(--Spinner-overlay-bg);
   transition: ease-out opacity var(--animation-duration);
   opacity: 0;
+  -webkit-backdrop-filter: blur(1px);
+  backdrop-filter: blur(1px);
+  filter: blur(1px);
 }
 .a-Spinner-overlay.in {
   opacity: 1;
@@ -21186,16 +21218,18 @@ input[type=button].a-Button--block {
   overflow-y: auto;
   overflow-x: hidden;
   max-height: 18.75rem;
+  margin-top: 0.25rem;
 }
 .a-DropDown--alignRight .a-DropDown-menu {
   left: auto;
   right: 0;
 }
 .a-DropDown-menuItem, .a-DropDown-menu > li {
-  padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
+  padding: 0 var(--DropDown-menuItem-paddingX);
   white-space: nowrap;
   box-sizing: border-box;
   height: var(--DropDown-menu-height);
+  line-height: var(--DropDown-menu-height);
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -21218,7 +21252,7 @@ input[type=button].a-Button--block {
 }
 .a-DropDown-menuItem.a-DropDown-divider, .a-DropDown-menu > li.a-DropDown-divider {
   height: 0.0625rem;
-  margin: 0.5625rem 0;
+  margin: 0.25rem 0;
   overflow: hidden;
   background: var(--DropDown-menu-borderColor);
   padding: 0;
@@ -23155,8 +23189,11 @@ input[type=button].a-Button--block {
 .a-Table-table td .a-SwitchControl {
   padding-top: 0;
 }
+.a-Table-table--affixHeader {
+  margin-top: calc(var(--Table-thead-height) * -1);
+}
 .a-Table-table--affixHeader > thead {
-  visibility: collapse;
+  visibility: hidden;
 }
 .a-Table-table--withCombine > thead > tr > th:first-child,
 .a-Table-table--withCombine > tbody > tr > td:first-child {
@@ -24020,6 +24057,14 @@ input[type=button].a-Button--block {
     transform: scaleY(0.5);
   }
 }
+.a-AutoFilterToolbar {
+  display: block;
+  text-align: right;
+  white-space: nowrap;
+}
+.a-AutoFilterToolbar > .a-Button {
+  margin-top: 0;
+}
 .a-Table2 {
   position: relative;
   border-radius: var(--Table-borderRadius);
@@ -25061,6 +25106,10 @@ input[type=button].a-Button--block {
 .a-Table2.a-Table-resizable .a-Table-table > thead > tr > th .a-Table-thead-resizable:hover, .a-Table2.a-Table-resizable .a-Table-table > thead > tr > th .a-Table-thead-resizable.is-resizing {
   background: var(--primary);
 }
+.a-Table2.a-Table-resizable .a-Table-table > thead > tr > th:last-child .a-Table-thead-resizable {
+  width: 4px;
+  right: 0;
+}
 .a-Table2 .a-Table-loading {
   padding: var(--Table-loading-padding);
 }
@@ -26006,6 +26055,7 @@ input[type=button].a-Button--block {
 }
 .a-Card-actions > a.is-disabled {
   color: var(--text--muted-color);
+  cursor: not-allowed;
 }
 .a-Card-actions > a.is-disabled:hover {
   text-decoration: none;
@@ -26669,9 +26719,6 @@ input[type=button].a-Button--block {
 .a-Pagination-wrap {
   line-height: 1.875rem;
 }
-.a-Pagination-wrap .a-Pagination-item {
-  margin-left: 0.5rem;
-}
 .a-Pagination-wrap .a-Pagination-item:nth-child(1) {
   margin-left: 0;
 }
@@ -28589,17 +28636,19 @@ input[type=button].a-Button--block {
 }
 .a-Steps .a-StepsItem-containerIcon {
   vertical-align: top;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   padding-right: var(--steps-base-icon-paddingRight);
+  height: 2rem;
 }
 .a-Steps .a-StepsItem-containerIcon .a-StepsItem-icon {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: var(--steps-base-icon-size);
   height: var(--steps-base-icon-size);
-  line-height: 1.75rem;
   border-radius: 50%;
   font-size: var(--Steps-icon-fontsize);
-  text-align: center;
 }
 .a-Steps .a-StepsItem-containerIcon .a-StepsItem-icon .icon {
   width: 0.75rem;
@@ -29095,11 +29144,11 @@ fieldset.a-Collapse > legend {
   margin: var(--fieldSet-legend-marginTop) var(--fieldSet-legend-marginRight) var(--fieldSet-legend-marginBottom) var(--fieldSet-legend-marginLeft);
   padding: var(--fieldSet-legend-paddingTop) var(--fieldSet-legend-paddingRight) var(--fieldSet-legend-paddingBottom) var(--fieldSet-legend-paddingLeft);
   cursor: pointer;
-  border-bottom: none !important;
   background: transparent;
   display: inline-flex !important;
   flex-direction: row-reverse;
   justify-content: flex-end;
+  box-sizing: content-box;
 }
 fieldset.a-Collapse > legend .a-TplField {
   font-weight: var(--fieldSet-legend-fontWeight);
@@ -29763,14 +29812,17 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
   border-radius: 0.125rem;
-  box-shadow: var(--menu-box-shadow);
+  box-shadow: var(--Form-select-outer-boxShadow);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  padding: 0.25rem 0;
 }
 .a-TextControl-sugs {
   max-height: 18.75rem;
   overflow: auto;
 }
 .a-TextControl-sugItem {
-  padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2) 0.75rem;
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
+  line-height: var(--select-base-default-option-line-height);
 }
 .a-TextControl-sugItem svg {
   width: 1rem;
@@ -30057,6 +30109,9 @@ input.a-TextControl-input-password {
   color: var(--input-count-multi-color);
   font-size: var(--input-count-multi-fontSize);
 }
+.a-TextareaControl-counter > i {
+  font-style: normal;
+}
 .a-TextareaControl-counter.is-empty {
   color: var(--input-count-multi-color);
 }
@@ -30778,6 +30833,7 @@ input.a-TextControl-input-password {
 }
 .a-TreeSelection-item {
   position: relative;
+  margin-bottom: 2px;
 }
 .a-TreeSelection-item.is-expanded > .a-TreeSelection-sublist {
   display: block;
@@ -31168,6 +31224,34 @@ input.a-TextControl-input-password {
   width: calc(var(--Switch-height) + 0.125rem);
   border-radius: 10px;
 }
+.a-Switch-spinner {
+  position: absolute;
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
+}
+.a-Switch-spinner > .a-Switch-spinner-icon > svg.icon {
+  width: var(--Switch-spinner-icon-width);
+  height: var(--Switch-spinner-icon-width);
+}
+.a-Switch-spinner--sm {
+  position: absolute;
+  top: var(--switch-size-sm-slider-margin);
+  bottom: var(--switch-size-sm-slider-margin);
+  left: var(--switch-spinner-left--sm);
+}
+.a-Switch-spinner--sm > .a-Switch-spinner-icon > svg.icon {
+  width: var(--Switch-spinner-icon-width--sm);
+  height: var(--Switch-spinner-icon-width--sm);
+}
+.a-Switch-spinner.a-Switch-spinner--checked {
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
+  right: var(--Switch-slider-margin);
+}
+.a-Switch-spinner.a-Switch-spinner--checked.a-Switch-spinner--sm {
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin));
+  right: var(--Switch-slider-margin);
+}
 .a-Switch-option {
   vertical-align: middle;
   font-size: var(--switch-option-fontSize);
@@ -32065,16 +32149,10 @@ input.a-TextControl-input-password {
   color: var(--Form-select-valueIcon-color--dark);
 }
 .a-Select-popover {
-  margin-top: calc(var(--Form-select-outer-borderWidth) * -1);
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
   border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
   box-shadow: var(--Form-select-outer-boxShadow);
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.a-Select-popover.a-PopOver--leftTopLeftBottom {
-  margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
 }
 .a-SelectControl:not(.is-inline) > .a-Select {
   display: flex;
@@ -32500,6 +32578,12 @@ input.a-TextControl-input-password {
   margin-top: -1px;
   border-color: var(--Form-input-onFocused-borderColor);
 }
+.a-LocationPicker-popover.a-PopOver--v-top {
+  margin-top: 0.25rem;
+}
+.a-LocationPicker-popover.a-PopOver--v-bottom {
+  margin-bottom: 0.25rem;
+}
 .a-MapPicker-search {
   padding: 5px 10px;
 }
@@ -32536,6 +32620,14 @@ input.a-TextControl-input-password {
 .tangram-suggestion-main {
   display: none !important;
 }
+@media screen and (min-width: 768px) {
+  .a-LocationPicker-value {
+    margin-right: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
 .a-MatrixControl {
   max-width: 100%;
 }
@@ -32875,9 +32967,8 @@ input.a-TextControl-input-password {
 }
 .a-DatePicker-popover {
   margin: 0.125rem 0 0;
-}
-.a-DatePicker-popover.a-PopOver--leftTopLeftBottom, .a-DatePicker-popover.a-PopOver--rightTopRightBottom {
-  margin: -0.125rem 0 0;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  box-shadow: var(--Form-select-outer-boxShadow);
 }
 .a-DatePicker.is-mobile {
   border: 0;
@@ -33683,10 +33774,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: flex;
 }
 .a-DateRangePicker-popover {
-  margin: 0.125rem 0 0;
-}
-.a-DateRangePicker-popover.a-PopOver--leftTopLeftBottom, .a-DateRangePicker-popover.a-PopOver--rightTopRightBottom {
-  margin: -0.125rem 0 0;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  box-shadow: var(--Form-select-outer-boxShadow);
 }
 .a-DateRangePicker-popup {
   height: 25rem;
@@ -34252,7 +34341,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: 1rem;
 }
 .a-ExcelControl-container > em {
-  font-size: 0.8rem;
+  font-size: 0.75rem;
 }
 .a-ExcelControl-dropzone {
   flex: 1;
@@ -35489,6 +35578,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: var(--combo-vertical-paddingTop) var(--combo-vertical-paddingRight) var(--combo-vertical-paddingBottom) var(--combo-vertical-paddingLeft);
   position: relative;
 }
+.a-Combo--ver:not(.a-Combo--noBorder) > .a-Combo-item.has-error,
+.a-Combo--ver:not(.a-Combo--noBorder) > .a-Combo-items > .a-Combo-item.has-error {
+  border-color: var(--Combo--vertical-item--onError-borderColor) !important;
+}
 .a-Combo--ver:not(.a-Combo--noBorder) > .a-Combo-items > .a-Combo-item {
   margin: calc(var(--Combo--vertical-item-gap) * 2);
 }
@@ -35877,6 +35970,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-width: var(--Pick-base-top-border-width) var(--Pick-base-right-border-width) var(--Pick-base-bottom-border-width) var(--Pick-base-left-border-width);
   border-style: var(--Pick-base-top-border-style) var(--Pick-base-right-border-style) var(--Pick-base-bottom-border-style) var(--Pick-base-left-border-style);
   border-color: var(--Pick-base-top-border-color) var(--Pick-base-right-border-color) var(--Pick-base-bottom-border-color) var(--Pick-base-left-border-color);
+  overflow: auto;
 }
 .a-Picker .a-Picker-values {
   display: inline;
@@ -35956,6 +36050,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: var(--Pick-base-icon-size);
   height: var(--Pick-base-icon-size);
   content: var(--Pick-base-icon);
+  display: flex;
 }
 .a-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -36245,11 +36340,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-flow: row wrap;
 }
 .a-Rating-star {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--Rating-star-size);
+  height: var(--Rating-star-size);
   position: relative;
-  margin-right: var(--Rating-star-margin);
   overflow: hidden;
-  display: block;
-  font-size: var(--Rating-star-size);
+  font-size: var(--Rating-star-icon-size);
   line-height: 1;
   cursor: pointer;
   -webkit-user-select: none;
@@ -36292,8 +36390,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-left: var(--Rating-star-margin);
 }
 .Rating-star-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--Rating-star-size);
+  height: var(--Rating-star-size);
   content: var(--Rating-star-icon);
 }
+.Rating-star-icon > svg.icon {
+  width: var(--Rating-star-icon-size);
+  height: var(--Rating-star-icon-size);
+  top: 0;
+}
 .a-RatingControl {
   position: relative;
   overflow: hidden;
@@ -36331,6 +36439,32 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Transfer-title > span {
   flex-grow: 1;
 }
+.a-Transfer-footer {
+  border-top: 1px solid var(--transfer-base-footer-border-color);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-end;
+  padding: var(--gap-sm);
+  /* 底部空间较小，让Pagination紧凑一些 */
+}
+.a-Transfer-footer-pagination > ul.a-Pagination-item {
+  margin-left: 0;
+}
+.a-Transfer-footer-pagination > ul > li {
+  --Pagination-minWidth: 1.375rem;
+  --Pagination-height: 1.375rem;
+  --Pagination-padding: 0 0.375rem;
+}
+.a-Transfer-footer-pagination .a-Pagination-perpage {
+  --select-base-default-paddingTop: 0;
+  --select-base-default-paddingBottom: 0;
+  --select-base-default-paddingLeft: 0.375rem;
+  --select-base-default-paddingRight: 0.375rem;
+  margin-left: 0;
+}
+.a-Transfer-footer-pagination .a-Pagination-perpage .a-Select-valueWrap {
+  line-height: 1.375rem;
+}
 .a-Transfer-select, .a-Transfer-result {
   overflow: hidden;
   width: 0;
@@ -36344,6 +36478,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-color: var(--transfer-base-top-border-color) var(--transfer-base-right-border-color) var(--transfer-base-bottom-border-color) var(--transfer-base-left-border-color);
   border-radius: var(--transfer-base-top-left-border-radius) var(--transfer-base-top-right-border-radius) var(--transfer-base-bottom-right-border-radius) var(--transfer-base-bottom-left-border-radius);
 }
+.a-Transfer-select--pagination, .a-Transfer-result--pagination {
+  max-height: 29.6875rem;
+}
 .a-Transfer-select > .a-Transfer-selection, .a-Transfer-result > .a-Transfer-value {
   flex-grow: 1;
   max-height: 100%;
@@ -36720,7 +36857,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-NestedSelectControl .a-NestedSelect-menu {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  box-shadow: 0 0.125rem 0.5rem 0 rgba(7, 12, 20, 0.12);
+  box-shadow: var(--Form-select-outer-boxShadow);
 }
 .a-NestedSelect {
   position: relative;
@@ -36738,7 +36875,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-NestedSelect-optionArrowRight {
   display: inline-block;
-  padding-right: var(--Form-select-icon-rigin);
 }
 .a-NestedSelect-optionArrowRight svg {
   width: 0.625rem;
@@ -36747,6 +36883,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--default-icon-color);
   top: 0;
 }
+.a-NestedSelect-optionArrowRight.is-disabled svg {
+  color: var(--text--muted-color);
+}
 .a-NestedSelect-menuOuter {
   display: flex;
 }
@@ -36768,17 +36907,19 @@ td.rdtQuarter.rdtDisabled:hover > span {
   max-height: 10.9375rem;
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border-radius: var(--borderRadius);
   box-shadow: var(--Form-select-outer-boxShadow);
   overflow-y: auto;
   overflow-x: hidden;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
 }
 .a-NestedSelect-menu:not(:first-child) {
   border-left: 0;
+  margin-left: 0.25rem;
 }
 .a-NestedSelect-menu .a-NestedSelect-option {
   position: relative;
-  padding-left: var(--gap-md);
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   min-height: var(--select-base-default-option-line-height);
   line-height: var(--select-base-default-option-line-height);
   cursor: pointer;
@@ -36825,6 +36966,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-NestedSelect-popup {
   height: 21.25rem;
 }
+.a-NestedSelect-popover {
+  border: none;
+  box-shadow: none;
+}
 .a-Cascader-tabs {
   display: flex;
 }
@@ -37495,6 +37640,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Form-label > span {
   position: relative;
+  display: inline-block;
 }
 .a-Form-star {
   color: var(--Form-item-star-color);
@@ -38000,6 +38146,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
+    min-width: 0;
   }
   .a-Form-item .a-Form-value .a-ColorPicker > input,
   .a-Form-item .a-Form-control .a-ColorPicker > input {
@@ -40720,6 +40867,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: 0;
   line-height: inherit;
 }
+.a-Nav-Menu-horizontal .a-Nav-Menu-overflow-item.a-Nav-Menu-overflow-item-rest > .a-Nav-Menu-submenu-title .a-Nav-Menu-overflowedIcon i,
+.a-Nav-Menu-horizontal .a-Nav-Menu-overflow-item.a-Nav-Menu-overflow-item-rest > .a-Nav-Menu-submenu-title .a-Nav-Menu-overflowedIcon svg,
+.a-Nav-Menu-horizontal .a-Nav-Menu-overflow-item.a-Nav-Menu-overflow-item-rest > .a-Nav-Menu-submenu-title .a-Nav-Menu-overflowedIcon img {
+  float: none;
+}
 .a-Nav-Menu-horizontal .a-Nav-Menu-item.a-Nav-Menu-item-selected {
   background: none;
 }
@@ -40746,14 +40898,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-arrow {
   display: inline-block;
   font-size: 0.5625rem;
-  vertical-align: middle;
   text-transform: none;
   text-rendering: auto;
   line-height: 1.25rem;
   margin-left: 0.3125rem;
 }
 .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-arrow > svg {
-  top: auto;
+  top: 0;
 }
 .a-Nav-Menu-horizontal.a-Nav-Menu-rtl .a-Nav-Menu-submenu-arrow {
   margin-left: 0;