@nutui/nutui-react-taro 3.0.14 → 3.0.15

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/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 {

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

@@ -79,7 +79,9 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
     var selectValue = function selectValue(move) {
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
     };
+    var isScroll = (0, _react.useRef)(false);
     var handleTouchStart = function handleTouchStart(event) {
+        isScroll.current = true;
         touch.start(event);
         setStartY(touch.deltaY.current);
         setStartTime(Date.now());
@@ -104,6 +106,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
         } else {
             handleMove(move, 'end');
         }
+        isScroll.current = false;
         setTimeout(function() {
             touch.reset();
         }, 0);
@@ -223,6 +226,11 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
         handleTouchMove,
         handleTouchEnd
     ]);
+    var onTransitionEnd = function onTransitionEnd() {
+        if (!isScroll.current) {
+            stopMomentumScroll();
+        }
+    };
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-pickerview-list",
         ref: pickerRollerRef
@@ -235,7 +243,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
         id: "".concat(classPrefix, "-").concat(uuid),
         ref: rollerRef,
         style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
-        onTransitionEnd: stopMomentumScroll
+        onTransitionEnd: onTransitionEnd
     }, threeDimensional && options.map(function(item, index) {
         var _item_value;
         var _obj;

package/dist/cjs/types/spec/calendarcard/base.d.ts

@@ -17,6 +17,7 @@ export type CalendarCardRef = {
 };
 export interface BaseCalendarCard extends BaseProps {
     type: 'single' | 'multiple' | 'range' | 'week';
+    title: ReactNode;
     value: CalendarCardValue;
     defaultValue: CalendarCardValue;
     firstDayOfWeek: number;

package/dist/cjs/types/spec/datepicker/base.d.ts

@@ -5,7 +5,7 @@ export interface BaseDatePicker extends BaseProps {
     defaultValue?: Date;
     visible: boolean;
     title: string;
-    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes' | '';
     showChinese: boolean;
     minuteStep: number;
     startDate: Date;

package/dist/es/packages/button/style/button.scss

@@ -286,6 +286,7 @@
       color: $button-success-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-success-disabled;
       border-color: $button-success-disabled;
@@ -320,6 +321,7 @@
       color: $button-info-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-info-disabled;
       border-color: $button-info-disabled;
@@ -354,6 +356,7 @@
       color: $button-danger-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-danger-disabled;
       border-color: $button-danger-disabled;

package/dist/es/packages/button/style/style.css

@@ -239,7 +239,7 @@
 .nut-button-success-children {
   color: var(--nutui-button-success-color, #ffffff);
 }
-.nut-button-success-solid-disabled {
+.nut-button-success-disabled, .nut-button-success-solid-disabled {
   background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
   border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
 }
@@ -266,7 +266,7 @@
 .nut-button-info-children {
   color: var(--nutui-button-info-color, #ffffff);
 }
-.nut-button-info-solid-disabled {
+.nut-button-info-disabled, .nut-button-info-solid-disabled {
   background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
 }
@@ -293,7 +293,7 @@
 .nut-button-danger-children {
   color: var(--nutui-button-danger-color, #ffffff);
 }
-.nut-button-danger-solid-disabled {
+.nut-button-danger-disabled, .nut-button-danger-solid-disabled {
   background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
   border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
 }

package/dist/es/packages/button/style/style.harmony.css

@@ -262,6 +262,10 @@
 .nut-button-success-children {
   color: #ffffff;
 }
+.nut-button-success-disabled {
+  background: #b2f0ae;
+  border-color: #b2f0ae;
+}
 .nut-button-success-solid-disabled {
   background: #b2f0ae;
   border-color: #b2f0ae;
@@ -297,6 +301,10 @@
 .nut-button-info-children {
   color: #ffffff;
 }
+.nut-button-info-disabled {
+  background: #89a6f8;
+  border-color: #89a6f8;
+}
 .nut-button-info-solid-disabled {
   background: #89a6f8;
   border-color: #89a6f8;
@@ -332,6 +340,10 @@
 .nut-button-danger-children {
   color: #ffffff;
 }
+.nut-button-danger-disabled {
+  background: #ffadbe;
+  border-color: #ffadbe;
+}
 .nut-button-danger-solid-disabled {
   background: #ffadbe;
   border-color: #ffadbe;

package/dist/es/packages/button/style-jmapp/button.scss

@@ -286,6 +286,7 @@
       color: $button-success-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-success-disabled;
       border-color: $button-success-disabled;
@@ -320,6 +321,7 @@
       color: $button-info-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-info-disabled;
       border-color: $button-info-disabled;
@@ -354,6 +356,7 @@
       color: $button-danger-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-danger-disabled;
       border-color: $button-danger-disabled;

package/dist/es/packages/button/style-jmapp/style.css

@@ -239,7 +239,7 @@
 .nut-button-success-children {
   color: var(--nutui-button-success-color, var(--nutui-color-text-dark));
 }
-.nut-button-success-solid-disabled {
+.nut-button-success-disabled, .nut-button-success-solid-disabled {
   background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled));
   border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled));
 }
@@ -266,7 +266,7 @@
 .nut-button-info-children {
   color: var(--nutui-button-info-color, var(--nutui-color-text-dark));
 }
-.nut-button-info-solid-disabled {
+.nut-button-info-disabled, .nut-button-info-solid-disabled {
   background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled));
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled));
 }
@@ -293,7 +293,7 @@
 .nut-button-danger-children {
   color: var(--nutui-button-danger-color, var(--nutui-color-text-dark));
 }
-.nut-button-danger-solid-disabled {
+.nut-button-danger-disabled, .nut-button-danger-solid-disabled {
   background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled));
   border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled));
 }

package/dist/es/packages/button/style-jrkf/button.scss

@@ -286,6 +286,7 @@
       color: $button-success-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-success-disabled;
       border-color: $button-success-disabled;
@@ -320,6 +321,7 @@
       color: $button-info-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-info-disabled;
       border-color: $button-info-disabled;
@@ -354,6 +356,7 @@
       color: $button-danger-color;
     }
 
+    &-disabled,
     &-solid-disabled {
       background: $button-danger-disabled;
       border-color: $button-danger-disabled;

package/dist/es/packages/button/style-jrkf/style.css

@@ -239,7 +239,7 @@
 .nut-button-success-children {
   color: var(--nutui-button-success-color, var(--nutui-color-text-dark));
 }
-.nut-button-success-solid-disabled {
+.nut-button-success-disabled, .nut-button-success-solid-disabled {
   background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled));
   border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled));
 }
@@ -266,7 +266,7 @@
 .nut-button-info-children {
   color: var(--nutui-button-info-color, var(--nutui-color-text-dark));
 }
-.nut-button-info-solid-disabled {
+.nut-button-info-disabled, .nut-button-info-solid-disabled {
   background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled));
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled));
 }
@@ -293,7 +293,7 @@
 .nut-button-danger-children {
   color: var(--nutui-button-danger-color, var(--nutui-color-text-dark));
 }
-.nut-button-danger-solid-disabled {
+.nut-button-danger-disabled, .nut-button-danger-solid-disabled {
   background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled));
   border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled));
 }

package/dist/es/packages/calendarcard/calendarcard.js

@@ -2,7 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState, useRef } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ArrowLeft, ArrowRight, DoubleLeft, DoubleRight } from "./icon";
@@ -17,7 +17,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 var prefixCls = 'nut-calendarcard';
 export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, type = _$_object_spread.type, title = _$_object_spread.title, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var onPageChangeRef = useRef(onPageChange);
     // 当前月份信息
     var _useState = _sliced_to_array(useState(function() {
         var date = new Date(Date.now());
@@ -92,13 +93,18 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         firstDayOfWeek
     ]);
     useEffect(function() {
+        onPageChangeRef.current = onPageChange;
+    }, [
+        onPageChange
+    ]);
+    useEffect(function() {
+        var _onPageChangeRef_current;
         var newDays = getDays(month);
         setDays(newDays);
-        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(month);
+        (_onPageChangeRef_current = onPageChangeRef.current) === null || _onPageChangeRef_current === void 0 ? void 0 : _onPageChangeRef_current.call(onPageChangeRef, month);
     }, [
         month,
         getDays,
-        onPageChange,
         firstDayOfWeek
     ]);
     var isSameDay = function(day1, day2) {
@@ -387,6 +393,6 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     return days.length > 0 ? /*#__PURE__*/ React.createElement(View, {
         className: classNames(prefixCls, className),
         style: style
-    }, renderHeader(), renderContent()) : null;
+    }, title || renderHeader(), renderContent()) : null;
 });
 CalendarCard.displayName = 'NutCalendarCard';