@nutui/nutui 3.2.4-beta.0 → 3.2.4

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/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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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.4-beta.0 Fri Oct 14 2022 14:39:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.4 Fri Oct 21 2022 18:50:55 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: 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": "属性说明：标题，默认值：-"
@@ -1823,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": "属性说明：选项列表，默认值：[]"
@@ -2199,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": {
@@ -664,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": {
@@ -795,7 +797,7 @@
       "input-type",
       "placeholder",
       "clearable",
-      "close-icon `v3.2.2`",
+      "clear-icon `v3.2.2`",
       "background",
       "input-background",
       "confirm-type",

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "3.2.4-beta.0",
+  "version": "3.2.4",
   "contributions": {
     "html": {
       "tags": [
@@ -1980,6 +1980,15 @@
                 "type": "number、string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "safe-area-inset-bottom `v3.2.4`",
+              "default": "`false`",
+              "description": "是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ]
         },
@@ -4478,6 +4487,15 @@
                 "type": "number、string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "safe-area-inset-bottom `v3.2.4`",
+              "default": "`false`",
+              "description": "是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ]
         },
@@ -5389,9 +5407,9 @@
               }
             },
             {
-              "name": "close-icon `v3.2.2`",
-              "default": "'circle-close'",
-              "description": "自定义关闭图标",
+              "name": "clear-icon `v3.2.2`",
+              "default": "\"circle-close\"",
+              "description": "自定义清除按钮图标",
               "value": {
                 "type": "string",
                 "kind": "expression"