@nutui/nutui-react-taro 1.4.8 → 1.4.9-beta.1

package/dist/esm/DatePicker.js

@@ -1,7 +1,7 @@
-import { D as DatePicker } from './datepicker.taro-c61c6586.js';
-export { D as default } from './datepicker.taro-c61c6586.js';
+import { D as DatePicker } from './datepicker.taro-324d9d98.js';
+export { D as default } from './datepicker.taro-324d9d98.js';
 import 'react';
-import './picker.taro-fa937ea1.js';
+import './picker.taro-33e33120.js';
 import './popup.taro-4c18f46c.js';
 import 'react-dom';
 import 'react-transition-group';

package/dist/esm/Picker.js

@@ -1,5 +1,5 @@
-import { P as Picker } from './picker.taro-fa937ea1.js';
-export { P as default } from './picker.taro-fa937ea1.js';
+import { P as Picker } from './picker.taro-33e33120.js';
+export { P as default } from './picker.taro-33e33120.js';
 import 'react';
 import './popup.taro-4c18f46c.js';
 import 'react-dom';

package/dist/esm/{datepicker.taro-c61c6586.js → datepicker.taro-324d9d98.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-fa937ea1.js';
+import { P as Picker } from './picker.taro-33e33120.js';
 
 const currentYear = new Date().getFullYear();
 const defaultProps = {

package/dist/esm/nutui-react.es.js

@@ -31,13 +31,13 @@ export { C as Calendar } from './calendar.taro-c95e6998.js';
 export { C as CalendarItem } from './calendaritem.taro-86412398.js';
 export { C as Cascader } from './cascader.taro-e0fb7e63.js';
 export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-b76b1c82.js';
-export { D as DatePicker } from './datepicker.taro-c61c6586.js';
+export { D as DatePicker } from './datepicker.taro-324d9d98.js';
 export { F as Form } from './form.taro-ce791a58.js';
 export { F as FormItem } from './formitem.taro-f2ed02d4.js';
 export { I as Input } from './input.taro-991945d1.js';
 export { I as InputNumber } from './inputnumber.taro-94c75663.js';
 export { N as NumberKeyboard } from './numberkeyboard.taro-c6b5b0e1.js';
-export { P as Picker } from './picker.taro-fa937ea1.js';
+export { P as Picker } from './picker.taro-33e33120.js';
 export { R as Radio, a as RadioGroup } from './index.taro-84346556.js';
 export { R as Range } from './range.taro-b628f1ed.js';
 export { R as Rate } from './rate.taro-17b84a51.js';

package/dist/esm/{picker.taro-fa937ea1.js → picker.taro-33e33120.js}

@@ -209,7 +209,7 @@ const InternalPickerSlot = (props, ref) => {
                 }),
             !threeDimensional &&
                 listData.map((item, index) => {
-                    return (React__default.createElement("div", { className: "nut-picker-roller-item-tile", key: item.value ? item.value : index, style: {
+                    return (React__default.createElement("div", { className: "nut-picker-roller-item-title", key: item.value ? item.value : index, style: {
                             height: `${lineSpacing.current}px`,
                             lineHeight: `${lineSpacing.current}px`,
                         } },

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:30 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5424,7 +5424,7 @@ const InternalPickerSlot = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: "nut-picker-roller-item-tile",
+      className: "nut-picker-roller-item-title",
       key: item.value ? item.value : index,
       style: {
         height: `${lineSpacing.current}px`,

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.9-beta.1 Fri Feb 24 2023 14:33:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5451,7 +5451,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.text ? item.text : item));
     }), !threeDimensional && listData.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: "nut-picker-roller-item-tile",
+        className: "nut-picker-roller-item-title",
         key: item.value ? item.value : index,
         style: {
           height: `${lineSpacing.current}px`,

package/dist/packages/picker/picker.scss

@@ -2,22 +2,27 @@
 .nut-theme-dark {
   .nut-picker {
     background-color: $dark6;
+
     &__title {
       color: $dark1;
     }
+
     &__confirm-btn {
-      color: $dark1;
+      color: $picker-ok-color;
       cursor: pointer;
     }
+
     .nut-picker__control {
       background-color: $dark10;
     }
+
     .nut-picker-indicator {
       background-color: $dark7;
       z-index: 0;
       border-top: 1px solid $gray2;
       border-bottom: 1px solid $gray2;
     }
+
     .nut-picker-mask {
       position: absolute;
       top: 0;
@@ -35,16 +40,19 @@
       background-repeat: no-repeat;
       z-index: 3;
     }
+
     .nut-picker-list {
       .nut-picker-roller {
         &-item {
           color: $white;
+
           &-tile {
             color: $white;
           }
         }
       }
     }
+
     &-roller-mask {
       background-image: linear-gradient(
           180deg,
@@ -61,6 +69,7 @@
     &-content {
       color: $dark1;
     }
+
     &-item {
       color: $dark1;
     }
@@ -71,25 +80,37 @@
   background-color: $background-color3;
   width: 100%;
 }
+
 .nut-picker__control {
   display: flex;
   height: 56px;
   font-size: 16px;
   align-items: center;
   justify-content: space-between;
-  padding: 15px;
+  padding: $picker-bar-button-padding;
 
   .nut-picker__cancel-btn {
-    color: #fa2c19;
+    color: $picker-cancel-color;
+    font-size: $picker-bar-cancel-font-size;
+  }
+
+  .nut-picker__confirm-btn {
+    color: $picker-ok-color;
+    font-size: $picker-bar-ok-font-size;
   }
+
   .nut-picker__title {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: center;
+    color: $picker-bar-title-color;
+    font-size: $picker-bar-title-font-size;
+    font-weight: $picker-bar-title-font-weight;
   }
 }
+
 .nut-picker__panel {
   display: flex;
   position: relative;
@@ -97,10 +118,13 @@
   .nut-picker-indicator {
     position: absolute;
     top: 108px;
-    height: 36px;
+    height: $picker-item-height;
     width: 100%;
-    border-top: 1px solid #ececec;
-    border-bottom: 1px solid #ececec;
+    border: $picker-item-active-line-border;
+    border-left: 0;
+    border-right: 0;
+    color: $picker-item-text-color;
+    font-size: $picker-item-text-font-size;
     z-index: 3;
   }
 }
@@ -108,12 +132,14 @@
 .nut-picker-list {
   flex: 1;
   position: relative;
-  height: 252px;
+  height: $picker-list-height;
   overflow: hidden;
   text-align: center;
+
   .nut-picker-list-panel {
     transform-style: preserve-3d;
   }
+
   .nut-picker-mask {
     position: absolute;
     top: 0;
@@ -132,31 +158,36 @@
     position: absolute;
     top: 108px;
     width: 100%;
-    height: 36px;
+    height: $picker-item-height;
   }
+
   .nut-picker-content {
     background: #fff;
     z-index: 2;
     overflow: hidden;
   }
+
   .nut-picker-item,
   .nut-picker-roller-item {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    height: 36px;
-    line-height: 36px;
-    color: #262626;
-    font-size: 14px;
+    height: $picker-item-height;
+    line-height: $picker-item-height;
+    color: $picker-item-text-color;
+    font-size: $picker-item-text-font-size;
     text-align: center;
   }
+
   .nut-picker-item {
     font-size: 16px;
     background: #fff;
   }
+
   .nut-picker-roller {
     z-index: 1;
     transform-style: preserve-3d;
+
     .nut-picker-roller-item {
       backface-visibility: hidden;
       -moz-backface-visibility: hidden;
@@ -167,20 +198,22 @@
       color: $gray1;
     }
 
-    .nut-picker-roller-item-tile {
+    .nut-picker-roller-item-title {
       display: block;
       width: 100%;
       height: 36px;
       line-height: 36px;
       color: $gray1;
-      font-size: 14px;
+      font-size: $picker-bar-title-font-size;
     }
+
     .nut-picker-roller-item-hidden {
       visibility: hidden;
       opacity: 0;
     }
   }
 }
+
 .nut-picker-placeholder {
   height: 1px;
 }

package/dist/packages/tabs/tabs.scss

@@ -14,10 +14,6 @@
 
         &.active {
           color: $dark1;
-
-          .nut-tabs__titles-item__text {
-            color: $dark1;
-          }
         }
 
         &__text {
@@ -62,15 +58,15 @@
         overflow-y: auto;
       }
 
-      &-item {
+      .nut-tabs__titles-item {
         height: $tabs-vertical-titles-item-height;
         flex: none;
 
-        &__smile {
+        .nut-tabs__titles-item__smile {
           transition: width 0.3s ease;
         }
 
-        &__line {
+        .nut-tabs__titles-item__line {
           bottom: none;
           transform: translate(0, -50%);
           transition: height 0.3s ease;
@@ -79,13 +75,13 @@
         }
 
         &.active {
-          background-color: $background-color3;
+          background-color: $tabs-horizontal-titles-item-active-background-color;
 
           .nut-tabs__titles-item__line {
             left: 10px;
-            width: 3px;
-            background: $tabs-vertical-tab-line-color;
+            width: $tabs-vertical-titles-item-active-line-width;
             height: $tabs-vertical-titles-item-active-line-height;
+            background: $tabs-vertical-tab-line-color;
           }
 
           .nut-tabs__titles-item__smile {
@@ -115,7 +111,7 @@
     }
   }
 
-  &__titles {
+  .nut-tabs__titles {
     height: $tabs-horizontal-titles-height;
     padding: 0 10px;
     display: flex;
@@ -169,7 +165,7 @@
       }
     }
 
-    &-item {
+    .nut-tabs__titles-item {
       position: relative;
       font-size: $tabs-titles-item-font-size;
       min-width: $tabs-horizontal-titles-item-min-width;
@@ -180,22 +176,16 @@
       flex: 1 0 auto;
       color: $tabs-titles-item-color;
 
-      &-left-align {
-        flex: none;
-      }
-
-      &__text {
-        color: $gray1;
+      .nut-tabs__titles-item__text {
+        text-align: center;
 
         &.ellipsis {
           @include oneline-ellipsis();
         }
-
-        text-align: center;
       }
 
-      &__smile,
-      &__line {
+      .nut-tabs__titles-item__smile,
+      .nut-tabs__titles-item__line {
         position: absolute;
         transition: width 0.3s ease;
         width: 0;
@@ -206,9 +196,10 @@
         transform: translate(-50%, 0);
         overflow: hidden;
         border-radius: $tabs-horizontal-tab-line-border-radius;
+        opacity: $tabs-horizontal-tab-line-opacity;
       }
 
-      &__smile {
+      .nut-tabs__titles-item__smile {
         .nut-icon {
           position: absolute;
           font-size: 12px;
@@ -218,25 +209,22 @@
         }
       }
 
+      &.nut-tabs__titles-item-left-align {
+        flex: none;
+      }
+
       &.disabled {
         color: $disable-color;
-
-        .nut-tabs__titles-item__text {
-          color: $disable-color;
-        }
       }
 
       &.active {
-        font-weight: 600;
-
-        .nut-tabs__titles-item__text {
-          color: $gray1;
-        }
+        color: $tabs-titles-item-active-color;
+        font-weight: $tabs-titles-item-active-font-weight;
 
         .nut-tabs__titles-item__line {
           content: ' ';
           width: $tabs-horizontal-titles-item-active-line-width;
-          height: 3px;
+          height: $tabs-horizontal-titles-item-active-line-height;
           background: $tabs-horizontal-tab-line-color;
         }
       }