@nutui/nutui-react-taro 3.0.13 → 3.0.15

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/formitem/formitem.js

@@ -136,11 +136,11 @@ var FormItem = /*#__PURE__*/ function(_superClass) {
             var item = name ? _this.context.formInstance.errors[name] : [];
             var starPosition = _this.context.formInstance.starPosition;
             var renderStar = (required || requiredInRules) && /*#__PURE__*/ _react.default.createElement(_components.Text, {
-                className: "nut-form-item-label-required required"
+                className: "nut-form-item-label-".concat(starPosition, "-required required")
             }, "*");
             var renderLabel = /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Text, {
                 className: "nut-form-item-labeltxt"
-            }, starPosition === 'left' ? renderStar : null, label), starPosition === 'right' ? renderStar : null);
+            }, starPosition === 'left' ? renderStar : null, label, starPosition === 'right' ? renderStar : null));
             return /*#__PURE__*/ _react.default.createElement(_index.default, {
                 className: "".concat(_this.getClassNameWithDirection('nut-form-item'), " ").concat(className),
                 style: style,

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

@@ -18,19 +18,25 @@
     word-wrap: break-word;
     text-align: $form-item-label-text-align;
     line-height: unset;
-  }
 
-  &-label-required {
-    color: $form-item-required-color;
-    margin-right: $form-item-required-margin-right;
-    display: block;
-    position: absolute;
-    left: -10px;
+    &-left-required {
+      color: $form-item-required-color;
+      margin-right: $form-item-required-margin-right;
+      position: absolute;
+      left: -10px;
+    }
+
+    &-right-required {
+      color: $form-item-required-color;
+      margin-left: $form-item-required-margin-right;
+      position: absolute;
+      right: -10px;
+    }
   }
 
   .nut-form-item-labeltxt {
     position: relative;
-    font-size: 12px;
+    font-size: $form-item-label-font-size;
   }
 
   &-body {
@@ -136,13 +142,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -13,7 +13,7 @@
 .nut-form-item-label {
   display: flex;
   flex-direction: row;
-  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-size-base, 14px));
+  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-size-s, 12px));
   font-weight: normal;
   width: var(--nutui-form-item-label-width, 90px);
   margin-right: var(--nutui-form-item-label-margin-right, 10px);
@@ -22,16 +22,21 @@
   text-align: var(--nutui-form-item-label-text-align, left);
   line-height: unset;
 }
-.nut-form-item-label-required {
+.nut-form-item-label-left-required {
   color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
   margin-right: var(--nutui-form-item-required-margin-right, 4px);
-  display: block;
   position: absolute;
   left: -10px;
 }
+.nut-form-item-label-right-required {
+  color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
+  margin-left: var(--nutui-form-item-required-margin-right, 4px);
+  position: absolute;
+  right: -10px;
+}
 .nut-form-item .nut-form-item-labeltxt {
   position: relative;
-  font-size: 12px;
+  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-size-s, 12px));
 }
 .nut-form-item-body {
   flex: 1;
@@ -121,13 +126,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -13,7 +13,7 @@
 .nut-form-item-label {
   display: flex;
   flex-direction: row;
-  font-size: 14px;
+  font-size: 12px;
   font-weight: normal;
   width: 90px;
   margin-right: 10px;
@@ -22,13 +22,18 @@
   text-align: left;
   line-height: unset;
 }
-.nut-form-item-label-required {
+.nut-form-item-label-left-required {
   color: #ff0f23;
   margin-right: 4px;
-  display: block;
   position: absolute;
   left: -10px;
 }
+.nut-form-item-label-right-required {
+  color: #ff0f23;
+  margin-left: 4px;
+  position: absolute;
+  right: -10px;
+}
 .nut-form-item .nut-form-item-labeltxt {
   position: relative;
   font-size: 12px;
@@ -129,13 +134,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -18,19 +18,25 @@
     word-wrap: break-word;
     text-align: $form-item-label-text-align;
     line-height: unset;
-  }
 
-  &-label-required {
-    color: $form-item-required-color;
-    margin-right: $form-item-required-margin-right;
-    display: block;
-    position: absolute;
-    left: -10px;
+    &-left-required {
+      color: $form-item-required-color;
+      margin-right: $form-item-required-margin-right;
+      position: absolute;
+      left: -10px;
+    }
+
+    &-right-required {
+      color: $form-item-required-color;
+      margin-left: $form-item-required-margin-right;
+      position: absolute;
+      right: -10px;
+    }
   }
 
   .nut-form-item-labeltxt {
     position: relative;
-    font-size: 12px;
+    font-size: $form-item-label-font-size;
   }
 
   &-body {
@@ -136,13 +142,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -22,16 +22,21 @@
   text-align: var(--nutui-form-item-label-text-align, left);
   line-height: unset;
 }
-.nut-form-item-label-required {
+.nut-form-item-label-left-required {
   color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
   margin-right: var(--nutui-form-item-required-margin-right, 4px);
-  display: block;
   position: absolute;
   left: -10px;
 }
+.nut-form-item-label-right-required {
+  color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
+  margin-left: var(--nutui-form-item-required-margin-right, 4px);
+  position: absolute;
+  right: -10px;
+}
 .nut-form-item .nut-form-item-labeltxt {
   position: relative;
-  font-size: 12px;
+  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-text));
 }
 .nut-form-item-body {
   flex: 1;
@@ -121,13 +126,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -18,19 +18,25 @@
     word-wrap: break-word;
     text-align: $form-item-label-text-align;
     line-height: unset;
-  }
 
-  &-label-required {
-    color: $form-item-required-color;
-    margin-right: $form-item-required-margin-right;
-    display: block;
-    position: absolute;
-    left: -10px;
+    &-left-required {
+      color: $form-item-required-color;
+      margin-right: $form-item-required-margin-right;
+      position: absolute;
+      left: -10px;
+    }
+
+    &-right-required {
+      color: $form-item-required-color;
+      margin-left: $form-item-required-margin-right;
+      position: absolute;
+      right: -10px;
+    }
   }
 
   .nut-form-item-labeltxt {
     position: relative;
-    font-size: 12px;
+    font-size: $form-item-label-font-size;
   }
 
   &-body {
@@ -136,13 +142,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -22,16 +22,21 @@
   text-align: var(--nutui-form-item-label-text-align, left);
   line-height: unset;
 }
-.nut-form-item-label-required {
+.nut-form-item-label-left-required {
   color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
   margin-right: var(--nutui-form-item-required-margin-right, 4px);
-  display: block;
   position: absolute;
   left: -10px;
 }
+.nut-form-item-label-right-required {
+  color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
+  margin-left: var(--nutui-form-item-required-margin-right, 4px);
+  position: absolute;
+  right: -10px;
+}
 .nut-form-item .nut-form-item-labeltxt {
   position: relative;
-  font-size: 12px;
+  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-text));
 }
 .nut-form-item-body {
   flex: 1;
@@ -121,13 +126,6 @@
   white-space: nowrap;
 }
 
-.nut-form-item-label-left-required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
 .nut-form-item-top {
   flex-direction: column;
   align-items: flex-start;

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

@@ -134,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/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/noticebar/noticebar.js

@@ -345,7 +345,7 @@ var NoticeBar = function NoticeBar(props) {
         var val = ((rect === null || rect === void 0 ? void 0 : rect.height) || 0) - height;
         _offset = moveOffset + Number(active === childCount - 1 && val / 2);
         target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : duration, "ms");
-        target.style.height = "".concat(Number(height) * childCount, "px");
+        target.style.height = "".concat(Number(height) * (childCount + 1), "px");
         target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
     };
     // 无缝滚动第一个元素位移控制

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

@@ -7,7 +7,6 @@
   width: 100%;
   height: 100%;
   background-color: $overlay-bg-color;
-  z-index: $overlay-zIndex;
 }
 
 .nut-overflow-hidden {

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

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
-  z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
 .nut-overflow-hidden {

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

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
-  z-index: 1000;
 }
 
 .nut-overflow-hidden {

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

@@ -7,7 +7,6 @@
   width: 100%;
   height: 100%;
   background-color: $overlay-bg-color;
-  z-index: $overlay-zIndex;
 }
 
 .nut-overflow-hidden {

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

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   background-color: var(--nutui-overlay-bg-color, var(--nutui-color-surface-overlay));
-  z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
 .nut-overflow-hidden {

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

@@ -7,7 +7,6 @@
   width: 100%;
   height: 100%;
   background-color: $overlay-bg-color;
-  z-index: $overlay-zIndex;
 }
 
 .nut-overflow-hidden {

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

@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   background-color: var(--nutui-overlay-bg-color, var(--nutui-color-surface-overlay));
-  z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
 .nut-overflow-hidden {