@nutui/nutui-react 3.0.13 → 3.0.15

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "Image", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
@@ -166,25 +167,20 @@ var Image = function Image(props) {
         onClick: function onClick(e) {
             imageClick(e);
         }
-    }, lazy ? /*#__PURE__*/ _react.default.createElement("img", {
+    }, /*#__PURE__*/ _react.default.createElement("img", (0, _object_spread_props._)((0, _object_spread._)({
         ref: imgRef,
-        className: "".concat(classPrefix, "-default lazyload"),
-        style: imgStyle,
-        "data-src": src,
+        className: (0, _classnames.default)("".concat(classPrefix, "-default"), lazy && 'lazyload', (0, _define_property._)({}, "".concat(classPrefix, "-error"), isError)),
+        style: imgStyle
+    }, lazy ? {
+        'data-src': src,
+        loading: 'lazy'
+    } : {
+        src: src
+    }), {
         alt: alt,
-        loading: "lazy",
         onLoad: handleLoad,
         onError: handleError,
         draggable: draggable
-    }) : /*#__PURE__*/ _react.default.createElement("img", {
-        ref: imgRef,
-        className: "".concat(classPrefix, "-default"),
-        style: imgStyle,
-        src: src,
-        alt: alt,
-        onLoad: handleLoad,
-        onError: handleError,
-        draggable: draggable
-    }), renderLoading(), renderErrorImg());
+    })), renderLoading(), renderErrorImg());
 };
 Image.displayName = 'NutImage';

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

@@ -305,7 +305,7 @@ var NoticeBar = function NoticeBar(props) {
         var val = rect.height - 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-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/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-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/tabpane/style/style.css

@@ -6,7 +6,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
+  background-color: var(--nutui-tabs-tabpane-background-color, #fff);
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;

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

@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $tabs-tabpane-backgroundColor;
+  background-color: $tabs-tabpane-background-color;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;

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

@@ -6,7 +6,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
+  background-color: var(--nutui-tabs-tabpane-background-color, #fff);
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;

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

@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $tabs-tabpane-backgroundColor;
+  background-color: $tabs-tabpane-background-color;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;

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

@@ -6,7 +6,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
+  background-color: var(--nutui-tabs-tabpane-background-color, #fff);
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;

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

@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $tabs-tabpane-backgroundColor;
+  background-color: $tabs-tabpane-background-color;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;

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/cjs/types/spec/elevator/base.d.ts

@@ -8,10 +8,13 @@ export interface ElevatorItem {
 export type ElevatorFloorKey = string;
 export type ElevatorList = {
     list: Array<ElevatorItem>;
-} & {
-    [key: ElevatorFloorKey]: string;
+    [key: string]: SimpleValue | Array<ElevatorItem>;
 };
+export type ElevatorMode = 'horizontal' | 'vertical';
 export interface BaseElevator extends BaseProps {
+    defaultValue?: ElevatorItem;
+    value?: ElevatorItem;
+    mode: ElevatorMode;
     height: SimpleValue;
     floorKey: ElevatorFloorKey;
     list: ElevatorList[];

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-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));
 }