@nutui/nutui 3.1.3 → 3.1.6

package/dist/packages/address/index.scss

@@ -61,42 +61,20 @@
 
     .region-con {
       display: block;
-      margin: 20px 0 0;
-      position: relative;
+      margin: 20px 20px 0;
       .region-group {
+        padding-top: 15px;
         height: 270px;
         overflow-y: auto;
 
         .region-item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 20px;
           font-size: $font-size-1;
           color: #333;
-          &-code {
-            position: relative;
-            height: 35px;
-            line-height: 35px;
-            font-size: $font-size-2;
-            color: $title-color;
-            padding: 0 20px;
-            font-weight: 500;
-            &:after {
-              content: ' ';
-              width: 100%;
-              height: 1px;
-              position: absolute;
-              left: 0;
-              bottom: 0;
-              background-color: $help-color;
-            }
-          }
-          &-name {
-            display: flex;
-            align-items: center;
-            padding: 0 20px;
-            height: 30px;
-            line-height: 30px;
-            &.active {
-              font-weight: bold;
-            }
+          &.active {
+            font-weight: bold;
           }
 
           .region-item-icon {
@@ -104,36 +82,10 @@
           }
         }
       }
-      &-current-code {
-        position: absolute;
-        right: 60px;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 45px;
-        height: 45px;
-        line-height: 45px;
-        border-radius: 50%;
-        background: $white;
-        box-shadow: 0 3px 3px 1px rgba(240, 240, 240, 1);
-        text-align: center;
-      }
-      &-codes-wrapper {
-        position: absolute;
-        right: 8px;
-        top: 50%;
-        transform: translateY(-50%);
-        padding: 15px 0;
-        background-color: #eeeff2;
-        border-radius: 6px;
-        text-align: center;
-        z-index: 10;
-      }
-      &-codes {
-        &-item {
-          padding: 3px;
-          font-size: $font-size-0;
-        }
-      }
+    }
+    .elevator-group {
+      display: flex;
+      margin-top: 20px;
     }
   }
 
@@ -149,7 +101,6 @@
 
       .exist-ul {
         .exist-item {
-          width: 100%;
           display: flex;
           align-items: center;
           margin-bottom: 20px;
@@ -160,19 +111,8 @@
             font-weight: bold;
           }
           .exist-item-icon {
-            width: 15px;
             margin-right: 9px;
           }
-          &-info {
-            flex: 1;
-            &-top {
-              display: flex;
-              justify-content: space-between;
-              margin-bottom: 10px;
-              color: #292929;
-              font-size: 14px;
-            }
-          }
           span {
             display: inline-block;
             flex: 1;

package/dist/packages/barrage/index.scss

@@ -5,21 +5,21 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
+  background-color: #f7f8fa;
   .dmitem {
     display: block;
     position: absolute;
     right: 0;
-    padding: 5px 25px;
+    padding: 3px 25px;
     border-radius: 50px;
     font-size: 12px;
     text-align: center;
-    color: #fff;
     white-space: pre;
     transform: translateX(100%);
     background: linear-gradient(
       to right,
-      rgba(26, 25, 25, 0.15),
-      rgba(0, 0, 0, 0.2)
+      rgba(0, 0, 0, 0.15),
+      rgba(0, 0, 0, 0)
     );
     &.move {
       will-change: transform;

package/dist/packages/calendar/index.scss

@@ -186,6 +186,3 @@
     }
   }
 }
-.nut-calendar-taro {
-  height: 65vh;
-}

package/dist/packages/calendaritem/index.scss

@@ -190,6 +190,3 @@
     }
   }
 }
-.nut-calendar-taro {
-  height: 65vh;
-}

package/dist/packages/checkbox/index.scss

@@ -16,4 +16,13 @@
       color: $checkbox-label-disable-color;
     }
   }
+  &__icon {
+    color: $primary-color;
+  }
+  &__icon--unchecked {
+    color: $checkbox-icon-disable-color;
+  }
+  &__icon--disable {
+    color: $help-color;
+  }
 }

package/dist/packages/circleprogress/index.scss

@@ -7,13 +7,38 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
+  .nut-circleprogress__right {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    float: right;
+  }
+  .nut-circleprogress__left {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    float: left;
+  }
 
   .nut-circleprogress__line {
     position: absolute;
-    width: 50%;
+    width: 100%;
     height: 100%;
     top: 0;
     overflow: hidden;
+    &.nut-circleprogress__l {
+      top: 0px;
+      transform: rotate(0deg);
+      left: 0px;
+    }
+
+    &.nut-circleprogress__r {
+      top: 0px;
+      transform: rotate(180deg);
+      right: 0px;
+    }
   }
 
   .nut-circleprogress__progress {
@@ -27,18 +52,6 @@
     color: rgba(29, 29, 33, 1);
   }
 
-  .nut-circleprogress__l {
-    top: 0px;
-    transform: rotate(0deg);
-    left: 0px;
-  }
-
-  .nut-circleprogress__r {
-    top: 0px;
-    transform: rotate(180deg);
-    right: 0px;
-  }
-
   .nut-circleprogress__line__c {
     width: 200%;
     height: 100%;

package/dist/packages/col/index.scss

@@ -1,5 +1,3 @@
-@use 'sass:math';
-
 .nut-col {
   float: left;
   box-sizing: border-box;

package/dist/packages/countdown/index.scss

@@ -0,0 +1,3 @@
+.nut-countdown {
+  display: flex;
+}

package/dist/packages/divider/index.scss

@@ -0,0 +1,54 @@
+.nut-divider {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #909ca4;
+  margin: 8px 0;
+  width: 100%;
+
+  &::before,
+  &::after {
+    content: '';
+    border: 1px solid currentColor;
+    border-width: 1px 0 0;
+    flex: 1;
+  }
+
+  &.nut-divider-center,
+  &.nut-divider-left,
+  &.nut-divider-right {
+    &::before {
+      margin-right: 8px;
+    }
+
+    &::after {
+      margin-left: 8px;
+    }
+  }
+
+  &.nut-divider-left {
+    &::before {
+      max-width: 10%;
+    }
+  }
+
+  &.nut-divider-right {
+    &::after {
+      max-width: 10%;
+    }
+  }
+
+  &.nut-divider-dashed {
+    &::before,
+    &::after {
+      border-style: dashed;
+    }
+  }
+
+  &.nut-divider-hairline {
+    &::before,
+    &::after {
+      transform: scaleY(0.5);
+    }
+  }
+}

package/dist/packages/elevator/index.scss

@@ -0,0 +1,72 @@
+.nut-elevator {
+  width: 100%;
+  display: block;
+  position: relative;
+  &__list {
+    overflow: auto;
+    &__item {
+      font-size: 12px;
+      color: #333;
+      &__code {
+        position: relative;
+        height: 35px;
+        line-height: 35px;
+        font-size: 14px;
+        color: #1a1a1a;
+        padding: 0 20px;
+        font-weight: 500;
+        &::after {
+          content: ' ';
+          width: 100%;
+          height: 1px;
+          position: absolute;
+          left: 0;
+          bottom: 0;
+          background-color: #f5f5f5;
+        }
+      }
+      &__name {
+        display: flex;
+        align-items: center;
+        padding: 0 20px;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+  }
+  &__code--current {
+    position: absolute;
+    right: 60px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 45px;
+    height: 45px;
+    line-height: 45px;
+    border-radius: 50%;
+    background: $white;
+    box-shadow: 0 3px 3px 1px rgba(240, 240, 240, 1);
+    text-align: center;
+  }
+  &__bars {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    padding: 15px 0;
+    background-color: #eeeff2;
+    border-radius: 6px;
+    text-align: center;
+    z-index: 10;
+    &__inner {
+      &__item {
+        display: block;
+        padding: 3px;
+        font-size: 10px;
+      }
+    }
+  }
+}
+
+view {
+  display: block;
+}

package/dist/packages/input/index.scss

@@ -12,6 +12,9 @@
     flex: 1;
     padding: 0 10px;
     padding-right: 35px;
+    outline: 0 none;
+    border: 0;
+    text-decoration: none;
   }
   &-label {
     width: 80px;

package/dist/packages/noticebar/index.scss

@@ -0,0 +1,109 @@
+.nut-noticebar-page {
+  width: 100%;
+  display: flex;
+  height: $noticeBar-height;
+  font-size: $noticeBar-font-size;
+  position: relative;
+  align-items: center;
+  &.wrapable {
+    height: auto;
+    padding: 8px 16px;
+    .wrap {
+      height: auto;
+      .content {
+        position: relative;
+        white-space: normal;
+        word-wrap: break-word;
+      }
+    }
+  }
+
+  .withicon {
+    position: relative;
+    padding-right: 40px;
+  }
+  .left-icon {
+    height: $noticeBar-left-icon-width;
+    min-width: $noticeBar-left-icon-width;
+    margin: 0 5px 0 10px;
+    background-size: 100% 100%;
+  }
+  .right-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: $noticeBar-right-icon-width;
+    margin: 0 10px 0 5px;
+  }
+  .wrap {
+    flex: 1;
+    height: $noticeBar-line-height;
+    line-height: $noticeBar-line-height;
+    overflow: hidden;
+    position: relative;
+  }
+  .content {
+    position: absolute;
+    white-space: nowrap;
+    &.nut-ellipsis {
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  // 只跑一次
+  .play {
+    animation: nut-notice-bar-play linear both running;
+  }
+  .play-infinite {
+    animation: nut-notice-bar-play-infinite linear infinite both running;
+  }
+  .play-vertical {
+    animation: nut-notice-bar-play-vertical linear infinite both running;
+  }
+}
+
+@keyframes nut-notice-bar-play {
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes nut-notice-bar-play-infinite {
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+// 垂直方向的滚动
+@keyframes nut-notice-bar-play-vertical {
+  to {
+    transform: translateY($noticeBar-height);
+  }
+}
+
+// 纵向
+.nut-noticebar-vertical {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  height: $noticeBar-height;
+  font-size: $noticeBar-font-size;
+  overflow: hidden;
+
+  .horseLamp_list {
+    margin: 0;
+    padding: 0;
+    display: block;
+    flex: 1;
+    .horseLamp_list_item {
+      display: flex;
+      align-items: center;
+      height: $noticeBar-height;
+    }
+  }
+
+  .go {
+    align-self: center;
+  }
+}

package/dist/packages/numberkeyboard/index.scss

@@ -0,0 +1,108 @@
+.nut-numberkeyboard {
+  width: 100%;
+  padding-bottom: 22px;
+  background-color: #f2f3f5;
+  user-select: none;
+
+  .number-board-header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: content-box;
+    height: 34px;
+    padding-top: 6px;
+    color: #646566;
+    font-size: 16px;
+
+    .tit {
+      display: inline-block;
+    }
+
+    .keyboard-close {
+      position: absolute;
+      display: block;
+      right: 0;
+      padding: 0 16px;
+      color: #576b95;
+      font-size: 14px;
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+    }
+  }
+
+  .number-board-body {
+    display: flex;
+    padding: 6px 0 0 6px;
+
+    .number-board {
+      display: flex;
+      flex: 3;
+      flex-wrap: wrap;
+    }
+
+    .key-board-wrapper {
+      position: relative;
+      flex: 1;
+      flex-basis: 33%;
+      box-sizing: border-box;
+      padding: 0 6px 6px 0;
+
+      .key {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 48px;
+        font-size: 28px;
+        line-height: 1.5;
+        background-color: #fff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+
+      .active {
+        background-color: #ebedf0;
+      }
+
+      img {
+        width: 30px;
+        height: 24px;
+      }
+    }
+
+    .key-board-wrapper-large {
+      flex-basis: 66%;
+    }
+
+    .number-board-sidebar {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+
+      .key-board-wrapper {
+        .key {
+          position: absolute;
+          top: 0;
+          right: 6px;
+          bottom: 6px;
+          left: 0;
+          height: auto;
+        }
+
+        .finish {
+          font-size: 16px;
+          color: #fff;
+          background-color: #1989fa;
+        }
+
+        .activeFinsh {
+          background-color: #0570db;
+        }
+      }
+    }
+  }
+}
+.nut-numberkeyboard-overlay {
+  background-color: rgba(0, 0, 0, 0);
+}

package/dist/packages/overlay/index.scss

@@ -16,3 +16,7 @@
   height: 100%;
   background-color: $overlay-bg-color;
 }
+
+.nut-overflow-hidden {
+  overflow: hidden !important;
+}

package/dist/packages/progress/index.scss

@@ -92,7 +92,7 @@
     border-radius: 5px;
     position: absolute;
     transition: all 0.4s;
-    top: -26%;
+    top: -42%;
   }
   .nut-icon-success,
   .nut-icon-fail {

package/dist/packages/radio/index.scss

@@ -16,4 +16,13 @@
       color: $radio-label-disable-color;
     }
   }
+  &__icon {
+    color: $primary-color;
+  }
+  &__icon--unchecked {
+    color: $radio-icon-disable-color;
+  }
+  &__icon--disable {
+    color: $help-color;
+  }
 }

package/dist/packages/shortpassword/index.scss

@@ -29,16 +29,36 @@
     height: 41px;
     border-radius: 4px;
   }
-  input {
+  .nut-input-real {
+    position: absolute;
+    right: 247px;
+    width: 247px;
+    height: 41px;
+  }
+}
+.nut-input-normalw {
+  padding: 0px 0 10px 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+  .nut-input-site {
     width: 247px;
     height: 41px;
     border-radius: 4px;
   }
   .nut-input-real {
-    padding: 0 12px;
-    opacity: 0;
+    padding: 0 1200px 0 0;
+    width: 0;
+    position: absolute;
+    right: 0;
+    width: 247px;
+    height: 41px;
+  }
+  .nut-shortpsd-fake {
+    top: 5%;
   }
 }
+
 .nut-input-real-taro {
   width: 0;
   padding: 0 12px;
@@ -62,7 +82,7 @@
   position: absolute;
   left: 0;
   top: 29%;
-  z-index: 0;
+  z-index: 10;
 }
 
 .nut-shortpsd-li {

package/dist/packages/signature/index.scss

@@ -0,0 +1,14 @@
+.nut-signature {
+  .nut-signature-inner {
+    height: 10rem;
+    margin-bottom: 1rem;
+    border: 1px solid #dadada;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .nut-signature-btn {
+    margin-right: 15px;
+  }
+}

package/dist/packages/swipe/index.scss

@@ -1,7 +1,7 @@
 .nut-swipe {
   position: relative;
   display: block;
-  transition: all 0.3s linear;
+  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
   &__left,
   &__right {
     position: absolute;