amis 1.9.1-beta.12 → 1.9.1-beta.21

package/sdk/cxd.css

@@ -13545,8 +13545,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(36, 104, 242, 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);
@@ -13563,7 +13563,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: #0b46be;
   --Calendar-shortcut-onHover-decoration: none;
@@ -13729,7 +13729,7 @@ readers do not read off random characters that represent icons */
   --DatePicker-borderWidth: var(--Form-input-borderWidth);
   --DatePicker-color: #151b26;
   --DatePicker-header-onHover-color: #0b46be;
-  --DatePicker-arrow-color: #84868C;
+  --DatePicker-arrow-color: #84868c;
   --DatePicker-fontSize: var(--fontSizeSm);
   --DatePicker-header-select-borderColor: #fff;
   --DatePicker-height: var(--Form-input-height);
@@ -13908,8 +13908,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: #e4edfe;
@@ -14307,11 +14309,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;
@@ -14736,7 +14741,7 @@ readers do not read off random characters that represent icons */
   --fontSizeMd: 14px;
   --fontSizeLg: 16px;
   --fontSizeXl: 18px;
-  --fontSizeBase: var(--fontSizeSm);
+  --fontSizeBase: var(--fontSizeMd);
   --borderColor: #e8e9eb;
   --borderRadius: 0.25rem;
   --body-bg: #ffffff;
@@ -14833,7 +14838,9 @@ readers do not read off random characters that represent icons */
   --Form-selectValue-color: var(--primary);
   --Form-select-value-borderColor: #f2f2f4;
   --Form-select-valueIcon-color: #5c5f66;
+  --Form-select-valueIcon-color--dark: #e8e9eb;
   --Form-select-multiple-bgColor: #f7f7f9;
+  --Form-select-value-bgColor--dark: #5c5f66;
   --InputGroup-select-borderWidth: 0.0625rem;
   --InputGroup-select-onFocused-bg: #eaf6fe;
   --InputGroup-select-color: #333;
@@ -28986,7 +28993,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Modal-footer .cxd-Button {
-  width: var(--Modal-footer-button-width);
+  min-width: var(--Modal-footer-button-width);
   margin-left: var(--gap-sm);
 }
 
@@ -40704,13 +40711,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 .cxd-ResultBox-value > a {
@@ -40779,6 +40787,29 @@ readers do not read off random characters that represent icons */
   background: var(--Form-selectValue-onHover-bgColor);
 }
 
+.amis-scope .cxd-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 .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value {
+  color: var(--white);
+  background-color: var(--Form-select-value-bgColor--dark);
+}
+
+.amis-scope .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value:hover {
+  background-color: var(--ResultBox-value--onHover-bg--dark);
+}
+
+.amis-scope .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value > a {
+  color: var(--Form-select-valueIcon-color--dark);
+}
+
 .amis-scope .cxd-ResultBox.is-mobile {
   min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
   border: none;
@@ -42548,6 +42579,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .cxd-TextControl-revealPassword .icon {
@@ -43061,6 +43094,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .cxd-Checkbox--button.cxd-Checkbox--checkbox > i + span {
@@ -43343,6 +43377,10 @@ readers do not read off random characters that represent icons */
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
 
+.amis-scope .cxd-TableSelection .cxd-Table-table > tbody > tr {
+  cursor: pointer;
+}
+
 .amis-scope .cxd-TableSelection .cxd-Table-table > thead > tr > th,
 .amis-scope .cxd-TableSelection .cxd-Table-table > tbody > tr > td {
   font-size: var(--fontSizeSm);
@@ -43647,6 +43685,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 
 .amis-scope .cxd-Switch.is-disabled {
@@ -44050,6 +44089,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select {
   display: inline-flex;
+  /* select 标签样式 */
   vertical-align: middle;
   text-align: left;
   align-items: center;
@@ -44306,6 +44346,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -44316,7 +44357,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 
@@ -44412,6 +44452,58 @@ readers do not read off random characters that represent icons */
   height: 20rem;
 }
 
+.amis-scope .cxd-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 .cxd-Select-overflow-wrapper .cxd-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 .cxd-Select-overflow-wrapper .cxd-Select-value:hover {
+  background-color: var(--Form-selectValue-onHover-bgColor);
+}
+
+.amis-scope .cxd-Select-overflow-wrapper .cxd-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 .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value {
+  background-color: var(--Form-select-value-bgColor--dark);
+  border: none;
+}
+
+.amis-scope .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value:hover {
+  background-color: var(--ResultBox-value--onHover-bg--dark);
+}
+
+.amis-scope .cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value .cxd-Select-valueIcon {
+  color: var(--Form-select-valueIcon-color--dark);
+}
+
 .amis-scope .cxd-Select-popover {
   margin-top: calc(var(--Form-select-outer-borderWidth) * -1);
   background: var(--Form-select-menu-bg);
@@ -44420,7 +44512,6 @@ readers do not read off random characters that represent icons */
   box-shadow: var(--Form-select-outer-boxShadow);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 
 .amis-scope .cxd-Select-popover.cxd-PopOver--leftTopLeftBottom {
@@ -45096,23 +45187,11 @@ readers do not read off random characters that represent icons */
   display: flex;
 }
 
-.amis-scope .cxd-DateControl {
-  width: auto !important;
-}
-
-.amis-scope .cxd-DateControl.is-date > .cxd-DatePicker {
-  min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 2);
-}
-
-.amis-scope .cxd-DateControl.is-datetime > .cxd-DatePicker {
-  min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 6);
-}
-
 .amis-scope .cxd-DatePicker-shortcuts {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -45281,7 +45360,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .rdt .rdtPicker .rdtDisabled.rdtToday > span,
 .amis-scope .rdt .rdtPicker .rdtOld.rdtToday > span,
 .amis-scope .rdt .rdtPicker .rdtNew.rdtToday > span {
-  border-color: #E8E9EB;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .rdt .rdtPicker td.rdtActive > span,
@@ -45295,7 +45374,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .rdt .rdtPicker .rdtActive.rdtToday > span {
   background: transparent;
-  border-color: #144BCC;
+  border-color: #144bcc;
 }
 
 .amis-scope .rdt .rdtPicker td.rdtDisabled > span,
@@ -45646,7 +45725,7 @@ readers do not read off random characters that represent icons */
 .amis-scope td.rdtQuarter.rdtDisabled,
 .amis-scope td.rdtQuarter.rdtDisabled:hover {
   background: var(--Calendar-cell-onDisabled-bg);
-  color: #B8BABF;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
@@ -48408,7 +48487,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Transfer-select > .cxd-ChainedSelection .cxd-ChainedSelection-col {
   height: 100%;
   overflow: auto;
-  min-width: 8.125rem;
+  min-width: unset;
+  flex: 1 1 0;
 }
 
 .amis-scope .cxd-Transfer .cxd--ResultTreeList {
@@ -49005,19 +49085,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-IconPickerControl-placeholder {
   color: var(--Form-input-placeholderColor);
   user-select: none;
-  position: absolute;
-  left: var(--Form-input-paddingX);
-  top: var(--Form-input-paddingY);
-  margin-top: calc(2 * var(--Form-input-borderWidth));
   line-height: var(--Form-input-lineHeight);
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .cxd-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .cxd-IconPickerControl-valueWrap > input {
@@ -49029,6 +49110,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .cxd-IconPickerControl-input--withAC > input {
@@ -49096,6 +49178,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .cxd-IconPickerControl-value > i {
@@ -50639,13 +50724,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .cxd-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .cxd-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: var(--borderRadius);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
@@ -50674,11 +50763,12 @@ readers do not read off random characters that represent icons */
   flex: 1;
   display: flex;
   flex-flow: column nowrap;
-  max-height: 13.75rem;
+  max-height: calc(100% - 30px);
+  overflow: hidden;
 }
 
 .amis-scope .cxd-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .cxd-FormulaEditor-VariableList-root {
@@ -50823,12 +50913,15 @@ readers do not read off random characters that represent icons */
   vertical-align: middle;
   text-align: center;
   padding: 0 0.5rem;
-  line-height: 17px;
   border-radius: var(--borderRadius);
   background: #f5f5f5;
   color: var(--black);
 }
 
+.amis-scope .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .cxd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -51027,6 +51120,39 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .cxd-FormulaPicker.is-input-group {
+  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  border-radius: var(--borderRadius);
+}
+
+.amis-scope .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .cxd-Timeline-vertical {
   display: flex;
   flex-flow: column;
@@ -54116,10 +54242,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Transfer-title {
-  flex: 0 0 2.375rem;
-  height: 2.375rem;
-  padding-left: var(--gap-base);
-  padding-right: var(--gap-base);
+  height: 2rem;
+  flex: 0 0 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.amis-scope .cxd-Transfer-title--light {
+  height: 2.5rem;
+  flex: 0 0 2.5rem;
 }
 
 .amis-scope .cxd-Transfer-result > .cxd-Selections {