amis 1.9.1-beta.13 → 1.9.1-beta.19

package/scss/components/form/_checks.scss

@@ -230,14 +230,12 @@
         }
       }
 
-      &:checked[disabled] + i{
+      &:checked[disabled] + i {
         width: var(--Checkbox-inner-size);
         height: var(--Checkbox-inner-size);
         background: var(--Checkbox-onDisabled-bg);
       }
-
     }
-
   }
   &--button.#{$ns}Checkbox--checkbox {
     text-align: center;
@@ -256,67 +254,72 @@
     border-radius: calc(var(--Checkbox-borderRadius) * 2);
     min-width: var(--Checkbox-button-min-width);
 
-    &:hover:not(:disabled){
+    &:hover:not(:disabled) {
       color: var(--Checkbox-onHover-color);
     }
 
     &:hover {
       input:checked + i {
         background: transparent;
-            border-color: var(--Button--primary-onHover-bg) transparent transparent var(--Button--primary-onHover-bg);
+        border-color: var(--Button--primary-onHover-bg) transparent transparent
+          var(--Button--primary-onHover-bg);
       }
     }
 
     &:active {
       input:checked + i {
         background: transparent;
-        border-color: var(--Switch-checked-onHover-bgColor) transparent transparent var(--Switch-checked-onHover-bgColor);
+        border-color: var(--Switch-checked-onHover-bgColor) transparent
+          transparent var(--Switch-checked-onHover-bgColor);
       }
     }
 
     input {
-        &:checked + i {
-          background: transparent;
+      &:checked + i {
+        background: transparent;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        border-width: px2rem(8px);
+        border-color: var(--Checkbox-onHover-color) transparent transparent
+          var(--Checkbox-onHover-color);
+        border-radius: 0;
+
+        &:before {
+          position: absolute;
           top: 0;
           left: 0;
-          width: 0;
-          height: 0;
-          border-width: px2rem(8px);
-          border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
-          border-radius: 0;
-
-          &:before {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: var(--Checkbox--full-inner-size);
-            height: calc(var(--Checkbox--full-inner-size) / 2);
-            transform: translate(-80%, -160%) rotate(-50deg);
-            background: transparent;
-          }
-        }
-
-        &[disabled] + i {
-          border-color: var(--Checkbox-onDisabled-color);
+          width: var(--Checkbox--full-inner-size);
+          height: calc(var(--Checkbox--full-inner-size) / 2);
+          transform: translate(-80%, -160%) rotate(-50deg);
           background: transparent;
-            &:before {
-              background: transparent;
-          }
         }
+      }
 
-        &:checked[disabled] + i {
+      &[disabled] + i {
+        border-color: var(--Checkbox-onDisabled-color);
+        background: transparent;
+        &:before {
           background: transparent;
-          border-width: px2rem(8px);
-          border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
         }
+      }
+
+      &:checked[disabled] + i {
+        background: transparent;
+        border-width: px2rem(8px);
+        border-color: var(--Checkbox-onHover-color) transparent transparent
+          var(--Checkbox-onHover-color);
+      }
     }
     > i {
       position: absolute;
       top: 0;
-      left:0;
+      left: 0;
       margin-left: 0;
       border: 0;
       border-style: solid;
+      background: transparent;
 
       + span {
         max-width: px2rem(100px);
@@ -330,14 +333,14 @@
     border-color: var(--Checkbox-onHover-color);
     color: var(--Checkbox-onHover-color);
 
-      &:hover {
-        border-color: var(--menu-active-color);
-        color: var(--menu-active-color);
-      }
-      &:active {
-        border-color: var(--Switch-checked-onHover-bgColor);
-        color: var(--Switch-checked-onHover-bgColor);
-      }
+    &:hover {
+      border-color: var(--menu-active-color);
+      color: var(--menu-active-color);
+    }
+    &:active {
+      border-color: var(--Switch-checked-onHover-bgColor);
+      color: var(--Switch-checked-onHover-bgColor);
+    }
   }
   &--button--disabled--unchecked.#{$ns}Checkbox--checkbox.#{$ns}Checkbox--full {
     i {
@@ -391,7 +394,7 @@
       border-radius: 50%;
     }
 
-    &.#{$ns}Checkbox--button--disabled--unchecked.#{$ns}Checkbox--full{
+    &.#{$ns}Checkbox--button--disabled--unchecked.#{$ns}Checkbox--full {
       background: none;
 
       i {
@@ -464,7 +467,7 @@
     display: block;
     margin-bottom: var(--Form-label-paddingTop);
   }
-  
+
   .#{$ns}Checkbox--button {
     margin-bottom: 0;
 

package/scss/components/form/_select.scss

@@ -261,6 +261,7 @@
     }
 
     > input {
+      width: 100%;
       outline: none;
       border: none;
       flex-grow: 1;
@@ -272,7 +273,7 @@
 
   &-option {
     cursor: pointer;
-    min-width: px2rem(120px);
+    // min-width: px2rem(120px);
     padding: calc(
         (
             var(--Form-select-menu-height) - var(--Form-input-lineHeight) *
@@ -401,7 +402,7 @@
   box-shadow: var(--Form-select-outer-boxShadow);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: px2rem(100px);
+  // min-width: px2rem(100px);
 
   // PopOver 上已经配置了，这个要是配置就会覆盖，所以先干掉好了
   // z-index: 10;

package/sdk/ang-ie11.css

@@ -41201,6 +41201,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox > i + span {
@@ -42462,6 +42463,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -42472,7 +42474,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
 }
 
@@ -42576,7 +42577,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 .a-Select-popover.a-PopOver--leftTopLeftBottom {
@@ -48966,13 +48966,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .a-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .a-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 #d1d5db;
 }
@@ -49001,11 +49005,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 .a-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .a-FormulaEditor-VariableList-root {
@@ -49150,12 +49155,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: #1c2b36;
 }
 
+.amis-scope .a-FormulaEditor-VariableList .a-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .a-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -49354,6 +49362,44 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .a-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #d1d5db;
+  padding: calc(
+    (
+        1.875rem - 1.4285714286 *
+          0.875rem - 0.125rem
+      ) / 2
+  ) 0.5rem;
+  border-radius: 0.142rem;
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .a-Timeline-vertical {
   display: flex;
   flex-flow: column;

package/sdk/ang.css

@@ -42568,6 +42568,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox > i + span {
@@ -43814,6 +43815,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -43824,7 +43826,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-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);
 }
 
@@ -43928,7 +43929,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 .a-Select-popover.a-PopOver--leftTopLeftBottom {
@@ -50152,13 +50152,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .a-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .a-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);
 }
@@ -50187,11 +50191,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 .a-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .a-FormulaEditor-VariableList-root {
@@ -50336,12 +50341,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 .a-FormulaEditor-VariableList .a-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .a-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -50540,6 +50548,39 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .a-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 .a-FormulaPicker.is-input-group .a-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .a-Timeline-vertical {
   display: flex;
   flex-flow: column;

package/sdk/antd-ie11.css

@@ -41179,6 +41179,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox > i + span {
@@ -42440,6 +42441,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -42450,7 +42452,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
   padding: calc( ( 1.5rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
 }
 
@@ -42555,7 +42556,6 @@ readers do not read off random characters that represent icons */
     0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 
 .amis-scope .antd-Select-popover.antd-PopOver--leftTopLeftBottom {
@@ -48936,13 +48936,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .antd-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .antd-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: 2px;
   border: 0.0625rem solid #d9d9d9;
 }
@@ -48971,11 +48975,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 .antd-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .antd-FormulaEditor-VariableList-root {
@@ -49120,12 +49125,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: 2px;
   background: #f5f5f5;
   color: #000;
 }
 
+.amis-scope .antd-FormulaEditor-VariableList .antd-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .antd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -49324,6 +49332,44 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .antd-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #d9d9d9;
+  padding: calc(
+    (
+        1.875rem - 1.4285714286 *
+          0.875rem - 0.125rem
+      ) / 2
+  ) 0.5rem;
+  border-radius: 2px;
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .antd-Timeline-vertical {
   display: flex;
   flex-flow: column;

package/sdk/antd.css

@@ -42677,6 +42677,7 @@ readers do not read off random characters that represent icons */
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox > i + span {
@@ -43923,6 +43924,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -43933,7 +43935,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-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);
 }
 
@@ -44037,7 +44038,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 .antd-Select-popover.antd-PopOver--leftTopLeftBottom {
@@ -50261,13 +50261,17 @@ readers do not read off random characters that represent icons */
   margin-top: 0.625rem;
 }
 
+.amis-scope .antd-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
+
 .amis-scope .antd-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);
 }
@@ -50296,11 +50300,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 .antd-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 
 .amis-scope .antd-FormulaEditor-VariableList-root {
@@ -50445,12 +50450,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 .antd-FormulaEditor-VariableList .antd-GroupedSelection-item-tag {
+  line-height: 17px;
+}
+
 .amis-scope .antd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -50649,6 +50657,39 @@ readers do not read off random characters that represent icons */
   padding: 0 2px;
 }
 
+.amis-scope .antd-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 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+
+.amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .amis-scope .antd-Timeline-vertical {
   display: flex;
   flex-flow: column;