amis 1.10.0 → 1.10.1-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis",
-  "version": "1.10.0",
+  "version": "1.10.1-beta.0",
   "description": "一种MIS页面生成工具",
   "main": "lib/index.js",
   "scripts": {

package/scss/_properties.scss

@@ -494,10 +494,12 @@
   --Checkbox-size: #{px2rem(16px)};
   --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
   --Checkbox-onHover-color: var(--info);
-  --Checkbox-onDisabled-bg: #e5e7eb;
-  --Checkbox-onDisabled-color: var(--text--muted-color);
+  --Checkbox-onDisabled-bg: #f7f7f9;
+  --Checkbox-onDisabled-color: #b8babf;
   --Checkbox-inner-onDisabled-bg: #d4d6d9;
-  --Checkbox-disabled-unchecked-bg: #f2f3f3;
+  --Checkbox-inner-onDisabled-color: #ffffff;
+  --Checkbox-disabled-unchecked-bg: #f7f7f9;
+  --Checkbox-inner-disabled-checked-bg: #e8e9eb;
   --Checkbox-border-width: var(--Form-input-borderWidth);
   --Checkbox-paddingX: #{px2rem(12px)};
   --Checkbox-button-height: #{px2rem(32px)};

package/scss/components/_formula.scss

@@ -424,9 +424,8 @@
   background-color: #fff;
   height: var(--Form-input-height);
   .#{$ns}FormulaPicker-input {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
+    display: flex;
+    align-items: center;
     background: none;
     padding: 0;
     border: 0;

package/scss/components/form/_checks.scss

@@ -164,24 +164,20 @@
       }
 
       &[disabled] + i {
-        border-color: var(--Checkbox-onDisabled-color);
-        background: var(--FileControl-onDisabled-bg);
+        border-color: var(--Checkbox-color);
+        background: var(--Checkbox-onDisabled-bg);
       }
 
       &[disabled]:checked + i {
         &:before {
           border-color: var(--Checkbox-onDisabled-color);
+          background: var(--Checkbox-onDisabled-bg);
         }
       }
 
       &:checked[disabled] + i {
-        border-color: var(--Checkbox-onDisabled-color);
-        background: var(--FileControl-onDisabled-bg);
-
-        &:before {
-          background: var(--FileControl-onDisabled-bg);
-          border-color: var(--Checkbox-inner-onDisabled-bg);
-        }
+        border-color: var(--Checkbox-color);
+        background: var(--Checkbox-onDisabled-bg);
       }
     }
 
@@ -256,6 +252,7 @@
 
     &:hover:not(:disabled) {
       color: var(--Checkbox-onHover-color);
+      border-color: var(--Checkbox-onHover-color);
     }
 
     &:hover {
@@ -292,7 +289,7 @@
           left: 0;
           width: var(--Checkbox--full-inner-size);
           height: calc(var(--Checkbox--full-inner-size) / 2);
-          transform: translate(-80%, -160%) rotate(-50deg);
+          transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
           background: transparent;
         }
       }
@@ -307,9 +304,13 @@
 
       &:checked[disabled] + i {
         background: transparent;
-        border-width: px2rem(8px);
-        border-color: var(--Checkbox-onHover-color) transparent transparent
-          var(--Checkbox-onHover-color);
+        border-width: px2rem(7px);
+        border-color: var(--Checkbox-inner-disabled-checked-bg) transparent
+          transparent var(--Checkbox-inner-disabled-checked-bg);
+          &:before {
+            background: transparent;
+            border-color: var(--Checkbox-inner-onDisabled-color) !important;
+          }
       }
     }
     > i {
@@ -342,9 +343,18 @@
       color: var(--Switch-checked-onHover-bgColor);
     }
   }
-  &--button--disabled--unchecked.#{$ns}Checkbox--checkbox.#{$ns}Checkbox--full {
-    i {
-      background: var(--FileControl-onDisabled-bg);
+  &--button--disabled--unchecked.#{$ns}Checkbox--checkbox {
+    background: var(--Checkbox-disabled-unchecked-bg);
+    border-color: var(--Checkbox-color);
+    &:hover {
+      border-color: var(--Checkbox-color) !important;
+    }
+  }
+  &--button--disabled--checked.#{$ns}Checkbox--checkbox {
+    background: var(--Checkbox-onDisabled-bg);
+    border-color: var(--Checkbox-color) !important;
+    &:hover {
+      border-color: var(--Checkbox-color) !important;
     }
   }
   &--radio {

package/scss/themes/_cxd-variables.scss

@@ -217,8 +217,8 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Number-handler--up-transform: rotate(180deg);
   --Number-handler--down-content: '\e6dd';
 
-  --Checkbox-onDisabled-color: #ebebeb;
-  --Checkbox-onDisabled-bg: #cccccc;
+  --Checkbox-onDisabled-bg: #F7F7F9;
+  --Checkbox-onDisabled-color: #B8BABF;
 
   --Checkbox-inner-size: #{px2rem(8px)};
   --Checkbox--full-inner-size: #{px2rem(8px)};

package/sdk/ang-ie11.css

@@ -41017,7 +41017,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Checkbox--checkbox input[disabled] + i {
-  border-color: #99a6ad;
+  border-color: #b8babf;
   cursor: not-allowed;
 }
 
@@ -41083,22 +41083,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox input[disabled] + i {
-  border-color: #99a6ad;
+  border-color: #d1d5db;
   background: #f7f7f9;
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox input[disabled]:checked + i:before {
-  border-color: #99a6ad;
-}
-
-.amis-scope .a-Checkbox--full.a-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: #99a6ad;
+  border-color: #b8babf;
   background: #f7f7f9;
 }
 
-.amis-scope .a-Checkbox--full.a-Checkbox--checkbox input:checked[disabled] + i:before {
+.amis-scope .a-Checkbox--full.a-Checkbox--checkbox input:checked[disabled] + i {
+  border-color: #d1d5db;
   background: #f7f7f9;
-  border-color: #d4d6d9;
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox > i {
@@ -41135,7 +41131,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Checkbox--partial.a-Checkbox--checkbox input[disabled] + i {
-  border-color: #99a6ad;
+  border-color: #b8babf;
 }
 
 .amis-scope .a-Checkbox--partial.a-Checkbox--checkbox input[disabled] + i:before {
@@ -41147,7 +41143,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-Checkbox--partial.a-Checkbox--checkbox input:checked[disabled] + i {
   width: calc(1rem / 2);
   height: calc(1rem / 2);
-  background: #e5e7eb;
+  background: #f7f7f9;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox {
@@ -41170,6 +41166,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox:hover:not(:disabled) {
   color: #23b7e5;
+  border-color: #23b7e5;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox:hover input:checked + i {
@@ -41199,12 +41196,12 @@ readers do not read off random characters that represent icons */
   left: 0;
   width: 0.5rem;
   height: calc(0.5rem / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox input[disabled] + i {
-  border-color: #99a6ad;
+  border-color: #b8babf;
   background: transparent;
 }
 
@@ -41214,8 +41211,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: #23b7e5 transparent transparent #23b7e5;
+  border-width: 0.4375rem;
+  border-color: #e8e9eb transparent transparent #e8e9eb;
+}
+
+.amis-scope .a-Checkbox--button.a-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: #ffffff !important;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox > i {
@@ -41250,8 +41252,22 @@ readers do not read off random characters that represent icons */
   color: var(--Switch-checked-onHover-bgColor);
 }
 
-.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox.a-Checkbox--full i {
+.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox {
+  background: #f7f7f9;
+  border-color: #d1d5db;
+}
+
+.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox:hover {
+  border-color: #d1d5db !important;
+}
+
+.amis-scope .a-Checkbox--button--disabled--checked.a-Checkbox--checkbox {
   background: #f7f7f9;
+  border-color: #d1d5db !important;
+}
+
+.amis-scope .a-Checkbox--button--disabled--checked.a-Checkbox--checkbox:hover {
+  border-color: #d1d5db !important;
 }
 
 .amis-scope .a-Checkbox--radio {
@@ -49450,9 +49466,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;

package/sdk/ang.css

@@ -13633,10 +13633,12 @@ readers do not read off random characters that represent icons */
   --Checkbox-size: 1rem;
   --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
   --Checkbox-onHover-color: var(--info);
-  --Checkbox-onDisabled-bg: #e5e7eb;
-  --Checkbox-onDisabled-color: var(--text--muted-color);
+  --Checkbox-onDisabled-bg: #f7f7f9;
+  --Checkbox-onDisabled-color: #b8babf;
   --Checkbox-inner-onDisabled-bg: #d4d6d9;
-  --Checkbox-disabled-unchecked-bg: #f2f3f3;
+  --Checkbox-inner-onDisabled-color: #ffffff;
+  --Checkbox-disabled-unchecked-bg: #f7f7f9;
+  --Checkbox-inner-disabled-checked-bg: #e8e9eb;
   --Checkbox-border-width: var(--Form-input-borderWidth);
   --Checkbox-paddingX: 0.75rem;
   --Checkbox-button-height: 2rem;
@@ -42455,22 +42457,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: var(--Checkbox-onDisabled-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
-}
-
-.amis-scope .a-Checkbox--full.a-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: var(--FileControl-onDisabled-bg);
-  border-color: var(--Checkbox-inner-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .a-Checkbox--full.a-Checkbox--checkbox > i {
@@ -42542,6 +42540,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--Checkbox-onHover-color);
+  border-color: var(--Checkbox-onHover-color);
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox:hover input:checked + i {
@@ -42571,7 +42570,7 @@ readers do not read off random characters that represent icons */
   left: 0;
   width: var(--Checkbox--full-inner-size);
   height: calc(var(--Checkbox--full-inner-size) / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 
@@ -42586,8 +42585,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
+  border-width: 0.4375rem;
+  border-color: var(--Checkbox-inner-disabled-checked-bg) transparent transparent var(--Checkbox-inner-disabled-checked-bg);
+}
+
+.amis-scope .a-Checkbox--button.a-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: var(--Checkbox-inner-onDisabled-color) !important;
 }
 
 .amis-scope .a-Checkbox--button.a-Checkbox--checkbox > i {
@@ -42622,8 +42626,22 @@ readers do not read off random characters that represent icons */
   color: var(--Switch-checked-onHover-bgColor);
 }
 
-.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox.a-Checkbox--full i {
-  background: var(--FileControl-onDisabled-bg);
+.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox {
+  background: var(--Checkbox-disabled-unchecked-bg);
+  border-color: var(--Checkbox-color);
+}
+
+.amis-scope .a-Checkbox--button--disabled--unchecked.a-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
+}
+
+.amis-scope .a-Checkbox--button--disabled--checked.a-Checkbox--checkbox {
+  background: var(--Checkbox-onDisabled-bg);
+  border-color: var(--Checkbox-color) !important;
+}
+
+.amis-scope .a-Checkbox--button--disabled--checked.a-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
 }
 
 .amis-scope .a-Checkbox--radio {
@@ -50642,9 +50660,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-FormulaPicker.is-input-group .a-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;

package/sdk/antd-ie11.css

@@ -41062,21 +41062,17 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input[disabled] + i {
   border-color: #d9d9d9;
-  background: #f7f7f9;
+  background: #f5f5f5;
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: #d9d9d9;
+  background: #f5f5f5;
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: #d9d9d9;
-  background: #f7f7f9;
-}
-
-.amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: #f7f7f9;
-  border-color: #d4d6d9;
+  background: #f5f5f5;
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox > i {
@@ -41148,6 +41144,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
   color: #1890ff;
+  border-color: #1890ff;
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox:hover input:checked + i {
@@ -41177,7 +41174,7 @@ readers do not read off random characters that represent icons */
   left: 0;
   width: 0.5rem;
   height: calc(0.5rem / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 
@@ -41192,8 +41189,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: #1890ff transparent transparent #1890ff;
+  border-width: 0.4375rem;
+  border-color: #e8e9eb transparent transparent #e8e9eb;
+}
+
+.amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: #ffffff !important;
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox > i {
@@ -41228,8 +41230,22 @@ readers do not read off random characters that represent icons */
   color: var(--Switch-checked-onHover-bgColor);
 }
 
-.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox.antd-Checkbox--full i {
+.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox {
   background: #f7f7f9;
+  border-color: #d9d9d9;
+}
+
+.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox:hover {
+  border-color: #d9d9d9 !important;
+}
+
+.amis-scope .antd-Checkbox--button--disabled--checked.antd-Checkbox--checkbox {
+  background: #f5f5f5;
+  border-color: #d9d9d9 !important;
+}
+
+.amis-scope .antd-Checkbox--button--disabled--checked.antd-Checkbox--checkbox:hover {
+  border-color: #d9d9d9 !important;
 }
 
 .amis-scope .antd-Checkbox--radio {
@@ -49420,9 +49436,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;

package/sdk/antd.css

@@ -13637,10 +13637,12 @@ readers do not read off random characters that represent icons */
   --Checkbox-size: 1rem;
   --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
   --Checkbox-onHover-color: var(--info);
-  --Checkbox-onDisabled-bg: #e5e7eb;
-  --Checkbox-onDisabled-color: var(--text--muted-color);
+  --Checkbox-onDisabled-bg: #f7f7f9;
+  --Checkbox-onDisabled-color: #b8babf;
   --Checkbox-inner-onDisabled-bg: #d4d6d9;
-  --Checkbox-disabled-unchecked-bg: #f2f3f3;
+  --Checkbox-inner-onDisabled-color: #ffffff;
+  --Checkbox-disabled-unchecked-bg: #f7f7f9;
+  --Checkbox-inner-disabled-checked-bg: #e8e9eb;
   --Checkbox-border-width: var(--Form-input-borderWidth);
   --Checkbox-paddingX: 0.75rem;
   --Checkbox-button-height: 2rem;
@@ -42564,22 +42566,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: var(--Checkbox-onDisabled-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: var(--FileControl-onDisabled-bg);
-}
-
-.amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: var(--FileControl-onDisabled-bg);
-  border-color: var(--Checkbox-inner-onDisabled-bg);
+  border-color: var(--Checkbox-color);
+  background: var(--Checkbox-onDisabled-bg);
 }
 
 .amis-scope .antd-Checkbox--full.antd-Checkbox--checkbox > i {
@@ -42651,6 +42649,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--Checkbox-onHover-color);
+  border-color: var(--Checkbox-onHover-color);
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox:hover input:checked + i {
@@ -42680,7 +42679,7 @@ readers do not read off random characters that represent icons */
   left: 0;
   width: var(--Checkbox--full-inner-size);
   height: calc(var(--Checkbox--full-inner-size) / 2);
-  transform: translate(-80%, -160%) rotate(-50deg);
+  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
   background: transparent;
 }
 
@@ -42695,8 +42694,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox input:checked[disabled] + i {
   background: transparent;
-  border-width: 0.5rem;
-  border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
+  border-width: 0.4375rem;
+  border-color: var(--Checkbox-inner-disabled-checked-bg) transparent transparent var(--Checkbox-inner-disabled-checked-bg);
+}
+
+.amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox input:checked[disabled] + i:before {
+  background: transparent;
+  border-color: var(--Checkbox-inner-onDisabled-color) !important;
 }
 
 .amis-scope .antd-Checkbox--button.antd-Checkbox--checkbox > i {
@@ -42731,8 +42735,22 @@ readers do not read off random characters that represent icons */
   color: var(--Switch-checked-onHover-bgColor);
 }
 
-.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox.antd-Checkbox--full i {
-  background: var(--FileControl-onDisabled-bg);
+.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox {
+  background: var(--Checkbox-disabled-unchecked-bg);
+  border-color: var(--Checkbox-color);
+}
+
+.amis-scope .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
+}
+
+.amis-scope .antd-Checkbox--button--disabled--checked.antd-Checkbox--checkbox {
+  background: var(--Checkbox-onDisabled-bg);
+  border-color: var(--Checkbox-color) !important;
+}
+
+.amis-scope .antd-Checkbox--button--disabled--checked.antd-Checkbox--checkbox:hover {
+  border-color: var(--Checkbox-color) !important;
 }
 
 .amis-scope .antd-Checkbox--radio {
@@ -50751,9 +50769,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+  display: flex;
+  align-items: center;
   background: none;
   padding: 0;
   border: 0;