@nutui/nutui 3.1.23-beta.6 → 3.2.2-beta.1

package/dist/packages/ecard/index.scss

@@ -1,3 +1,34 @@
+.nut-theme-dark {
+  .nut-ecard {
+    color: $dark-color3;
+    ::placeholder {
+      color: rgb(29, 31, 32);
+    }
+    .nut-ecard__list__item {
+      background: $dark-background5;
+      &.active {
+        background: $dark-background6;
+        outline: 1px solid $dark-color2;
+        color: $dark-color2;
+      }
+    }
+    .nut-ecard__list__input {
+      color: $dark-color3;
+      background: $dark-background7;
+      &.active {
+        background: $dark-background7;
+        > view > input {
+          background: $dark-background7;
+        }
+      }
+      .nut-ecard__list__input--con > input {
+        background-color: transparent;
+        color: $dark-color3;
+      }
+    }
+  }
+}
+
 .nut-ecard {
   width: 100%;
 
@@ -6,7 +37,6 @@
     font-size: 15px;
     font-family: PingFangSC;
     font-weight: normal;
-    color: rgba(0, 0, 0, 0.6);
   }
 
   &__list {

package/dist/packages/elevator/index.scss

@@ -1,3 +1,19 @@
+.nut-theme-dark {
+  .nut-elevator {
+    background-color: $dark-background2;
+    &__list {
+      &__item {
+        color: $dark-color;
+        &__code {
+          color: $dark-color;
+        }
+      }
+      &__fixed {
+        background-color: $dark-background2;
+      }
+    }
+  }
+}
 .nut-elevator {
   width: 100%;
   display: block;

package/dist/packages/empty/index.scss

@@ -1,3 +1,9 @@
+.nut-theme-dark {
+  .nut-empty {
+    background: $dark-background;
+  }
+}
+
 .nut-empty {
   box-sizing: border-box;
   display: flex;

package/dist/packages/fixednav/index.scss

@@ -83,6 +83,13 @@
       align-items: center;
       min-width: 50px;
       flex-shrink: 0;
+
+      &.active {
+        > .span {
+          color: $fixednav-item-active-color;
+        }
+      }
+
       > img {
         width: 20px;
         height: 20px;

package/dist/packages/image/index.scss

@@ -1,3 +1,15 @@
+.nut-theme-dark {
+  .nut-image {
+    .nut-img-loading {
+      background: $dark-background;
+    }
+
+    .nut-img-error {
+      background: $dark-background;
+    }
+  }
+}
+
 .nut-image {
   display: block;
   position: relative;

package/dist/packages/infiniteloading/index.scss

@@ -1,3 +1,21 @@
+.nut-theme-dark {
+  .nut-infiniteloading {
+    .nut-infinite-top {
+      .top-text {
+        color: $dark-color;
+      }
+    }
+
+    .nut-infinite-bottom {
+      color: $dark-color;
+
+      .bottom-text {
+        color: $dark-color;
+      }
+    }
+  }
+}
+
 .nut-infiniteloading {
   display: block;
   width: 100%;

package/dist/packages/locale/lang/baseLang.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:20:04 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/menu/index.scss

@@ -1,8 +1,20 @@
+.nut-theme-dark {
+  .nut-menu {
+    .nut-menu__bar {
+      background-color: $dark-background;
+
+      .nut-menu__item {
+        color: $dark-color;
+      }
+    }
+  }
+}
+
 .nut-menu {
   &.scroll-fixed {
     position: fixed;
-    top: $nut-menu-scroll-fixed-top;
-    z-index: $nut-menu-scroll-fixed-z-index;
+    top: $menu-scroll-fixed-top;
+    z-index: $menu-scroll-fixed-z-index;
     width: 100%;
   }
 

package/dist/packages/menuitem/index.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-menu-item__content {
+    .nut-menu-item__option {
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-menu-item {
   .active {
     font-weight: 500;

package/dist/packages/noticebar/index.scss

@@ -1,3 +1,15 @@
+.nut-theme-dark {
+  .nut-noticebar-page {
+    background: $dark-background2;
+    color: $dark-color;
+  }
+
+  .nut-noticebar-vertical {
+    .horseLamp_list_item {
+      color: $dark-color;
+    }
+  }
+}
 .nut-noticebar-page {
   // width: 100%;
   display: flex;
@@ -110,5 +122,6 @@
 
   .go {
     align-self: center;
+    display: flex;
   }
 }

package/dist/packages/numberkeyboard/index.scss

@@ -1,3 +1,13 @@
+.nut-theme-dark {
+  .nut-numberkeyboard {
+    background-color: $dark-background4;
+    .number-board-body .key-board-wrapper .key {
+      background-color: $dark-background5;
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-numberkeyboard {
   width: $numberkeyboard-width;
   padding: $numberkeyboard-padding;

package/dist/packages/picker/index.scss

@@ -1,3 +1,36 @@
+.nut-theme-dark {
+  .nut-picker {
+    &__title {
+      color: $dark-color;
+    }
+
+    &-roller {
+      &-item {
+        color: $dark-color;
+      }
+
+      &-item-tile {
+        color: $dark-color;
+      }
+    }
+
+    &-roller-mask {
+      background-image: linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),
+        linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));
+      background-repeat: no-repeat;
+      background-position: top, bottom;
+      background-size: 100% 108px;
+      z-index: 1;
+    }
+
+    &-content {
+      color: $dark-color;
+    }
+    &-item {
+      color: $dark-color;
+    }
+  }
+}
 .nut-picker {
   // 标题
   &__bar {

package/dist/packages/popup/index.scss

@@ -1,3 +1,13 @@
+.nut-theme-dark {
+  .nut-popup {
+    background: $dark-background2;
+  }
+  .nutui-popup {
+    &__close-icon {
+      color: $dark-color;
+    }
+  }
+}
 .popup-slide {
   &-center-enter-active,
   &-center-leave-active {

package/dist/packages/radio/index.scss

@@ -55,6 +55,7 @@
   }
 
   &__label {
+    flex: 1;
     margin-left: $radio-label-margin-left;
     font-size: $radio-label-font-size;
     color: $radio-label-font-color;

package/dist/packages/shortpassword/index.scss

@@ -1,3 +1,23 @@
+.nut-theme-dark {
+  .nut-shortpsd-title {
+    color: $dark-color;
+  }
+  .nut-input-normalw {
+    .nut-input-real {
+      background: $dark-background3;
+    }
+    .nut-shortpsd-fake {
+      border: none;
+      background: $dark-background3;
+      .nut-shortpsd-li {
+        .nut-shortpsd-icon {
+          background: $dark-color;
+        }
+      }
+    }
+  }
+}
+
 .nut-shortpsd-title {
   line-height: 1;
   font-size: $font-size-3;

package/dist/packages/sidenavbaritem/index.scss

@@ -1,3 +1,12 @@
+.nut-theme-dark {
+  .nut-sidenavbaritem {
+    background-color: $dark-background2;
+    &__title {
+      background-color: $dark-background2;
+      color: $dark-color;
+    }
+  }
+}
 .nut-sidenavbaritem {
   height: $sidenavbar-item-height;
   line-height: $sidenavbar-item-line-height;

package/dist/packages/sku/index.scss

@@ -1,3 +1,43 @@
+.nut-theme-dark {
+  .nut-sku {
+    background: $dark-background;
+
+    &-select {
+      &-item {
+        &-title {
+          color: $dark-color;
+        }
+        &-skus {
+          &-sku {
+            color: $dark-color;
+            background: $dark-background2;
+          }
+        }
+      }
+    }
+
+    &-stepper {
+      &-title {
+        color: $dark-color;
+      }
+      &-limit {
+        color: $dark-color;
+      }
+      &-count {
+        &-lowestBuy {
+          color: $primary-color;
+        }
+      }
+    }
+
+    &-operate {
+      &-btn {
+        background: $dark-background2;
+      }
+    }
+  }
+}
+
 .nut-sku {
   height: 100%;
   display: flex;

package/dist/packages/step/index.scss

@@ -119,6 +119,58 @@
     }
   }
 }
+.nut-steps-horizontal {
+  &.nut-steps-dot {
+    .nut-step-head {
+      margin-top: 7px;
+      margin-bottom: 0;
+    }
+    .nut-step-line {
+      top: 50%;
+      bottom: -50%;
+    }
+    .nut-step-icon {
+      width: 8px;
+      height: 8px;
+      background: $primary-color;
+      border-radius: 50%;
+      box-sizing: content-box;
+    }
+    .nut-step-wait {
+      .nut-step-icon {
+        background-color: $steps-wait-icon-bg-color;
+      }
+      .nut-step-content {
+        color: $steps-wait-content-color;
+      }
+    }
+    .nut-step-finish {
+      .nut-step-icon {
+        background-color: $primary-color;
+      }
+    }
+    .nut-step-process {
+      .nut-step-icon {
+        position: relative;
+        background-color: $primary-color;
+        &:before {
+          content: '';
+          display: inline-block;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          margin-left: -7px;
+          margin-top: -7px;
+          width: 14px;
+          height: 14px;
+          background-color: $primary-color-end;
+          border-radius: 50%;
+          opacity: 0.23;
+        }
+      }
+    }
+  }
+}
 .nut-steps-vertical {
   .nut-step {
     display: flex;

package/dist/packages/subsidenavbar/index.scss

@@ -1,3 +1,15 @@
+.nut-theme-dark {
+  .nut-subsidenavbar {
+    background-color: $dark-background2;
+    &__title {
+      background-color: $dark-background3;
+      color: $dark-color;
+      &__text {
+        color: $dark-color;
+      }
+    }
+  }
+}
 .nut-subsidenavbar {
   display: grid;
   float: left;

package/dist/packages/swiper/index.scss

@@ -5,6 +5,8 @@
   transition-property: transform;
   box-sizing: content-box;
   overflow: hidden;
+  cursor: grab;
+  user-select: none;
   &-inner {
     display: flex;
     height: 100%;

package/dist/packages/swiperitem/index.scss

@@ -1,3 +1,6 @@
 .nut-swiper-item {
   height: 100%;
+  img {
+    pointer-events: none;
+  }
 }

package/dist/packages/tag/index.scss

@@ -8,30 +8,50 @@
     color: $tag-default-color;
     background: $tag-default-background-color;
     border: $tag-border-width solid transparent;
+    &.nut-tag--plain {
+      color: $tag-default-background-color;
+      border: $tag-border-width solid $tag-default-background-color;
+    }
   }
 
   &--primary {
     color: $tag-default-color;
     background: $tag-primary-background-color;
     border: $tag-border-width solid transparent;
+    &.nut-tag--plain {
+      color: $tag-primary-background-color;
+      border: $tag-border-width solid $tag-primary-background-color;
+    }
   }
 
   &--success {
     color: $tag-default-color;
     background: $tag-success-background-color;
     border: $tag-border-width solid transparent;
+    &.nut-tag--plain {
+      color: $tag-success-background-color;
+      border: $tag-border-width solid $tag-success-background-color;
+    }
   }
 
   &--danger {
     color: $tag-default-color;
     background: $tag-danger-background-color;
     border: $tag-border-width solid transparent;
+    &.nut-tag--plain {
+      color: $tag-danger-background-color-plain;
+      border: $tag-border-width solid $tag-danger-background-color-plain;
+    }
   }
 
   &--warning {
     color: $tag-default-color;
     background: $tag-warning-background-color;
     border: $tag-border-width solid transparent;
+    &.nut-tag--plain {
+      color: $tag-warning-background-color;
+      border: $tag-border-width solid $tag-warning-background-color;
+    }
   }
 
   &--round {

package/dist/packages/watermark/index.scss

@@ -1,6 +1,6 @@
 .nut-watermark {
   position: absolute;
-  z-index: $nut-water-mark-z-index;
+  z-index: $watermark-z-index;
   left: 0;
   right: 0;
   top: 0;

package/dist/smartips/attributes.json

@@ -163,6 +163,10 @@
     "type": "string",
     "description": "属性说明：展示形式，可选值：controls 控制面板   progress 进度条  icon 图标 none 自定义，默认值：'progress'"
   },
+  "nut-audiooperate/type": {
+    "type": "string",
+    "description": "属性说明：展示的形式 back倒退 play开始 or暂停 forward快进 mute静音，默认值：`play`"
+  },
   "nut-avatar/size": {
     "type": "string ｜ number",
     "description": "属性说明：头像的大小，可选值为：`large`、`normal`、`small`，支持输入数字，默认值：normal"
@@ -1023,6 +1027,10 @@
     "type": "array",
     "description": "属性说明：悬浮列表内容数据，默认值：[]"
   },
+  "nut-fixednav/active-color`3.2.1`": {
+    "type": "string",
+    "description": "属性说明：选中按钮文案颜色，默认值：#fa2c19 默认集成主题色"
+  },
   "nut-fixednav/active-text": {
     "type": "string",
     "description": "属性说明：收起列表按钮文案，默认值：收起导航"
@@ -1160,7 +1168,7 @@
     "description": "属性说明：预览的视频数组（视频自动放到图片之前、taro场景暂不支持），默认值：[]"
   },
   "nut-imagepreview/images": {
-    "type": "array<`string`>",
+    "type": "{ src: string }[]",
     "description": "属性说明：预览图片数组，默认值：[]"
   },
   "nut-imagepreview/autoplay": {
@@ -1431,6 +1439,22 @@
     "type": "boolean",
     "description": "属性说明：只读状态禁用输入框操作行为，默认值：false"
   },
+  "nut-inputnumber/icon-left `v3.2.2`": {
+    "type": "string",
+    "description": "属性说明：左侧操作符图标名，同 Icon 组件 name 属性，默认值：`minus`"
+  },
+  "nut-inputnumber/icon-right `v3.2.2`": {
+    "type": "string",
+    "description": "属性说明：右侧操作符图标名，同 Icon 组件 name 属性，默认值：`plus`"
+  },
+  "nut-inputnumber/font-class-name `v3.2.2`": {
+    "type": "string",
+    "description": "属性说明：自定义icon 字体基础类名，默认值：`nutui-iconfont`"
+  },
+  "nut-inputnumber/class-prefix `v3.2.2`": {
+    "type": "string",
+    "description": "属性说明：自定义icon 类名前缀，用于使用自定义图标，默认值：`nut-icon`"
+  },
   "nut-layout/type": {
     "type": "string",
     "description": "属性说明：布局方式，可选值为flex，默认值：-"
@@ -1483,6 +1507,10 @@
     "type": "boolean",
     "description": "属性说明：背景是否锁定，默认值：true"
   },
+  "nut-menu/title-icon `3.2.1`": {
+    "type": "string",
+    "description": "属性说明：自定义标题图标，默认值：-"
+  },
   "nut-navbar/title": {
     "type": "string",
     "description": "属性说明：标题名称，默认值：-"
@@ -1763,10 +1791,14 @@
     "type": "string",
     "description": "属性说明：确定按钮文案，默认值：确定"
   },
-  "nut-picker/three-dimensional`小程序不支持` `v3.1.23`": {
+  "nut-picker/three-dimensional`v3.1.23`": {
     "type": "boolean",
     "description": "属性说明：是否开启3D效果，默认值：true"
   },
+  "nut-picker/swipe-duration`v3.2.2`": {
+    "type": "number、string",
+    "description": "属性说明：惯性滚动时长，默认值：1000"
+  },
   "nut-popover/list": {
     "type": "list[]",
     "description": "属性说明：选项列表，默认值：[]"
@@ -2791,6 +2823,10 @@
     "type": "function",
     "description": "属性说明：上传前的函数需要返回一个`Promise`对象，默认值：null"
   },
+  "nut-uploader/before-xhr-upload`v3.2.1`": {
+    "type": "function(xhr，option)",
+    "description": "属性说明：执行 XHR 上传时，自定义方式，默认值：null"
+  },
   "nut-uploader/before-delete": {
     "type": "function(file): boolean 丨promise",
     "description": "属性说明：除文件时的回调，返回值为 false 时不移除。支持返回一个 `Promise` 对象，`Promise` 对象 resolve(false) 或 reject 时不移除，默认值：-"