amis 1.8.0-beta.5 → 1.8.0-beta.9

package/scss/components/form/_date-range.scss

@@ -8,10 +8,9 @@
   height: var(--DatePicker-height);
   outline: none;
   border-radius: var(--DatePicker-borderRadius);
-
   color: var(--DatePicker-color);
   background: var(--DatePicker-bg);
-
+  min-width: var(--DateRangePicker-minWidth);
   @include input-border();
 
   &:not(.is-disabled) {
@@ -125,6 +124,16 @@
   display: flex;
 }
 
+.#{$ns}DateRangeControl {
+  &.is-date > .#{$ns}DateRangePicker {
+    min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 5.5);
+  }
+
+  &.is-datetime > .#{$ns}DateRangePicker {
+    min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 11);
+  }
+}
+
 .#{$ns}DateRangePicker-popover {
   margin: px2rem(2px) 0 0;
 

package/scss/components/form/_date.scss

@@ -11,6 +11,7 @@
   color: var(--DatePicker-color);
   background: var(--DatePicker-bg);
   border-radius: var(--DatePicker-borderRadius);
+  min-width: var(--DatePicker-minWidth);
 
   &-input {
     display: inline-block;
@@ -98,6 +99,16 @@
   display: flex;
 }
 
+.#{$ns}DateControl {
+  &.is-date > .#{$ns}DatePicker {
+    min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 2);
+  }
+
+  &.is-datetime > .#{$ns}DatePicker {
+    min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 6);
+  }
+}
+
 .#{$ns}DatePicker-shortcuts {
   margin: 0;
   background: var(--Calendar-shortcuts-bg);

package/scss/components/form/_file.scss

@@ -222,6 +222,10 @@
     }
   }
 
+  &-dropzone.is-active &-acceptTip {
+    border-color: var(--info);
+  }
+
   &-sum {
     font-size: var(--fontSizeSm);
 

package/scss/components/form/_form.scss

@@ -429,6 +429,17 @@
 /* 移动端样式调整 */
 @include media-breakpoint-down(sm) {
   .#{$ns}Form {
+    &::before {
+      position: absolute;
+      box-sizing: border-box;
+      content: ' ';
+      pointer-events: none;
+      right: 0;
+      top: 0;
+      left: 0;
+      border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
+    }
+
     .#{$ns}Form-item {
       display: flex;
       flex-wrap: wrap;
@@ -445,7 +456,6 @@
         bottom: 0;
         left: 0;
         border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
-        transform: scaleY(0.5);
       }
 
       .#{$ns}InputGroup-addOn,
@@ -573,6 +583,10 @@
       margin-bottom: 0;
     }
 
+    > .#{$ns}Form-item.is-placeholder::after {
+      display: none;
+    }
+
     .#{$ns}Divider {
       display: none;
     }
@@ -581,13 +595,6 @@
       padding: 0;
     }
 
-    > .#{$ns}Form-item {
-      &:last-child::after,
-      &:last-of-type::after {
-        display: none;
-      }
-    }
-
     .#{$ns}Form-item .#{$ns}Form-groupColumn > .#{$ns}Form-item {
       padding-bottom: var(--Form-input-paddingX);
     }

package/scss/components/form/_transfer.scss

@@ -245,8 +245,9 @@
   }
   & > .#{$ns}Transfer-selection {
     flex-grow: 1;
-    max-height: 100%;
-    overflow: auto;
+    max-height: var(--Transfer-selection-maxHeight);
+    overflow-x: hidden;
+    overflow-y: auto;
     position: relative; // 貌似不加 relative 会有 bug。
   }
 }

package/scss/themes/_antd-variables.scss

@@ -43,7 +43,7 @@ $link-color: $info;
 
   --lineHeightBase: 1.57;
 
-  --borderColor: #eceff8;
+  --borderColor: #d9d9d9;
   --text-color: #{$text-color};
 
   --text--muted-color: #999;

package/scss/themes/_common.scss

@@ -125,6 +125,7 @@
 @import '../components/formula';
 @import '../components/timeline';
 @import '../components/barcode';
+@import '../components/pull-refresh';
 
 @import '../components/debug';
 

package/scss/themes/_cxd-variables.scss

@@ -76,7 +76,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04);
 
 :root {
-  --borderColor: #eceff8;
+  --borderColor: #e0e7ec;
   --borderRadius: #{$R3};
   --body-bg: #ffffff;
   --text-color: #151a26;
@@ -126,7 +126,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Form-input-color: #{$G2};
   --Form-input-height: #{px2rem(32px)};
   // --Form-input-lineHeight: #{px2rem(32px)};
-  --Form-input-borderColor: #{$G8};
+  --Form-input-borderColor: #{$G6};
   --Form-input-borderRadius: #{$R3};
   --Form-input-onHover-borderColor: #{$B6};
   --Form-input-onFocused-bg: #{$G11};