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

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

@@ -7,7 +7,9 @@
   color: $color-title;
   padding: $sidebar-item-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -11,7 +11,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-sidebar-item-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-sidebaritem.inactive {
   overflow: visible;

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

@@ -7,7 +7,9 @@
   color: $color-title;
   padding: $sidebar-item-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -11,7 +11,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-sidebar-item-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-sidebaritem.inactive {
   overflow: visible;

package/dist/cjs/packages/skeleton/skeleton.js

@@ -64,9 +64,11 @@ var Skeleton = function Skeleton(props) {
     };
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), animate = _useState[0], setAnimate = _useState[1];
     var playAnimation = function playAnimation() {
-        setAnimate(false); // 首先将 animate 设置为 false
+        setAnimate(false) // 首先将 animate 设置为 false
+        ;
         setTimeout(function() {
-            setAnimate(true); // 1 毫秒后再设置为 true，触发动画
+            setAnimate(true) // 1 毫秒后再设置为 true，触发动画
+            ;
         }, 10);
     };
     (0, _react.useEffect)(function() {

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

@@ -4,7 +4,12 @@
 
   &-content {
     position: relative;
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: $skeleton-line-width;
     background: $skeleton-background;
     border-radius: $skeleton-line-border-radius;

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

@@ -8,7 +8,12 @@
 }
 .nut-skeleton-content {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: var(--nutui-skeleton-line-width, 100%);
   background: var(--nutui-skeleton-background, var(--nutui-color-background-sunken, #f7f8fc));
   border-radius: var(--nutui-skeleton-line-border-radius, var(--nutui-radius-xs, 4px));

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

@@ -4,7 +4,12 @@
 
   &-content {
     position: relative;
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: $skeleton-line-width;
     background: $skeleton-background;
     border-radius: $skeleton-line-border-radius;

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

@@ -8,7 +8,12 @@
 }
 .nut-skeleton-content {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: var(--nutui-skeleton-line-width, 100%);
   background: var(--nutui-skeleton-background, var(--nutui-color-surface-1));
   border-radius: var(--nutui-skeleton-line-border-radius, 0);

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

@@ -4,7 +4,12 @@
 
   &-content {
     position: relative;
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: $skeleton-line-width;
     background: $skeleton-background;
     border-radius: $skeleton-line-border-radius;

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

@@ -8,7 +8,12 @@
 }
 .nut-skeleton-content {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: var(--nutui-skeleton-line-width, 100%);
   background: var(--nutui-skeleton-background, var(--nutui-color-surface-1));
   border-radius: var(--nutui-skeleton-line-border-radius, 0);

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

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

package/dist/cjs/packages/space/style/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/cjs/packages/space/style-jmapp/space.scss

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

package/dist/cjs/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/cjs/packages/space/style-jrkf/space.scss

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/swiper/effects/focus.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get focusEffect () {
+    focusEffect: function() {
         return focusEffect;
     },
-    get updateTransform () {
+    updateTransform: function() {
         return updateTransform;
     },
-    get useList () {
+    useList: function() {
         return useList;
     }
 });

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _swiper = require("./swiper");
 var _swiperitem = /*#__PURE__*/ _interop_require_default._(require("../swiperitem"));
 var InnerSwiper = _swiper.Swiper;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/switch/switch.js

@@ -32,7 +32,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onLoadingChange: function onLoadingChange(loading) {}
 });
 var Switch = function Switch(props) {
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "checked",
         "defaultChecked",
         "disabled",
@@ -43,7 +43,8 @@ var Switch = function Switch(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = (0, _configprovider.useRtl)();
@@ -73,8 +74,8 @@ var Switch = function Switch(props) {
             (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-close"), !value), (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
         ]);
     };
-    var onClick = function onClick() {
-        return (0, _async_to_generator._)(function() {
+    var onClick = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             var e;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -119,14 +120,23 @@ var Switch = function Switch(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function onClick() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var _obj, _obj1;
-    return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
+    return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread_props._)((0, _object_spread._)({
         className: classes(),
         onClick: onClick,
         style: style
-    }, rest), /*#__PURE__*/ _react.default.createElement("div", {
+    }, rest), {
+        role: "switch",
+        tabIndex: disabled ? -1 : 0,
+        "aria-checked": value,
+        "aria-disabled": disabled,
+        "aria-label": ariaLabel
+    }), /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)([
             [
                 "".concat(classPrefix, "-button")

package/dist/cjs/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 {