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

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

@@ -33,7 +33,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",
@@ -44,7 +44,8 @@ var Switch = function Switch(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = (0, _index.useRtl)();
@@ -126,7 +127,13 @@ var Switch = function Switch(props) {
     return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _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.default.createElement(_components.View, {
         className: (0, _classnames.default)([
             [

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

package/dist/cjs/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 {
-      display: table-row-group;
+      /* #ifndef dynamic*/
+      display: table-header-group;
+      /* #endif */
     }
   }
 

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

package/dist/cjs/packages/table/style-jmapp/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 {
-      display: table-row-group;
+      /* #ifndef dynamic*/
+      display: table-header-group;
+      /* #endif */
     }
   }
 

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

package/dist/cjs/packages/table/style-jrkf/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 {
-      display: table-row-group;
+      /* #ifndef dynamic*/
+      display: table-header-group;
+      /* #endif */
     }
   }
 

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

package/dist/cjs/packages/tabpane/style/style.harmony.css

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

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

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

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

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

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

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

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

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

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

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 12px);
   height: var(--nutui-tabs-tab-line-height, 2px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }