amis 1.9.1-beta.12 → 1.9.1-beta.18

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/scss/components/form/_switch.scss

@@ -10,6 +10,7 @@
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 
   &.is-disabled {
     cursor: not-allowed;

package/scss/components/form/_text.scss

@@ -285,6 +285,8 @@
 
   &-revealPassword {
     font-size: 0;
+    display: inline-flex;
+    align-items: center;
 
     .icon {
       width: var(--Form-input-password-icon-size);

package/scss/themes/_cxd-variables.scss

@@ -81,7 +81,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --fontSizeMd: #{$T3};
   --fontSizeLg: #{$T4};
   --fontSizeXl: #{$T5};
-  --fontSizeBase: var(--fontSizeSm);
+  --fontSizeBase: var(--fontSizeMd);
 
   --borderColor: #{$G8};
   --borderRadius: #{$R3};

package/sdk/ang-ie11.css

@@ -26981,7 +26981,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Modal-footer .a-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -40666,6 +40666,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .a-TextControl-revealPassword .icon {
@@ -41199,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 {
@@ -41800,6 +41803,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 .a-Switch.is-disabled {
@@ -42459,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;
@@ -42469,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;
 }
 
@@ -42573,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 {
@@ -47269,24 +47272,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-placeholder {
   color: #99a6ad;
   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 .a-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap > input {
@@ -47298,6 +47297,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-input--withAC > input {
@@ -47365,6 +47365,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 .a-IconPickerControl-value > i {
@@ -48963,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;
 }
@@ -48998,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 {
@@ -49147,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;
@@ -49351,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

@@ -28491,7 +28491,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-Modal-footer .a-Button {
-  width: var(--Modal-footer-button-width);
+  min-width: var(--Modal-footer-button-width);
   margin-left: var(--gap-sm);
 }
 
@@ -42053,6 +42053,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .a-TextControl-revealPassword .icon {
@@ -42566,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 {
@@ -43152,6 +43155,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 .a-Switch.is-disabled {
@@ -43811,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;
@@ -43821,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);
 }
 
@@ -43925,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 {
@@ -48510,19 +48513,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-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 .a-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .a-IconPickerControl-valueWrap > input {
@@ -48534,6 +48538,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .a-IconPickerControl-input--withAC > input {
@@ -48601,6 +48606,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 .a-IconPickerControl-value > i {
@@ -50144,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);
 }
@@ -50179,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 {
@@ -50328,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;
@@ -50532,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

@@ -26961,7 +26961,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .antd-Modal-footer .antd-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -40644,6 +40644,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .antd-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 
 .amis-scope .antd-TextControl-revealPassword .icon {
@@ -41177,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 {
@@ -41778,6 +41781,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 .antd-Switch.is-disabled {
@@ -42437,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;
@@ -42447,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;
 }
 
@@ -42552,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 {
@@ -47239,24 +47242,20 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-placeholder {
   color: #999;
   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 .antd-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 
 .amis-scope .antd-IconPickerControl-valueWrap > input {
@@ -47268,6 +47267,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .antd-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 
 .amis-scope .antd-IconPickerControl-input--withAC > input {
@@ -47335,6 +47335,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 .antd-IconPickerControl-value > i {
@@ -48933,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;
 }
@@ -48968,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 {
@@ -49117,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;
@@ -49321,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;