amis-ui 6.13.0-beta.16 → 6.13.0-beta.18

package/lib/themes/antd.css

@@ -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);
@@ -22878,7 +22878,6 @@ input[type=button].antd-Button--block {
 }
 .antd-Page {
   width: 100%;
-  height: 100%;
   background: var(--Page-main-bg);
   display: flex;
   flex-direction: row;
@@ -23279,6 +23278,35 @@ input[type=button].antd-Button--block {
   position: relative;
   top: var(--Audio-svg-top);
 }
+.antd-AutoFoldedList {
+  white-space: nowrap !important;
+  flex-wrap: nowrap !important;
+}
+.antd-AutoFoldedList-more {
+  display: inline-block;
+}
+.antd-AutoFoldedList-more:empty {
+  display: none;
+}
+.antd-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);
+}
+.antd-AutoFoldedList-more > span:hover {
+  background-color: var(--Form-selectValue-onHover-bgColor);
+}
 .antd-Panel {
   margin: var(--Panel-marginTop) var(--Panel-marginRight) var(--Panel-marginBottom) var(--Panel-marginLeft);
   background: var(--Panel-bg-color);
@@ -24639,6 +24667,7 @@ input[type=button].antd-Button--block {
 }
 .antd-CBGroup-toolbarCondition .antd-Select-valueWrap {
   padding-right: 0;
+  justify-content: center;
 }
 .antd-CBGroup-toolbarCondition .antd-Select-arrow {
   display: none;
@@ -25360,6 +25389,20 @@ input[type=button].antd-Button--block {
   gap: var(--gap-xs);
   line-height: 1;
 }
+.antd-Crud-selection > .antd-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);
+}
+.antd-Crud-selection > .antd-AutoFoldedList-more > span:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
 .antd-Crud-selection-overflow-wrapper {
   display: flex;
   flex-wrap: wrap;
@@ -25393,6 +25436,7 @@ input[type=button].antd-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .antd-Crud-selection-overflow-wrapper .antd-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -25445,6 +25489,7 @@ input[type=button].antd-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .antd-Crud .antd-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -25602,6 +25647,7 @@ input[type=button].antd-Button--block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .antd-Crud2 .antd-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -31808,7 +31854,6 @@ input[type=button].antd-Button--block {
   color: var(--Form-input-placeholderColor);
 }
 .antd-ResultBox {
-  flex-wrap: nowrap;
   padding: 0 0.75rem;
   min-height: var(--Form-input-height);
   align-items: center;
@@ -31833,6 +31878,7 @@ input[type=button].antd-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
+  flex-wrap: nowrap;
 }
 .antd-ResultBox input {
   flex-basis: 1.875rem;
@@ -31865,6 +31911,9 @@ input[type=button].antd-Button--block {
 .antd-ResultBox--borderNone {
   border-color: transparent !important;
 }
+.antd-ResultBox input {
+  flex-shrink: 0;
+}
 .antd-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -31915,6 +31964,13 @@ input[type=button].antd-Button--block {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  gap: var(--sizes-size-3);
+}
+.antd-ResultBox-value-wrap > .antd-AutoFoldedList {
+  flex-grow: 5;
+  display: flex;
+  align-items: center;
+  gap: var(--sizes-size-3);
 }
 .antd-ResultBox-actions {
   margin-left: 0.25rem;
@@ -31996,7 +32052,6 @@ input[type=button].antd-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;
@@ -34751,6 +34806,7 @@ input.antd-TextControl-input-password {
           user-select: none;
 }
 .antd-GroupedSelection-item > .antd-Checkbox {
+  margin-top: 0;
   margin-right: 0.625rem;
 }
 .antd-GroupedSelection-item:hover {
@@ -34957,6 +35013,7 @@ input.antd-TextControl-input-password {
           user-select: none;
 }
 .antd-ChainedSelection-item > .antd-Checkbox {
+  margin-top: 0;
   margin-right: 0;
 }
 .antd-ChainedSelection-item.is-active {
@@ -35828,12 +35885,17 @@ input.antd-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);
 }
 .antd-Select-valuesNoWrap {
+  flex-wrap: nowrap;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -35876,6 +35938,7 @@ input.antd-TextControl-input-password {
 .antd-Select--multi .antd-Select-value {
   position: static;
   white-space: normal;
+  flex-shrink: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -35889,9 +35952,11 @@ input.antd-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);
 }
-.antd-Select--multi .antd-Select-value:hover {
+.antd-Select--multi .antd-Select-value.is-disabled {
+  background-color: var(--Form-selectValue-onDisable-bg);
+}
+.antd-Select--multi .antd-Select-value:not(.is-disabled):hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
 }
 .antd-Select--multi .antd-Select-valueLabel {
@@ -36168,6 +36233,7 @@ input.antd-TextControl-input-password {
 .antd-Select-overflow-wrapper .antd-Select-value {
   position: static;
   white-space: normal;
+  flex-shrink: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -36181,9 +36247,11 @@ input.antd-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);
 }
-.antd-Select-overflow-wrapper .antd-Select-value:hover {
+.antd-Select-overflow-wrapper .antd-Select-value.is-disabled {
+  background-color: var(--Form-selectValue-onDisable-bg);
+}
+.antd-Select-overflow-wrapper .antd-Select-value:not(.is-disabled):hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
 }
 .antd-Select-overflow-wrapper .antd-Select-valueLabel {
@@ -36204,6 +36272,9 @@ input.antd-TextControl-input-password {
 .antd-Select-overflow.antd-Tooltip--dark .antd-Select-overflow-wrapper .antd-Select-value .antd-Select-valueIcon {
   color: var(--Form-select-valueIcon-color--dark);
 }
+.antd-Select-overflow-wrapper .antd-Select-value {
+  margin-bottom: var(--gap-xs);
+}
 .antd-Select-popover {
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
@@ -39633,6 +39704,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-Combo-items:empty + .antd-Combo-toolbar {
   padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
+.antd-Combo-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.antd-Combo-toolbar:empty {
+  display: none;
+}
 .antd-Combo-item {
   background: var(--combo-bg-color);
 }
@@ -40123,6 +40202,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-Picker-valueWrap {
   flex-grow: 1;
+  min-width: 0;
   position: relative;
   padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
 }
@@ -40130,6 +40210,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: 1rem;
   display: inline-block;
 }
+.antd-Picker-valueWrap > .antd-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);
+}
+.antd-Picker-valueWrap > .antd-AutoFoldedList-more > span:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
 .antd-Picker .antd-Picker-valueWrap {
   display: flex;
   flex-wrap: wrap;
@@ -40157,6 +40251,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .antd-Picker .antd-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -40265,6 +40360,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 .antd-Picker-overflow-wrapper .antd-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -41106,6 +41202,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--select-base-default-option-color);
   background: var(--select-base-default-option-bg-color);
 }
+.antd-NestedSelect-menu .antd-NestedSelect-option > .antd-Checkbox {
+  margin: 0;
+}
 .antd-NestedSelect-menu .antd-NestedSelect-option > .antd-NestedSelect-optionLabel {
   min-width: 0;
   min-height: 0;
@@ -41229,7 +41328,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;
@@ -41239,12 +41342,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-Cascader-option--text.disabled {
   color: var(--Cascader-option-disable-color);
 }
-.antd-Cascader-option-arrow {
+.antd-Cascader-option > .antd-Checkbox {
   flex: 1;
   min-width: 0;
+  display: flex;
+  flex-direction: row;
+  margin: 0;
+  align-items: center;
+  justify-content: flex-start;
+}
+.antd-Cascader-option > .antd-Checkbox > i + span {
+  flex: 1;
+  min-width: 0;
+}
+.antd-Cascader-option-arrow {
+  flex-shrink: 0;
+  min-width: 0;
   min-height: 0;
   text-align: right;
   padding-right: 0.375rem;
+  width: 20px;
 }
 .antd-Cascader-option-arrow > svg {
   transform: scale(0.8);

package/lib/themes/antd.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.13.0-beta.16
+ * amis-ui v6.13.0-beta.18
  * Copyright 2018-2025 fex
  */