@nutui/nutui-react 3.0.19-beta.2 → 3.0.19

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

@@ -82,7 +82,9 @@
     }
 
     &-stretch {
+      /* #ifndef dynamic*/
       justify-content: stretch;
+      /* #endif */
     }
   }
 }

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

@@ -64,7 +64,9 @@
   justify-content: space-evenly;
 }
 .nut-space-justify-stretch {
+  /* #ifndef dynamic*/
   justify-content: stretch;
+  /* #endif */
 }
 
 [dir=rtl] .nut-space-horizontal > .nut-space-item,

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

@@ -82,7 +82,9 @@
     }
 
     &-stretch {
+      /* #ifndef dynamic*/
       justify-content: stretch;
+      /* #endif */
     }
   }
 }

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

@@ -64,7 +64,9 @@
   justify-content: space-evenly;
 }
 .nut-space-justify-stretch {
+  /* #ifndef dynamic*/
   justify-content: stretch;
+  /* #endif */
 }
 
 [dir=rtl] .nut-space-horizontal > .nut-space-item,

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

@@ -84,7 +84,9 @@
 
           .nut-step-title {
             padding-right: 8px;
+            /* #ifndef dynamic*/
             width: fit-content;
+            /* #endif */
           }
         }
       }
@@ -112,7 +114,12 @@
           width: 100%;
 
           &-inner {
+            /* #ifdef dynamic*/
+            display: flex;
+            /* #endif */
+            /* #ifndef dynamic*/
             display: inline-flex;
+            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -230,7 +237,9 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
+        /* #ifndef dynamic*/
         overflow: auto;
+        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

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

@@ -60,7 +60,9 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -81,7 +83,12 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
@@ -160,8 +167,10 @@
   display: flex;
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
-  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 15px));
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

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

@@ -84,7 +84,9 @@
 
           .nut-step-title {
             padding-right: 8px;
+            /* #ifndef dynamic*/
             width: fit-content;
+            /* #endif */
           }
         }
       }
@@ -112,7 +114,12 @@
           width: 100%;
 
           &-inner {
+            /* #ifdef dynamic*/
+            display: flex;
+            /* #endif */
+            /* #ifndef dynamic*/
             display: inline-flex;
+            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -230,7 +237,9 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
+        /* #ifndef dynamic*/
         overflow: auto;
+        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

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

@@ -60,7 +60,9 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -81,7 +83,12 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border));
@@ -161,7 +168,9 @@
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
   font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-text-large));
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

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

@@ -84,7 +84,9 @@
 
           .nut-step-title {
             padding-right: 8px;
+            /* #ifndef dynamic*/
             width: fit-content;
+            /* #endif */
           }
         }
       }
@@ -112,7 +114,12 @@
           width: 100%;
 
           &-inner {
+            /* #ifdef dynamic*/
+            display: flex;
+            /* #endif */
+            /* #ifndef dynamic*/
             display: inline-flex;
+            /* #endif */
             height: $steps-base-line-height;
             width: 100%;
             background: $steps-base-line-background;
@@ -230,7 +237,9 @@
         align-items: center;
         height: $steps-vertical-line-height;
         font-size: $steps-vertical-title-font-size;
+        /* #ifndef dynamic*/
         overflow: auto;
+        /* #endif */
         font-weight: 500;
         margin-bottom: $steps-vertical-title-margin-bottom;
       }

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

@@ -60,7 +60,9 @@
 }
 .nut-steps-horizontal-single .nut-step-special .nut-step-title {
   padding-right: 8px;
+  /* #ifndef dynamic*/
   width: fit-content;
+  /* #endif */
 }
 .nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
   padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
@@ -81,7 +83,12 @@
   width: 100%;
 }
 .nut-steps-horizontal-double .nut-step-line-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-steps-base-line-height, 1px);
   width: 100%;
   background: var(--nutui-steps-base-line-background, var(--nutui-color-border));
@@ -161,7 +168,9 @@
   align-items: center;
   height: var(--nutui-steps-vertical-line-height, 18px);
   font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-text-large));
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   font-weight: 500;
   margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
 }

package/dist/es/packages/swiper/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { Swiper } from "./swiper";
 import SwiperItem from "../swiperitem";
 var InnerSwiper = Swiper;

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

@@ -5,7 +5,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 46px);
@@ -60,7 +65,12 @@
   border-radius: 2px;
 }
 .nut-switch-label {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;

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

@@ -1,7 +1,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: $switch-width;
@@ -58,7 +63,12 @@
   }
 
   &-label {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     height: 100%;
     white-space: nowrap;

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

@@ -5,7 +5,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 40px);
@@ -60,7 +65,12 @@
   border-radius: 2px;
 }
 .nut-switch-label {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;

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

@@ -1,7 +1,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: $switch-width;
@@ -58,7 +63,12 @@
   }
 
   &-label {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     height: 100%;
     white-space: nowrap;

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

@@ -5,7 +5,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: var(--nutui-switch-width, 40px);
@@ -60,7 +65,12 @@
   border-radius: 2px;
 }
 .nut-switch-label {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   height: 100%;
   white-space: nowrap;

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

@@ -1,7 +1,12 @@
 .nut-switch {
   cursor: pointer;
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   min-width: $switch-width;
@@ -58,7 +63,12 @@
   }
 
   &-label {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     height: 100%;
     white-space: nowrap;

package/dist/es/packages/switch/switch.js

@@ -20,7 +20,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     onLoadingChange: function(loading) {}
 });
 export var Switch = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
         "checked",
         "defaultChecked",
         "disabled",
@@ -31,7 +31,8 @@ export var Switch = function(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = useRtl();
@@ -61,8 +62,8 @@ export var Switch = function(props) {
             (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), !value), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
         ]);
     };
-    var onClick = function() {
-        return _async_to_generator(function() {
+    var onClick = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function() {
             var e;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -107,14 +108,23 @@ export var Switch = function(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function onClick() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var _obj, _obj1;
-    return /*#__PURE__*/ React.createElement("div", _object_spread({
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
         className: classes(),
         onClick: onClick,
         style: style
-    }, rest), /*#__PURE__*/ React.createElement("div", {
+    }, rest), {
+        role: "switch",
+        tabIndex: disabled ? -1 : 0,
+        "aria-checked": value,
+        "aria-disabled": disabled,
+        "aria-label": ariaLabel
+    }), /*#__PURE__*/ React.createElement("div", {
         className: classNames([
             [
                 "".concat(classPrefix, "-button")

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

@@ -39,9 +39,9 @@
   padding: 0;
 }
 .nut-tabbar-item-large .nut-tabbar-item-text {
-  font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
   margin-top: 0;
-  line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 15px));
   font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
 }
 .nut-tabbar-item-active {

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

@@ -23,12 +23,14 @@
   overflow-x: auto;
 }
 .nut-table-main {
+  /* #ifndef dynamic*/
   display: table;
+  width: max-content;
+  /* #endif */
   overflow-x: auto;
   color: var(--nutui-color-title, #1a1a1a);
   background-color: var(--nutui-color-background-overlay, #ffffff);
   table-layout: fixed;
-  width: max-content;
   min-width: 100%;
   position: relative;
 }
@@ -45,14 +47,18 @@
   background: inherit;
 }
 .nut-table-main-head-tr, .nut-table-main-body-tr {
+  /* #ifndef dynamic*/
   display: table-row;
+  /* #endif */
   background: inherit;
 }
 .nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
   border-bottom: none;
 }
 .nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -66,7 +72,9 @@
   border-right: none;
 }
 .nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -94,10 +102,14 @@
   text-align: end;
 }
 .nut-table-main-head {
+  /* #ifndef dynamic*/
   display: table-header-group;
+  /* #endif */
 }
 .nut-table-main-body {
+  /* #ifndef dynamic*/
   display: table-row-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;

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

@@ -20,12 +20,14 @@
   }
 
   &-main {
+    /* #ifndef dynamic*/
     display: table;
+    width: max-content;
+    /* #endif */
     overflow-x: auto;
     color: $color-title;
     background-color: $color-background-overlay;
     table-layout: fixed;
-    width: max-content;
     min-width: 100%;
     position: relative;
 
@@ -54,7 +56,9 @@
       background: inherit;
 
       &-tr {
+        /* #ifndef dynamic*/
         display: table-row;
+        /* #endif */
         background: inherit;
 
         &:last-child {
@@ -64,7 +68,9 @@
         }
 
         &-th {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -82,7 +88,9 @@
         }
 
         &-td {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -120,11 +128,15 @@
     }
 
     &-head {
+      /* #ifndef dynamic*/
       display: table-header-group;
+      /* #endif */
     }
 
     &-body {
+      /* #ifndef dynamic*/
       display: table-row-group;
+      /* #endif */
     }
   }
 

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

@@ -23,12 +23,14 @@
   overflow-x: auto;
 }
 .nut-table-main {
+  /* #ifndef dynamic*/
   display: table;
+  width: max-content;
+  /* #endif */
   overflow-x: auto;
   color: var(--nutui-color-title);
   background-color: var(--nutui-color-surface-2);
   table-layout: fixed;
-  width: max-content;
   min-width: 100%;
   position: relative;
 }
@@ -45,14 +47,18 @@
   background: inherit;
 }
 .nut-table-main-head-tr, .nut-table-main-body-tr {
+  /* #ifndef dynamic*/
   display: table-row;
+  /* #endif */
   background: inherit;
 }
 .nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
   border-bottom: none;
 }
 .nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -66,7 +72,9 @@
   border-right: none;
 }
 .nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -94,10 +102,14 @@
   text-align: end;
 }
 .nut-table-main-head {
+  /* #ifndef dynamic*/
   display: table-header-group;
+  /* #endif */
 }
 .nut-table-main-body {
+  /* #ifndef dynamic*/
   display: table-row-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;