amis-ui 6.12.0-beta.7 → 6.12.0-beta.8

package/scss/components/_cards.scss

@@ -111,6 +111,32 @@
   }
 }
 
+@include media-breakpoint-up(xs) {
+  .#{$ns}Cards--masonryXs1 {
+    column-count: 12;
+  }
+
+  .#{$ns}Cards--masonryXs2 {
+    column-count: 6;
+  }
+
+  .#{$ns}Cards--masonryXs3 {
+    column-count: 4;
+  }
+
+  .#{$ns}Cards--masonryXs4 {
+    column-count: 3;
+  }
+
+  .#{$ns}Cards--masonryXs6 {
+    column-count: 2;
+  }
+
+  .#{$ns}Cards--masonryXs12 {
+    column-count: 1;
+  }
+}
+
 @include media-breakpoint-up(sm) {
   .#{$ns}Cards--masonrySm1 {
     column-count: 12;

package/scss/components/_list.scss

@@ -10,6 +10,7 @@
     border: var(--List-borderWidth) solid var(--List-borderColor);
     background: var(--List-bg);
     margin-bottom: var(--gap-sm);
+    margin-right: px2rem(15px);
   }
 
   &-toolbar {
@@ -91,6 +92,16 @@
     background: var(--Table-bg);
     z-index: $zindex-sticky;
   }
+
+  &-content-wrapper {
+    display: flex;
+    position: relative;
+  }
+
+  &-main {
+    flex: 1;
+    min-width: 0; // 防止内容溢出
+  }
 }
 
 .#{$ns}ListGroup {
@@ -254,3 +265,49 @@
     background: var(--ListMenu-item--onHover-bg);
   }
 }
+
+// 修改索引条样式
+.#{$ns}AlphabetIndexer {
+  position: sticky;
+  top: calc(var(--affix-offset-top) + var(--gap-base));
+  right: px2rem(5px);
+  height: fit-content;
+  padding: px2rem(10px) px2rem(5px);
+  background: var(--white);
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  z-index: 1050;
+  display: flex;
+  flex-direction: column;
+  align-self: flex-start;
+  overflow-y: auto;
+
+  // 移动端样式
+  @media (max-width: 768px) {
+    position: sticky;
+    top: calc(var(--affix-offset-top) + var(--gap-base));
+    right: px2rem(5px);
+    align-self: flex-start;
+  }
+
+  &-letter {
+    font-size: var(--fontSizeSm);
+    padding: px2rem(2px) px2rem(4px);
+    cursor: pointer;
+    text-align: center;
+
+    @media (max-width: 768px) {
+      padding: px2rem(1px) px2rem(2px);
+    }
+
+    &:hover {
+      color: var(--primary);
+    }
+
+    &.is-active {
+      color: var(--white);
+      background: var(--primary);
+      border-radius: var(--borderRadius-sm);
+    }
+  }
+}

package/scss/components/_steps.scss

@@ -407,13 +407,27 @@
 
 .#{$ns}Steps-mobile.#{$ns}Steps--horizontal {
   .#{$ns}StepsItem {
+    overflow: visible;
     &-container {
+      &Tail:after {
+        display: none;
+      }
       &Wrapper {
+        transform: translateX(px2rem(-5px));
         .#{$ns}StepsItem-body {
           .#{$ns}StepsItem-title {
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
             &::after {
               display: none !important;
             }
+            span {
+              left: 0;
+            }
+          }
+          .#{$ns}StepsItem-description {
+            min-width: px2rem(140px);
           }
         }
 
@@ -429,6 +443,7 @@
       &Icon {
         position: relative;
         display: block;
+        margin-left: px2rem(40px);
 
         &:after {
           content: '';
@@ -436,8 +451,8 @@
           right: 0;
           top: px2rem(15px);
           height: 1px;
-          left: px2rem(40px);
-          width: 99999px;
+          left: px2rem(35px);
+          width: px2rem(80px);
           background-color: var(--Steps-line-bg);
         }
       }