@nutui/nutui-react-taro 3.0.19-cpp.2 → 3.0.19-cpp.20

package/dist/es/packages/steps/steps.js

@@ -4,6 +4,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React from "react";
 import classNames from "classnames";
+import { View } from "@tarojs/components";
 import { DataContext } from "./context";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -34,9 +35,9 @@ export var Steps = function(props) {
     var classes = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-").concat(direction), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-count-").concat(React.Children.count(children)), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(layout), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(type), true), _define_property(_obj, "".concat(classPrefix, "-").concat(direction, "-").concat(status), true), _obj), className);
     return /*#__PURE__*/ React.createElement(DataContext.Provider, {
         value: parentSteps
-    }, /*#__PURE__*/ React.createElement("div", _object_spread({
+    }, /*#__PURE__*/ React.createElement(View, {
         className: classes
-    }, restProps), React.Children.map(children, function(child, index) {
+    }, React.Children.map(children, function(child, index) {
         if (/*#__PURE__*/ React.isValidElement(child)) {
             return /*#__PURE__*/ React.cloneElement(child, {
                 // @ts-ignore

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)));
@@ -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-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/style.harmony.css

@@ -180,7 +180,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);
@@ -201,7 +203,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)));
@@ -281,7 +288,9 @@
   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, 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/style/style.harmony.css

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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/style.harmony.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

@@ -21,7 +21,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",
@@ -32,7 +32,8 @@ export var Switch = function(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = useRtl();
@@ -114,7 +115,13 @@ export var Switch = function(props) {
     return /*#__PURE__*/ React.createElement(View, _object_spread({
         className: classes(),
         onClick: onClick,
-        style: style
+        style: style,
+        ariaRole: "switch",
+        // @ts-ignore
+        ariaChecked: value,
+        ariaDisabled: disabled,
+        tabIndex: disabled ? -1 : 0,
+        ariaLabel: ariaLabel
     }, rest), /*#__PURE__*/ React.createElement(View, {
         className: classNames([
             [

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

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

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

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

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 {
-  display: table-row-group;
+  /* #ifndef dynamic*/
+  display: table-header-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;

package/dist/es/packages/table/style/style.harmony.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 {
-  display: table-row-group;
+  /* #ifndef dynamic*/
+  display: table-header-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;