amis 1.9.1-beta.19 → 1.9.1-beta.23

package/sdk/antd.css

@@ -13549,8 +13549,8 @@ readers do not read off random characters that represent icons */
   --Calendar-cell-bg: var(--white);
   --Calendar-cell-onActive-bg: var(--info);
   --Calendar-cell-onBetween-bg: rgba(24, 144, 255, 0.1);
-  --Calendar-cell-onDisabled-bg: #F7F7F9;
-  --Calendar-cell-onHover-bg: #F7F7F9;
+  --Calendar-cell-onDisabled-bg: #f7f7f9;
+  --Calendar-cell-onHover-bg: #f7f7f9;
   --Calendar-color: #151b26;
   --Calendar-fontSize: var(--fontSizeSm);
   --Calendar-input-borderColor: var(--borderColor);
@@ -13567,7 +13567,7 @@ readers do not read off random characters that represent icons */
           var(--Calendar-input-fontSize)
       ) / 2
   );
-  --Calendar-shortcut-color: #151B26;
+  --Calendar-shortcut-color: #151b26;
   --Calendar-shortcut-decoration: none;
   --Calendar-shortcut-onHover-color: #0069cb;
   --Calendar-shortcut-onHover-decoration: none;
@@ -13733,7 +13733,7 @@ readers do not read off random characters that represent icons */
   --DatePicker-borderWidth: var(--Form-input-borderWidth);
   --DatePicker-color: #151b26;
   --DatePicker-header-onHover-color: #0069cb;
-  --DatePicker-arrow-color: #84868C;
+  --DatePicker-arrow-color: #84868c;
   --DatePicker-fontSize: var(--fontSizeSm);
   --DatePicker-header-select-borderColor: #fff;
   --DatePicker-height: var(--Form-input-height);
@@ -13912,8 +13912,10 @@ readers do not read off random characters that represent icons */
   --Form-select-popoverGap: 0;
   --Form-select-search-height: var(--Form-select-menu-height);
   --Form-select-value-bgColor: var(--Form-input-onDisabled-bg);
+  --Form-select-value-bgColor--dark: #46474f;
   --Form-select-value-borderColor: var(--Form-select-value-borderColor);
   --Form-select-valueIcon-color: var(--Form-select-valueIcon-color);
+  --Form-select-valueIcon-color--dark: #e9e9e9;
   --Form-select-valueIcon-onHover-color: var(--Form-select-color);
   --Form-selectOption-height: var(--Form-input-height);
   --Form-selectValue-bg: #e4f2ff;
@@ -14311,11 +14313,14 @@ readers do not read off random characters that represent icons */
   --Remark-onHover-borderColor: var(--primary);
   --Remark-onHover-iconColor: #fff;
   --Remark-width: 1rem;
+  --ResultBox-tag-height: 1.5rem;
+  --ResultBox-tag-marginBottom: 0.125rem;
   --ResultBox-icon--onDisabled-color: #ebebeb;
   --ResultBox-icon--onHover-color: #666666;
   --ResultBox-icon-color: #999;
   --ResultBox-value--onDisabled-color: #cccccc;
   --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
+  --ResultBox-value--onHover-bg--dark: #b8babf;
   --ResultBox-value-bg: #f5f5f5;
   --ResultBox-value-color: #000;
   --ResultBox-value-clear-bg: #d4d6d9;
@@ -39762,7 +39767,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -40149,7 +40154,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -40318,13 +40323,14 @@ readers do not read off random characters that represent icons */
   color: var(--ResultBox-value-color);
   font-size: var(--Form-input-fontSize);
   padding: 0 var(--gap-xs);
-  min-height: 1.5rem;
+  min-height: var(--ResultBox-tag-height);
   flex-wrap: nowrap;
   display: inline-flex;
   align-items: center;
   margin-right: var(--gap-xs);
-  margin-bottom: 0.125rem;
+  margin-bottom: var(--ResultBox-tag-marginBottom);
   user-select: none;
+  border-radius: 0.125rem;
 }
 
 .amis-scope .antd-ResultBox-value > a {
@@ -40393,6 +40399,29 @@ readers do not read off random characters that represent icons */
   background: var(--Form-selectValue-onHover-bgColor);
 }
 
+.amis-scope .antd-ResultBox-overflow-wrapper {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 );
+}
+
+.amis-scope .antd-ResultBox-overflow.antd-Tooltip--dark .antd-ResultBox-overflow-wrapper .antd-ResultBox-value {
+  color: var(--white);
+  background-color: var(--Form-select-value-bgColor--dark);
+}
+
+.amis-scope .antd-ResultBox-overflow.antd-Tooltip--dark .antd-ResultBox-overflow-wrapper .antd-ResultBox-value:hover {
+  background-color: var(--ResultBox-value--onHover-bg--dark);
+}
+
+.amis-scope .antd-ResultBox-overflow.antd-Tooltip--dark .antd-ResultBox-overflow-wrapper .antd-ResultBox-value > a {
+  color: var(--Form-select-valueIcon-color--dark);
+}
+
 .amis-scope .antd-ResultBox.is-mobile {
   min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
   border: none;
@@ -41824,7 +41853,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -42206,7 +42235,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -42960,6 +42989,10 @@ readers do not read off random characters that represent icons */
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
 
+.amis-scope .antd-TableSelection .antd-Table-table > tbody > tr {
+  cursor: pointer;
+}
+
 .amis-scope .antd-TableSelection .antd-Table-table > thead > tr > th,
 .amis-scope .antd-TableSelection .antd-Table-table > tbody > tr > td {
   font-size: var(--fontSizeSm);
@@ -43668,6 +43701,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Select {
   display: inline-flex;
+  /* select 标签样式 */
   vertical-align: middle;
   text-align: left;
   align-items: center;
@@ -43706,6 +43740,10 @@ readers do not read off random characters that represent icons */
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
 
+.amis-scope .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu {
+  overflow-x: hidden;
+}
+
 .amis-scope .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu .antd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -43967,6 +44005,16 @@ readers do not read off random characters that represent icons */
   display: block;
 }
 
+.amis-scope .antd-Select-option .antd-Select-option-content,
+.amis-scope .antd-Select-option .antd-Select-option-content > span > div {
+  flex: auto;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+  max-width: 100%;
+}
+
 .amis-scope .antd-Select-noResult {
   color: var(--Form-select-placeholderColor);
   line-height: var(--Form-input-lineHeight);
@@ -44030,6 +44078,58 @@ readers do not read off random characters that represent icons */
   height: 20rem;
 }
 
+.amis-scope .antd-Select-overflow-wrapper {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 );
+}
+
+.amis-scope .antd-Select-overflow-wrapper .antd-Select-value {
+  position: static;
+  white-space: normal;
+  user-select: none;
+  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);
+  background: var(--Form-select-value-bgColor);
+  border: 0.0625rem solid var(--Form-select-value-borderColor);
+  border-radius: 0.125rem;
+  margin-right: var(--gap-xs);
+  margin-bottom: var(--gap-xs);
+}
+
+.amis-scope .antd-Select-overflow-wrapper .antd-Select-value:hover {
+  background-color: var(--Form-selectValue-onHover-bgColor);
+}
+
+.amis-scope .antd-Select-overflow-wrapper .antd-Select-valueLabel {
+  display: inline-block;
+  max-width: var(--Form-valueLabel-maxWidth);
+  padding: 0 var(--gap-xs);
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.amis-scope .antd-Select-overflow.antd-Tooltip--dark .antd-Select-overflow-wrapper .antd-Select-value {
+  background-color: var(--Form-select-value-bgColor--dark);
+  border: none;
+}
+
+.amis-scope .antd-Select-overflow.antd-Tooltip--dark .antd-Select-overflow-wrapper .antd-Select-value:hover {
+  background-color: var(--ResultBox-value--onHover-bg--dark);
+}
+
+.amis-scope .antd-Select-overflow.antd-Tooltip--dark .antd-Select-overflow-wrapper .antd-Select-value .antd-Select-valueIcon {
+  color: var(--Form-select-valueIcon-color--dark);
+}
+
 .amis-scope .antd-Select-popover {
   margin-top: calc(var(--Form-select-outer-borderWidth) * -1);
   background: var(--Form-select-menu-bg);
@@ -46930,7 +47030,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -47546,7 +47646,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -48522,7 +48622,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;