amis-ui 6.11.0-beta.0 → 6.11.0-beta.2

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);
@@ -17245,6 +17246,9 @@ samp {
   width: 100%;
   height: 100%;
 }
+.amis-animation-placeholder {
+  opacity: 0;
+}
 .has-popover {
   position: relative;
 }
@@ -18538,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;
@@ -25175,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;
@@ -25185,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;
@@ -25194,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);
@@ -25203,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;
@@ -25216,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);
@@ -25243,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);
@@ -25252,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;
@@ -25265,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);
@@ -29078,14 +29088,14 @@ input[type=button].cxd-Button--block {
   color: var(--PopOverAble-onHover-iconColor);
   opacity: 1;
 }
+.cxd-TableCell-ellipsis {
+  display: flex;
+  align-items: center;
+}
 .cxd-Field--popOverAble {
   outline: none;
   position: relative;
 }
-.cxd-Field--popOverAble--flex {
-  display: flex;
-  align-items: center;
-}
 .cxd-Field--popOverAble .cxd-Field-popOverWrap-ellipsis {
   width: 200px;
   white-space: nowrap;
@@ -32123,6 +32133,23 @@ 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;
+}
 fieldset.cxd-Collapse--lg, fieldset.cxd-Collapse--md, fieldset.cxd-Collapse--base, fieldset.cxd-Collapse--sm, fieldset.cxd-Collapse--xs {
   position: relative;
 }
@@ -38949,7 +38976,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);
 }
@@ -38963,12 +38991,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;
@@ -38979,8 +39001,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;
@@ -38990,7 +39013,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);
@@ -38999,9 +39023,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;
@@ -39012,13 +39033,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);
@@ -39085,6 +39108,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;
@@ -39094,7 +39118,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);
@@ -39103,9 +39128,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;
@@ -39116,13 +39138,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);
@@ -41455,7 +41479,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.0
+ * amis-ui v6.11.0-beta.2
  * 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);
@@ -17247,6 +17248,9 @@ samp {
   width: 100%;
   height: 100%;
 }
+.amis-animation-placeholder {
+  opacity: 0;
+}
 .has-popover {
   position: relative;
 }
@@ -18540,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;
@@ -25177,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;
@@ -25187,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;
@@ -25196,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);
@@ -25205,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;
@@ -25218,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);
@@ -25245,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);
@@ -25254,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;
@@ -25267,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);
@@ -29080,14 +29090,14 @@ input[type=button].dark-Button--block {
   color: var(--PopOverAble-onHover-iconColor);
   opacity: 1;
 }
+.dark-TableCell-ellipsis {
+  display: flex;
+  align-items: center;
+}
 .dark-Field--popOverAble {
   outline: none;
   position: relative;
 }
-.dark-Field--popOverAble--flex {
-  display: flex;
-  align-items: center;
-}
 .dark-Field--popOverAble .dark-Field-popOverWrap-ellipsis {
   width: 200px;
   white-space: nowrap;
@@ -32125,6 +32135,23 @@ 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;
+}
 fieldset.dark-Collapse--lg, fieldset.dark-Collapse--md, fieldset.dark-Collapse--base, fieldset.dark-Collapse--sm, fieldset.dark-Collapse--xs {
   position: relative;
 }
@@ -38951,7 +38978,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);
 }
@@ -38965,12 +38993,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;
@@ -38981,8 +39003,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;
@@ -38992,7 +39015,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);
@@ -39001,9 +39025,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;
@@ -39014,13 +39035,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);
@@ -39087,6 +39110,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;
@@ -39096,7 +39120,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);
@@ -39105,9 +39130,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;
@@ -39118,13 +39140,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);
@@ -41457,7 +41481,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.0
+ * amis-ui v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */