amis-ui 6.13.0-beta.2 → 6.13.0-beta.20

package/lib/themes/ang.css

@@ -331,7 +331,7 @@
       ) / 2
   );
   --InputGroup-select-arrowColor: var(--colors-neutral-text-5);
-  --InputGroup-select-bg: var(--colors-neutral-fill-11);
+  --InputGroup-select-bg: var(--colors-neutral-fill-10);
   --InputGroup-select-borderColor: var(--borderColor);
   --InputGroup-select-borderRadius: var(--borders-radius-3);
   --InputGroup-select-borderWidth: var(--borders-width-2);
@@ -2464,7 +2464,7 @@
   --Form-item-color: var(--colors-neutral-text-4);
   --Form-item-fontSize: var(--fonts-size-7);
   --Form-item-fontWeight: var(--fonts-weight-6);
-  --Form-item-lineHeight: var(--fonts-lineHeight-1);
+  --Form-item-lineHeight: var(--fonts-lineHeight-2);
   --Form-item-star-color: var(--colors-error-5);
   --Form-item-star-size: var(--sizes-size-7);
   --Form-description-color: var(--colors-neutral-text-5);
@@ -3643,7 +3643,7 @@
   --select-multiple-paddingLeft: var(--sizes-size-3);
   --select-multiple-paddingRight: var(--sizes-size-3);
   --select-multiple-marginTop: var(--sizes-size-0);
-  --select-multiple-marginBottom: var(--sizes-size-0);
+  --select-multiple-marginBottom: var(--sizes-size-3);
   --select-multiple-marginLeft: var(--sizes-size-0);
   --select-multiple-marginRight: var(--sizes-size-3);
   --select-multiple-color: var(--colors-neutral-text-2);
@@ -3735,11 +3735,11 @@
   --Form-selectValue-borderColor: var(--colors-brand-7);
   --Form-selectValue-color: var(--colors-brand-5);
   --Form-selectValue-fontSize: var(--select-multiple-fontSize);
-  --Form-selectValue-onDisable-bg: hsl(211.0588235294, 102.5%, 95%);
+  --Form-selectValue-onDisable-bg: var(--colors-neutral-fill-10);
   --Form-selectValue-onHover-bg: hsl(211.0588235294, 102.5%, 85%);
   --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
   --Form-selectValue-onInvalid-color: var(--danger);
-  --Form-valueLabel-maxWidth: 7.5rem;
+  --Form-valueLabel-maxWidth: 12.5rem;
   --Form-select-onFocus-boxShadow: none;
   --ResultBox-tag-height: 1.375rem;
   --ResultBox-tag-marginBottom: var(--select-multiple-marginBottom);
@@ -19855,6 +19855,12 @@ input[type=button].a-Button--block {
 .a-Modal-content.out {
   animation-name: modalOut;
 }
+.a-Modal-fullScreen {
+  width: 100% !important;
+  height: 100% !important;
+  max-width: 100% !important;
+  margin: auto;
+}
 .a-Modal-draggable > .a-Modal-header {
   cursor: move;
 }
@@ -19890,6 +19896,10 @@ input[type=button].a-Button--block {
 .a-Modal-header::after {
   clear: both;
 }
+.a-Modal-header-icons {
+  position: absolute;
+  right: 24px;
+}
 .a-Modal-title {
   font-size: var(--dialog-header-fontSize);
   color: var(--dialog-header-color);
@@ -19923,6 +19933,9 @@ input[type=button].a-Button--block {
 .a-Modal-close:not(.is-disabled):hover svg {
   fill: var(--Model-close-onHover-color);
 }
+.a-Modal-screen {
+  margin-right: 1rem;
+}
 .a-Modal-content > .a-Modal-close {
   position: absolute;
   right: var(--gap-md);
@@ -20728,7 +20741,7 @@ input[type=button].a-Button--block {
 }
 .a-Tooltip--dark {
   background: var(--Tooltip-bg--dark);
-  border: var(--common-popover-border);
+  border: none;
   box-shadow: var(--Tooltip-boxShadow--dark);
 }
 .a-Tooltip--dark .a-Tooltip-title {
@@ -22857,7 +22870,6 @@ input[type=button].a-Button--block {
 }
 .a-Page {
   width: 100%;
-  height: 100%;
   background: var(--Page-main-bg);
   display: flex;
   flex-direction: row;
@@ -23258,6 +23270,35 @@ input[type=button].a-Button--block {
   position: relative;
   top: var(--Audio-svg-top);
 }
+.a-AutoFoldedList {
+  white-space: nowrap !important;
+  flex-wrap: nowrap !important;
+}
+.a-AutoFoldedList-more {
+  display: inline-block;
+}
+.a-AutoFoldedList-more:empty {
+  display: none;
+}
+.a-AutoFoldedList-more > span {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  display: inline-block;
+  vertical-align: middle;
+  font-size: var(--Form-selectValue-fontSize);
+  font-weight: var(--select-multiple-fontWeight);
+  color: var(--select-multiple-color);
+  background: var(--Form-select-value-bgColor);
+  border: 0.0625rem solid var(--Form-select-value-borderColor);
+  border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
+  padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
+}
+.a-AutoFoldedList-more > span:hover {
+  background-color: var(--Form-selectValue-onHover-bgColor);
+}
 .a-Panel {
   margin: var(--Panel-marginTop) var(--Panel-marginRight) var(--Panel-marginBottom) var(--Panel-marginLeft);
   background: var(--Panel-bg-color);
@@ -24618,6 +24659,7 @@ input[type=button].a-Button--block {
 }
 .a-CBGroup-toolbarCondition .a-Select-valueWrap {
   padding-right: 0;
+  justify-content: center;
 }
 .a-CBGroup-toolbarCondition .a-Select-arrow {
   display: none;
@@ -25339,6 +25381,20 @@ input[type=button].a-Button--block {
   gap: var(--gap-xs);
   line-height: 1;
 }
+.a-Crud-selection > .a-AutoFoldedList-more > span {
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  font-size: var(--Pick-base-value-fontSize);
+  color: var(--Pick-base-value-color);
+  font-weight: var(--Pick-base-value-fontWeight);
+  background: var(--Pick-base-value-bgColor);
+  border-width: var(--Pick-base-value-top-border-width) var(--Pick-base-value-right-border-width) var(--Pick-base-value-bottom-border-width) var(--Pick-base-value-left-border-width);
+  border-style: var(--Pick-base-value-top-border-style) var(--Pick-base-value-right-border-style) var(--Pick-base-value-bottom-border-style) var(--Pick-base-value-left-border-style);
+  border-color: var(--Pick-base-value-top-border-color) var(--Pick-base-value-right-border-color) var(--Pick-base-value-bottom-border-color) var(--Pick-base-value-left-border-color);
+  border-radius: var(--Pick-base-top-left-border-radius) var(--Pick-base-top-right-border-radius) var(--Pick-base-bottom-right-border-radius) var(--Pick-base-bottom-left-border-radius);
+}
+.a-Crud-selection > .a-AutoFoldedList-more > span:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
 .a-Crud-selection-overflow-wrapper {
   display: flex;
   flex-wrap: wrap;
@@ -25372,6 +25428,7 @@ input[type=button].a-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .a-Crud-selection-overflow-wrapper .a-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -25424,6 +25481,7 @@ input[type=button].a-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .a-Crud .a-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -25581,6 +25639,7 @@ input[type=button].a-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .a-Crud2 .a-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -26006,6 +26065,34 @@ input[type=button].a-Button--block {
   overflow-x: auto;
   transform: translateZ(0);
 }
+.a-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+}
+.a-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr > td {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+}
+.a-Table-content.use-virtual-list > table > .virtual-table-body-placeholder > tr > td > div {
+  display: block;
+  height: 0;
+  width: 50px;
+  position: sticky;
+  left: 0;
+  will-change: height;
+  transform: translateZ(0);
+  contain: content;
+}
+.a-Table-content.use-virtual-list > table > .virtual-table-body-placeholder.leading > tr > td > div {
+  height: var(--Table-scroll-offset);
+}
+.a-Table-content.use-virtual-list > table > .virtual-table-body-placeholder.trailing > tr > td > div {
+  height: calc(var(--Table-scroll-height) - var(--Table-frame-height) - var(--Table-scroll-offset));
+}
 .a-Table-content-colDragLine {
   position: absolute;
   width: 7px;
@@ -26085,6 +26172,8 @@ input[type=button].a-Button--block {
 .a-Table-table.is-layout-fixed td {
   white-space: normal;
   word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .a-Table-table.table-fixed-left .is-sticky-last-left:after {
   box-shadow: var(--Table-fixedLeft-boxShadow);
@@ -29455,6 +29544,7 @@ input[type=button].a-Button--block {
 }
 .a-Field--popOverAble .a-Field-popOverWrap-ellipsis {
   width: auto;
+  max-height: var(--sizes-base-15);
   overflow: hidden;
   display: -webkit-inline-box;
   -webkit-box-orient: vertical;
@@ -31756,7 +31846,6 @@ input[type=button].a-Button--block {
   color: var(--Form-input-placeholderColor);
 }
 .a-ResultBox {
-  flex-wrap: nowrap;
   padding: 0 0.75rem;
   min-height: var(--Form-input-height);
   align-items: center;
@@ -31781,6 +31870,7 @@ input[type=button].a-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
+  flex-wrap: nowrap;
 }
 .a-ResultBox input {
   flex-basis: 1.875rem;
@@ -31813,6 +31903,9 @@ input[type=button].a-Button--block {
 .a-ResultBox--borderNone {
   border-color: transparent !important;
 }
+.a-ResultBox input {
+  flex-shrink: 0;
+}
 .a-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -31863,6 +31956,13 @@ input[type=button].a-Button--block {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  gap: var(--sizes-size-3);
+}
+.a-ResultBox-value-wrap > .a-AutoFoldedList {
+  flex-grow: 5;
+  display: flex;
+  align-items: center;
+  gap: var(--sizes-size-3);
 }
 .a-ResultBox-actions {
   margin-left: 0.25rem;
@@ -31944,7 +32044,6 @@ input[type=button].a-Button--block {
   display: inline-flex;
   align-items: center;
   padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
-  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -33490,6 +33589,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   flex-grow: 1;
   min-width: 0;
   display: inline-flex;
+  margin: 0;
 }
 .a-InputGroup .a-TextControl-input:not(:first-child),
 .a-InputGroup .a-SearchBox:not(:first-child) {
@@ -33503,28 +33603,50 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.a-InputGroup .a-SelectControl .a-Select {
+.a-InputGroup .a-MixedInput-input {
+  flex-basis: 0;
+  flex-grow: 1;
+  min-width: 0;
+  display: inline-flex;
+  margin: 0;
+}
+.a-InputGroup .a-MixedInput-input:not(:first-child) > * {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+.a-InputGroup .a-MixedInput-input:not(:last-child) > * {
+  border-right-width: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.a-InputGroup .a-SelectControl .a-Select,
+.a-InputGroup .a-MixedInput-select .a-Select {
   background: var(--InputGroup-select-bg);
   border: var(--InputGroup-select-borderWidth) solid var(--InputGroup-select-borderColor);
   color: var(--InputGroup-select-color);
 }
-.a-InputGroup .a-SelectControl:not(:last-child) .a-Select {
+.a-InputGroup .a-SelectControl:not(:last-child) .a-Select,
+.a-InputGroup .a-MixedInput-select:not(:last-child) .a-Select {
   border-right: 0;
 }
-.a-InputGroup .a-SelectControl:first-child .a-Select {
+.a-InputGroup .a-SelectControl:first-child .a-Select,
+.a-InputGroup .a-MixedInput-select:first-child .a-Select {
   border-top-left-radius: var(--InputGroup-select-borderRadius);
   border-bottom-left-radius: var(--InputGroup-select-borderRadius);
-  background-color: var(--colors-neutral-fill-10);
 }
-.a-InputGroup .a-SelectControl:last-child .a-Select {
+.a-InputGroup .a-SelectControl:last-child .a-Select,
+.a-InputGroup .a-MixedInput-select:last-child .a-Select {
   border-top-right-radius: var(--InputGroup-select-borderRadius);
   border-bottom-right-radius: var(--InputGroup-select-borderRadius);
 }
-.a-InputGroup .a-SelectControl:not(:first-child) .a-Select {
+.a-InputGroup .a-SelectControl:not(:first-child) .a-Select,
+.a-InputGroup .a-MixedInput-select:not(:first-child) .a-Select {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.a-InputGroup .a-SelectControl:not(:last-child) .a-Select {
+.a-InputGroup .a-SelectControl:not(:last-child) .a-Select,
+.a-InputGroup .a-MixedInput-select:not(:last-child) .a-Select {
   border-right-width: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -34699,6 +34821,7 @@ input.a-TextControl-input-password {
           user-select: none;
 }
 .a-GroupedSelection-item > .a-Checkbox {
+  margin-top: 0;
   margin-right: 0.625rem;
 }
 .a-GroupedSelection-item:hover {
@@ -34905,6 +35028,7 @@ input.a-TextControl-input-password {
           user-select: none;
 }
 .a-ChainedSelection-item > .a-Checkbox {
+  margin-top: 0;
   margin-right: 0;
 }
 .a-ChainedSelection-item.is-active {
@@ -35776,12 +35900,17 @@ input.a-TextControl-input-password {
           user-select: none;
   position: relative;
   flex-grow: 1;
+  min-width: 0;
   width: auto;
   max-width: 100%;
   overflow: hidden;
   padding-right: 0.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--select-multiple-marginRight);
 }
 .a-Select-valuesNoWrap {
+  flex-wrap: nowrap;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -35824,6 +35953,7 @@ input.a-TextControl-input-password {
 .a-Select--multi .a-Select-value {
   position: static;
   white-space: normal;
+  flex-shrink: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -35837,9 +35967,11 @@ input.a-TextControl-input-password {
   border: 0.0625rem solid var(--Form-select-value-borderColor);
   border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
   padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
-  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
 }
-.a-Select--multi .a-Select-value:hover {
+.a-Select--multi .a-Select-value.is-disabled {
+  background-color: var(--Form-selectValue-onDisable-bg);
+}
+.a-Select--multi .a-Select-value:not(.is-disabled):hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
 }
 .a-Select--multi .a-Select-valueLabel {
@@ -36116,6 +36248,7 @@ input.a-TextControl-input-password {
 .a-Select-overflow-wrapper .a-Select-value {
   position: static;
   white-space: normal;
+  flex-shrink: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -36129,9 +36262,11 @@ input.a-TextControl-input-password {
   border: 0.0625rem solid var(--Form-select-value-borderColor);
   border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
   padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
-  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
 }
-.a-Select-overflow-wrapper .a-Select-value:hover {
+.a-Select-overflow-wrapper .a-Select-value.is-disabled {
+  background-color: var(--Form-selectValue-onDisable-bg);
+}
+.a-Select-overflow-wrapper .a-Select-value:not(.is-disabled):hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
 }
 .a-Select-overflow-wrapper .a-Select-valueLabel {
@@ -36152,6 +36287,9 @@ input.a-TextControl-input-password {
 .a-Select-overflow.a-Tooltip--dark .a-Select-overflow-wrapper .a-Select-value .a-Select-valueIcon {
   color: var(--Form-select-valueIcon-color--dark);
 }
+.a-Select-overflow-wrapper .a-Select-value {
+  margin-bottom: var(--gap-xs);
+}
 .a-Select-popover {
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
@@ -38373,6 +38511,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: pointer;
   font-size: var(--fontSizeSm);
 }
+.a-ExcelControl {
+  position: relative;
+}
 .a-ExcelControl-container {
   display: flex;
   flex-direction: column;
@@ -38401,12 +38542,95 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--colors-neutral-text-6);
   outline: none;
   transition: border 0.24s ease-in-out;
+  cursor: pointer;
+}
+.a-ExcelControl-dropzone.is-disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.a-ExcelControl-dropzone.is-active {
+  border-color: var(--primary);
+  background-color: var(--colors-neutral-fill-8);
 }
 .a-ExcelControl-dropzone:focus {
   border-color: var(--primary);
 }
-.a-ExcelControl-dropzone.disabled {
-  opacity: 0.6;
+.a-ExcelControl-acceptTip {
+  text-align: center;
+}
+.a-ExcelControl-acceptTip .icon {
+  font-size: 1.875rem;
+  margin-bottom: var(--gap-xs);
+}
+.a-ExcelControl-uploadHint {
+  color: var(--primary);
+  margin-left: var(--gap-xs);
+  cursor: pointer;
+  transition: opacity 0.2s ease;
+}
+.a-ExcelControl-uploadHint:hover {
+  opacity: 0.8;
+}
+.a-ExcelControl-selectBtn .icon {
+  margin-right: var(--gap-xs);
+}
+.a-ExcelControl-selectBtn.is-disabled {
+  pointer-events: none;
+}
+.a-ExcelControl-list {
+  list-style: none;
+  padding: 0;
+  margin: var(--gap-md) 0 0;
+}
+.a-ExcelControl-list > li {
+  margin-bottom: var(--gap-sm);
+}
+.a-ExcelControl-list > li:last-child {
+  margin-bottom: 0;
+}
+.a-ExcelControl-itemInfo {
+  display: flex;
+  align-items: center;
+  padding: var(--gap-xs) var(--gap-sm);
+  background: var(--colors-neutral-fill-8);
+  border: var(--borders-base);
+  border-radius: var(--borders-radius-md);
+}
+.a-ExcelControl-itemInfo.is-invalid {
+  border-color: var(--danger);
+  background: var(--colors-danger-bg);
+}
+.a-ExcelControl-itemInfoIcon {
+  margin-right: var(--gap-sm);
+}
+.a-ExcelControl-itemInfoIcon .icon {
+  color: var(--colors-neutral-text-2);
+}
+.a-ExcelControl-itemInfoText {
+  flex: 1;
+  min-width: 0;
+  margin-right: var(--gap-sm);
+  color: var(--colors-neutral-text-2);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.a-ExcelControl-clear {
+  opacity: 0.3;
+  transition: opacity var(--animation-duration);
+  cursor: pointer;
+}
+.a-ExcelControl-clear:hover {
+  opacity: 1;
+}
+.a-ExcelControl-clear .icon {
+  color: var(--colors-neutral-text-2);
+}
+.a-ExcelControl-progressInfo {
+  margin-top: var(--gap-xs);
+  padding: 0 var(--gap-sm);
+  color: var(--colors-neutral-text-6);
+  font-size: var(--fonts-size-sm);
 }
 .a-EditorControl {
   min-height: 12.5rem;
@@ -38985,6 +39209,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Tree-item {
   line-height: var(--Tree-itemHeight);
+  padding-left: calc(var(--Tree-depth) * var(--Tree-indent));
   position: relative;
 }
 .a-Tree-item > div {
@@ -39026,7 +39251,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Tree--outline .a-Tree-item--isLeaf.is-child:before {
   position: absolute;
   top: -8px;
-  left: calc((var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right)) / 2 - var(--Tree-indent));
+  left: calc(var(--Tree-depth) * var(--Tree-indent));
   bottom: 0px;
   border-left: 1px solid var(--borderColor);
   content: "";
@@ -39049,7 +39274,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  margin-bottom: 0.25rem;
   padding-left: var(--Tree-icon-gap);
 }
 .a-Tree-itemLabel > * {
@@ -39075,6 +39299,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Tree-itemLabel .a-Checkbox {
   margin-right: var(--inputTree-checkboxes-size-marginRight);
+  margin-top: 0;
 }
 .a-Tree-item:hover {
   background-color: var(--Tree-item-onHover-bg-pure);
@@ -39215,8 +39440,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   transform: rotate(-90deg);
 }
 .a-Tree-itemArrowPlaceholder {
-  display: inline-block;
-  width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap));
+  display: inline-flex;
+  width: var(--Tree-itemArrowWidth);
+  flex-shrink: 0;
+  margin-right: var(--inputTree-base-size-expandMarginRight);
 }
 .a-Tree-itemDrager {
   cursor: move;
@@ -39492,6 +39719,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Combo-items:empty + .a-Combo-toolbar {
   padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
+.a-Combo-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.a-Combo-toolbar:empty {
+  display: none;
+}
 .a-Combo-item {
   background: var(--combo-bg-color);
 }
@@ -39982,6 +40217,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Picker-valueWrap {
   flex-grow: 1;
+  min-width: 0;
   position: relative;
   padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
 }
@@ -39989,6 +40225,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: 1rem;
   display: inline-block;
 }
+.a-Picker-valueWrap > .a-AutoFoldedList-more > span {
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  font-size: var(--Pick-base-value-fontSize);
+  color: var(--Pick-base-value-color);
+  font-weight: var(--Pick-base-value-fontWeight);
+  background: var(--Pick-base-value-bgColor);
+  border-width: var(--Pick-base-value-top-border-width) var(--Pick-base-value-right-border-width) var(--Pick-base-value-bottom-border-width) var(--Pick-base-value-left-border-width);
+  border-style: var(--Pick-base-value-top-border-style) var(--Pick-base-value-right-border-style) var(--Pick-base-value-bottom-border-style) var(--Pick-base-value-left-border-style);
+  border-color: var(--Pick-base-value-top-border-color) var(--Pick-base-value-right-border-color) var(--Pick-base-value-bottom-border-color) var(--Pick-base-value-left-border-color);
+  border-radius: var(--Pick-base-top-left-border-radius) var(--Pick-base-top-right-border-radius) var(--Pick-base-bottom-right-border-radius) var(--Pick-base-bottom-left-border-radius);
+}
+.a-Picker-valueWrap > .a-AutoFoldedList-more > span:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
 .a-Picker .a-Picker-valueWrap {
   display: flex;
   flex-wrap: wrap;
@@ -40016,6 +40266,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .a-Picker .a-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -40124,6 +40375,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .a-Picker-overflow-wrapper .a-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -40904,6 +41156,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-NestedSelect.is-mobile {
   text-align: right;
 }
+.a-NestedSelect.is-mobile .a-ResultBox-value-wrap {
+  min-width: 0;
+  flex-wrap: wrap !important;
+  flex: 1;
+}
 .a-NestedSelect-optionArrowRight {
   display: inline-block;
 }
@@ -40960,6 +41217,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--select-base-default-option-color);
   background: var(--select-base-default-option-bg-color);
 }
+.a-NestedSelect-menu .a-NestedSelect-option > .a-Checkbox {
+  margin: 0;
+}
 .a-NestedSelect-menu .a-NestedSelect-option > .a-NestedSelect-optionLabel {
   min-width: 0;
   min-height: 0;
@@ -41083,7 +41343,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex: 1;
   min-width: 0;
   min-height: 0;
-  white-space: nowrap;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  line-clamp: 2;
+  box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-user-select: none;
@@ -41093,12 +41357,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Cascader-option--text.disabled {
   color: var(--Cascader-option-disable-color);
 }
-.a-Cascader-option-arrow {
+.a-Cascader-option > .a-Checkbox {
   flex: 1;
   min-width: 0;
+  display: flex;
+  flex-direction: row;
+  margin: 0;
+  align-items: center;
+  justify-content: flex-start;
+}
+.a-Cascader-option > .a-Checkbox > i + span {
+  flex: 1;
+  min-width: 0;
+}
+.a-Cascader-option-arrow {
+  flex-shrink: 0;
+  min-width: 0;
   min-height: 0;
   text-align: right;
   padding-right: 0.375rem;
+  width: 20px;
 }
 .a-Cascader-option-arrow > svg {
   transform: scale(0.8);
@@ -41259,6 +41537,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   width: 100%;
   position: relative;
+  display: flex;
 }
 .a-IconPickerControl-valueWrap > input {
   display: inline-block;