@nutui/nutui 3.2.3 → 3.2.4-beta.2

package/dist/packages/_es/index5.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:00 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -256,7 +256,7 @@ const _sfc_main = create({
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
         if (type == "multiple") {
           if (state.currDate.length > 0) {
-            let hasIndex = NaN;
+            let hasIndex = void 0;
             state.currDate.forEach((item, index) => {
               if (item == days[3]) {
                 hasIndex = index;
@@ -265,7 +265,7 @@ const _sfc_main = create({
             if (isFirst) {
               state.chooseData.push([...days]);
             } else {
-              if (hasIndex !== NaN) {
+              if (hasIndex !== void 0) {
                 state.currDate.splice(hasIndex, 1);
                 state.chooseData.splice(hasIndex, 1);
               } else {

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

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:00 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:00 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:00 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/style.css

@@ -3,7 +3,7 @@ from {
     transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--21cca3b5));
+    transform: translateX(var(--01d702ea));
 }
 }
 @-webkit-keyframes moving {
@@ -11,6 +11,6 @@ from {
     -webkit-transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--21cca3b5));
+    transform: translateX(var(--01d702ea));
 }
 }/* @import './index.scss'; */

package/dist/packages/address/index.scss

@@ -55,8 +55,8 @@
     line-height: 20px;
     &__title {
       display: block;
-      color: #262626;
-      font-size: 18px;
+      color: $address-header-title-color;
+      font-size: $address-header-title-font-size;
     }
   }
 
@@ -68,8 +68,8 @@
       margin-top: 32px;
       padding: 0 20px;
       display: flex;
-      font-size: 13px;
-      color: #1d1e1e;
+      font-size: $address-region-tab-font-size;
+      color: $address-region-tab-color;
 
       .tab-item {
         position: relative;
@@ -77,7 +77,7 @@
         margin-right: 30px;
         display: block;
         &.active {
-          font-weight: bold;
+          font-weight: $address-region-tab-active-item-font-weight;
         }
 
         view {
@@ -123,6 +123,8 @@
         height: 3px;
         background: $address-region-tab-line;
         transition: 0.2s all linear;
+        border-radius: $address-region-tab-line-border-radius;
+        opacity: $address-region-tab-line-opacity;
       }
     }
 
@@ -139,8 +141,8 @@
           display: flex;
           align-items: center;
           margin-bottom: 20px;
-          font-size: $font-size-1;
-          color: #333;
+          font-size: $address-region-item-font-size;
+          color: $address-region-item-color;
           &.active {
             font-weight: bold;
           }
@@ -182,7 +184,7 @@
             font-weight: bold;
           }
           .exist-item-icon {
-            margin-right: 9px;
+            margin-right: $address-item-margin-right;
             color: $address-icon-color !important;
           }
           span {

package/dist/packages/barrage/index.scss

@@ -1,11 +1,3 @@
-.slotContainer {
-  > * {
-    opacity: 0;
-  }
-  > .dmitem {
-    opacity: 1;
-  }
-}
 .nut-barrage {
   position: absolute;
   left: 0;

package/dist/packages/button/index.scss

@@ -138,6 +138,10 @@
     line-height: $button-small-line-height;
     padding: $button-small-padding;
     font-size: $button-small-font-size;
+
+    &.nut-button--round {
+      border-radius: $button-small-round-border-radius;
+    }
   }
   &--mini {
     height: $button-mini-height;

package/dist/packages/calendar/index.scss

@@ -135,6 +135,7 @@
         height: 23px;
         line-height: 23px;
         margin: 8px 0;
+        font-size: $calendar-month-title-font-size;
       }
 
       .calendar-month-con {

package/dist/packages/card/index.scss

@@ -13,6 +13,8 @@
   .nut-card__left {
     width: 120px;
     flex-shrink: 0;
+    background-color: $card-left-background-color;
+    border-radius: $card-left-border-radius;
 
     > img {
       display: block;

package/dist/packages/checkbox/index.scss

@@ -41,7 +41,7 @@
     font-size: $checkbox-icon-font-size;
   }
   &__icon--disable {
-    color: $help-color;
+    color: $checkbox-icon-disable-color2;
     font-size: $checkbox-icon-font-size;
   }
 }

package/dist/packages/dialog/index.scss

@@ -12,7 +12,8 @@
     text-align: center;
     height: 20px;
     font-size: 16px;
-    color: rgba(38, 38, 38, 1);
+    color: $dialog-header-color;
+    font-weight: $dialog-header-font-weight;
     @include oneline-ellipsis();
   }
   &__content {
@@ -32,7 +33,7 @@
     display: flex;
     align-items: center;
     width: 100%;
-    justify-content: space-around;
+    justify-content: $dialog-footer-justify-content;
 
     &.vertical {
       flex-direction: column;

package/dist/packages/ellipsis/index.scss

@@ -1,4 +1,5 @@
 .nut-ellipsis {
+  display: flex;
   .nut-ellipsis-text {
     cursor: hand;
     color: $ellipsis-expand-collapse-color;

package/dist/packages/index.d.ts

@@ -0,0 +1,5 @@
+export * from './locale/index'
+export * from './locale/lang/zh-CN'
+export * from './locale/lang/zh-TW'
+export * from './locale/lang/en-US'
+export * from './locale/lang/id-ID'

package/dist/packages/inputnumber/index.scss

@@ -20,8 +20,13 @@
   }
 }
 .nut-inputnumber {
-  display: flex;
+  display: $inputnumber-display;
   align-items: center;
+  border: $inputnumber-border;
+  border-radius: $inputnumber-border-radius;
+  height: $inputnumber-height;
+  line-height: $inputnumber-line-height;
+  box-sizing: $inputnumber-border-box;
 
   &--disabled {
     input {
@@ -39,6 +44,11 @@
     }
   }
 
+  input {
+    border-top: 0 !important;
+    border-bottom: 0 !important;
+  }
+
   input,
   &__text--readonly {
     width: $inputnumber-input-width;

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

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 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.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 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.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

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

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 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.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 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.2.3 Fri Sep 30 2022 10:27:04 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4-beta.2 Fri Oct 21 2022 18:19:14 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/menuitem/index.scss

@@ -8,7 +8,7 @@
 
 .nut-menu-item {
   .active {
-    font-weight: 500;
+    font-weight: $menu-active-item-font-weight;
     color: $menu-item-active-text-color !important;
   }
 }

package/dist/packages/popover/index.scss

@@ -156,8 +156,8 @@
       display: flex;
       align-items: center;
       padding-bottom: 8px;
-      padding: 8px 0;
-      margin: 0 8px;
+      padding: $popover-menu-item-padding;
+      margin: $popover-menu-item-margin;
       border-bottom: 1px solid $popover-border-bottom-color;
 
       &:last-child {
@@ -167,6 +167,7 @@
         display: block;
         margin-right: 12px;
         margin-left: 8px;
+        line-height: $popover-menu-name-line-height;
       }
     }
   }

package/dist/packages/radio/index.scss

@@ -74,6 +74,6 @@
     color: $radio-icon-disable-color;
   }
   &__icon--disable {
-    color: $help-color;
+    color: $radio-icon-disable-color2;
   }
 }

package/dist/packages/searchbar/index.scss

@@ -26,6 +26,11 @@
   padding: $searchbar-padding;
   background: $searchbar-background;
   box-sizing: border-box;
+  color: $searchbar-input-bar-color;
+
+  &::placeholder {
+    color: $searchbar-input-bar-placeholder-color;
+  }
 
   &__search-label {
     padding: 0 5px;

package/dist/packages/skeleton/index.scss

@@ -30,7 +30,7 @@
       .title {
         width: 30%;
         height: 15px;
-        background: #efefef;
+        background: $skeleton-content-line-title-background-color;
       }
     }
   }

package/dist/packages/sku/index.scss

@@ -51,10 +51,11 @@
     margin-top: 18px;
     padding: 0 18px;
     > img {
-      width: 100px;
-      height: 100px;
+      width: $sku-product-img-width;
+      height: $sku-product-img-height;
       flex-shrink: 0;
       margin-right: 12px;
+      border-radius: $sku-product-img-border-radius;
     }
     &-right {
       flex: 1;
@@ -83,25 +84,25 @@
       flex-direction: column;
       &-title {
         height: 13px;
-        font-weight: bold;
-        font-size: 13px;
-        color: $black;
-        margin-bottom: 18px;
+        font-weight: $sku-spec-title-font-weight;
+        font-size: $sku-spec-title-font-size;
+        color: $sku-spec-title-color;
+        margin-bottom: $sku-spec-title-margin-bottom;
       }
       &-skus {
         display: flex;
         flex-wrap: wrap;
         &-sku {
-          margin-right: 12px;
-          height: 30px;
-          line-height: 30px;
-          padding: 0 18px;
+          margin-right: $sku-spec-margin-right;
+          height: $sku-spec-height;
+          line-height: $sku-spec-line-height;
+          padding: $sku-spec-padding;
           border-radius: 15px;
-          font-size: 11px;
-          color: $black;
+          font-size: $sku-spec-font-size;
+          color: $sku-spec-color;
           flex-shrink: 0;
           margin-bottom: 12px;
-          background: rgba(242, 242, 242, 1);
+          background: $sku-spec-background;
           border: 1px solid rgba(242, 242, 242, 1);
 
           &.active {
@@ -156,7 +157,7 @@
       font-size: 12px;
     }
     &-btn {
-      height: 54px;
+      height: $sku-operate-btn-height;
       width: 100%;
       display: flex;
       justify-content: space-between;
@@ -165,14 +166,16 @@
       text-align: center;
       padding: 0 18px;
       box-sizing: border-box;
+      border-top: $sku-operate-btn-border-top;
       &-item {
         width: 100%;
-        height: 40px;
-        line-height: 40px;
+        height: $sku-operate-btn-item-height;
+        line-height: $sku-operate-btn-item-line-height;
         margin-right: 18px;
         background: $sku-opetate-bg-default;
         border-radius: 21px;
-        font-size: 15px;
+        font-size: $sku-operate-btn-item-font-size;
+        font-weight: $sku-operate-btn-item-font-weight;
         color: $white;
         &:last-child {
           margin-right: 0;

package/dist/packages/tabbar/index.scss

@@ -11,9 +11,9 @@
   width: 100%;
   display: flex;
   align-items: center;
-  height: 50px;
-  box-sizing: border-box;
+  box-sizing: content-box;
   background: $white;
+  height: $tabbar-height;
 
   &:last-child {
     border-right: 0;
@@ -30,4 +30,13 @@
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
   }
+
+  &-item_icon-box_nav-word {
+    line-height: $tabbar-word-line-height;
+    margin-top: $tabbar-word-margin-top;
+  }
+
+  &-item__icon--unactive {
+    color: $tabbar-unactive-color;
+  }
 }

package/dist/packages/tabs/index.scss

@@ -157,6 +157,8 @@
         left: 50%;
         transform: translate(-50%, 0);
         overflow: hidden;
+        border-radius: $tabs-titles-item-line-border-radius;
+        opacity: $tabs-titles-item-line-opacity;
       }
 
       &__smile {

package/dist/packages/tag/index.scss

@@ -4,6 +4,7 @@
   align-items: center;
   font-size: $tag-font-size;
   border-radius: $tag-default-border-radius;
+  height: $tag-height;
   &--default {
     color: $tag-default-color;
     background: $tag-default-background-color;

package/dist/smartips/attributes.json

@@ -803,6 +803,10 @@
     "type": "number、string",
     "description": "属性说明：惯性滚动时长，默认值：1000"
   },
+  "nut-datepicker/safe-area-inset-bottom `v3.2.4`": {
+    "type": "boolean",
+    "description": "属性说明：是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效，默认值：`false`"
+  },
   "nut-dialog/title": {
     "type": "string",
     "description": "属性说明：标题，默认值：-"
@@ -1015,6 +1019,10 @@
     "type": "string",
     "description": "属性说明：省略的符号，默认值：'...'"
   },
+  "nut-ellipsis/line-height": {
+    "type": "string、number",
+    "description": "属性说明：容器的行高，默认值：20"
+  },
   "nut-empty/image": {
     "type": "string",
     "description": "属性说明：图片类型，可选值为 error network search，支持传入图片 URL，默认值：empty"
@@ -1159,11 +1167,11 @@
     "type": "string | numer",
     "description": "属性说明：圆角大小，默认值：-"
   },
-  "nut-image/showError": {
+  "nut-image/show-error": {
     "type": "boolean",
     "description": "属性说明：是否展示图片加载失败，默认值：false"
   },
-  "nut-image/showLoading": {
+  "nut-image/show-loading": {
     "type": "boolean",
     "description": "属性说明：是否展示加载中图片，默认值：true"
   },
@@ -1819,6 +1827,10 @@
     "type": "number、string",
     "description": "属性说明：惯性滚动时长，默认值：1000"
   },
+  "nut-picker/safe-area-inset-bottom `v3.2.4`": {
+    "type": "boolean",
+    "description": "属性说明：是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效，默认值：`false`"
+  },
   "nut-popover/list": {
     "type": "list[]",
     "description": "属性说明：选项列表，默认值：[]"
@@ -2195,9 +2207,9 @@
     "type": "boolean",
     "description": "属性说明：是否展示清除按钮，默认值：true"
   },
-  "nut-searchbar/close-icon `v3.2.2`": {
+  "nut-searchbar/clear-icon `v3.2.2`": {
     "type": "string",
-    "description": "属性说明：自定义关闭图标，默认值：'circle-close'"
+    "description": "属性说明：自定义清除按钮图标，默认值：\"circle-close\""
   },
   "nut-searchbar/background": {
     "type": "string",

package/dist/smartips/tags.json

@@ -293,7 +293,8 @@
       "ok-text",
       "cancel-text",
       "three-dimensional `v3.1.23`",
-      "swipe-duration `v3.2.2`"
+      "swipe-duration `v3.2.2`",
+      "safe-area-inset-bottom `v3.2.4`"
     ]
   },
   "nut-dialog": {
@@ -370,7 +371,8 @@
       "rows",
       "expand-text",
       "collapse-text",
-      "symbol"
+      "symbol",
+      "line-height"
     ]
   },
   "nut-empty": {
@@ -431,8 +433,8 @@
       "height",
       "round",
       "radius",
-      "showError",
-      "showLoading"
+      "show-error",
+      "show-loading"
     ]
   },
   "nut-imagepreview": {
@@ -663,7 +665,8 @@
       "cancel-text",
       "ok-text",
       "three-dimensional`v3.1.23`",
-      "swipe-duration`v3.2.2`"
+      "swipe-duration`v3.2.2`",
+      "safe-area-inset-bottom `v3.2.4`"
     ]
   },
   "nut-popover": {
@@ -794,7 +797,7 @@
       "input-type",
       "placeholder",
       "clearable",
-      "close-icon `v3.2.2`",
+      "clear-icon `v3.2.2`",
       "background",
       "input-background",
       "confirm-type",