@nutui/nutui-react 3.0.13 → 3.0.15

package/dist/es/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/es/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/es/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/es/packages/noticebar/noticebar.js

@@ -293,7 +293,7 @@ export var NoticeBar = function(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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/types/spec/calendarcard/base.d.ts

@@ -21,6 +21,10 @@ export interface BaseCalendarCard extends BaseProps {
     */
     type: 'single' | 'multiple' | 'range' | 'week'
     /**
+    * 自定义标题
+    */
+    title: ReactNode
+    /**
     * 受控模式下的值，与 onChange 搭配使用
     */
     value: CalendarCardValue

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

@@ -20,7 +20,7 @@ export interface BaseDatePicker extends BaseProps {
     /**
     * 类时间类型，可选值 date time year-month month-day datehour datetime hour-minutes
     */
-    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes'
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes' | ''
     /**
     * 每列是否展示中文
     */

package/dist/es/types/spec/elevator/base.d.ts

@@ -8,10 +8,22 @@ 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
     /**
     * 电梯区域的高度
     */
@@ -32,10 +44,7 @@ export interface BaseElevator extends BaseProps {
     * 右侧锚点的上下间距
     */
     spaceHeight: number
-    /**
-    * 左侧索引的高度
-    */
-    titleHeight: number
+    titleHeight: number;
     /**
     * 展示右侧导航
     */