amis 1.7.0 → 1.8.0-beta.13

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

@@ -122,6 +122,22 @@
     }
   }
 
+  &--horizontal-justify {
+    justify-content: space-between;
+
+    > .#{$ns}Form-label {
+      text-align: var(--Form--horizontal-justify-label-align);
+      white-space: var(--Form--horizontal-justify-label-whiteSpace);
+    }
+    > .#{$ns}Form-value {
+      text-align: var(--Form--horizontal-justify-value-align);
+
+      > * {
+        text-align: initial;
+      }
+    }
+  }
+
   &--normal {
     > .#{$ns}Form-label {
       display: block;
@@ -413,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;
@@ -429,7 +456,6 @@
         bottom: 0;
         left: 0;
         border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
-        transform: scaleY(0.5);
       }
 
       .#{$ns}InputGroup-addOn,
@@ -557,6 +583,10 @@
       margin-bottom: 0;
     }
 
+    > .#{$ns}Form-item.is-placeholder::after {
+      display: none;
+    }
+
     .#{$ns}Divider {
       display: none;
     }
@@ -565,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/_number.scss

@@ -9,6 +9,7 @@
   background: var(--Number-bg);
   border: var(--Number-borderWidth) solid var(--Number-borderColor);
   border-radius: var(--Number-borderRadius);
+  overflow: hidden;
 
   @include input-border();
   &.no-steps > &-handler-wrap {
@@ -73,6 +74,7 @@
     transition: all var(--animation-duration) ease;
     border: 0;
     border-radius: var(--Form-input-borderRadius);
+    color: var(--Form-input-color);
     padding: 0 var(--Form-input-paddingX);
   }
 
@@ -162,9 +164,10 @@
 
   &-disabled {
     .#{$ns}Number-input {
-      opacity: 0.72;
       cursor: not-allowed;
-      background: var(--Number-onDisabled-bg);
+      color: var(--text--muted-color);
+      background: var(--Form-input-onDisabled-bg);
+      border-color: var(--Form-input-onDisabled-borderColor);
     }
 
     .#{$ns}Number-handler {

package/scss/components/form/_select.scss

@@ -56,7 +56,6 @@
     line-height: px2rem(20px);
   }
   &-placeholder {
-    color: var(--Form-select-placeholderColor);
     line-height: var(--Form-input-lineHeight);
     user-select: none;
     white-space: nowrap;

package/scss/components/form/_textarea.scss

@@ -1,4 +1,5 @@
 .#{$ns}TextareaControl {
+  @include input-text();
   --Form-input-clearBtn-padding: #{px2rem(2px)};
 
   position: relative;
@@ -27,29 +28,6 @@
     }
   }
 
-  & > textarea:focus,
-  &.is-focused > textarea {
-    border-color: var(--Form-input-onFocused-borderColor);
-    box-shadow: var(--Form-input-boxShadow);
-
-    // yunshe4.0
-    &:hover {
-      border-color: var(--Form-input-onFocused-borderColor);
-    }
-  }
-
-  &.is-disabled > textarea,
-  & > textarea[disabled] {
-    background: $gray200;
-    color: var(--text--muted-color);
-  }
-
-  &.is-error {
-    > textarea {
-      border-color: var(--Form-input-onError-borderColor);
-    }
-  }
-
   &-counter {
     position: absolute;
     right: 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};
@@ -209,10 +209,10 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Checkbox-onDisabled-bg: #cccccc;
 
   --Checkbox-inner-size: #{px2rem(8px)};
-  --Checkbox--full-inner-size: #{px2rem(10px)};
+  --Checkbox--full-inner-size: #{px2rem(8px)};
   --Checkbox--sm-size: #{px2rem(14px)};
   --Checkbox--sm-inner-size: #{px2rem(8px)};
-  --Checkbox--sm--full-inner-size: #{px2rem(10px)};
+  --Checkbox--sm--full-inner-size: #{px2rem(8px)};
   --Radio-size: #{px2rem(16px)};
   --Radio-inner-size: #{px2rem(10px)};
 
@@ -504,6 +504,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
 
   // Tabs
   --Tabs-linkFontSize: #{px2rem(14px)};
+  --Tabs-link-disabled-color: #{$G6};
   --Tabs--card-onActive-borderColor: var(--white);
   --Tabs--card-bg: var(--Table-thead-bg);
   --Tabs--radio-bg: var(--white);
@@ -511,7 +512,7 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Tabs--chrome-bg: #f5f5f5;
   --Tabs--simple-split-color: #{$G9};
   --Tabs--simple-split-size: var(--gap-xs) var(--gap-md);
-  --Tabs-link-disabled-color: #{$G6};
+  --Tabs--sidebar-iconColor: #{$B6};
 
   // Pagination
   --Pagination-fontSize: #{px2rem(12px)};