amis-ui 6.11.0-beta.1 → 6.11.0-beta.3

package/lib/themes/cxd.css

@@ -140,6 +140,7 @@
   --ButtonGroup-divider-width: 0.0625rem;
   --ButtonGroup-divider-color: #fff;
   --ButtonGroup-borderWidth: var(--borders-width-2);
+  --Button-onDisabled-opacity: 0.3;
   --Breadcrumb-item-fontSize: var(--fontSizeMd);
   --Breadcrumb-item-default-color: var(--colors-neutral-text-5);
   --Breadcrumb-item-hover-color: var(--colors-brand-5);
@@ -18541,6 +18542,7 @@ img.cxd-AsideNav-itemIcon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -25178,6 +25180,10 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud-selection {
   margin-bottom: var(--gap-base);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap-xs);
+  line-height: 1;
 }
 .cxd-Crud-selection-overflow-wrapper {
   display: flex;
@@ -25188,6 +25194,7 @@ input[type=button].cxd-Button--block {
   overflow-y: auto;
   height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
   max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  gap: var(--gap-xs);
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-value {
   cursor: pointer;
@@ -25197,7 +25204,8 @@ input[type=button].cxd-Button--block {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -25206,9 +25214,6 @@ input[type=button].cxd-Button--block {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25219,13 +25224,15 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-value.is-disabled {
   pointer-events: none;
+}
+.cxd-Crud-selection-overflow-wrapper .cxd-Crud-value.is-disabled .cxd-Crud-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -25246,7 +25253,8 @@ input[type=button].cxd-Button--block {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -25255,9 +25263,6 @@ input[type=button].cxd-Button--block {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25268,13 +25273,15 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud .cxd-Crud-value.is-disabled {
   pointer-events: none;
+}
+.cxd-Crud .cxd-Crud-value.is-disabled .cxd-Crud-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .cxd-Crud .cxd-Crud-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .cxd-Crud .cxd-Crud-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -32126,6 +32133,24 @@ input[type=button].cxd-Button--block {
 .cxd-GridNavItem-content--clickable {
   cursor: pointer;
 }
+/**
+ * @file _shape.scss
+ *
+ * @author allenve(yupeng12@baidu.com)
+ * @created: 2024/12/12
+ */
+.cxd-Shape {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 200px;
+  height: 200px;
+}
+.cxd-Shape-svg {
+  position: absolute;
+  overflow: visible;
+}
 fieldset.cxd-Collapse--lg, fieldset.cxd-Collapse--md, fieldset.cxd-Collapse--base, fieldset.cxd-Collapse--sm, fieldset.cxd-Collapse--xs {
   position: relative;
 }
@@ -38952,7 +38977,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  position: absolute;
+  flex: 1;
+  min-width: 0;
   line-height: var(--Form-input-lineHeight);
   padding: var(--Pick-base-paddingTop) var(--Pick-base-paddingRight) var(--Pick-base-paddingBottom) var(--Pick-base-paddingLeft);
 }
@@ -38966,12 +38992,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
 }
-.cxd-Picker .cxd-Picker-values {
-  display: inline;
-}
-.cxd-Picker .cxd-Picker-values .cxd-Picker-valueLabel {
-  pointer-events: auto;
-}
 .cxd-Picker-valueWrap {
   flex-grow: 1;
   position: relative;
@@ -38982,8 +39002,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
 }
 .cxd-Picker .cxd-Picker-valueWrap {
-  margin-bottom: calc(var(--gap-xs) * -1);
-  line-height: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap-xs);
 }
 .cxd-Picker .cxd-Picker-value {
   cursor: pointer;
@@ -38993,7 +39014,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -39002,9 +39024,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -39015,13 +39034,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker .cxd-Picker-value.is-disabled {
   pointer-events: none;
+}
+.cxd-Picker .cxd-Picker-value.is-disabled .cxd-Picker-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .cxd-Picker .cxd-Picker-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .cxd-Picker .cxd-Picker-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -39088,6 +39109,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow-y: auto;
   height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
   max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  gap: var(--gap-xs);
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-value {
   cursor: pointer;
@@ -39097,7 +39119,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -39106,9 +39129,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -39119,13 +39139,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-value.is-disabled {
   pointer-events: none;
+}
+.cxd-Picker-overflow-wrapper .cxd-Picker-value.is-disabled .cxd-Picker-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -41458,7 +41480,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-UserSelect-selectPopup {
   width: 100vw;
   height: 100vh;
-  z-index: var(3000)1;
+  z-index: calc(var(3000) + 1);
 }
 .cxd-UserSelect-searchBox {
   height: 3.25rem;

package/lib/themes/cxd.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.1
+ * amis-ui v6.11.0-beta.3
  * Copyright 2018-2024 fex
  */
 

package/lib/themes/dark.css

@@ -140,6 +140,7 @@
   --ButtonGroup-divider-width: 0.0625rem;
   --ButtonGroup-divider-color: #fff;
   --ButtonGroup-borderWidth: var(--borders-width-2);
+  --Button-onDisabled-opacity: 0.3;
   --Breadcrumb-item-fontSize: var(--fontSizeMd);
   --Breadcrumb-item-default-color: var(--colors-neutral-text-5);
   --Breadcrumb-item-hover-color: var(--colors-brand-5);
@@ -18543,6 +18544,7 @@ img.dark-AsideNav-itemIcon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -25180,6 +25182,10 @@ input[type=button].dark-Button--block {
 }
 .dark-Crud-selection {
   margin-bottom: var(--gap-base);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap-xs);
+  line-height: 1;
 }
 .dark-Crud-selection-overflow-wrapper {
   display: flex;
@@ -25190,6 +25196,7 @@ input[type=button].dark-Button--block {
   overflow-y: auto;
   height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
   max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  gap: var(--gap-xs);
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-value {
   cursor: pointer;
@@ -25199,7 +25206,8 @@ input[type=button].dark-Button--block {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -25208,9 +25216,6 @@ input[type=button].dark-Button--block {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25221,13 +25226,15 @@ input[type=button].dark-Button--block {
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-value.is-disabled {
   pointer-events: none;
+}
+.dark-Crud-selection-overflow-wrapper .dark-Crud-value.is-disabled .dark-Crud-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -25248,7 +25255,8 @@ input[type=button].dark-Button--block {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -25257,9 +25265,6 @@ input[type=button].dark-Button--block {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25270,13 +25275,15 @@ input[type=button].dark-Button--block {
 }
 .dark-Crud .dark-Crud-value.is-disabled {
   pointer-events: none;
+}
+.dark-Crud .dark-Crud-value.is-disabled .dark-Crud-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .dark-Crud .dark-Crud-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .dark-Crud .dark-Crud-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -32128,6 +32135,24 @@ input[type=button].dark-Button--block {
 .dark-GridNavItem-content--clickable {
   cursor: pointer;
 }
+/**
+ * @file _shape.scss
+ *
+ * @author allenve(yupeng12@baidu.com)
+ * @created: 2024/12/12
+ */
+.dark-Shape {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 200px;
+  height: 200px;
+}
+.dark-Shape-svg {
+  position: absolute;
+  overflow: visible;
+}
 fieldset.dark-Collapse--lg, fieldset.dark-Collapse--md, fieldset.dark-Collapse--base, fieldset.dark-Collapse--sm, fieldset.dark-Collapse--xs {
   position: relative;
 }
@@ -38954,7 +38979,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  position: absolute;
+  flex: 1;
+  min-width: 0;
   line-height: var(--Form-input-lineHeight);
   padding: var(--Pick-base-paddingTop) var(--Pick-base-paddingRight) var(--Pick-base-paddingBottom) var(--Pick-base-paddingLeft);
 }
@@ -38968,12 +38994,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
 }
-.dark-Picker .dark-Picker-values {
-  display: inline;
-}
-.dark-Picker .dark-Picker-values .dark-Picker-valueLabel {
-  pointer-events: auto;
-}
 .dark-Picker-valueWrap {
   flex-grow: 1;
   position: relative;
@@ -38984,8 +39004,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
 }
 .dark-Picker .dark-Picker-valueWrap {
-  margin-bottom: calc(var(--gap-xs) * -1);
-  line-height: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap-xs);
 }
 .dark-Picker .dark-Picker-value {
   cursor: pointer;
@@ -38995,7 +39016,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -39004,9 +39026,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -39017,13 +39036,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Picker .dark-Picker-value.is-disabled {
   pointer-events: none;
+}
+.dark-Picker .dark-Picker-value.is-disabled .dark-Picker-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .dark-Picker .dark-Picker-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .dark-Picker .dark-Picker-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -39090,6 +39111,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow-y: auto;
   height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
   max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  gap: var(--gap-xs);
 }
 .dark-Picker-overflow-wrapper .dark-Picker-value {
   cursor: pointer;
@@ -39099,7 +39121,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   vertical-align: middle;
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
   font-weight: var(--Pick-base-value-fontWeight);
@@ -39108,9 +39131,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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);
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
-  margin-top: var(--gap-xs);
   max-width: 9.375rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -39121,13 +39141,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Picker-overflow-wrapper .dark-Picker-value.is-disabled {
   pointer-events: none;
+}
+.dark-Picker-overflow-wrapper .dark-Picker-value.is-disabled .dark-Picker-valueIcon {
   opacity: var(--Button-onDisabled-opacity);
 }
 .dark-Picker-overflow-wrapper .dark-Picker-valueIcon {
   color: var(--Pick-base-value-icon-color);
   cursor: pointer;
   border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
+  padding: 0 5px;
 }
 .dark-Picker-overflow-wrapper .dark-Picker-valueIcon:hover {
   background: var(--Pick-base-value-hover-icon-color);
@@ -41460,7 +41482,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-UserSelect-selectPopup {
   width: 100vw;
   height: 100vh;
-  z-index: var(3000)1;
+  z-index: calc(var(3000) + 1);
 }
 .dark-UserSelect-searchBox {
   height: 3.25rem;

package/lib/themes/dark.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.1
+ * amis-ui v6.11.0-beta.3
  * Copyright 2018-2024 fex
  */