@nutui/nutui-react-taro 3.0.18-cpp.beta.1 → 3.0.19-beta.1

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/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/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

@@ -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)();
@@ -74,8 +75,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 = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var onClick = function onClick() {
+        return (0, _async_to_generator._)(function() {
             var e;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -120,16 +121,19 @@ var Switch = function Switch(props) {
                         ];
                 }
             });
-        });
-        return function onClick() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var _obj, _obj1;
     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);
@@ -56,7 +66,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);
@@ -134,9 +144,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/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 {

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);
@@ -56,7 +66,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);
@@ -134,9 +144,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/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 */
     }
   }