amis-ui 6.9.0-rc.1 → 6.9.0-rc.11

package/scss/components/form/_form.scss

@@ -127,6 +127,13 @@
     vertical-align: top;
   }
 
+  &--flex {
+    margin: calc(var(--Form-item-gap) / 2);
+    &:last-child {
+      margin-bottom: calc(var(--Form-item-gap) / 2);
+    }
+  }
+
   &--inline {
     margin-right: var(--Form-mode-inline-item-gap);
   }
@@ -428,7 +435,6 @@
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
-    padding: calc(var(--Form-item-gap) / 2);
     min-width: 0;
     min-height: 0;
   }
@@ -655,7 +661,6 @@
       overflow-wrap: break-word;
       margin-right: 0;
       margin-bottom: 0;
-      font-size: var(--fontSizeLg);
 
       & + .#{$ns}Form-item-controlBox {
         max-width: calc(100% - 28%);
@@ -672,10 +677,8 @@
     }
 
     .#{$ns}TextControl-input {
-      font-size: var(--fontSizeLg);
-
       input {
-        height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
+        height: calc(var(--Form-input-lineHeight) * var(--Form-item-fontSize));
       }
     }
 
@@ -744,7 +747,6 @@
     .#{$ns}Form-control {
       flex: 1;
       flex-wrap: wrap;
-      font-size: var(--fontSizeLg);
       min-width: 0;
 
       .#{$ns}ColorPicker {
@@ -865,6 +867,9 @@
 
     .#{$ns}TextareaControl > textarea,
     .#{$ns}Form-control > .#{$ns}TextControl-input,
+    .#{$ns}Number-input,
+    .#{$ns}ResultBox,
+    .#{$ns}DateControl > .#{$ns}DatePicker,
     .#{$ns}TextControl.is-focused > .#{$ns}TextControl-input {
       border: none;
       padding: 0 var(--Form-input-paddingX) 0 0;

package/scss/components/form/_image.scss

@@ -26,20 +26,6 @@
     cursor: pointer;
     margin-right: var(--gap-base);
 
-    &-bg {
-      position: absolute;
-      z-index: 0;
-      overflow: hidden;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-
-      .#{$ns}Image {
-        border: 0;
-      }
-    }
-
     @include button-variant(
       var(--ImageControl-addBtn-bg),
       var(--ImageControl-addBtn-color),
@@ -103,6 +89,20 @@
       var(--shadows-shadow-none)
     );
 
+    &-bg {
+      position: absolute;
+      z-index: 0;
+      overflow: hidden;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+
+      .#{$ns}Image {
+        border: 0;
+      }
+    }
+
     svg {
       top: 0;
       margin-bottom: var(--inputImage-base-default-icon-margin);

package/scss/components/form/_list.scss

@@ -122,14 +122,6 @@
       border-color: var(--ListControl-item-onActive-borderColor);
       color: var(--ListControl-item-onActive-color);
 
-      &:hover {
-        background: var(--ListControl-item-onActive-onHover-bg);
-      }
-
-      .b-inherit {
-        border-color: var(--ListControl-item-onActive-color);
-      }
-
       border-width: var(--listSelect-base-active-top-border-width)
         var(--listSelect-base-active-right-border-width)
         var(--listSelect-base-active-bottom-border-width)
@@ -148,6 +140,14 @@
         var(--listSelect-base-active-bottom-left-border-radius);
       background: var(--listSelect-base-active-bg-color);
 
+      &:hover {
+        background: var(--ListControl-item-onActive-onHover-bg);
+      }
+
+      .b-inherit {
+        border-color: var(--ListControl-item-onActive-color);
+      }
+
       &:before {
         content: '';
         position: absolute;

package/scss/components/form/_picker.scss

@@ -1,6 +1,6 @@
 .#{$ns}Picker {
-  @include input-text();
   outline: none;
+  @include input-text();
 
   &-input:hover {
     background: var(--Pick-status-hover-bgColor);

package/scss/components/form/_select.scss

@@ -45,9 +45,6 @@
     }
   }
 
-  &--block {
-    display: flex;
-  }
   vertical-align: middle;
   text-align: left;
   align-items: center;
@@ -72,6 +69,10 @@
   color: var(--Form-select-color);
   transition: all var(--animation-duration) ease-in-out;
 
+  &--block {
+    display: flex;
+  }
+
   &:hover {
     background: var(--Form-select-onHover-bg);
     border-width: var(--select-base-hover-top-border-width)

package/scss/components/form/_textarea.scss

@@ -1,9 +1,9 @@
 .#{$ns}TextareaControl {
-  @include input-text();
   --Form-input-clearBtn-padding: #{px2rem(2px)};
-
   position: relative;
 
+  @include input-text();
+
   > textarea.#{$ns}TextareaControl-input--counter {
     // 23 px 是计数器 counter 的高度
     padding-bottom: px2rem(23px);
@@ -12,8 +12,6 @@
   }
 
   > textarea {
-    @include input-border();
-
     border: 1px solid var(--Form-input-borderColor);
     border-radius: var(--Form-input-borderRadius);
     color: var(--colors-neutral-text-2);
@@ -27,6 +25,8 @@
     outline: none;
     resize: vertical;
 
+    @include input-border();
+
     &::placeholder {
       color: var(--Form-input-placeholderColor);
     }

package/scss/components/form/_tree-select.scss

@@ -15,8 +15,8 @@
 }
 
 .#{$ns}TreeSelect {
-  @include input-text();
   outline: none;
+  @include input-text();
 
   &.is-opened {
     border-color: var(--Form-input-onFocused-borderColor);

package/scss/themes/_common.scss

@@ -147,3 +147,5 @@
 
 @import '../components/print';
 @import '../components/verificationCode';
+
+@import '../components/mobile-dev-tool';