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

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,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;
 }
@@ -38954,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);
 }
@@ -38968,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;
@@ -38984,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;
@@ -38995,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);
@@ -39004,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;
@@ -39017,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);
@@ -39090,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;
@@ -39099,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);
@@ -39108,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;
@@ -39121,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);
@@ -41460,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.1
+ * amis-ui v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/themes/default.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,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;
 }
@@ -38952,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);
 }
@@ -38966,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;
@@ -38982,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;
@@ -38993,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);
@@ -39002,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;
@@ -39015,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);
@@ -39088,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;
@@ -39097,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);
@@ -39106,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;
@@ -39119,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);
@@ -41458,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/utils/smoothSignature.js

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

package/lib/utils/vectorComputed.d.ts

@@ -0,0 +1,20 @@
+export declare function vectorLength(v: number[]): number;
+export declare function dotProduct(v1: number[], v2: number[]): number;
+export declare function vectorAngle(v1: number[], v2: number[]): number;
+export declare function computeSideLength(side: number, angle: number): number;
+/**
+ * 传入起点、终点和距离，返回直线上距离起点距离为distance
+ *
+ * @param {[number, number]} [startX, startY]
+ * @param {[number, number]} [endX, endY]
+ * @param {number} distance
+ * @returns
+ * @memberof SvgPathGenerator
+ */
+export declare function radiusPoint([startX, startY]: number[], [endX, endY]: number[], distance: number): number[];
+export declare function radiusStartEndPoint(v1: number[], v2: number[], radius: number): {
+    start: number[];
+    end: number[];
+    radius: number;
+    sweepFlag: number;
+};

package/lib/utils/vectorComputed.js

@@ -0,0 +1,84 @@
+/**
+ * amis-ui v6.11.0-beta.2
+ * Copyright 2018-2024 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+// 计算向量的模长
+function vectorLength(v) {
+    return Math.sqrt(v.reduce(function (sum, cur) { return sum + Math.pow(cur, 2); }, 0));
+}
+// 计算向量的点积
+function dotProduct(v1, v2) {
+    return v1.reduce(function (sum, cur, index) { return sum + cur * v2[index]; }, 0);
+}
+// 计算向量的夹角
+function vectorAngle(v1, v2) {
+    return Math.acos(dotProduct(v1, v2) / (vectorLength(v1) * vectorLength(v2)));
+}
+// 通过直角边和夹角计算另一直角边长度
+function computeSideLength(side, angle) {
+    return side / Math.tan(angle);
+}
+/**
+ * 传入起点、终点和距离，返回直线上距离起点距离为distance
+ *
+ * @param {[number, number]} [startX, startY]
+ * @param {[number, number]} [endX, endY]
+ * @param {number} distance
+ * @returns
+ * @memberof SvgPathGenerator
+ */
+function radiusPoint(_a, _b, distance) {
+    var _c = tslib.__read(_a, 2), startX = _c[0], startY = _c[1];
+    var _d = tslib.__read(_b, 2), endX = _d[0], endY = _d[1];
+    // 计算终点与起点的直线距离
+    var dx = endX - startX;
+    var dy = endY - startY;
+    var totalDistance = Math.sqrt(dx * dx + dy * dy);
+    // 如果距离大于总距离的一半，则取一半
+    if (distance > totalDistance / 2) {
+        distance = totalDistance / 2;
+    }
+    // 计算比例
+    var ratio = distance / totalDistance;
+    // 计算新点
+    var x = startX + dx * ratio;
+    var y = startY + dy * ratio;
+    return [x, y];
+}
+// 传入2个向量和圆角半径，返回圆角弧线的起始点坐标
+function radiusStartEndPoint(v1, v2, radius) {
+    // 计算向量夹角
+    var angle = vectorAngle([v1[2] - v1[0], v1[3] - v1[1]], [v2[2] - v1[0], v2[3] - v1[1]]);
+    // 计算3点是顺时针还是逆时针
+    var sweepFlag = (v1[2] - v1[0]) * (v2[3] - v1[1]) - (v1[3] - v1[1]) * (v2[2] - v1[0]) < 0
+        ? 1
+        : 0;
+    // 计算短边一半的长度
+    var maxLength = Math.min(vectorLength([v1[2] - v1[0], v1[3] - v1[1]]) / 2, vectorLength([v2[2] - v1[0], v2[3] - v1[1]]) / 2);
+    // 计算radius的最大值
+    var maxRadius = Math.min(radius, maxLength * Math.tan(angle / 2));
+    // 直角边的长度
+    var distance = computeSideLength(maxRadius, angle / 2);
+    var _a = tslib.__read(radiusPoint([v1[0], v1[1]], [v1[2], v1[3]], distance), 2), startX = _a[0], startY = _a[1];
+    var _b = tslib.__read(radiusPoint([v2[0], v2[1]], [v2[2], v2[3]], distance), 2), endX = _b[0], endY = _b[1];
+    return {
+        start: [startX, startY],
+        end: [endX, endY],
+        radius: maxRadius,
+        sweepFlag: sweepFlag
+    };
+}
+
+exports.computeSideLength = computeSideLength;
+exports.dotProduct = dotProduct;
+exports.radiusPoint = radiusPoint;
+exports.radiusStartEndPoint = radiusStartEndPoint;
+exports.vectorAngle = vectorAngle;
+exports.vectorLength = vectorLength;

package/lib/withRemoteConfig.js

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

package/lib/withStore.js

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

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "6.11.0-beta.1",
+  "version": "6.11.0-beta.2",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && cross-env NODE_ENV=production rollup -c ",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^6.11.0-beta.1",
-    "amis-formula": "^6.11.0-beta.1",
+    "amis-core": "^6.11.0-beta.2",
+    "amis-formula": "^6.11.0-beta.2",
     "animate.css": "4.1.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",