amis 1.9.1-beta.13 → 1.9.1-beta.17

package/sdk/sdk-ie11.css

@@ -13457,7 +13457,6 @@ readers do not read off random characters that represent icons */
   outline: none;
   /* Prevent dragging from highlighting the element */
   position: relative;
-  z-index: 0;
 }
 
 .amis-scope .CodeMirror-sizer {
@@ -41178,6 +41177,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 {
@@ -42439,6 +42439,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;
@@ -42449,7 +42450,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 
@@ -42553,7 +42553,6 @@ readers do not read off random characters that represent icons */
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 
 .amis-scope .cxd-Select-popover.cxd-PopOver--leftTopLeftBottom {
@@ -43247,29 +43246,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(calc(
-    16px * 5 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 2);
-}
-
-.amis-scope .cxd-DateControl.is-datetime > .cxd-DatePicker {
-  min-width: calc(calc(
-    16px * 5 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 6);
-}
-
 .amis-scope .cxd-DatePicker-shortcuts {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -43438,7 +43419,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,
@@ -43452,7 +43433,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,
@@ -43813,7 +43794,7 @@ readers do not read off random characters that represent icons */
 .amis-scope td.rdtQuarter.rdtDisabled,
 .amis-scope td.rdtQuarter.rdtDisabled:hover {
   background: #F7F7F9;
-  color: #B8BABF;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
@@ -48923,13 +48904,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: 0.25rem;
   border: 0.0625rem solid #e8e9eb;
 }
@@ -48958,11 +48943,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 {
@@ -49107,12 +49093,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.25rem;
   background: #f5f5f5;
   color: #000;
 }
 
+.amis-scope .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .cxd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -49311,6 +49300,44 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .cxd-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #e8e9eb;
+  padding: calc(
+    (
+        2rem - 1.4285714286 *
+          14px - 0.125rem
+      ) / 2
+  ) 0.625rem;
+  border-radius: 0.25rem;
+}
+
+.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;

package/sdk/sdk.css

@@ -15516,7 +15516,6 @@ readers do not read off random characters that represent icons */
   outline: none;
   /* Prevent dragging from highlighting the element */
   position: relative;
-  z-index: 0;
 }
 
 .amis-scope .CodeMirror-sizer {
@@ -43063,6 +43062,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 {
@@ -44309,6 +44309,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;
@@ -44319,7 +44320,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);
 }
 
@@ -44423,7 +44423,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 {
@@ -45099,23 +45098,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;
 }
 
@@ -45284,7 +45271,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,
@@ -45298,7 +45285,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,
@@ -45649,7 +45636,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 {
@@ -50647,13 +50634,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);
 }
@@ -50682,11 +50673,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 {
@@ -50831,12 +50823,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;
@@ -51035,6 +51030,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;