@nutui/nutui-react-taro 3.0.13-beta.0 → 3.0.14

package/dist/cjs/packages/elevator/style-jrkf/elevator.scss

@@ -1,68 +1,66 @@
 .nut-elevator {
-  width: 100%;
-  display: block;
   position: relative;
-  overflow: hidden;
+  display: flex;
+  width: 100%;
 
   &-list {
-    display: block;
     position: relative;
     top: 0;
+    display: flex;
+    width: 100%;
     overflow: hidden;
-    font-size: $elevator-list-font-size;
-    color: $elevator-list-color;
 
     &-inner {
-      height: 100%;
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
       width: 100%;
-      display: block;
       background-color: $elevator-list-bg-color;
       overflow: auto;
     }
 
     &-item {
-      display: block;
-
+      display: flex;
+      &-sublist {
+        display: flex;
+        flex-direction: column;
+      }
       &-code {
         display: flex;
-        position: relative;
+        align-items: center;
         height: $elevator-list-item-code-height;
-        line-height: $elevator-list-item-code-line-height;
         font-size: $elevator-list-item-code-font-size;
         color: $elevator-list-item-code-color;
-        padding: $elevator-list-item-padding;
         font-weight: $elevator-list-item-code-font-weight;
-        box-sizing: border-box;
-        border-bottom: $elevator-list-item-code-border-bottom;
-        background-color: $elevator-list-item-code-background-color;
       }
 
       &-name {
         display: flex;
         align-items: center;
-        padding: $elevator-list-item-padding;
         height: $elevator-list-item-name-height;
-        line-height: $elevator-list-item-name-line-height;
+        font-size: $elevator-list-font-size;
+        color: $elevator-list-color;
 
         &-highcolor {
           color: $color-primary;
+          font-weight: 600;
         }
       }
     }
 
     &-fixed {
-      display: flex;
-      align-items: center;
-      width: 100%;
       position: absolute;
       top: 0;
       left: 0;
       z-index: 1;
+      display: flex;
+      align-items: center;
+      width: 100%;
       padding: $elevator-list-item-padding;
       height: $elevator-list-item-code-height;
-      background-color: $elevator-list-fixed-bg-color;
       box-sizing: border-box;
       box-shadow: $elevator-list-fixed-box-shadow;
+      background-color: $elevator-list-fixed-bg-color;
       &-title {
         font-size: $elevator-list-item-code-font-size;
         color: $elevator-list-fixed-color;
@@ -76,41 +74,71 @@
     right: $elevator-list-item-code-current-right;
     top: $elevator-list-item-code-current-top;
     transform: $elevator-bars-transform;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: $elevator-list-item-code-current-width;
     height: $elevator-list-item-code-current-height;
-    line-height: $elevator-list-item-code-current-line-height;
     border-radius: $elevator-list-item-code-current-border-radius;
     background: $elevator-list-item-code-current-bg-color;
     box-shadow: $elevator-list-item-code-current-box-shadow;
-    text-align: $elevator-list-item-code-current-text-align;
+    color: $elevator-list-item-code-current-color;
   }
 
   &-bars {
     position: absolute;
     right: $elevator-bars-right;
     top: $elevator-bars-top;
-    color: $color-text-help;
-    font-size: $elevator-bars-font-size;
     transform: $elevator-bars-transform;
-    padding: $elevator-bars-padding;
-    background-color: $elevator-bars-background-color;
-    border-radius: $elevator-bars-border-radius;
-    text-align: center;
     z-index: $elevator-bars-z-index;
 
     &-inner {
+      display: flex;
+      flex-direction: column;
       &-item {
-        display: block;
-        padding: $elevator-bars-inner-item-padding;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        height: 16px;
+        width: 16px;
+        border-radius: 50%;
+        margin: 1px 0;
+        color: $elevator-bars-color;
+        font-size: $elevator-bars-font-size;
         cursor: pointer;
-
         &-active {
           font-weight: $font-weight-bold;
           color: $elevator-bars-active-color;
+          /* #ifndef weapp jd*/
+          background: linear-gradient(to right, #ff475d, #ff0f23);
+          /* #endif */
+          /* #ifdef weapp jd*/
+          background: #ff0f23;
+          /* #endif */
         }
       }
     }
   }
+  &-horizontal {
+    .nut-elevator-list-item {
+      &-code {
+        width: $elevator-list-item-code-width;
+        justify-content: center;
+      }
+    }
+  }
+  &-vertical {
+    .nut-elevator-list-item {
+      flex-direction: column;
+      &-code {
+        border-bottom: $elevator-list-item-code-border-bottom;
+      }
+      &-name,
+      &-code {
+        padding: $elevator-list-item-padding;
+      }
+    }
+  }
 }
 
 [dir='rtl'] .nut-elevator,

package/dist/cjs/packages/elevator/style-jrkf/style.css

@@ -3,65 +3,64 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-elevator {
-  width: 100%;
-  display: block;
   position: relative;
-  overflow: hidden;
+  display: flex;
+  width: 100%;
 }
 .nut-elevator-list {
-  display: block;
   position: relative;
   top: 0;
+  display: flex;
+  width: 100%;
   overflow: hidden;
-  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-text-small));
-  color: var(--nutui-elevator-list-color, var(--nutui-color-title));
 }
 .nut-elevator-list-inner {
-  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
   width: 100%;
-  display: block;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
   overflow: auto;
 }
 .nut-elevator-list-item {
-  display: block;
+  display: flex;
+}
+.nut-elevator-list-item-sublist {
+  display: flex;
+  flex-direction: column;
 }
 .nut-elevator-list-item-code {
   display: flex;
-  position: relative;
+  align-items: center;
   height: var(--nutui-elevator-list-item-code-height, 20px);
-  line-height: var(--nutui-elevator-list-item-code-line-height, 20px);
   font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-text));
   color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-title));
-  padding: var(--nutui-elevator-list-item-padding, 0 20px);
   font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold));
-  box-sizing: border-box;
-  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, none);
-  background-color: var(--nutui-elevator-list-item-code-background-color, var(--nutui-color-default-light));
 }
 .nut-elevator-list-item-name {
   display: flex;
   align-items: center;
-  padding: var(--nutui-elevator-list-item-padding, 0 20px);
   height: var(--nutui-elevator-list-item-name-height, 52px);
-  line-height: var(--nutui-elevator-list-item-name-line-height, 52px);
+  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-text-small));
+  color: var(--nutui-elevator-list-color, var(--nutui-color-title));
 }
 .nut-elevator-list-item-name-highcolor {
   color: var(--nutui-color-primary, #ff6666);
+  font-weight: 600;
 }
 .nut-elevator-list-fixed {
-  display: flex;
-  align-items: center;
-  width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
+  display: flex;
+  align-items: center;
+  width: 100%;
   padding: var(--nutui-elevator-list-item-padding, 0 20px);
   height: var(--nutui-elevator-list-item-code-height, 20px);
-  background-color: var(--nutui-elevator-list-fixed-bg-color, var(--nutui-color-default-light));
   box-sizing: border-box;
   box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
+  background-color: var(--nutui-elevator-list-fixed-bg-color, var(--nutui-color-default-light));
 }
 .nut-elevator-list-fixed-title {
   font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-text));
@@ -73,35 +72,61 @@
   right: var(--nutui-elevator-list-item-code-current-right, 40px);
   top: var(--nutui-elevator-list-item-code-current-top, 50%);
   transform: var(--nutui-elevator-bars-transform, translateY(-50%));
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: var(--nutui-elevator-list-item-code-current-width, 48px);
   height: var(--nutui-elevator-list-item-code-current-height, 48px);
-  line-height: var(--nutui-elevator-list-item-code-current-line-height, 48px);
   border-radius: var(--nutui-elevator-list-item-code-current-border-radius, 50% 0 50% 50%);
   background: var(--nutui-elevator-list-item-code-current-bg-color, var(--nutui-color-default-light));
   box-shadow: 0px 2px 6px 0px rgba(4, 1, 135, 0.08);
-  text-align: var(--nutui-elevator-list-item-code-current-text-align, center);
+  color: var(--nutui-elevator-list-item-code-current-color, #ffffff);
 }
 .nut-elevator-bars {
   position: absolute;
   right: var(--nutui-elevator-bars-right, 10px);
   top: var(--nutui-elevator-bars-top, 50%);
-  color: var(--nutui-color-text-help);
-  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-text-xs));
   transform: var(--nutui-elevator-bars-transform, translateY(-50%));
-  padding: var(--nutui-elevator-bars-padding, 15px 0);
-  background-color: var(--nutui-elevator-bars-background-color, transparent);
-  border-radius: var(--nutui-elevator-bars-border-radius, 6px);
-  text-align: center;
   z-index: var(--nutui-elevator-bars-z-index, 2);
 }
+.nut-elevator-bars-inner {
+  display: flex;
+  flex-direction: column;
+}
 .nut-elevator-bars-inner-item {
-  display: block;
-  padding: var(--nutui-elevator-bars-inner-item-padding, 3px);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin: 1px 0;
+  color: var(--nutui-elevator-bars-color, var(--nutui-color-text-help));
+  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-text-xs));
   cursor: pointer;
 }
 .nut-elevator-bars-inner-item-active {
   font-weight: var(--nutui-font-weight-bold);
   color: var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #ff6666));
+  /* #ifndef weapp jd*/
+  background: linear-gradient(to right, #ff475d, #ff0f23);
+  /* #endif */
+  /* #ifdef weapp jd*/
+  background: #ff0f23;
+  /* #endif */
+}
+.nut-elevator-horizontal .nut-elevator-list-item-code {
+  width: var(--nutui-elevator-list-item-code-width, 34px);
+  justify-content: center;
+}
+.nut-elevator-vertical .nut-elevator-list-item {
+  flex-direction: column;
+}
+.nut-elevator-vertical .nut-elevator-list-item-code {
+  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, none);
+}
+.nut-elevator-vertical .nut-elevator-list-item-name, .nut-elevator-vertical .nut-elevator-list-item-code {
+  padding: var(--nutui-elevator-list-item-padding, 0 20px);
 }
 
 [dir=rtl] .nut-elevator-list-fixed,

package/dist/cjs/packages/image/image.js

@@ -65,7 +65,7 @@ var Image = function Image(props) {
     } : {}, radius !== undefined && radius !== null ? {
         overflow: 'hidden',
         borderRadius: pxCheck(radius)
-    } : {});
+    } : {}, style);
     var imgStyle = (0, _object_spread_props._)((0, _object_spread._)({}, style), {
         width: width,
         height: height
@@ -109,7 +109,7 @@ var Image = function Image(props) {
         className: (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-basic"), _taro.default.getEnv() !== 'WEB'), className),
         style: containerStyle
     }, /*#__PURE__*/ _react.default.createElement(_components.Image, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
-        className: "".concat(classPrefix, "-default ").concat(className ? "".concat(className, "-image") : ''),
+        className: (0, _classnames.default)("".concat(classPrefix, "-default"), className && "".concat(className, "-image"), (0, _define_property._)({}, "".concat(classPrefix, "-error"), isError)),
         style: imgStyle,
         src: src,
         onLoad: function onLoad(e) {

package/dist/cjs/packages/input/input.js

@@ -88,9 +88,6 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                 var _inputRef_current;
                 (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
             },
-            get: function get() {
-                return inputRef.current;
-            },
             get nativeElement () {
                 return inputRef.current;
             }
@@ -137,7 +134,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         updateValue((event.detail || event.currentTarget).value, 'onChange');
     };
     var handleBlur = function handleBlur(event) {
-        var val = _taro.default.getEnv() === 'WEB' ? event.target.value : value;
+        var val = _taro.default.getEnv() === 'WEB' ? event.target.value : event.detail.value;
         updateValue(val, 'onBlur');
         setTimeout(function() {
             return setActive(false);

package/dist/cjs/packages/loading/loading.js

@@ -27,10 +27,6 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     type: 'circular',
     direction: 'horizontal'
 });
-var defaultLottieProps = {
-    loop: true,
-    autoplay: true
-};
 var Loading = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, rest = (0, _object_without_properties._)(_ref, [
         "className",

package/dist/cjs/packages/navbar/style/navbar.scss

@@ -7,6 +7,8 @@
   align-items: center;
   height: $navbar-height;
   box-sizing: border-box;
+  background: $navbar-background;
+  box-shadow: $navbar-box-shadow;
   font-size: $navbar-font-size;
   color: $navbar-color;
   overflow: hidden;

package/dist/cjs/packages/navbar/style/style.css

@@ -11,6 +11,8 @@
   align-items: center;
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
+  background: var(--nutui-navbar-background, #ffffff);
+  box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
   overflow: hidden;

package/dist/cjs/packages/navbar/style/style.harmony.css

@@ -11,6 +11,8 @@
   align-items: center;
   height: 44px;
   box-sizing: border-box;
+  background: #ffffff;
+  box-shadow: 0 0 transparent;
   font-size: 14px;
   color: #1a1a1a;
   overflow: hidden;

package/dist/cjs/packages/navbar/style-jmapp/navbar.scss

@@ -7,6 +7,8 @@
   align-items: center;
   height: $navbar-height;
   box-sizing: border-box;
+  background: $navbar-background;
+  box-shadow: $navbar-box-shadow;
   font-size: $navbar-font-size;
   color: $navbar-color;
   overflow: hidden;

package/dist/cjs/packages/navbar/style-jmapp/style.css

@@ -11,6 +11,8 @@
   align-items: center;
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
+  background: var(--nutui-navbar-background, #ffffff);
+  box-shadow: var(--nutui-navbar-box-shadow, 0px);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-text));
   color: var(--nutui-navbar-color, var(--nutui-color-title));
   overflow: hidden;

package/dist/cjs/packages/navbar/style-jrkf/navbar.scss

@@ -7,6 +7,8 @@
   align-items: center;
   height: $navbar-height;
   box-sizing: border-box;
+  background: $navbar-background;
+  box-shadow: $navbar-box-shadow;
   font-size: $navbar-font-size;
   color: $navbar-color;
   overflow: hidden;

package/dist/cjs/packages/navbar/style-jrkf/style.css

@@ -11,6 +11,8 @@
   align-items: center;
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
+  background: var(--nutui-navbar-background, #ffffff);
+  box-shadow: var(--nutui-navbar-box-shadow, 0px);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-text));
   color: var(--nutui-navbar-color, var(--nutui-color-title));
   overflow: hidden;

package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style/style.css

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style/style.harmony.css

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style-jmapp/numberkeyboard.scss

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style-jmapp/style.css

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style-jrkf/numberkeyboard.scss

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style-jrkf/style.css

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/pagination/pagination.js

@@ -107,11 +107,11 @@ var Pagination = function Pagination(props) {
         }
     }, (0, _addcolorforharmony.addColorForHarmony)(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-lite")
-    }, /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-active")
-    }, current), /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, current), /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-spliterator")
-    }, "/"), /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, "/"), /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-default")
     }, pageCount)));
 };

package/dist/cjs/packages/pickerview/pickerroller.js

@@ -141,7 +141,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
                         ];
                     case 1:
                         placeholder = _state.sent();
-                        placeholderHeight = placeholder.height || 0;
+                        placeholderHeight = placeholder.height || 36;
                         return [
                             2,
                             placeholderHeight
@@ -151,7 +151,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
                         console.error('获取高度失败:', error);
                         return [
                             2,
-                            0
+                            36
                         ];
                     case 3:
                         return [
@@ -174,7 +174,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
             if (currentLineSpacing) {
                 lineSpacing.current = parseFloat(currentLineSpacing);
             }
-        } else {
+        } else if (placeholderRef.current) {
             getReactHeight().then(function(height) {
                 currentLineSpacing = height;
                 if (currentLineSpacing) {

package/dist/cjs/packages/price/style/price.scss

@@ -62,14 +62,23 @@
   &-integer {
     &-xlarge {
       font-size: $price-integer-xlarge-size;
+      /* #ifdef dynamic */
+      line-height: $price-integer-xlarge-size;
+      /* #endif */
     }
 
     &-large {
       font-size: $price-integer-large-size;
+      /* #ifdef dynamic */
+      line-height: $price-integer-large-size;
+      /* #endif */
     }
 
     &-normal {
       font-size: $price-integer-normal-size;
+      /* #ifdef dynamic */
+      line-height: $price-integer-normal-size;
+      /* #endif */
     }
 
     &-small {

package/dist/cjs/packages/price/style/style.css

@@ -43,12 +43,21 @@
 }
 .nut-price-integer-xlarge {
   font-size: var(--nutui-price-integer-xlarge-size, 24px);
+  /* #ifdef dynamic */
+  line-height: var(--nutui-price-integer-xlarge-size, 24px);
+  /* #endif */
 }
 .nut-price-integer-large {
   font-size: var(--nutui-price-integer-large-size, 18px);
+  /* #ifdef dynamic */
+  line-height: var(--nutui-price-integer-large-size, 18px);
+  /* #endif */
 }
 .nut-price-integer-normal {
   font-size: var(--nutui-price-integer-normal-size, 16px);
+  /* #ifdef dynamic */
+  line-height: var(--nutui-price-integer-normal-size, 16px);
+  /* #endif */
 }
 .nut-price-integer-small {
   font-size: var(--nutui-price-integer-small-size, 12px);

package/dist/cjs/packages/price/style/style.harmony.css

@@ -69,12 +69,21 @@
 }
 .nut-price-integer-xlarge {
   font-size: 24px;
+  /* #ifdef dynamic */
+  line-height: 24px;
+  /* #endif */
 }
 .nut-price-integer-large {
   font-size: 18px;
+  /* #ifdef dynamic */
+  line-height: 18px;
+  /* #endif */
 }
 .nut-price-integer-normal {
   font-size: 16px;
+  /* #ifdef dynamic */
+  line-height: 16px;
+  /* #endif */
 }
 .nut-price-integer-small {
   font-size: 12px;