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

package/sdk/dark-ie11.css

@@ -26981,7 +26981,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-Modal-footer .dark-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -31105,7 +31105,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-ScheduleCalendar .rdt .rdtPicker td.rdtActive:hover {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 
 .amis-scope .dark-ScheduleCalendar-large {
@@ -38803,6 +38803,7 @@ readers do not read off random characters that represent icons */
   margin-right: 0.25rem;
   margin-bottom: 0.125rem;
   user-select: none;
+  border-radius: 0.125rem;
 }
 
 .amis-scope .dark-ResultBox-value > a {
@@ -38871,6 +38872,29 @@ readers do not read off random characters that represent icons */
   background: #656565;
 }
 
+.amis-scope .dark-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( (1.5rem + 0.125rem) * 5 );
+}
+
+.amis-scope .dark-ResultBox-overflow.dark-Tooltip--dark .dark-ResultBox-overflow-wrapper .dark-ResultBox-value {
+  color: #fff;
+  background-color: #46474f;
+}
+
+.amis-scope .dark-ResultBox-overflow.dark-Tooltip--dark .dark-ResultBox-overflow-wrapper .dark-ResultBox-value:hover {
+  background-color: #b8babf;
+}
+
+.amis-scope .dark-ResultBox-overflow.dark-Tooltip--dark .dark-ResultBox-overflow-wrapper .dark-ResultBox-value > a {
+  color: #e9e9e9;
+}
+
 .amis-scope .dark-ResultBox.is-mobile {
   min-height: calc(1.4285714286 * 1rem);
   border: none;
@@ -40666,6 +40690,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .dark-TextControl-revealPassword .icon {
@@ -41199,6 +41225,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox > i + span {
@@ -41486,6 +41513,10 @@ readers do not read off random characters that represent icons */
   border-top: 0.0625rem solid #656565;
 }
 
+.amis-scope .dark-TableSelection .dark-Table-table > tbody > tr {
+  cursor: pointer;
+}
+
 .amis-scope .dark-TableSelection .dark-Table-table > thead > tr > th,
 .amis-scope .dark-TableSelection .dark-Table-table > tbody > tr > td {
   font-size: 0.75rem;
@@ -41800,6 +41831,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 .dark-Switch.is-disabled {
@@ -42203,6 +42235,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-Select {
   display: inline-flex;
+  /* select 标签样式 */
   vertical-align: middle;
   text-align: left;
   align-items: center;
@@ -42459,6 +42492,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -42469,7 +42503,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
 }
 
@@ -42565,6 +42598,58 @@ readers do not read off random characters that represent icons */
   height: 20rem;
 }
 
+.amis-scope .dark-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( ( 1.4285714286 * 0.875rem - 0.125rem + 0.25rem ) * 5 );
+}
+
+.amis-scope .dark-Select-overflow-wrapper .dark-Select-value {
+  position: static;
+  white-space: normal;
+  user-select: none;
+  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 0.75rem;
+  background: #302d2a;
+  border: 0.0625rem solid var(--Form-select-value-borderColor);
+  border-radius: 0.125rem;
+  margin-right: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.amis-scope .dark-Select-overflow-wrapper .dark-Select-value:hover {
+  background-color: #656565;
+}
+
+.amis-scope .dark-Select-overflow-wrapper .dark-Select-valueLabel {
+  display: inline-block;
+  max-width: 7.5rem;
+  padding: 0 0.25rem;
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.amis-scope .dark-Select-overflow.dark-Tooltip--dark .dark-Select-overflow-wrapper .dark-Select-value {
+  background-color: #46474f;
+  border: none;
+}
+
+.amis-scope .dark-Select-overflow.dark-Tooltip--dark .dark-Select-overflow-wrapper .dark-Select-value:hover {
+  background-color: #b8babf;
+}
+
+.amis-scope .dark-Select-overflow.dark-Tooltip--dark .dark-Select-overflow-wrapper .dark-Select-value .dark-Select-valueIcon {
+  color: #e9e9e9;
+}
+
 .amis-scope .dark-Select-popover {
   margin-top: calc(0.0625rem * -1);
   background: #333538;
@@ -42573,7 +42658,6 @@ readers do not read off random characters that represent icons */
   box-shadow: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 
 .amis-scope .dark-Select-popover.dark-PopOver--leftTopLeftBottom {
@@ -43267,29 +43351,11 @@ readers do not read off random characters that represent icons */
   display: flex;
 }
 
-.amis-scope .dark-DateControl {
-  width: auto !important;
-}
-
-.amis-scope .dark-DateControl.is-date > .dark-DatePicker {
-  min-width: calc(calc(
-    1rem * 5 + 0.75rem * 2 +
-      0.875rem * 2
-  ) + 1rem * 2);
-}
-
-.amis-scope .dark-DateControl.is-datetime > .dark-DatePicker {
-  min-width: calc(calc(
-    1rem * 5 + 0.75rem * 2 +
-      0.875rem * 2
-  ) + 1rem * 6);
-}
-
 .amis-scope .dark-DatePicker-shortcuts {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -43302,7 +43368,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .dark-DatePicker-shortcut a {
   font-size: 0.75rem;
   cursor: pointer;
-  color: #151B26;
+  color: #151b26;
   text-decoration: none;
 }
 
@@ -43440,7 +43506,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .rdt .rdtPicker td.rdtMinute:hover,
 .amis-scope .rdt .rdtPicker td.rdtSecond:hover,
 .amis-scope .rdt .rdtPicker .rdtTimeToggle:hover {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 
 .amis-scope .rdt .rdtPicker td.rdtBetween {
@@ -43458,7 +43524,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,
@@ -43472,12 +43538,12 @@ 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,
 .amis-scope .rdt .rdtPicker td.rdtDisabled:hover > span {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 
 .amis-scope .rdt thead tr:first-child th {
@@ -43744,7 +43810,7 @@ readers do not read off random characters that represent icons */
   cursor: pointer !important;
   width: 1rem;
   padding: 0;
-  color: #84868C;
+  color: #84868c;
   font-size: 1.25rem;
   text-decoration: none;
   font-family: auto;
@@ -43836,8 +43902,8 @@ readers do not read off random characters that represent icons */
 .amis-scope td.rdtYear.rdtDisabled:hover,
 .amis-scope td.rdtQuarter.rdtDisabled,
 .amis-scope td.rdtQuarter.rdtDisabled:hover {
-  background: #F7F7F9;
-  color: #B8BABF;
+  background: #f7f7f9;
+  color: #b8babf;
 }
 
 .amis-scope .dark-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
@@ -46667,7 +46733,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .dark-Transfer-select > .dark-ChainedSelection .dark-ChainedSelection-col {
   height: 100%;
   overflow: auto;
-  min-width: 8.125rem;
+  min-width: unset;
+  flex: 1 1 0;
 }
 
 .amis-scope .dark-Transfer .dark--ResultTreeList {
@@ -47269,24 +47336,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .dark-IconPickerControl-placeholder {
   color: white;
   user-select: none;
-  position: absolute;
-  left: 0.5rem;
-  top: calc(
-    (
-        1.875rem - 1.4285714286 *
-          0.875rem - 0.125rem
-      ) / 2
-  );
-  margin-top: calc(2 * 0.0625rem);
   line-height: 1.4285714286;
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 
 .amis-scope .dark-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .dark-IconPickerControl-valueWrap > input {
@@ -47298,6 +47361,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .dark-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .dark-IconPickerControl-input--withAC > input {
@@ -47365,6 +47429,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( 1.4285714286 * 0.875rem );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 
 .amis-scope .dark-IconPickerControl-value > i {
@@ -48963,13 +49030,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .dark-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .dark-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: 0.142rem;
   border: 0.0625rem solid #656565;
 }
@@ -48998,11 +49069,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 .dark-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .dark-FormulaEditor-VariableList-root {
@@ -49147,12 +49219,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: 0.142rem;
   background: #f5f5f5;
   color: #141316;
 }
 
+.amis-scope .dark-FormulaEditor-VariableList .dark-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .dark-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -49351,6 +49426,44 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .dark-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #656565;
+  padding: calc(
+    (
+        1.875rem - 1.4285714286 *
+          0.875rem - 0.125rem
+      ) / 2
+  ) 0.5rem;
+  border-radius: 0.142rem;
+}
+
+.amis-scope .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .dark-Timeline-vertical {
   display: flex;
   flex-flow: column;