@nutui/nutui 3.1.13-beta.1 → 3.1.15-beta.1

package/dist/packages/_es/TimePannel.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Toast.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Uploader.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Video.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/common.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index2.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index3.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/plugin-vue_export-helper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/util.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.1 Mon Jan 10 2022 12:18:44 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/actionsheet/index.scss

@@ -6,7 +6,7 @@
     margin: 0;
     text-align: center;
     background-color: $white;
-    border-bottom: 1px solid $light-color;
+    border-bottom: 1px solid $actionsheet-light-color;
     font-size: $font-size-base;
     color: $title-color;
   }
@@ -63,6 +63,6 @@
 
   .nut-actionsheet-cancel {
     margin-top: 5px;
-    border-top: 1px solid $light-color;
+    border-top: 1px solid $actionsheet-light-color;
   }
 }

package/dist/packages/address/index.scss

@@ -80,6 +80,7 @@
 
           .region-item-icon {
             margin-right: 6px;
+            color: $address-icon-color !important;
           }
         }
       }
@@ -115,6 +116,7 @@
           }
           .exist-item-icon {
             margin-right: 9px;
+            color: $address-icon-color !important;
           }
           span {
             display: inline-block;

package/dist/packages/cascader/index.scss

@@ -1,7 +1,7 @@
 .nut-cascader {
   width: 100%;
-  font-size: $nut-cascader-font-size;
-  line-height: $nut-cascader-line-height;
+  font-size: $cascader-font-size;
+  line-height: $cascader-line-height;
 
   .nut-tabpane {
     padding: 0;
@@ -10,12 +10,12 @@
   .nut-tabs__titles-item {
     flex: initial;
     min-width: auto;
-    padding: $nut-cascader-tabs-item-padding;
+    padding: $cascader-tabs-item-padding;
     white-space: nowrap;
   }
 
   .nut-tabs__titles {
-    padding: $nut-cascader-tabs-item-padding;
+    padding: $cascader-tabs-item-padding;
     background: #fff;
   }
 
@@ -23,12 +23,12 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: $nut-cascader-bar-padding;
+    padding: $cascader-bar-padding;
     text-align: center;
     font-weight: bold;
-    line-height: $nut-cascader-bar-line-height;
-    color: $nut-cascader-bar-color;
-    font-size: $nut-cascader-bar-font-size;
+    line-height: $cascader-bar-line-height;
+    color: $cascader-bar-color;
+    font-size: $cascader-bar-font-size;
   }
 
   &-pane {
@@ -45,11 +45,11 @@
   &-item {
     display: flex;
     align-items: center;
-    padding: $nut-cascader-item-padding;
+    padding: $cascader-item-padding;
     margin: 0;
     cursor: pointer;
-    font-size: $nut-cascader-item-font-size;
-    color: $nut-cascader-item-color;
+    font-size: $cascader-item-font-size;
+    color: $cascader-item-color;
 
     &__title {
       flex: 1;
@@ -65,12 +65,12 @@
     }
 
     &.active:not(.disabled) {
-      color: $nut-cascader-item-active-color;
+      color: $cascader-item-active-color;
     }
 
     &.active &__icon-check {
       visibility: visible;
-      color: $nut-cascader-item-active-color;
+      color: $cascader-item-active-color;
     }
 
     &.disabled {

package/dist/packages/empty/index.scss

@@ -0,0 +1,33 @@
+.nut-empty {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  padding: $empty-padding;
+
+  &-image {
+    width: $empty-image-size;
+    height: $empty-image-size;
+
+    .img {
+      width: 100%;
+      height: 100%;
+    }
+
+    // 兼容小程序标签和img-slot
+    img,
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &-description {
+    margin-top: $empty-description-margin-top;
+    padding: $empty-description-padding;
+    color: $empty-description-color;
+    font-size: $empty-description-font-size;
+    line-height: $empty-description-line-height;
+  }
+}

package/dist/packages/formitem/index.scss

@@ -25,7 +25,7 @@
     font-weight: normal;
     width: 90px;
     margin-right: 10px;
-    flex: none;
+    flex: none !important;
     display: inline-block;
     word-wrap: break-word;
     &.required {

package/dist/packages/imagepreview/index.scss

@@ -13,6 +13,7 @@
 
   &-index {
     position: fixed;
+    z-index: 2002;
     top: 50px;
     text-align: center;
     left: 0;

package/dist/packages/indicator/index.scss

@@ -0,0 +1,48 @@
+.nut-indicator {
+  &--block {
+    display: block;
+    width: 100%;
+  }
+  &--align__left {
+    text-align: left;
+  }
+  &--align__right {
+    text-align: right;
+  }
+  &--align__center {
+    text-align: center;
+  }
+  &--dot,
+  &--number {
+    margin: 0 4px;
+    &:first-child {
+      margin-left: 0;
+    }
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+  &--dot {
+    display: inline-block;
+    vertical-align: middle;
+    width: $indicator-dot-size;
+    height: $indicator-dot-size;
+    border-radius: 50%;
+    background-color: $indicator-dot-color;
+  }
+  &--number {
+    display: inline-block;
+    position: relative;
+    width: $indicator-size;
+    height: $indicator-size;
+    text-align: center;
+    font-size: 10px;
+    line-height: $indicator-size;
+    color: $indicator-white;
+    vertical-align: middle;
+    border: 1px solid $indicator-white;
+    border-radius: 50%;
+    background-color: $indicator-color;
+    box-shadow: 0 0 1px 1px $indicator-color;
+  }
+}

package/dist/packages/menu/index.scss

@@ -1,12 +1,12 @@
 .nut-menu__bar {
   position: relative;
   display: flex;
-  line-height: $nut-menu-bar-line-height;
+  line-height: $menu-bar-line-height;
   background-color: $white;
-  border-bottom: 1px solid $nut-menu-bar-border-bottom-color;
+  border-bottom: 1px solid $menu-bar-border-bottom-color;
 
   &.opened {
-    z-index: $nut-menu-bar-opened-z-index;
+    z-index: $menu-bar-opened-z-index;
   }
 
   .nut-menu__item {
@@ -16,8 +16,12 @@
     color: $title-color;
     min-width: 0;
 
+    &.active {
+      color: $menu-item-active-text-color;
+    }
+
     &.disabled {
-      color: $nut-menu-item-disabled-color;
+      color: $menu-item-disabled-color;
     }
 
     .nut-menu__title-icon {
@@ -33,8 +37,8 @@
       .nut-menu__title-text {
         @include text-ellipsis;
         display: block;
-        padding-left: $nut-menu-title-text-padding-left;
-        padding-right: $nut-menu-title-text-padding-right;
+        padding-left: $menu-title-text-padding-left;
+        padding-right: $menu-title-text-padding-right;
       }
 
       &.active .nut-menu__title-icon {

package/dist/packages/menuitem/index.scss

@@ -1,12 +1,13 @@
 .nut-menu-item {
   .active {
     font-weight: 500;
+    color: $menu-item-active-text-color !important;
   }
 }
 
 .nut-menu-item__content {
-  padding: $nut-menu-item-content-padding;
-  max-height: $nut-menu-item-content-max-height;
+  padding: $menu-item-content-padding;
+  max-height: $menu-item-content-max-height;
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
@@ -14,13 +15,13 @@
   .nut-menu-item__option {
     color: $title-color;
     font-size: $font-size-2;
-    padding-top: $nut-menu-item-option-padding-top;
-    padding-bottom: $nut-menu-item-option-padding-bottom;
+    padding-top: $menu-item-option-padding-top;
+    padding-bottom: $menu-item-option-padding-bottom;
     display: flex;
     align-items: center;
 
     i {
-      margin-right: $nut-menu-item-option-i-margin-right;
+      margin-right: $menu-item-option-i-margin-right;
     }
   }
 }
@@ -38,9 +39,9 @@
 
 .placeholder-element {
   position: fixed;
-  top: -$nut-menu-bar-line-height;
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
-  z-index: $nut-menu-bar-opened-z-index;
+  z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 }

package/dist/packages/noticebar/index.scss

@@ -1,8 +1,8 @@
 .nut-noticebar-page {
   width: 100%;
   display: flex;
-  height: $noticeBar-height;
-  font-size: $noticeBar-font-size;
+  height: $noticebar-height;
+  font-size: $noticebar-font-size;
   position: relative;
   align-items: center;
   &.wrapable {
@@ -23,8 +23,8 @@
     padding-right: 40px;
   }
   .left-icon {
-    height: $noticeBar-left-icon-width;
-    min-width: $noticeBar-left-icon-width;
+    height: $noticebar-left-icon-width;
+    min-width: $noticebar-left-icon-width;
     margin: 0 5px 0 10px;
     background-size: 100% 100%;
   }
@@ -32,13 +32,13 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: $noticeBar-right-icon-width;
+    width: $noticebar-right-icon-width;
     margin: 0 10px 0 5px;
   }
   .wrap {
     flex: 1;
-    height: $noticeBar-line-height;
-    line-height: $noticeBar-line-height;
+    height: $noticebar-line-height;
+    line-height: $noticebar-line-height;
     overflow: hidden;
     position: relative;
   }
@@ -78,7 +78,7 @@
 // 垂直方向的滚动
 @keyframes nut-notice-bar-play-vertical {
   to {
-    transform: translateY($noticeBar-height);
+    transform: translateY($noticebar-height);
   }
 }
 
@@ -87,8 +87,8 @@
   position: relative;
   display: flex;
   justify-content: space-between;
-  height: $noticeBar-height;
-  font-size: $noticeBar-font-size;
+  height: $noticebar-height;
+  font-size: $noticebar-font-size;
   overflow: hidden;
 
   .horseLamp_list {
@@ -99,7 +99,7 @@
     .horseLamp_list_item {
       display: flex;
       align-items: center;
-      height: $noticeBar-height;
+      height: $noticebar-height;
     }
   }
 

package/dist/packages/picker/index.scss

@@ -15,11 +15,7 @@
     z-index: 1;
     width: 100%;
     height: 100%;
-    background-image: linear-gradient(
-        180deg,
-        hsla(0, 0%, 100%, 0.9),
-        hsla(0, 0%, 100%, 0.4)
-      ),
+    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)),
       linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
     background-repeat: no-repeat;
     background-position: top, bottom;
@@ -44,7 +40,7 @@
     height: 100%;
   }
   &__left {
-    color: #fa2c19;
+    color: $picker-cancel-color;
     font-size: 16px;
   }
   &__button {

package/dist/packages/progress/index.scss

@@ -11,13 +11,7 @@
       width: 30%;
       height: 100%;
       border-radius: 12px;
-      background: linear-gradient(
-        268deg,
-        rgba(250, 44, 25, 1) 0%,
-        rgba(250, 63, 25, 1) 44.59259259%,
-        rgba(250, 89, 25, 1) 83.40740741%,
-        rgba(250, 100, 25, 1) 100%
-      );
+      background: $progress-inner-background-color;
       -webkit-transition: all 0.4s;
       transition: all 0.4s;
       position: relative;
@@ -89,7 +83,7 @@
   }
   .nut-progress-insidetext {
     padding: 3px 5px 3px 6px;
-    background: rgba(250, 44, 25, 1);
+    background: $progress-insidetext-background;
     border-radius: 5px;
     position: absolute;
     transition: all 0.4s;

package/dist/packages/shortpassword/index.scss

@@ -86,9 +86,9 @@
   height: 41px;
   margin: 0 auto;
   box-sizing: border-box;
-  background: $shortpsd-background-color;
+  background: $shortpassword-background-color;
   border-radius: 4px;
-  border: 1px solid $shortpsd-border-color;
+  border: 1px solid $shortpassword-border-color;
   display: flex;
   position: absolute;
   left: 0;
@@ -98,9 +98,9 @@
   width: 100%;
   height: 41px;
   margin: 0 auto;
-  background: $shortpsd-background-color;
+  background: $shortpassword-background-color;
   border-radius: 4px;
-  border: 1px solid $shortpsd-border-color;
+  border: 1px solid $shortpassword-border-color;
   display: flex;
   position: absolute;
   left: 0;
@@ -132,13 +132,13 @@
   .nut-shortpsd-error {
     line-height: 1;
     font-size: $font-size-0;
-    color: $shortpsd-error;
+    color: $shortpassword-error;
   }
 
   .nut-shortpsd-forget {
     line-height: 1;
     font-size: $font-size-1;
-    color: $shortpsd-forget;
+    color: $shortpassword-forget;
     display: flex;
   }
 }

package/dist/packages/sidenavbar/index.scss

@@ -0,0 +1,14 @@
+.nut-sidenavbar {
+  height: 100%;
+  overflow: auto;
+  display: block;
+  &__content {
+    position: relative;
+    background-color: $sidenavbar-content-bg-color;
+    display: block;
+    &__list {
+      width: 100%;
+      display: block;
+    }
+  }
+}

package/dist/packages/sidenavbaritem/index.scss

@@ -0,0 +1,10 @@
+.nut-sidenavbaritem {
+  height: 40px;
+  line-height: 40px;
+  display: block;
+  font-size: 16px;
+  &__title {
+    color: $title-color;
+    background-color: $sidenavbaritem-title-color;
+  }
+}

package/dist/packages/skeleton/index.scss

@@ -0,0 +1,57 @@
+.skeleton {
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  .content {
+    display: flex;
+    .avatarClass {
+      margin-right: 20px;
+      background: rgb(239, 239, 239);
+    }
+
+    .blockClass,
+    .blockClass--round {
+      width: 100%;
+      height: 100%;
+      background: rgb(239, 239, 239);
+      margin-top: 10px;
+      &:last-child {
+        width: 70% !important;
+      }
+    }
+    .blockClass--round {
+      border-radius: 10px;
+    }
+
+    .content-line {
+      display: flex;
+      flex-direction: column;
+      .title {
+        width: 30%;
+        height: 15px;
+        background: #efefef;
+      }
+    }
+  }
+
+  .skeleton-animation {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
+    background-repeat: no-repeat;
+    animation: backpos 2s ease-in-out 0s infinite;
+  }
+  @keyframes backpos {
+    0% {
+      background-position-x: -500px;
+    }
+    to {
+      background-position-x: calc(500px + 100%);
+    }
+  }
+}

package/dist/packages/sku/index.scss

@@ -65,7 +65,7 @@
           border: 1px solid rgba(242, 242, 242, 1);
 
           &.active {
-            background: rgba(252, 237, 235, 1);
+            background: $sku-item-active-bg;
             border: $sku-item-border;
             color: $primary-color;
           }