amis-ui 3.5.2 → 3.6.0

package/lib/themes/default.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
     )
@@ -5005,9 +5009,11 @@
   --colors-neutral-line-9: #f2f3f5;
   --colors-neutral-line-10: #f7f8fa;
   --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;
@@ -14875,6 +14881,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%;
@@ -17383,6 +17396,9 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-content.out {
   animation-name: modalOut;
 }
+.cxd-Modal-draggable > .cxd-Modal-header {
+  cursor: move;
+}
 .cxd-Modal-overlay {
   transition: ease-in-out opacity var(--animation-duration);
   position: fixed;
@@ -18942,6 +18958,9 @@ input[type=button].cxd-Button--block {
 .cxd-Alert-content .cxd-Alert-desc {
   line-height: 1.5rem;
 }
+.cxd-Alert-actions {
+  margin-right: var(--Alert-actions-marginRight);
+}
 .cxd-Alert-close {
   outline: none;
   padding: 0;
@@ -19218,10 +19237,10 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-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;
 }
@@ -19247,16 +19266,19 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-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;
 }
-.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow .iconfont {
-  font-size: var(--Remark-icon-fontSize);
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow .icon {
+  top: 0;
+  width: var(--Remark-icon-fontSize);
+  height: var(--Remark-icon-fontSize);
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow:hover {
   color: var(--icon-onHover-color);
@@ -19264,6 +19286,9 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left {
   padding-right: 16px;
 }
+.cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left svg {
+  transform: rotate(180deg);
+}
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--right {
   padding-left: 16px;
 }
@@ -19403,6 +19428,9 @@ input[type=button].cxd-Button--block {
   border-color: var(--Tabs-onActive-borderColor);
   border-bottom-color: transparent;
 }
+.cxd-Tabs-links > .cxd-Tabs-link.has-error > a:first-child {
+  color: var(--Tabs-onError-color) !important;
+}
 .cxd-Tabs .cxd-Tabs-togglor {
   display: flex;
   justify-content: center;
@@ -19713,6 +19741,7 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper .cxd-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);
@@ -20048,6 +20077,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
   margin-bottom: 0;
+  padding: 0;
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   border: none;
@@ -20134,14 +20164,6 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer {
   margin-bottom: calc(var(--Tabs-borderWidth) * -1);
 }
-.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type {
-  border-left-width: 0;
-  border-top-left-radius: 0;
-}
-.cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
-  border-right-width: 0;
-  border-top-right-radius: 0;
-}
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow {
   width: var(--Tabs--strong-arrow-size);
   margin-bottom: 0;
@@ -20153,13 +20175,13 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--left {
   padding-right: 0;
-  border-right-width: 0;
   border-top-left-radius: var(--Tabs-borderRadius);
+  margin-right: 0.5rem;
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-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;
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link {
   margin: var(--Tabs--strong-marginTop) var(--Tabs--strong-marginRight) var(--Tabs--strong-marginBottom) var(--Tabs--strong-marginLeft);
@@ -20343,7 +20365,7 @@ input[type=button].cxd-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;
@@ -20608,7 +20630,7 @@ input[type=button].cxd-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);
@@ -20913,6 +20935,13 @@ input[type=button].cxd-Button--block {
   width: auto;
   height: auto;
 }
+.cxd-Spinner .cxd-Spinner-icon.cxd-Spinner-icon--disabled > svg.icon {
+  color: var(--Spinner-color--disabled);
+  fill: var(--Spinner-color--disabled);
+}
+.cxd-Spinner .cxd-Spinner-icon.cxd-Spinner-icon--disabled > svg.icon path {
+  fill: var(--Spinner-color--disabled);
+}
 .cxd-Spinner .cxd-Spinner-icon--lg {
   width: var(--Spinner--lg-width);
   height: var(--Spinner--lg-height);
@@ -20976,6 +21005,9 @@ input[type=button].cxd-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);
 }
 .cxd-Spinner-overlay.in {
   opacity: 1;
@@ -21183,16 +21215,18 @@ input[type=button].cxd-Button--block {
   overflow-y: auto;
   overflow-x: hidden;
   max-height: 18.75rem;
+  margin-top: 0.25rem;
 }
 .cxd-DropDown--alignRight .cxd-DropDown-menu {
   left: auto;
   right: 0;
 }
 .cxd-DropDown-menuItem, .cxd-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;
@@ -21215,7 +21249,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-DropDown-menuItem.cxd-DropDown-divider, .cxd-DropDown-menu > li.cxd-DropDown-divider {
   height: 0.0625rem;
-  margin: 0.5625rem 0;
+  margin: 0.25rem 0;
   overflow: hidden;
   background: var(--DropDown-menu-borderColor);
   padding: 0;
@@ -23152,8 +23186,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table td .cxd-SwitchControl {
   padding-top: 0;
 }
+.cxd-Table-table--affixHeader {
+  margin-top: calc(var(--Table-thead-height) * -1);
+}
 .cxd-Table-table--affixHeader > thead {
-  visibility: collapse;
+  visibility: hidden;
 }
 .cxd-Table-table--withCombine > thead > tr > th:first-child,
 .cxd-Table-table--withCombine > tbody > tr > td:first-child {
@@ -24017,6 +24054,14 @@ input[type=button].cxd-Button--block {
     transform: scaleY(0.5);
   }
 }
+.cxd-AutoFilterToolbar {
+  display: block;
+  text-align: right;
+  white-space: nowrap;
+}
+.cxd-AutoFilterToolbar > .cxd-Button {
+  margin-top: 0;
+}
 .cxd-Table2 {
   position: relative;
   border-radius: var(--Table-borderRadius);
@@ -25058,6 +25103,10 @@ input[type=button].cxd-Button--block {
 .cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable:hover, .cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable.is-resizing {
   background: var(--primary);
 }
+.cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th:last-child .cxd-Table-thead-resizable {
+  width: 4px;
+  right: 0;
+}
 .cxd-Table2 .cxd-Table-loading {
   padding: var(--Table-loading-padding);
 }
@@ -26003,6 +26052,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card-actions > a.is-disabled {
   color: var(--text--muted-color);
+  cursor: not-allowed;
 }
 .cxd-Card-actions > a.is-disabled:hover {
   text-decoration: none;
@@ -26666,9 +26716,6 @@ input[type=button].cxd-Button--block {
 .cxd-Pagination-wrap {
   line-height: 1.875rem;
 }
-.cxd-Pagination-wrap .cxd-Pagination-item {
-  margin-left: 0.5rem;
-}
 .cxd-Pagination-wrap .cxd-Pagination-item:nth-child(1) {
   margin-left: 0;
 }
@@ -28586,17 +28633,19 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Steps .cxd-StepsItem-containerIcon {
   vertical-align: top;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   padding-right: var(--steps-base-icon-paddingRight);
+  height: 2rem;
 }
 .cxd-Steps .cxd-StepsItem-containerIcon .cxd-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;
 }
 .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon .icon {
   width: 0.75rem;
@@ -29092,11 +29141,11 @@ fieldset.cxd-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.cxd-Collapse > legend .cxd-TplField {
   font-weight: var(--fieldSet-legend-fontWeight);
@@ -29760,14 +29809,17 @@ fieldset.cxd-Collapse .cxd-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;
 }
 .cxd-TextControl-sugs {
   max-height: 18.75rem;
   overflow: auto;
 }
 .cxd-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);
 }
 .cxd-TextControl-sugItem svg {
   width: 1rem;
@@ -30054,6 +30106,9 @@ input.cxd-TextControl-input-password {
   color: var(--input-count-multi-color);
   font-size: var(--input-count-multi-fontSize);
 }
+.cxd-TextareaControl-counter > i {
+  font-style: normal;
+}
 .cxd-TextareaControl-counter.is-empty {
   color: var(--input-count-multi-color);
 }
@@ -30775,6 +30830,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TreeSelection-item {
   position: relative;
+  margin-bottom: 2px;
 }
 .cxd-TreeSelection-item.is-expanded > .cxd-TreeSelection-sublist {
   display: block;
@@ -31165,6 +31221,34 @@ input.cxd-TextControl-input-password {
   width: calc(var(--Switch-height) + 0.125rem);
   border-radius: 10px;
 }
+.cxd-Switch-spinner {
+  position: absolute;
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
+}
+.cxd-Switch-spinner > .cxd-Switch-spinner-icon > svg.icon {
+  width: var(--Switch-spinner-icon-width);
+  height: var(--Switch-spinner-icon-width);
+}
+.cxd-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);
+}
+.cxd-Switch-spinner--sm > .cxd-Switch-spinner-icon > svg.icon {
+  width: var(--Switch-spinner-icon-width--sm);
+  height: var(--Switch-spinner-icon-width--sm);
+}
+.cxd-Switch-spinner.cxd-Switch-spinner--checked {
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
+  right: var(--Switch-slider-margin);
+}
+.cxd-Switch-spinner.cxd-Switch-spinner--checked.cxd-Switch-spinner--sm {
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin));
+  right: var(--Switch-slider-margin);
+}
 .cxd-Switch-option {
   vertical-align: middle;
   font-size: var(--switch-option-fontSize);
@@ -32062,16 +32146,10 @@ input.cxd-TextControl-input-password {
   color: var(--Form-select-valueIcon-color--dark);
 }
 .cxd-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;
-}
-.cxd-Select-popover.cxd-PopOver--leftTopLeftBottom {
-  margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
 }
 .cxd-SelectControl:not(.is-inline) > .cxd-Select {
   display: flex;
@@ -32497,6 +32575,12 @@ input.cxd-TextControl-input-password {
   margin-top: -1px;
   border-color: var(--Form-input-onFocused-borderColor);
 }
+.cxd-LocationPicker-popover.cxd-PopOver--v-top {
+  margin-top: 0.25rem;
+}
+.cxd-LocationPicker-popover.cxd-PopOver--v-bottom {
+  margin-bottom: 0.25rem;
+}
 .cxd-MapPicker-search {
   padding: 5px 10px;
 }
@@ -32533,6 +32617,14 @@ input.cxd-TextControl-input-password {
 .tangram-suggestion-main {
   display: none !important;
 }
+@media screen and (min-width: 768px) {
+  .cxd-LocationPicker-value {
+    margin-right: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
 .cxd-MatrixControl {
   max-width: 100%;
 }
@@ -32872,9 +32964,8 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker-popover {
   margin: 0.125rem 0 0;
-}
-.cxd-DatePicker-popover.cxd-PopOver--leftTopLeftBottom, .cxd-DatePicker-popover.cxd-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);
 }
 .cxd-DatePicker.is-mobile {
   border: 0;
@@ -33680,10 +33771,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: flex;
 }
 .cxd-DateRangePicker-popover {
-  margin: 0.125rem 0 0;
-}
-.cxd-DateRangePicker-popover.cxd-PopOver--leftTopLeftBottom, .cxd-DateRangePicker-popover.cxd-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);
 }
 .cxd-DateRangePicker-popup {
   height: 25rem;
@@ -34249,7 +34338,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: 1rem;
 }
 .cxd-ExcelControl-container > em {
-  font-size: 0.8rem;
+  font-size: 0.75rem;
 }
 .cxd-ExcelControl-dropzone {
   flex: 1;
@@ -35486,6 +35575,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;
 }
+.cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-item.has-error,
+.cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item.has-error {
+  border-color: var(--Combo--vertical-item--onError-borderColor) !important;
+}
 .cxd-Combo--ver:not(.cxd-Combo--noBorder) > .cxd-Combo-items > .cxd-Combo-item {
   margin: calc(var(--Combo--vertical-item-gap) * 2);
 }
@@ -35874,6 +35967,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;
 }
 .cxd-Picker .cxd-Picker-values {
   display: inline;
@@ -35953,6 +36047,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;
 }
 .cxd-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -36242,11 +36337,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-flow: row wrap;
 }
 .cxd-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;
@@ -36289,8 +36387,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;
+}
 .cxd-RatingControl {
   position: relative;
   overflow: hidden;
@@ -36328,6 +36436,32 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Transfer-title > span {
   flex-grow: 1;
 }
+.cxd-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紧凑一些 */
+}
+.cxd-Transfer-footer-pagination > ul.cxd-Pagination-item {
+  margin-left: 0;
+}
+.cxd-Transfer-footer-pagination > ul > li {
+  --Pagination-minWidth: 1.375rem;
+  --Pagination-height: 1.375rem;
+  --Pagination-padding: 0 0.375rem;
+}
+.cxd-Transfer-footer-pagination .cxd-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;
+}
+.cxd-Transfer-footer-pagination .cxd-Pagination-perpage .cxd-Select-valueWrap {
+  line-height: 1.375rem;
+}
 .cxd-Transfer-select, .cxd-Transfer-result {
   overflow: hidden;
   width: 0;
@@ -36341,6 +36475,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);
 }
+.cxd-Transfer-select--pagination, .cxd-Transfer-result--pagination {
+  max-height: 29.6875rem;
+}
 .cxd-Transfer-select > .cxd-Transfer-selection, .cxd-Transfer-result > .cxd-Transfer-value {
   flex-grow: 1;
   max-height: 100%;
@@ -36717,7 +36854,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-NestedSelectControl .cxd-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);
 }
 .cxd-NestedSelect {
   position: relative;
@@ -36735,7 +36872,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-NestedSelect-optionArrowRight {
   display: inline-block;
-  padding-right: var(--Form-select-icon-rigin);
 }
 .cxd-NestedSelect-optionArrowRight svg {
   width: 0.625rem;
@@ -36744,6 +36880,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--default-icon-color);
   top: 0;
 }
+.cxd-NestedSelect-optionArrowRight.is-disabled svg {
+  color: var(--text--muted-color);
+}
 .cxd-NestedSelect-menuOuter {
   display: flex;
 }
@@ -36765,17 +36904,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);
 }
 .cxd-NestedSelect-menu:not(:first-child) {
   border-left: 0;
+  margin-left: 0.25rem;
 }
 .cxd-NestedSelect-menu .cxd-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;
@@ -36822,6 +36963,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-NestedSelect-popup {
   height: 21.25rem;
 }
+.cxd-NestedSelect-popover {
+  border: none;
+  box-shadow: none;
+}
 .cxd-Cascader-tabs {
   display: flex;
 }
@@ -37492,6 +37637,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Form-label > span {
   position: relative;
+  display: inline-block;
 }
 .cxd-Form-star {
   color: var(--Form-item-star-color);
@@ -37997,6 +38143,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
+    min-width: 0;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ColorPicker > input,
   .cxd-Form-item .cxd-Form-control .cxd-ColorPicker > input {
@@ -40717,6 +40864,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: 0;
   line-height: inherit;
 }
+.cxd-Nav-Menu-horizontal .cxd-Nav-Menu-overflow-item.cxd-Nav-Menu-overflow-item-rest > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-overflowedIcon i,
+.cxd-Nav-Menu-horizontal .cxd-Nav-Menu-overflow-item.cxd-Nav-Menu-overflow-item-rest > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-overflowedIcon svg,
+.cxd-Nav-Menu-horizontal .cxd-Nav-Menu-overflow-item.cxd-Nav-Menu-overflow-item-rest > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-overflowedIcon img {
+  float: none;
+}
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item.cxd-Nav-Menu-item-selected {
   background: none;
 }
@@ -40743,14 +40895,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu-horizontal .cxd-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;
 }
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow > svg {
-  top: auto;
+  top: 0;
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-rtl .cxd-Nav-Menu-submenu-arrow {
   margin-left: 0;