@nutui/nutui-react-taro 3.0.12 → 3.0.13

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;

package/dist/cjs/packages/price/style-jmapp/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-jmapp/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, 24px);
+  /* #ifdef dynamic */
+  line-height: var(--nutui-price-integer-large-size, 24px);
+  /* #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-jrkf/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-jrkf/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/steps/style/steps.scss

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -134,7 +134,7 @@
   height: 12px;
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

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

@@ -179,7 +179,7 @@
 
   // 纵向滚动条
   &-vertical {
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     flex: 1;
     min-width: 0;
     /* #endif */

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

@@ -117,7 +117,7 @@
   height: var(--nutui-steps-base-head-text-size, 12px);
 }
 .nut-steps-vertical {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   flex: 1;
   min-width: 0;
   /* #endif */

package/dist/cjs/packages/swiper/swiper.js

@@ -24,27 +24,33 @@ var defaultProps = {
     direction: 'horizontal',
     indicator: false,
     autoPlay: false,
+    autoplay: false,
     loop: false,
     defaultValue: 0,
     style: {}
 };
 var classPrefix = 'nut-swiper';
 var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, loop = _ref.loop, autoPlay = _ref.autoPlay, duration = _ref.duration, direction = _ref.direction, defaultValue = _ref.defaultValue, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, duration = _ref.duration, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
         "width",
         "height",
         "className",
         "children",
         "indicator",
+        "indicatorDots",
         "loop",
+        "circular",
         "autoPlay",
+        "autoplay",
         "duration",
+        "vertical",
         "direction",
         "defaultValue",
+        "current",
         "onChange",
         "style"
     ]);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(defaultValue), 2), current = _useState[0], setCurrent = _useState[1];
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(current || defaultValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
     var childrenCount = (0, _react.useMemo)(function() {
         var c = 0;
         _react.default.Children.map(children, function(child, index) {
@@ -54,47 +60,42 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     }, [
         children
     ]);
-    (0, _react.useEffect)(function() {
-        setCurrent(defaultValue);
-    }, [
-        defaultValue
-    ]);
     var renderIndicator = function renderIndicator() {
         if (/*#__PURE__*/ _react.default.isValidElement(indicator)) return indicator;
-        if (indicator) {
+        if (indicator || indicatorDots) {
             var _obj;
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
-                className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical'), _obj))
+                className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical' || vertical), _obj))
             }, /*#__PURE__*/ _react.default.createElement(_index.default, {
-                current: current,
+                current: innerValue,
                 total: childrenCount,
-                direction: direction
+                direction: vertical ? 'vertical' : direction
             }));
         }
         return null;
     };
     var handleOnChange = function handleOnChange(value) {
-        setCurrent(value.detail.current);
+        setInnerValue(value.detail.current);
     };
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             to: function to(value) {
-                setCurrent(value);
+                setInnerValue(value);
             },
             next: function next() {
                 if (loop) {
-                    setCurrent((current + 1) % childrenCount);
+                    setInnerValue((innerValue + 1) % childrenCount);
                 } else {
-                    setCurrent(current + 1 >= childrenCount ? current : current + 1);
+                    setInnerValue(innerValue + 1 >= childrenCount ? innerValue : innerValue + 1);
                 }
             },
             prev: function prev() {
                 if (loop) {
-                    var next = current - 1;
+                    var next = innerValue - 1;
                     next = next < 0 ? childrenCount + next : next;
-                    setCurrent(next % childrenCount);
+                    setInnerValue(next % childrenCount);
                 } else {
-                    setCurrent(current - 1 <= 0 ? 0 : current - 1);
+                    setInnerValue(innerValue - 1 <= 0 ? 0 : innerValue - 1);
                 }
             }
         };
@@ -112,10 +113,10 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             height: !height ? (0, _pxtransform.pxTransform)(150) : height
         }
     }, /*#__PURE__*/ _react.default.createElement(_components.Swiper, (0, _object_spread._)({
-        current: current,
+        current: innerValue,
         circular: loop,
-        autoplay: autoPlay,
-        vertical: direction === 'vertical',
+        autoplay: autoplay || autoPlay,
+        vertical: direction === 'vertical' || vertical,
         indicatorDots: false,
         onChange: function onChange(e) {
             var _props_onChange;

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: #1a1a1a;
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -48,18 +48,18 @@
   color: #ff0f23;
 }
 .nut-tabbar-item-active .nut-tabbar-item-text {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: #ff0f23;
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: #ff0f23;
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-text));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -15,10 +15,10 @@
   width: 24px;
   height: 24px;
   font-size: 24px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-inactive-color, var(--nutui-color-text));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }
@@ -49,10 +49,10 @@
 }
 .nut-tabbar-item-active .nut-tabbar-item-text,
 .nut-tabbar-item-active .nut-icon {
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff6666));
   /* #endif*/
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   color: inherit;
   /* #endif*/
 }

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

@@ -11,10 +11,10 @@
     width: 24px;
     height: 24px;
     font-size: 24px;
-    /* #ifdef harmony*/
+    /* #ifdef harmony dynamic*/
     color: $tabbar-inactive-color;
     /* #endif*/
-    /* #ifndef harmony*/
+    /* #ifndef harmony dynamic*/
     color: inherit;
     /* #endif*/
   }
@@ -52,10 +52,10 @@
 
     .nut-tabbar-item-text,
     .nut-icon {
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       color: $tabbar-active-color;
       /* #endif*/
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       color: inherit;
       /* #endif*/
     }

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -186,10 +186,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;

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

@@ -170,10 +170,10 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   padding-left: 12px;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   padding-left: 6px;
   /* #endif */
   width: 90px;

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

@@ -213,10 +213,10 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     padding-left: 12px;
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     padding-left: 6px;
     /* #endif */
     width: 90px;